From a6663bbcee4180b8d97f6228d81770dd16fdf528 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 28 Oct 2025 17:34:38 +0800
Subject: [PATCH 01/97] QC Kak Inno 27 Oct QC Kak Ayu 27 Oct QC Keano 27 Oct QC
 Pak Jun 27 Oct

---
 .../darmasaba/(pages)/desa/potensi/page.tsx   |   4 +-
 .../desa/profile/ui/profilPerbekel.tsx        |   8 +-
 .../ekonomi/lowongan-kerja-lokal/page.tsx     |   2 +-
 .../inovasi/ajukan-ide-inovatif/page.tsx      |   2 +
 .../info-teknologi-tepat-guna/page.tsx        |  21 +-
 .../administrasi-online/page.tsx              |   8 +-
 .../detail-berita/[id]/page.tsx               |  85 ++++++
 .../detail-pengumuman/[id]/page.tsx           |  62 ++++
 .../informasi-desa/page.tsx                   | 287 ++++++++++++------
 .../pengaduan-masyarakat/page.tsx             |  14 +-
 .../artikel-kesehatan-page/page.tsx           |   6 +-
 .../fasilitas-kesehatan-page/page.tsx         |   8 +-
 .../jadwal-kegiatan-page/page.tsx             |   6 +-
 .../info-wabah-penyakit/[id]/page.tsx         |   1 -
 .../(pages)/kesehatan/kontak-darurat/page.tsx |   4 +-
 .../kesehatan/penanganan-darurat/page.tsx     |  51 ++--
 .../kesehatan/program-kesehatan/[id]/page.tsx |   8 +-
 .../kesehatan/program-kesehatan/page.tsx      |  15 +-
 .../(pages)/kesehatan/puskesmas/page.tsx      |  19 +-
 .../component/edukasiCard.tsx                 |   5 +-
 .../(pages)/pendidikan/beasiswa-desa/page.tsx |  55 ++--
 .../pelajari-lebih-lanjut/page.tsx            |  47 +--
 .../bimbingan-belajar-desa/page.tsx           |  16 +-
 .../[jenjangPendidikan]/content.tsx           | 165 +++++-----
 .../info-sekolah/_lib/layoutTabs.tsx          |   2 +
 .../pendidikan/info-sekolah/semua/page.tsx    |  19 +-
 .../page.tsx                                  |  46 +--
 27 files changed, 629 insertions(+), 337 deletions(-)
 create mode 100644 src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-berita/[id]/page.tsx
 create mode 100644 src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-pengumuman/[id]/page.tsx

diff --git a/src/app/darmasaba/(pages)/desa/potensi/page.tsx b/src/app/darmasaba/(pages)/desa/potensi/page.tsx
index 5f2e1236..2bcced1d 100644
--- a/src/app/darmasaba/(pages)/desa/potensi/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/potensi/page.tsx
@@ -2,7 +2,7 @@
 'use client'
 import potensiDesaState from '@/app/admin/(dashboard)/_state/desa/potensi';
 import colors from '@/con/colors';
-import { BackgroundImage, Box, Button, Center, Flex, Group, Paper, SimpleGrid, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { BackgroundImage, Box, Button, Center, Flex, Group, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
 import { IconEye } from '@tabler/icons-react';
 import { useTransitionRouter } from 'next-view-transitions';
 import { useEffect, useState } from 'react';
@@ -114,7 +114,6 @@ function Page() {
                     </Text>
                   </Box>
                   <Group justify="center">
-                    <Tooltip label="Lihat detail potensi" withArrow>
                       <Button
                         radius="xl"
                         size="md"
@@ -126,7 +125,6 @@ function Page() {
                       >
                         Lihat Detail
                       </Button>
-                    </Tooltip>
                   </Group>
                 </Stack>
               </BackgroundImage>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
index 887ffdaf..461f4b2a 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
@@ -95,7 +95,7 @@ function ProfilPerbekel() {
             <Box>
               <Stack gap={6}>
                 <Stack align="center" gap={6}>
-                  <IconUser size={22} color={colors['blue-button']} />
+                  <IconUser size={22} />
                   <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Biodata</Text>
                 </Stack>
                 <Text
@@ -111,7 +111,7 @@ function ProfilPerbekel() {
             <Box>
               <Stack gap={6}>
                 <Stack align="center" gap={6}>
-                  <IconBriefcase size={22} color={colors['blue-button']} />
+                  <IconBriefcase size={22} />
                   <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Pengalaman</Text>
                 </Stack>
                 <Text
@@ -138,7 +138,7 @@ function ProfilPerbekel() {
         <Stack gap="xl">
           <Box>
             <Stack align="center" gap={6} >
-              <IconUsers size={22} color={colors['blue-button']} />
+              <IconUsers size={22} />
               <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Pengalaman Organisasi</Text>
             </Stack>
             <Text
@@ -152,7 +152,7 @@ function ProfilPerbekel() {
 
           <Box>
             <Stack align="center" gap={6} mb={6}>
-              <IconTargetArrow size={22} color={colors['blue-button']} />
+              <IconTargetArrow size={22} />
               <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Program Kerja Unggulan</Text>
             </Stack>
             <Box px={10}>
diff --git a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
index 00ee1683..7507e6ce 100644
--- a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -52,7 +52,7 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }}>
+      <Box px={{ base: 'md', md: 100 }} pb={80}>
         <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
           Lowongan Kerja Lokal
         </Text>
diff --git a/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
index 5aafcf44..25408048 100644
--- a/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
@@ -55,6 +55,7 @@ function Page() {
             }}
           >
             <Paper p={'xl'} >
+              <Stack gap={"xs"}>
               <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>Tujuan Ide Inovatif Ini</Text>
               <List>
                 <ListItem ta={'justify'} fz={{ base: 'h4', md: 'lg' }}>Mendorong partisipasi aktif masyarakat</ListItem>
@@ -62,6 +63,7 @@ function Page() {
                 <ListItem ta={'justify'} fz={{ base: 'h4', md: 'lg' }}>Memecahkan tantangan komunal</ListItem>
                 <ListItem ta={'justify'} fz={{ base: 'h4', md: 'lg' }}>Mengembangkan potensi kreativitas warga</ListItem>
               </List>
+              </Stack>
             </Paper>
             <Paper p={'xl'} >
               <Flex align={'center'} justify={'space-between'}>
diff --git a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
index 6a36f0f2..ca16da90 100644
--- a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -71,11 +71,22 @@ function Page() {
             {filteredData.map((v, k) => {
               return (
                 <Paper p={'xl'} key={k}>
-                  <Image src={v.image.link || ''} pb={10} radius={10} alt='' loading="lazy"/>
-                  <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.name}</Text>
-                  <Box pr={'lg'} pb={10}>
-                    <Text fz={'h4'} fw={'bold'} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
-                  </Box>
+                  <Stack gap={"xs"}>
+                    <Image src={v.image.link || ''} pb={10} radius={10} alt='' loading="lazy" />
+                    <Text fz={'h3'} fw={'bold'}>{v.name}</Text>
+                    <Box pr={'lg'} pb={10}>
+                      <Text
+                        size="md"
+                        ta="justify"
+                        lh={1} // line height biar enak dibaca
+                        style={{
+                          wordBreak: "break-word",
+                          whiteSpace: "normal",
+                        }}
+                        dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                      />
+                    </Box>
+                  </Stack>
                 </Paper>
               )
             })}
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx
index ca88dddc..4f848982 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx
@@ -75,18 +75,18 @@ function AdministrasiOnline() {
             <Title order={3}>Ajukan Administrasi Online</Title>
             <TextInput
               label={<Text fz="sm" fw="bold">Nama</Text>}
-              placeholder="masukkan nama"
+              placeholder="Masukkan nama"
               onChange={(val) => (state.administrasiOnline.create.form.name = val.target.value)}
             />
             <TextInput
               label={<Text fz="sm" fw="bold">Alamat</Text>}
-              placeholder="masukkan alamat"
+              placeholder="Masukkan alamat"
               onChange={(val) => (state.administrasiOnline.create.form.alamat = val.target.value)}
             />
             <TextInput
               type="number"
               label={<Text fz="sm" fw="bold">Nomor Telepon</Text>}
-              placeholder="masukkan nomor telepon"
+              placeholder="Masukkan nomor telepon"
               onChange={(val) => (state.administrasiOnline.create.form.nomorTelepon = val.target.value)}
             />
             <Select
@@ -95,7 +95,7 @@ function AdministrasiOnline() {
                 state.administrasiOnline.create.form.jenisLayananId = val ?? "";
               }}
               label={<Text fw={"bold"} fz={"sm"}>Jenis Layanan</Text>}
-              placeholder="Pilih kategori produk"
+              placeholder="Pilih jenis layanan"
               data={
                 state.jenisLayanan.findMany.data?.map((v) => ({
                   value: v.id,
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-berita/[id]/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-berita/[id]/page.tsx
new file mode 100644
index 00000000..bf5301ed
--- /dev/null
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-berita/[id]/page.tsx
@@ -0,0 +1,85 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import stateDashboardBerita from '@/app/admin/(dashboard)/_state/desa/berita';
+import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
+import colors from '@/con/colors';
+import { Box, Center, Container, Image, Skeleton, Stack, Text } from '@mantine/core';
+import { useParams } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { useProxy } from 'valtio/utils';
+
+
+
+function Page() {
+  const params = useParams<{ id: string }>();
+  const id = Array.isArray(params.id) ? params.id[0] : params.id;
+  const state = useProxy(stateDashboardBerita.berita)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    const loadData = async () => {
+      if (!id) return;
+      try {
+        setLoading(true);
+        await state.findUnique.load(id);
+      } catch (error) {
+        console.error('Error loading data:', error);
+      } finally {
+        setLoading(false);
+      }
+    }
+    loadData()
+  }, [id])
+
+  if (loading) {
+    return (
+      <Center>
+        <Skeleton height={500} />
+      </Center>
+    );
+  }
+
+  if (!state.findUnique.data) {
+    return (
+      <Center>
+        <Text>Data tidak ditemukan</Text>
+      </Center>
+    );
+  }
+
+
+  return (
+    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
+      <Box px={{ base: "md", md: 100 }}>
+        <BackButton />
+      </Box>
+      <Container w={{ base: "100%", md: "50%" }} >
+        <Box pb={20}>
+          <Text ta={"center"} fz={"2.4rem"} c={colors["blue-button"]} fw={"bold"}>
+            {state.findUnique.data?.judul}
+          </Text>
+        </Box>
+        <Image src={state.findUnique.data?.image?.link || ''} alt='' w={"100%"} loading="lazy" />
+      </Container>
+      <Box px={{ base: "md", md: 100 }}>
+        <Stack gap={"xs"}>
+          <Text
+            py={20}
+            fz={{ base: "sm", md: "lg" }}
+            lh={{ base: 1.6, md: 1.8 }} // ✅ line-height lebih rapat dan responsif
+            ta="justify"
+            style={{
+              wordBreak: "break-word",
+              whiteSpace: "normal",
+            }}
+            dangerouslySetInnerHTML={{
+              __html: state.findUnique.data?.content || "",
+            }}
+          />
+        </Stack>
+      </Box>
+    </Stack>
+  );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-pengumuman/[id]/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-pengumuman/[id]/page.tsx
new file mode 100644
index 00000000..eab85456
--- /dev/null
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/detail-pengumuman/[id]/page.tsx
@@ -0,0 +1,62 @@
+'use client'
+import stateDesaPengumuman from '@/app/admin/(dashboard)/_state/desa/pengumuman';
+import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
+import colors from '@/con/colors';
+import { Box, Container, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useParams } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+
+
+function Page() {
+  const detail = useProxy(stateDesaPengumuman.pengumuman.findUnique)
+
+  const params = useParams()
+
+  useShallowEffect(() => {
+    stateDesaPengumuman.pengumuman.findUnique.load(params?.id as string)
+  }, [])
+
+  if (!detail.data) {
+    return (
+      <Box>
+        <Skeleton h={400} />
+      </Box>
+    )
+  }
+  return (
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
+      {/* Header */}
+      <Box px={{ base: "md", md: 100 }}>
+        <BackButton />
+      </Box>
+      <Container size="lg" px="md">
+        <Stack gap="xs" >
+            <Group justify={"space-between"} align={"center"}>
+              <Text fz={{ base: "2rem", md: "2rem" }} c={colors["blue-button"]} fw="bold" >
+                {detail.data?.judul}
+              </Text>
+              <Group justify='end'>
+                <Paper bg={colors['blue-button']} p={5}>
+                  <Text  c={colors['white-1']}>{detail.data?.CategoryPengumuman?.name}</Text>
+                </Paper>
+              </Group>
+            </Group>
+          <Paper bg={colors["white-1"]} p="md">
+            <Text fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
+            <Text fz={"md"} c={colors["blue-button"]} fw="bold" >
+              {new Date(detail.data?.createdAt).toLocaleDateString('id-ID', {
+                weekday: 'long',
+                day: 'numeric',
+                month: 'long',
+                year: 'numeric'
+              })}
+            </Text>
+          </Paper>
+        </Stack>
+      </Container>
+    </Stack>
+  );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx
index 9538a594..1a04df06 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx
@@ -1,20 +1,23 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import stateDashboardBerita from '@/app/admin/(dashboard)/_state/desa/berita';
+import stateDesaPengumuman from '@/app/admin/(dashboard)/_state/desa/pengumuman';
 import colors from '@/con/colors';
-import { Box, Card, Divider, Grid, GridCol, Image, Paper, Stack, Text, Title } from '@mantine/core';
+import { Badge, Box, Card, Divider, Grid, GridCol, Group, Image, Paper, Stack, Text, Title } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../../desa/layanan/_com/BackButto';
-import stateDesaPengumuman from '@/app/admin/(dashboard)/_state/desa/pengumuman';
+import { useTransitionRouter } from 'next-view-transitions';
+import { motion } from "framer-motion";
 
 dayjs.extend(relativeTime);
 
 function InformasiDesa() {
-  const stateBerita = useProxy(stateDashboardBerita.berita)
-  const statePengumuman = useProxy(stateDesaPengumuman.pengumuman)
+  const router = useTransitionRouter()
+  const stateBerita = useProxy(stateDashboardBerita.berita);
+  const statePengumuman = useProxy(stateDesaPengumuman.pengumuman);
 
   useEffect(() => {
     stateBerita.findFirst.load();
@@ -23,116 +26,216 @@ function InformasiDesa() {
     statePengumuman.findRecent.load();
   }, []);
 
-  const dataBerita = stateBerita.findFirst.data
-  const dataPengumuman = statePengumuman.findFirst.data
-
+  const dataBerita = stateBerita.findFirst.data;
+  const dataPengumuman = statePengumuman.findFirst.data;
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap={22}>
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} >
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <Title ta="center" fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
           Informasi Desa
-        </Text>
+        </Title>
       </Box>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={10}>
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <Stack gap={30}>
+
+          {/* === BERITA UTAMA === */}
           {dataBerita && (
-            <Paper shadow="md" radius="md" p="md">
-              <Grid>
-                <GridCol span={{ md: 6, base: 12 }}>
-                  <Image
-                    src={dataBerita.image?.link || "/fallback.jpg"}
-                    alt={dataBerita.judul}
-                    radius="md"
-                    fit="cover"
-                    height={250}
-                    maw={600}
-                    loading="lazy"
-                  />
-                </GridCol>
-                <GridCol span={{ md: 6, base: 12 }}>
-                  <Box>
-                    <Text fz="sm" c="dimmed">{dataBerita.kategoriBerita?.name} • {dayjs(dataBerita.createdAt).fromNow()}</Text>
-                    <Title order={1} fw="bold">{dataBerita.judul}</Title>
-                    <Text ta={"justify"} mt="xs" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: dataBerita.content }} />
-                  </Box>
-                </GridCol>
-              </Grid>
-            </Paper>
+            <motion.div
+              whileHover={{ scale: 1.05 }}
+              whileTap={{ scale: 0.95 }}
+              style={{ cursor: "pointer" }}
+              onClick={() => router.push(`/darmasaba/inovasi/layanan-online-desa/informasi-desa/detail-berita/${dataBerita.id}`)}
+            >
+              <Paper shadow="md" radius="lg" p="lg" withBorder>
+                <Grid align="center" gutter="xl">
+                  <GridCol span={{ base: 12, md: 6 }}>
+                    <Image
+                      src={dataBerita.image?.link || '/fallback.jpg'}
+                      alt={dataBerita.judul}
+                      radius="md"
+                      fit="cover"
+                      height={280}
+                      loading="lazy"
+                      style={{ objectPosition: 'center' }}
+                    />
+                  </GridCol>
+                  <GridCol span={{ base: 12, md: 6 }}>
+                    <Stack gap="xs">
+                      <Title order={2} fw={800}>
+                        {dataBerita.judul}
+                      </Title>
+                      <Group justify='space-between'>
+                        <Badge bg={colors['blue-button']}>
+                          {dataBerita.kategoriBerita?.name}
+                        </Badge>
+                        <Text fz="sm" c="dimmed">
+                          {dayjs(dataBerita.createdAt).fromNow()}
+                        </Text>
+                      </Group>
+                      <Text
+                        ta="justify"
+                        mt="xs"
+                        fz="md"
+                        lh={1.7}
+                        lineClamp={6}
+                        style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                        dangerouslySetInnerHTML={{ __html: dataBerita.content }}
+                      />
+                    </Stack>
+                  </GridCol>
+                </Grid>
+              </Paper>
+            </motion.div>
           )}
-          <Stack py={10}>
-            <Title order={3}>Berita Terbaru</Title>
-            <Grid>
+
+          {/* === BERITA TERBARU === */}
+          <Stack>
+            <Title order={3} fw={700}>
+              Berita Terbaru
+            </Title>
+            <Grid gutter="xl">
               {stateBerita.findRecent.data.map((item) => (
                 <GridCol span={{ base: 12, sm: 6, md: 3 }} key={item.id}>
-                  <Card shadow="sm" radius="md" withBorder h="100%">
-                    <Card.Section>
-                      <Image
-                        src={item.image?.link || "/placeholder.jpg"}
-                        alt={item.judul}
-                        height={160} // gambar fix height
-                        fit="cover"
-                        loading="lazy"
-                      />
-                    </Card.Section>
-                    <Stack gap="xs" mt="sm">
-                      <Text fw={600} lineClamp={2}>
-                        {item.judul}
-                      </Text>
-                      <Text size="sm" color="dimmed" lineClamp={2}>
-                        {item.deskripsi}
-                      </Text>
-                      <Text size="xs" c="gray">
-                        {dayjs(item.createdAt).fromNow()}
-                      </Text>
-                    </Stack>
-                  </Card>
+                  <motion.div
+                    whileHover={{ scale: 1.05 }}
+                    whileTap={{ scale: 0.95 }}
+                    style={{ cursor: "pointer" }}
+                    onClick={() => router.push(`/darmasaba/inovasi/layanan-online-desa/informasi-desa/detail-berita/${item.id}`)}
+                  >
+                    <Card
+                      shadow="sm"
+                      radius="md"
+                      withBorder
+                      h="100%"
+                    >
+                      <Card.Section>
+                        <Image
+                          src={item.image?.link || '/placeholder.jpg'}
+                          alt={item.judul}
+                          height={160}
+                          fit="cover"
+                          radius="sm"
+                          loading="lazy"
+                        />
+                      </Card.Section>
+                      <Stack gap={4} mt="sm">
+                        <Text ta="justify"
+                          size="sm"
+                          c="dimmed"
+                          lineClamp={3}
+                          style={{
+                            wordBreak: "break-word",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "normal",
+                            lineHeight: 1.5,
+                            display: "-webkit-box",
+                            WebkitLineClamp: 3,
+                            WebkitBoxOrient: "vertical",
+                          }}
+                          dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }} />
+                        <Text size="xs" c="gray">
+                          {dayjs(item.createdAt).fromNow()}
+                        </Text>
+                      </Stack>
+                    </Card>
+                  </motion.div>
                 </GridCol>
               ))}
             </Grid>
-
           </Stack>
-          <Divider color={colors['blue-button']} my="md" />
-          <Grid>
-            <GridCol span={{ md: 6, base: 12 }}>
+
+          <Divider color={colors['blue-button']} my="lg" />
+
+          {/* === PENGUMUMAN === */}
+          <Grid gutter="xl" align="stretch">
+            <GridCol span={{ base: 12, md: 6 }}>
               {dataPengumuman && (
-                <Paper h={"97%"} shadow="md" radius="md" p="md">
-                  <Stack gap={"xs"}>
-                    <Title order={1} fw="bold">{dataPengumuman.judul}</Title>
-                    <Text fz="sm" c="dimmed">{dataPengumuman.CategoryPengumuman?.name} • {dayjs(dataPengumuman.createdAt).fromNow()}</Text>
-                    <Box>
-                      <Text ta={"justify"} mt="xs" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: dataPengumuman.content }} />
-                    </Box>
-                  </Stack>
-                </Paper>
+                <motion.div
+                  onClick={() => router.push(`/darmasaba/inovasi/layanan-online-desa/informasi-desa/detail-pengumuman/${dataPengumuman.id}`)}
+                  whileHover={{ scale: 1.05 }}
+                  whileTap={{ scale: 0.95 }}
+                  style={{ cursor: "pointer" }}
+                >
+                  <Paper shadow="md" radius="lg" p="lg" h="100%" withBorder>
+                    <Stack gap="xs">
+                      <Title order={2} fw={800}>
+                        {dataPengumuman.judul}
+                      </Title>
+                      <Group justify='space-between'>
+                        <Badge bg={colors['blue-button']}>
+                          {dataPengumuman.CategoryPengumuman?.name}
+                        </Badge>
+                        <Text fz="sm" c="dimmed">
+                          {dayjs(dataPengumuman.createdAt).fromNow()}
+                        </Text>
+                      </Group>
+                      <Text
+                        ta="justify"
+                        mt="xs"
+                        fz="md"
+                        lh={1.7}
+                        lineClamp={8}
+                        style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                        dangerouslySetInnerHTML={{ __html: dataPengumuman.content }}
+                      />
+                    </Stack>
+                  </Paper>
+                </motion.div>
               )}
             </GridCol>
-            <GridCol span={{ md: 6, base: 12 }}>
-              <Stack py={10}>
-                <Title order={3}>Pengumuman Terbaru</Title>
-                <Grid>
+
+            <GridCol span={{ base: 12, md: 6 }}>
+              <Stack>
+                <Title order={3} fw={700}>
+                  Pengumuman Terbaru
+                </Title>
+                <Grid gutter="lg">
                   {statePengumuman.findRecent.data.map((item) => (
-                    <GridCol span={{ base: 12, sm: 8, md: 6 }} key={item.id}>
-                      <Card shadow="sm" radius="md" withBorder h="100%">
-                        <Stack gap="xs" mt="sm">
-                          <Text fw={600} lineClamp={2}>
-                            {item.judul}
-                          </Text>
-                          <Text size="sm" color="dimmed" lineClamp={2}>
-                            {item.deskripsi}
-                          </Text>
-                          <Text size="xs" c="gray">
-                            {dayjs(item.createdAt).fromNow()}
-                          </Text>
-                        </Stack>
-                      </Card>
+                    <GridCol span={{ base: 12, sm: 6 }} key={item.id}>
+                      <motion.div
+                        whileHover={{ scale: 1.05 }}
+                        whileTap={{ scale: 0.95 }}
+                        style={{ cursor: "pointer" }}
+                        onClick={() => router.push(`/darmasaba/inovasi/layanan-online-desa/informasi-desa/detail-pengumuman/${item.id}`)}
+                      >
+                        <Card
+                          shadow="xs"
+                          radius="md"
+                          withBorder
+                          h="100%"
+                          p="md"
+                          style={{ transition: '0.2s ease' }}
+                          className="hover:shadow-md"
+                        >
+                          <Stack gap="xs">
+                            <Text fw={600} lineClamp={2}>
+                              {item.judul}
+                            </Text>
+                            <Text
+                              ta="justify"
+                              mt="xs"
+                              fz="md"
+                              lh={1.7}
+                              lineClamp={2}
+                              style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                              dangerouslySetInnerHTML={{ __html: item.content }}
+                            />
+                            <Text size="xs" c="gray">
+                              {dayjs(item.createdAt).fromNow()}
+                            </Text>
+                          </Stack>
+                        </Card>
+                      </motion.div>
                     </GridCol>
                   ))}
                 </Grid>
-
               </Stack>
             </GridCol>
           </Grid>
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
index 1f9e10a6..84392b6f 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
@@ -100,33 +100,33 @@ function PengaduanMasyarakat() {
             <Title order={3}>Ajukan Pengaduan Masyarakat</Title>
             <TextInput
               label={<Text fz="sm" fw="bold">Nama</Text>}
-              placeholder="masukkan nama"
+              placeholder="Masukkan nama"
               onChange={(val) => (state.pengaduanMasyarakat.create.form.name = val.target.value)}
             />
             <TextInput
               label={<Text fz="sm" fw="bold">Email</Text>}
-              placeholder="masukkan email"
+              placeholder="Masukkan email"
               onChange={(val) => (state.pengaduanMasyarakat.create.form.email = val.target.value)}
             />
             <TextInput
               type="number"
               label={<Text fz="sm" fw="bold">Nomor Telepon</Text>}
-              placeholder="masukkan nomor telepon"
+              placeholder="Masukkan nomor telepon"
               onChange={(val) => (state.pengaduanMasyarakat.create.form.nomorTelepon = val.target.value)}
             />
             <TextInput
               label={<Text fz="sm" fw="bold">NIK</Text>}
-              placeholder="masukkan nik"
+              placeholder="Masukkan nik"
               onChange={(val) => (state.pengaduanMasyarakat.create.form.nik = val.target.value)}
             />
             <TextInput
               label={<Text fz="sm" fw="bold">Judul Pengaduan</Text>}
-              placeholder="masukkan judul pengaduan"
+              placeholder="Masukkan judul pengaduan"
               onChange={(val) => (state.pengaduanMasyarakat.create.form.judulPengaduan = val.target.value)}
             />
             <TextInput
               label={<Text fz="sm" fw="bold">Lokasi Kejadian</Text>}
-              placeholder="masukkan lokasi kejadian"
+              placeholder="Masukkan lokasi kejadian"
               onChange={(val) => (state.pengaduanMasyarakat.create.form.lokasiKejadian = val.target.value)}
             />
             <Box>
@@ -144,7 +144,7 @@ function PengaduanMasyarakat() {
                 state.pengaduanMasyarakat.create.form.jenisPengaduanId = val ?? "";
               }}
               label={<Text fw={"bold"} fz={"sm"}>Jenis Pengaduan</Text>}
-              placeholder="Pilih kategori produk"
+              placeholder="Pilih jenis pengaduan"
               data={
                 state.jenisPengaduan.findMany.data?.map((v) => ({
                   value: v.id,
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
index defb85c2..f38c60a1 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
@@ -54,14 +54,14 @@ function ArtikelKesehatanPage() {
                   <Image style={{ borderTopLeftRadius: '10px', borderTopRightRadius: '10px' }} src={item.image?.link} alt={item.title} height={200} fit="cover" loading="lazy" />
                 </Card.Section>
                 <Stack gap="xs" mt="md">
-                  <Text fw="bold" fz="xl" c="dark">{item.title}</Text>
+                  <Text fw="bold" fz="xl" c={colors['blue-button']}>{item.title}</Text>
                   <Group gap="xs">
-                    <IconCalendar size={16} color={colors['blue-button']} />
+                    <IconCalendar size={16} color='gray' />
                     <Text fz="sm" c="dimmed">
                       {new Date(item.createdAt).toLocaleDateString('id-ID', { year: 'numeric', month: 'long', day: 'numeric' })} • Dinas Kesehatan
                     </Text>
                   </Group>
-                  <Text fz="md" c="dark" lineClamp={3}>
+                  <Text fz="md" lineClamp={3}>
                     {item.content}
                   </Text>
                   <Group justify="flex-start">
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
index 19cf6095..6c843f0c 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
@@ -73,14 +73,14 @@ function FasilitasKesehatanPage() {
                       </Badge>
                     </Group>
                     <Group gap="xs">
-                      <IconMapPin size={18} stroke={1.5} color={colors['blue-button']} />
-                      <Text fz="sm" c="dimmed">
+                      <IconMapPin size={18} stroke={1.5} />
+                      <Text fz="sm">
                         {item.informasiumum.alamat}
                       </Text>
                     </Group>
                     <Group gap="xs">
-                      <IconClock size={18} stroke={1.5} color={colors['blue-button']} />
-                      <Text fz="sm" c="dimmed">
+                      <IconClock size={18} stroke={1.5} />
+                      <Text fz="sm">
                         {item.informasiumum.jamOperasional}
                       </Text>
                     </Group>
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx
index c805b546..c7bcc1e9 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx
@@ -49,7 +49,7 @@ function JadwalKegiatanPage() {
               >
                 <Stack gap="sm">
                   <Group justify="space-between">
-                    <Text fw={700} fz="xl">
+                    <Text fw={700} fz="xl" c={colors['blue-button']}>
                       {item.informasijadwalkegiatan.name}
                     </Text>
                     <Text fw={600} fz="sm" c={colors['blue-button']}>
@@ -62,12 +62,12 @@ function JadwalKegiatanPage() {
                   </Group>
 
                   <Group gap="xs">
-                    <IconClockHour4 size={18} color={colors['blue-button']} />
+                    <IconClockHour4 size={18} />
                     <Text fz="sm">{item.informasijadwalkegiatan.waktu}</Text>
                   </Group>
 
                   <Group gap="xs">
-                    <IconMapPin size={18} color={colors['blue-button']} />
+                    <IconMapPin size={18} />
                     <Text fz="sm">{item.informasijadwalkegiatan.lokasi}</Text>
                   </Group>
 
diff --git a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
index 706a8011..cb19a507 100644
--- a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
@@ -73,7 +73,6 @@ function DetailInfoWabahPenyakitUser() {
             <Text fz="lg" fw="bold">Deskripsi</Text>
             <Text
               fz="md"
-              c="dimmed"
               dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }}
               style={{ wordBreak: "break-word", whiteSpace: "normal" }}
             />
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
index b07c1ea5..5ca70ed1 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
@@ -53,7 +53,7 @@ function Page() {
           <Text fz={{ base: '2rem', md: '2.8rem' }} c={colors['blue-button']} fw={800}>
             Kontak Darurat
           </Text>
-          <Text c="dimmed" fz="md" mt={4}>
+          <Text fz="md" mt={4}>
             Hubungi layanan penting dengan cepat dan mudah
           </Text>
         </GridCol>
@@ -128,7 +128,7 @@ function Page() {
                   <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
                     {v.name}
                   </Text>
-                  <Text fz="sm" c="dimmed" ta="center" lineClamp={3}>
+                  <Text fz="sm" ta="center" lineClamp={3}>
                     <span style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
                   </Text>
                   <Button
diff --git a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
index 303462ae..d08080c8 100644
--- a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
@@ -52,7 +52,7 @@ function Page() {
           <Text fz={{ base: 30, md: 40 }} c={colors['blue-button']} fw={800} lh={1.2}>
             Penanganan Darurat
           </Text>
-          <Text fz="md" c="dimmed" mt={4}>
+          <Text fz="md" mt={4}>
             Informasi cepat dan jelas untuk situasi darurat kesehatan
           </Text>
         </GridCol>
@@ -105,36 +105,28 @@ function Page() {
                 onMouseLeave={(e) => (e.currentTarget.style.transform = 'translateY(0)')}
               >
                 <Stack align="center" gap="md">
-                  <Center>
-                    <Box
+                  <Box
+                    style={{
+                      width: '100%',
+                      aspectRatio: '16/9',
+                      borderRadius: '12px',
+                      overflow: 'hidden',
+                      position: 'relative',
+                    }}
+                  >
+                    <Image
+                      src={v.image.link}
+                      alt={v.name}
+                      fit="cover"
+                      loading="lazy"
                       style={{
                         width: '100%',
-                        height: 180, // 🔥 tinggi fix biar semua seragam
-                        borderRadius: 12,
-                        overflow: 'hidden',
-                        position: 'relative',
-                        backgroundColor: '#f0f2f5', // fallback kalau gambar loading
+                        height: '100%',
+                        transition: 'transform 0.4s ease',
                       }}
-                    >
-                      <Image
-                        src={v.image?.link || '/img/default.png'}
-                        alt={v.name}
-                        fit="cover"
-                        width="100%"
-                        height="100%"
-                        loading="lazy"
-                        style={{
-                          objectFit: 'cover',
-                          objectPosition: 'center',
-                          transition: 'transform 0.4s ease',
-                        }}
-                        onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
-                        onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
-                      />
-                    </Box>
+                    />
+                  </Box>
 
-
-                  </Center>
                   <Stack gap={4} w="100%">
                     <Text
                       fz="lg"
@@ -147,8 +139,7 @@ function Page() {
                     </Text>
                     <Box>
                       <Text
-                        fz="sm"
-                        c="dimmed"
+                        fz="md"
                         lineClamp={3}
                         dangerouslySetInnerHTML={{ __html: v.deskripsi }}
                         style={{ wordBreak: "break-word", whiteSpace: "normal" }}
@@ -159,6 +150,8 @@ function Page() {
                       size="md"
                       component="a"
                       href={`/darmasaba/kesehatan/penanganan-darurat/${v.id}`}
+                      bg={colors['blue-button']}
+                      c="white"
                     >
                       Lihat Detail
                     </Button>
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
index 1d387b83..c60b38cc 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
@@ -28,10 +28,11 @@ function Page() {
   }
 
   return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="xl">
+    <Stack bg={colors.Bg} py="xl" gap="xl">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
+      <Box px={{ base: 'md', md: 100 }}>
       <Paper
         px={{ base: 'md', md: 100 }}
         py="xl"
@@ -70,7 +71,7 @@ function Page() {
           <Group gap="xl">
             <Group gap="xs">
               <Tooltip label="Tanggal dibuat" withArrow>
-                <IconCalendar size={20} stroke={1.5} />
+                <IconCalendar color='gray' size={20} stroke={1.5} />
               </Tooltip>
               <Text size="sm" c="dimmed">
                 {state.findUnique.data.createdAt
@@ -84,13 +85,14 @@ function Page() {
             </Group>
             <Group gap="xs">
               <Tooltip label="Dibuat oleh" withArrow>
-                <IconUser size={20} stroke={1.5} />
+                <IconUser color='gray' size={20} stroke={1.5} />
               </Tooltip>
               <Text size="sm" c="dimmed">Admin Desa</Text>
             </Group>
           </Group>
         </Stack>
       </Paper>
+      </Box>
     </Stack>
   );
 }
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
index f7ab0887..ed5a360f 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
@@ -1,4 +1,5 @@
 'use client'
+import programKesehatan from "@/app/admin/(dashboard)/_state/kesehatan/program-kesehatan/programKesehatan";
 import colors from "@/con/colors";
 import {
   Box,
@@ -15,9 +16,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Tooltip,
-  Transition,
+  Transition
 } from "@mantine/core";
+import { useDebouncedValue, useShallowEffect } from "@mantine/hooks";
 import {
   IconBarbell,
   IconCalendar,
@@ -26,12 +27,10 @@ import {
   IconUser,
   IconUsersGroup,
 } from "@tabler/icons-react";
-import BackButton from "../../desa/layanan/_com/BackButto";
-import { useProxy } from "valtio/utils";
-import programKesehatan from "@/app/admin/(dashboard)/_state/kesehatan/program-kesehatan/programKesehatan";
-import { useState } from "react";
-import { useDebouncedValue, useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { useProxy } from "valtio/utils";
+import BackButton from "../../desa/layanan/_com/BackButto";
 
 const manfaatProgram = [
   {
@@ -194,7 +193,6 @@ export default function Page() {
                           <Text size="sm">Admin Desa</Text>
                         </Group>
                       </Group>
-                      <Tooltip label="Lihat detail program" withArrow>
                         <Button
                           mt="lg"
                           fullWidth
@@ -211,7 +209,6 @@ export default function Page() {
                         >
                           Lihat Detail
                         </Button>
-                      </Tooltip>
                     </Box>
                   </Stack>
                 </Paper>
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
index 02bf84c7..ed15017d 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
@@ -93,20 +93,23 @@ function Page() {
                     <Text fw={600} fz="lg" lineClamp={1}>{v.name}</Text>
                     <Badge color="blue" variant="light" radius="sm" fz="xs">Aktif</Badge>
                   </Group>
-                  <Stack gap={4}>
-                    <Group gap="xs">
-                      <IconMapPin size={16} />
-                      <Text fz="sm" c="dimmed" lineClamp={2}>{v.alamat}</Text>
+                  <Stack gap={6}>
+                    <Group gap="xs" align="flex-start" wrap="nowrap">
+                      <Box pt={2}><IconMapPin size={16} /></Box>
+                      <Text fz="sm" c="dimmed">{v.alamat}</Text>
                     </Group>
-                    <Group gap="xs">
-                      <IconPhone size={16} />
+
+                    <Group gap="xs" align="flex-start" wrap="nowrap">
+                      <Box pt={2}><IconPhone size={16} /></Box>
                       <Text fz="sm" c="dimmed">{v.kontak.kontakPuskesmas}</Text>
                     </Group>
-                    <Group gap="xs">
-                      <IconMail size={16} />
+
+                    <Group gap="xs" align="flex-start" wrap="nowrap">
+                      <Box pt={2}><IconMail size={16} /></Box>
                       <Text fz="sm" c="dimmed">{v.kontak.email}</Text>
                     </Group>
                   </Stack>
+
                   <Anchor
                     href={`/darmasaba/kesehatan/puskesmas/${v.id}`}
                     fz="sm"
diff --git a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
index e3c91c50..a91947bf 100644
--- a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
@@ -45,9 +45,8 @@ export function EdukasiCard({ icon, title, description, color = '#1e88e5' }: Edu
                   alignItems: 'center',
                   justifyContent: 'center'
                 }}
-              >
-                {title}
-              </Text>
+                dangerouslySetInnerHTML={{ __html: title }}
+              />
             </Tooltip>
           </Stack>
           <Text
diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
index 05d7bcb2..3c414f14 100644
--- a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
@@ -1,13 +1,13 @@
 'use client'
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Image, Modal, Pagination, Paper, Select, SimpleGrid, Skeleton, Stack, Stepper, StepperStep, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Center, Group, Image, Modal, Pagination, Paper, Select, SimpleGrid, Skeleton, Stack, Stepper, Text, TextInput, Title } from '@mantine/core';
 import { useDisclosure, useShallowEffect } from '@mantine/hooks';
 import { IconArrowRight, IconCoin, IconInfoCircle, IconSchool, IconUsers } from '@tabler/icons-react';
+import { useTransitionRouter } from 'next-view-transitions';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
-import { useTransitionRouter } from 'next-view-transitions';
 
 const dataBeasiswa = [
   { id: 1, nama: 'Penerima Beasiswa', jumlah: '250+', icon: IconUsers },
@@ -27,7 +27,7 @@ function Page() {
       tempatLahir: "",
       tanggalLahir: "",
       jenisKelamin: "",
-      kewarganegaraan: "",
+      kewarganegaraan: "WNI",
       agama: "",
       alamatKTP: "",
       alamatDomisili: "",
@@ -50,9 +50,21 @@ function Page() {
     close();
   };
 
+  const timeline = [
+    { label: "1 Maret 2025", desc: "Pembukaan Pendaftaran", date: new Date("2025-03-01") },
+    { label: "15 Maret 2025", desc: "Seleksi Administrasi", date: new Date("2025-03-15") },
+    { label: "1 April 2025", desc: "Tes Potensi Akademik", date: new Date("2025-04-01") },
+    { label: "15 April 2025", desc: "Wawancara", date: new Date("2025-04-15") },
+    { label: "1 Mei 2025", desc: "Pengumuman Hasil", date: new Date("2025-05-01") },
+  ];
+
   const [active, setActive] = useState(1);
-  const nextStep = () => setActive((current) => (current < 5 ? current + 1 : current));
-  const prevStep = () => setActive((current) => (current > 0 ? current - 1 : current));
+  useShallowEffect(() => {
+    const today = new Date();
+    // cari berapa banyak tanggal yang sudah lewat
+    const doneSteps = timeline.filter(item => today >= item.date).length;
+    setActive(doneSteps); // active step diset sesuai tanggal
+  }, []);
 
   if (loading || !data) {
     return (
@@ -115,7 +127,7 @@ function Page() {
           {data.map((v, k) => (
             <Paper key={k} p="xl" radius="xl" shadow="sm" bg={colors['white-trans-1']}>
               <Title order={3} fw={700} c={colors['blue-button']} mb="xs">{v.judul}</Title>
-              <Text fz="sm" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }}/>
+              <Text fz="sm" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
             </Paper>
           ))}
         </SimpleGrid>
@@ -139,19 +151,22 @@ function Page() {
           Timeline Pendaftaran
         </Title>
         <Center>
-          <Stepper mt={20} active={active} onStepClick={setActive} orientation="vertical" allowNextStepsSelect={false}>
-            <StepperStep label="1 Maret 2025" description="Pembukaan Pendaftaran" />
-            <StepperStep label="15 Maret 2025" description="Seleksi Administrasi" />
-            <StepperStep label="1 April 2025" description="Tes Potensi Akademik" />
-            <StepperStep label="15 April 2025" description="Wawancara" />
-            <StepperStep label="1 Mei 2025" description="Pengumuman Hasil" />
+          <Stepper
+            mt={20}
+            active={active}
+            onStepClick={setActive}
+            orientation="vertical"
+            allowNextStepsSelect={false}
+          >
+            {timeline.map((item, index) => (
+              <Stepper.Step
+                key={index}
+                label={item.label}
+                description={item.desc}
+              />
+            ))}
           </Stepper>
         </Center>
-
-        <Group justify="center" mt="xl">
-          <Button variant="default" radius="xl" onClick={prevStep}>Kembali</Button>
-          <Button radius="xl" bg={colors['blue-button']} onClick={nextStep}>Lanjut</Button>
-        </Group>
       </Box>
 
       <Modal
@@ -194,7 +209,11 @@ function Page() {
             <TextInput
               label="Kewarganegaraan"
               placeholder="Masukkan kewarganegaraan"
-              onChange={(val) => { beasiswaDesa.create.form.kewarganegaraan = val.target.value }} />
+              value={beasiswaDesa.create.form.kewarganegaraan || "WNI"} // tampilkan WNI kalau kosong
+              onChange={(e) => {
+                beasiswaDesa.create.form.kewarganegaraan = e.target.value;
+              }}
+            />
             <Select
               label="Agama"
               placeholder="Pilih agama"
diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
index f4bc8999..50a613b9 100644
--- a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
@@ -34,7 +34,7 @@ export default function BeasiswaPage() {
       tempatLahir: "",
       tanggalLahir: "",
       jenisKelamin: "",
-      kewarganegaraan: "",
+      kewarganegaraan: "WNI",
       agama: "",
       alamatKTP: "",
       alamatDomisili: "",
@@ -71,7 +71,7 @@ export default function BeasiswaPage() {
         <Stack gap="md" maw={600}>
           <Group>
             <IconSchool size={30} color={colors["blue-button"]} />
-            <Title order={2}>Program Beasiswa Pendidikan Desa Darmasaba</Title>
+            <Title order={2} c={colors["blue-button"]}>Program Beasiswa Pendidikan Desa Darmasaba</Title>
           </Group>
           <Text>
             Program ini bertujuan untuk mendukung pendidikan generasi muda di Desa Darmasaba
@@ -84,7 +84,7 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconInfoCircle size={24} color={colors["blue-button"]} />
-          <Title order={3}>Tentang Program</Title>
+          <Title order={3} c={colors["blue-button"]}>Tentang Program</Title>
         </Group>
         <Text>
           Program Beasiswa Desa Darmasaba adalah inisiatif pemerintah desa untuk meningkatkan akses
@@ -94,12 +94,11 @@ export default function BeasiswaPage() {
 
         {/* Tambahkan info tahun berjalan di sini */}
         <Paper mt="md" p="md" radius="lg" shadow="xs" bg="#f8fbff" withBorder>
-          <Text fw={500} c={colors["blue-button"]}>
-            📅 Periode Beasiswa Tahun 2025
+          <Text fw={500}>
+            Periode Beasiswa Tahun 2025
           </Text>
           <Text fz="sm" c="dimmed">
-            Pendaftaran beasiswa dibuka mulai <strong>1 Januari 2025</strong> dan ditutup pada
-            <strong>31 Mei 2025</strong>.
+            Pendaftaran beasiswa dibuka mulai <strong>1 Januari 2025</strong> dan ditutup pada <strong>31 Mei 2025</strong>.
             Pengumuman hasil seleksi akan diumumkan pada pertengahan Juni 2025 melalui website resmi Desa Darmasaba.
           </Text>
         </Paper>
@@ -109,7 +108,7 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconChecklist size={24} color={colors["blue-button"]} />
-          <Title order={3}>Syarat Pendaftaran</Title>
+          <Title order={3} c={colors["blue-button"]}>Syarat Pendaftaran</Title>
         </Group>
 
         <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg">
@@ -140,7 +139,7 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconTimeline size={24} color={colors["blue-button"]} />
-          <Title order={3}>Proses Seleksi</Title>
+          <Title order={3} c={colors["blue-button"]}>Proses Seleksi</Title>
         </Group>
 
         <Timeline active={4} bulletSize={24} lineWidth={2}>
@@ -148,8 +147,8 @@ export default function BeasiswaPage() {
             <Text c="dimmed" size="sm">
               Calon peserta mengisi formulir pendaftaran dan mengunggah dokumen pendukung.
             </Text>
-            <Text size="sm" fw={500} c={colors["blue-button"]} mt={4}>
-              ⏰ Estimasi waktu: 1 Februari – 31 Mei 2025
+            <Text size="sm" fw={500} mt={4}>
+              Estimasi waktu: 1 Februari – 31 Mei 2025
             </Text>
           </Timeline.Item>
 
@@ -157,8 +156,8 @@ export default function BeasiswaPage() {
             <Text c="dimmed" size="sm">
               Panitia memverifikasi kelengkapan dan validitas berkas.
             </Text>
-            <Text size="sm" fw={500} c={colors["blue-button"]} mt={4}>
-              ⏰ Estimasi waktu: 5–7 hari kerja setelah penutupan pendaftaran
+            <Text size="sm" fw={500} mt={4}>
+              Estimasi waktu: 5–7 hari kerja setelah penutupan pendaftaran
             </Text>
           </Timeline.Item>
 
@@ -166,8 +165,8 @@ export default function BeasiswaPage() {
             <Text c="dimmed" size="sm">
               Peserta yang lolos administrasi akan diundang untuk wawancara langsung dengan tim seleksi.
             </Text>
-            <Text size="sm" fw={500} c={colors["blue-button"]} mt={4}>
-              ⏰ Estimasi waktu: 7–10 hari kerja setelah pengumuman seleksi administrasi
+            <Text size="sm" fw={500} mt={4}>
+              Estimasi waktu: 7–10 hari kerja setelah pengumuman seleksi administrasi
             </Text>
           </Timeline.Item>
 
@@ -175,14 +174,14 @@ export default function BeasiswaPage() {
             <Text c="dimmed" size="sm">
               Daftar penerima beasiswa diumumkan melalui website resmi Desa Darmasaba.
             </Text>
-            <Text size="sm" fw={500} c={colors["blue-button"]} mt={4}>
-              ⏰ Estimasi waktu: 5 hari kerja setelah tahap wawancara selesai
+            <Text size="sm" fw={500} mt={4}>
+              Estimasi waktu: 5 hari kerja setelah tahap wawancara selesai
             </Text>
           </Timeline.Item>
         </Timeline>
 
         <Text c="dimmed" size="sm" mt="lg" ta="center">
-          🗓️ Total estimasi keseluruhan proses: sekitar 3–4 minggu setelah penutupan pendaftaran
+          Total estimasi keseluruhan proses: sekitar 3–4 minggu setelah penutupan pendaftaran
         </Text>
       </Container>
 
@@ -191,7 +190,7 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconQuote size={24} color={colors["blue-button"]} />
-          <Title order={3}>Cerita Sukses Penerima Beasiswa</Title>
+          <Title order={3} c={colors["blue-button"]}>Cerita Sukses Penerima Beasiswa</Title>
         </Group>
 
         <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="lg">
@@ -219,12 +218,12 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl" ta="center">
         <Group justify="center" mb="sm">
           <IconUserPlus size={28} color={colors["blue-button"]} />
-          <Title order={3}>Siap Bergabung dengan Program Ini?</Title>
+          <Title order={3} c={colors["blue-button"]}>Siap Bergabung dengan Program Ini?</Title>
         </Group>
         <Text c="dimmed" mb="md">
           Segera daftar dan wujudkan mimpimu bersama Desa Darmasaba.
         </Text>
-        <Button onClick={open} size="lg" radius="xl" color="blue">
+        <Button onClick={open} size="lg" radius="xl" bg={colors["blue-button"]}>
           Daftar Sekarang
         </Button>
       </Container>
@@ -269,7 +268,11 @@ export default function BeasiswaPage() {
             <TextInput
               label="Kewarganegaraan"
               placeholder="Masukkan kewarganegaraan"
-              onChange={(val) => { beasiswaDesa.create.form.kewarganegaraan = val.target.value }} />
+              value={beasiswaDesa.create.form.kewarganegaraan || "WNI"} // tampilkan WNI kalau kosong
+              onChange={(e) => {
+                beasiswaDesa.create.form.kewarganegaraan = e.target.value;
+              }}
+            />
             <Select
               label="Agama"
               placeholder="Pilih agama"
diff --git a/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
index 15b6d004..2dbe5769 100644
--- a/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
@@ -1,10 +1,10 @@
 'use client'
 import stateBimbinganBelajarDesa from '@/app/admin/(dashboard)/_state/pendidikan/bimbingan-belajar-desa';
 import colors from '@/con/colors';
-import { Box, Paper, SimpleGrid, Skeleton, Stack, Text, Title, Tooltip, Divider, Badge, Group } from '@mantine/core';
+import { Box, Divider, Group, Paper, SimpleGrid, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconBook2, IconCalendarTime, IconMapPin } from '@tabler/icons-react';
 import { useProxy } from 'valtio/utils';
-import { IconMapPin, IconCalendarTime, IconBook2 } from '@tabler/icons-react';
 import BackButton from '../../desa/layanan/_com/BackButto';
 
 function Page() {
@@ -55,9 +55,9 @@ function Page() {
                     <IconBook2 size={36} stroke={1.5} color={colors['blue-button']} />
                   </Box>
                 </Tooltip>
-                <Badge variant="gradient" gradient={{ from: colors['blue-button'], to: 'cyan' }} size="lg" radius="sm" mb="sm">
+                <Title order={3} fw={700} c={colors['blue-button']} mb="xs">
                   {stateTujuanProgram.findById.data?.judul}
-                </Badge>
+                </Title>
               </Group>
               <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} lh={1.6} dangerouslySetInnerHTML={{ __html: stateTujuanProgram.findById.data?.deskripsi }} />
             </Stack>
@@ -70,9 +70,9 @@ function Page() {
                     <IconMapPin size={36} stroke={1.5} color={colors['blue-button']} />
                   </Box>
                 </Tooltip>
-                <Badge variant="gradient" gradient={{ from: colors['blue-button'], to: 'cyan' }} size="lg" radius="sm" mb="sm">
+                <Title order={3} fw={700} c={colors['blue-button']} mb="xs">
                   {stateLokasiDanJadwal.findById.data?.judul}
-                </Badge>
+                </Title>
               </Group>
               <Text fz="md" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateLokasiDanJadwal.findById.data?.deskripsi }} />
             </Stack>
@@ -85,9 +85,9 @@ function Page() {
                     <IconCalendarTime size={36} stroke={1.5} color={colors['blue-button']} />
                   </Box>
                 </Tooltip>
-                <Badge variant="gradient" gradient={{ from: colors['blue-button'], to: 'cyan' }} size="lg" radius="sm" mb="sm">
+                <Title order={3} fw={700} c={colors['blue-button']} mb="xs">
                   {stateFasilitas.findById.data?.judul}
-                </Badge>
+                </Title>
               </Group>
               <Text fz="md" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateFasilitas.findById.data?.deskripsi }} />
             </Stack>
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/content.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/content.tsx
index 2bf30eea..40fe3885 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/content.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/content.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client';
 import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
+import colors from '@/con/colors';
 import { Box, Button, Center, Container, Group, Paper, SimpleGrid, Skeleton, Stack, Text, Tooltip, ActionIcon } from '@mantine/core';
 import { IconChalkboard, IconMicroscope, IconProps, IconRefresh, IconSchool, IconInfoCircle } from '@tabler/icons-react';
 import { motion } from 'framer-motion';
@@ -23,19 +24,19 @@ export default function KategoriPage({ jenjangPendidikan }: { jenjangPendidikan:
   const router = useTransitionRouter();
   const [stats, setStats] = useState<Stat[]>([]);
   const [isLoading, setIsLoading] = useState(true);
-  
+
   // Decode the URL parameter
   const decodedJenjangPendidikan = decodeURIComponent(jenjangPendidikan);
-  const jenjangFilter = decodedJenjangPendidikan.toLowerCase() === 'semua' 
-    ? undefined 
+  const jenjangFilter = decodedJenjangPendidikan.toLowerCase() === 'semua'
+    ? undefined
     : decodedJenjangPendidikan;
 
   const loadData = useCallback(async () => {
     if (!decodedJenjangPendidikan) return;
-    
+
     try {
       setIsLoading(true);
-      
+
       // Load all data in parallel with the jenjang filter
       await Promise.all([
         infoSekolahPaud.lembagaPendidikan.findMany.load(1, 100, '', jenjangFilter),
@@ -50,7 +51,7 @@ export default function KategoriPage({ jenjangPendidikan }: { jenjangPendidikan:
 
       setStats([
         {
-         
+
           icon: IconChalkboard,
           jumlah: totalLembaga,
           nama: 'Lembaga Pendidikan',
@@ -119,11 +120,15 @@ export default function KategoriPage({ jenjangPendidikan }: { jenjangPendidikan:
               </Text>
             </Box>
             <Button
-              leftSection={<IconRefresh size={16} />}
+              leftSection={<IconRefresh color={colors['blue-button']} size={16} />}
               variant="outline"
               size="xs"
               onClick={handleRefresh}
               loading={stats.some(stat => stat.loading)}
+              c={colors['blue-button']}
+              style={{
+                borderColor: colors['blue-button'],
+              }}
             >
               Segarkan Data
             </Button>
@@ -143,7 +148,7 @@ export default function KategoriPage({ jenjangPendidikan }: { jenjangPendidikan:
                 aria-label="Tidak ada hasil"
               >
                 <Center style={{ minHeight: 180, flexDirection: 'column' }}>
-                  <Text fz="lg" fw={800} c="#2563eb">
+                  <Text fz="lg" fw={800} c={colors['blue-button']}>
                     Tidak ditemukan
                   </Text>
                   <Text c="dimmed" mt="6px">
@@ -173,81 +178,81 @@ export default function KategoriPage({ jenjangPendidikan }: { jenjangPendidikan:
                   style={{ width: '100%' }}
                 >
                   <Skeleton visible={v.loading}>
-                  <Paper
-                    p="lg"
-                    radius="lg"
-                    style={{
-                      background: 'white',
-                      border: '1px solid #e2e8f0',
-                      boxShadow: '0 8px 28px rgba(0,0,0,0.06)',
-                      minHeight: 260,
-                    }}
-                    role="article"
-                    aria-label={`${v.nama} kartu statistik`}
-                  >
-                    <Stack gap="sm" mb="md">
-                      <Center>
-                        <Box
-                          style={{
-                            width: 80,
-                            height: 80,
-                            borderRadius: 16,
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            background: '#eff6ff',
-                            boxShadow: 'inset 0 1px 0 rgba(255,255,255,0.6)',
-                          }}
-                          aria-hidden
-                        >
-                          {React.createElement(v.icon, {
-                            color: '#2563eb',
-                            size: 34,
-                            stroke: 1.6,
-                          })}
-                        </Box>
-                      </Center>
+                    <Paper
+                      p="lg"
+                      radius="lg"
+                      style={{
+                        background: 'white',
+                        border: '1px solid #e2e8f0',
+                        boxShadow: '0 8px 28px rgba(0,0,0,0.06)',
+                        minHeight: 260,
+                      }}
+                      role="article"
+                      aria-label={`${v.nama} kartu statistik`}
+                    >
+                      <Stack gap="sm" mb="md">
+                        <Center>
+                          <Box
+                            style={{
+                              width: 80,
+                              height: 80,
+                              borderRadius: 16,
+                              display: 'flex',
+                              alignItems: 'center',
+                              justifyContent: 'center',
+                              background: '#eff6ff',
+                              boxShadow: 'inset 0 1px 0 rgba(255,255,255,0.6)',
+                            }}
+                            aria-hidden
+                          >
+                            {React.createElement(v.icon, {
+                              color: colors['blue-button'],
+                              size: 34,
+                              stroke: 1.6,
+                            })}
+                          </Box>
+                        </Center>
 
-                      <Group justify="center" align="center" gap="xs">
-                        <Stack gap={0}>
-                          <Text ta={"center"} fz={{ base: 18, md: 22 }} fw={800} c="#0f172a">
-                            {v.jumlah.toLocaleString()}
-                          </Text>
-                          <Group gap={6} align="center">
-                            <Text ta={"center"} fz="sm" fw={700} c="#2563eb">
-                              {v.nama}
+                        <Group justify="center" align="center" gap="xs">
+                          <Stack gap={0}>
+                            <Text ta={"center"} fz={{ base: 18, md: 22 }} fw={800} c="#0f172a">
+                              {v.jumlah.toLocaleString()}
                             </Text>
-                            <Tooltip label={v.helper ?? ''} position="right" withArrow>
-                              <ActionIcon aria-label={`Info ${v.nama}`} variant="transparent" size="xs">
-                                <IconInfoCircle size={16} style={{ color: '#2563eb' }} />
-                              </ActionIcon>
-                            </Tooltip>
-                          </Group>
-                        </Stack>
-                      </Group>
-                    </Stack>
+                            <Group gap={6} align="center">
+                              <Text ta={"center"} fz="sm" fw={700} c={colors['blue-button']}>
+                                {v.nama}
+                              </Text>
+                              <Tooltip label={v.helper ?? ''} position="right" withArrow>
+                                <ActionIcon aria-label={`Info ${v.nama}`} variant="transparent" size="xs">
+                                  <IconInfoCircle size={16} style={{ color: colors['blue-button'] }} />
+                                </ActionIcon>
+                              </Tooltip>
+                            </Group>
+                          </Stack>
+                        </Group>
+                      </Stack>
 
-                    <Group justify="center" mt="8px">
-                      <Button
-                        radius="xl"
-                        variant="outline"
-                        aria-label={`Lihat detail ${v.nama}`}
-                        style={{
-                          borderColor: '#e2e8f0',
-                          color: '#2563eb',
-                          paddingLeft: 20,
-                          paddingRight: 20,
-                        }}
-                        onClick={() => {
-                          if (v.nama === "Lembaga Pendidikan") router.push(`/darmasaba/pendidikan/info-sekolah/${jenjangPendidikan}/lembaga`);
-                          if (v.nama === "Siswa Terdaftar") router.push(`/darmasaba/pendidikan/info-sekolah/${jenjangPendidikan}/siswa`);
-                          if (v.nama === "Tenaga Pengajar") router.push(`/darmasaba/pendidikan/info-sekolah/${jenjangPendidikan}/pengajar`);
-                        }}        
-                      >
-                        Lihat Detail
-                      </Button>
-                    </Group>
-                  </Paper>
+                      <Group justify="center" mt="8px">
+                        <Button
+                          radius="xl"
+                          variant="outline"
+                          aria-label={`Lihat detail ${v.nama}`}
+                          style={{
+                            borderColor: colors['blue-button'],
+                            color: colors['blue-button'],
+                            paddingLeft: 20,
+                            paddingRight: 20,
+                          }}
+                          onClick={() => {
+                            if (v.nama === "Lembaga Pendidikan") router.push(`/darmasaba/pendidikan/info-sekolah/${jenjangPendidikan}/lembaga`);
+                            if (v.nama === "Siswa Terdaftar") router.push(`/darmasaba/pendidikan/info-sekolah/${jenjangPendidikan}/siswa`);
+                            if (v.nama === "Tenaga Pengajar") router.push(`/darmasaba/pendidikan/info-sekolah/${jenjangPendidikan}/pengajar`);
+                          }}
+                        >
+                          Lihat Detail
+                        </Button>
+                      </Group>
+                    </Paper>
                   </Skeleton>
                 </motion.div>
               ))
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
index 146953cc..3bde5958 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
@@ -185,6 +185,8 @@ export default function LayoutSekolah({
                         radius="xl"
                         size="sm"
                         variant={aktif ? 'filled' : 'light'}
+                        bg={colors['blue-button']}
+                        c={aktif ? colors['white-1'] : 'gray'}
                       >
                         {k}
                       </Button>
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/page.tsx
index b410953e..fa1f9ac0 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/page.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
+import colors from '@/con/colors';
 import {
   ActionIcon,
   Box,
@@ -130,11 +131,15 @@ export default function SekolahPage() {
         <Box>
           <Group justify="start" mb="md">
             <Button
-              leftSection={<IconRefresh size={16} />}
+              leftSection={<IconRefresh color={colors['blue-button']} size={16} />}
               variant="outline"
               size="xs"
               onClick={handleRefresh}
               loading={stats.some(stat => stat.loading)}
+              c={colors['blue-button']}
+              style={{
+                borderColor: colors['blue-button'],
+              }}
             >
               Segarkan Data
             </Button>
@@ -154,7 +159,7 @@ export default function SekolahPage() {
                 aria-label="Tidak ada hasil"
               >
                 <Center style={{ minHeight: 180, flexDirection: 'column' }}>
-                  <Text fz="lg" fw={800} c="#2563eb">
+                  <Text fz="lg" fw={800} c={colors['blue-button']}>
                     Tidak ditemukan
                   </Text>
                   <Text c="dimmed" mt="6px">
@@ -212,7 +217,7 @@ export default function SekolahPage() {
                           aria-hidden
                         >
                           {React.createElement(v.icon, {
-                            color: '#2563eb',
+                            color: colors['blue-button'],
                             size: 34,
                             stroke: 1.6,
                           })}
@@ -225,12 +230,12 @@ export default function SekolahPage() {
                             {v.jumlah.toLocaleString()}
                           </Text>
                           <Group gap={6} align="center">
-                            <Text ta={"center"} fz="sm" fw={700} c="#2563eb">
+                            <Text ta={"center"} fz="sm" fw={700} c={colors['blue-button']}>
                               {v.nama}
                             </Text>
                             <Tooltip label={v.helper ?? ''} position="right" withArrow>
                               <ActionIcon aria-label={`Info ${v.nama}`} variant="transparent" size="xs">
-                                <IconInfoCircle size={16} style={{ color: '#2563eb' }} />
+                                <IconInfoCircle size={16} style={{ color: colors['blue-button'] }} />
                               </ActionIcon>
                             </Tooltip>
                           </Group>
@@ -244,8 +249,8 @@ export default function SekolahPage() {
                         variant="outline"
                         aria-label={`Lihat detail ${v.nama}`}
                         style={{
-                          borderColor: '#e2e8f0',
-                          color: '#2563eb',
+                          borderColor: colors['blue-button'],
+                          color: colors['blue-button'],
                           paddingLeft: 20,
                           paddingRight: 20,
                         }}
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
index be5934c8..94358ae4 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
@@ -74,10 +74,10 @@ function Page() {
         <Stack gap="lg">
           <Paper p="lg" radius="xl" shadow="sm" withBorder>
             <Stack gap="sm">
-              <Text fz={{ base: 'lg', md: 'xl' }} fw="bold" c={colors["blue-button"]}>
+              <Text ta={"center"} fz={{ base: 'lg', md: 'xl' }} fw="bold" c={colors["blue-button"]}>
                 Tentang Informasi Publik
               </Text>
-              <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">
+              <Text ta={"center"} fz={{ base: 'sm', md: 'md' }} c="dimmed">
                 Daftar Informasi Publik Desa Darmasaba adalah kumpulan data yang dapat diakses oleh masyarakat sesuai dengan ketentuan peraturan yang berlaku.
               </Text>
             </Stack>
@@ -117,41 +117,45 @@ function Page() {
                     <TableTr key={item.id}>
                       <TableTd ta="center">{(page - 1) * 5 + index + 1}</TableTd>
                       <TableTd>
-                        <Box w={150}>
+                        <Box>
                           <Badge variant="light" size="lg" color="blue">
-                            {item.jenisInformasi}
+                            <Text fw={650} fz={"sm"} c={'blue'} lineClamp={1}>
+                              {item.jenisInformasi}
+                            </Text>
                           </Badge>
                         </Box>
                       </TableTd>
                       <TableTd>
-                        <Box w={150}>
-                          <Text lineClamp={1} fz="sm" c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                        <Box>
+                          <Text lineClamp={1} fz="sm" c="dark" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                         </Box>
                       </TableTd>
                       <TableTd ta="center">
-                        <Box w={150}>
-                          {item.tanggal ? new Date(item.tanggal).toLocaleDateString('id-ID', {
-                            day: '2-digit',
-                            month: 'long',
-                            year: 'numeric'
-                          }) : '-'}
+                        <Box>
+                          <Text ta={"center"}>
+                            {item.tanggal ? new Date(item.tanggal).toLocaleDateString('id-ID', {
+                              day: '2-digit',
+                              month: 'long',
+                              year: 'numeric'
+                            }) : '-'}
+                          </Text>
                         </Box>
                       </TableTd>
                       <TableTd style={{ textAlign: 'center' }}>
-                        <Box w={150}>
+                        <Box>
                           <Tooltip label="Lihat Detail" withArrow>
                             <Button
                               size="xs"
                               radius="md"
                               variant="light"
-                            color="blue"
-                            leftSection={<IconDeviceImacCog size={16} />}
-                            onClick={() => router.push(`/darmasaba/ppid/daftar-informasi-publik-desa-darmasaba/${item.id}`)}
-                          >
-                            Detail
-                          </Button>
-                        </Tooltip>
-                      </Box>
+                              color="blue"
+                              leftSection={<IconDeviceImacCog size={16} />}
+                              onClick={() => router.push(`/darmasaba/ppid/daftar-informasi-publik-desa-darmasaba/${item.id}`)}
+                            >
+                              Detail
+                            </Button>
+                          </Tooltip>
+                        </Box>
                       </TableTd>
                     </TableTr>
                   ))}
-- 
2.49.1


From 0befe6a3f27c94c1083ebdd20e07ac1c4d3ab257 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 30 Oct 2025 15:51:12 +0800
Subject: [PATCH 02/97] QC Kak Inno 28 Okt QC Kak Ayu 28 Okt QC Keano 28 Okt

---
 .../(pages)/desa/potensi/[id]/page.tsx        |  26 +-
 .../(pages)/desa/profile/ui/lambangDesa.tsx   |   2 +-
 .../page.tsx                                  | 358 ++++++++++-------
 .../info-teknologi-tepat-guna/page.tsx        |   3 +-
 .../[id]/page.tsx                             |  89 +++++
 .../page.tsx                                  | 138 ++++---
 .../(pages)/keamanan/kontak-darurat/page.tsx  |   2 +-
 .../(pages)/keamanan/polsek-terdekat/page.tsx | 212 ++++++----
 .../(pages)/keamanan/tips-keamanan/page.tsx   |   9 +-
 .../(pages)/kesehatan/kontak-darurat/page.tsx | 130 ++++---
 .../penanganan-darurat/[id]/page.tsx          |  16 +-
 .../component/edukasiCard.tsx                 |   4 +-
 .../lingkungan/edukasi-lingkungan/page.tsx    |   7 +-
 .../lingkungan/konservasi-adat-bali/page.tsx  |  15 +-
 .../pengelolaan-sampah-bank-sampah/page.tsx   |   2 +-
 .../[id]/page.tsx                             |   0
 .../page.tsx                                  |   2 +-
 .../page.tsx                                  |   4 +-
 .../(pages)/ppid/struktur-ppid/[id]/page.tsx  |   4 +-
 .../(pages)/ppid/struktur-ppid/page.tsx       | 362 +++++++++++-------
 .../(pages)/ppid/struktur-ppid/struktur.css   |  68 ++++
 src/app/darmasaba/_com/Navbar.tsx             |  16 +-
 src/app/darmasaba/_com/NavbarMainMenu.tsx     |   2 +-
 src/app/darmasaba/_com/NavbarSubMenu.tsx      |   6 +-
 .../_com/main-page/kepuasan/index.tsx         |   4 +-
 src/con/navbar-list-menu.ts                   |   8 +-
 26 files changed, 974 insertions(+), 515 deletions(-)
 create mode 100644 src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
 rename src/app/darmasaba/(pages)/ppid/{daftar-informasi-publik-desa-darmasaba => daftar-informasi-publik}/[id]/page.tsx (100%)
 rename src/app/darmasaba/(pages)/ppid/{daftar-informasi-publik-desa-darmasaba => daftar-informasi-publik}/page.tsx (99%)
 rename src/app/darmasaba/(pages)/ppid/{ikm-desa-darmasaba => indeks-kepuasan-masyarakat}/page.tsx (99%)
 create mode 100644 src/app/darmasaba/(pages)/ppid/struktur-ppid/struktur.css

diff --git a/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx
index f5a7cadc..fe8bf5fa 100644
--- a/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx
@@ -67,16 +67,26 @@ function Page() {
             <Text ta="center" fw={600} fz={{ base: "md", md: "lg" }} c="dimmed">
               Informasi & Pelayanan Potensi Desa Digital
             </Text>
-            <Image
-              src={state.findUnique.data?.image?.link || ''}
-              alt={state.findUnique.data?.name || 'Potensi Desa'}
-              radius="lg"
-              fit="cover"
+            {/* ✅ Bagian gambar dibuat konsisten tanpa CSS manual */}
+            <Box
               w="100%"
               h={{ base: 220, md: 400 }}
-              fallbackSrc="https://placehold.co/800x400?text=Gambar+tidak+tersedia"
-              loading="lazy"
-            />
+              style={{
+                overflow: 'hidden',
+                borderRadius: 'var(--mantine-radius-lg)',
+              }}
+            >
+              <Image
+                src={state.findUnique.data?.image?.link || ''}
+                alt={state.findUnique.data?.name || 'Potensi Desa'}
+                fit="cover"
+                w="100%"
+                h="100%"
+                fallbackSrc="https://placehold.co/800x400?text=Gambar+tidak+tersedia"
+                loading="lazy"
+                radius="lg"
+              />
+            </Box>
             <Text py="md" fz={{ base: "sm", md: "md" }} ta="justify" lh={1.8} dangerouslySetInnerHTML={{ __html: state.findUnique.data?.deskripsi || 'Belum ada deskripsi untuk potensi desa ini.' }} />
           </Stack>
         </Paper>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
index baefc403..cf7ef45b 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
@@ -59,7 +59,7 @@ function LambangDesa() {
           }}
         >
             <Text
-              fz={{ base: 'md', md: 'lg' }}
+              fz={{ base: '1.125rem', md: '1.375rem' }}
               lh={1.8}
               c="dark"
               ta="justify"
diff --git a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
index 5faa6467..9943e1d5 100644
--- a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
@@ -1,7 +1,7 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
+
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi'
 import colors from '@/con/colors'
 import {
@@ -9,20 +9,28 @@ import {
   Button,
   Card,
   Center,
-  Container,
   Group,
   Image,
   Loader,
   Paper,
   Stack,
   Text,
+  TextInput,
   Title,
-  Tooltip,
-  Transition,
+  Transition
 } from '@mantine/core'
-import { IconRefresh, IconSearch, IconUsers } from '@tabler/icons-react'
+import {
+  IconArrowsMaximize,
+  IconArrowsMinimize,
+  IconRefresh,
+  IconSearch,
+  IconUsers,
+  IconZoomIn,
+  IconZoomOut,
+} from '@tabler/icons-react'
+import { debounce } from 'lodash'
 import { OrganizationChart } from 'primereact/organizationchart'
-import { useEffect } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import BackButton from '../../desa/layanan/_com/BackButto'
 
@@ -36,35 +44,40 @@ export default function Page() {
         paddingBottom: 48,
       }}
     >
-      <Container size="xl" py="xl">
-        <Box px={{ base: 'md', md: 100 }}>
-          <BackButton />
-        </Box>
+      <Box px={{ base: 'md', md: 100 }} py="xl">
+        <BackButton />
         <Stack align="center" gap="xl" mt="xl">
           <Title
             order={1}
             ta="center"
             c={colors['blue-button']}
             fz={{ base: 28, md: 36, lg: 44 }}
-
           >
-            Struktur Organisasi Dan SK Pengurus BumDes
+            Struktur Organisasi & SK Pengurus BumDes
           </Title>
           <Text ta="center" c="black" maw={800}>
-            Gambaran visual peran dan pegawai yang ditugaskan. Arahkan kursor
-            untuk melihat detail atau klik node untuk fokus tampilan.
+            Gambaran visual peran dan pengurus yang ditugaskan. Gunakan kontrol
+            di bawah untuk mencari, memperbesar, atau melihat lebih jelas.
           </Text>
         </Stack>
+
         <Box mt="lg">
           <StrukturOrganisasiBumDes />
         </Box>
-      </Container>
+      </Box>
     </Box>
   )
 }
 
 function StrukturOrganisasiBumDes() {
   const stateOrganisasi: any = useProxy(stateStrukturBumDes.pegawai)
+  const chartContainerRef = useRef<HTMLDivElement>(null)
+  const [scale, setScale] = useState(1)
+  const [isFullscreen, setFullscreen] = useState(false)
+  const [searchQuery, setSearchQuery] = useState('')
+  const debouncedSearch = useRef(
+    debounce((value: string) => setSearchQuery(value), 400)
+  ).current
 
   useEffect(() => {
     void stateOrganisasi.findMany.load()
@@ -81,17 +94,15 @@ function StrukturOrganisasiBumDes() {
           <Loader size="lg" />
           <Text fw={600}>Memuat struktur organisasi…</Text>
           <Text c="dimmed" size="sm">
-            Mengambil data pegawai dan posisi. Mohon tunggu sebentar.
+            Mengambil data pengurus dan posisi. Mohon tunggu sebentar.
           </Text>
         </Stack>
       </Center>
     )
   }
 
-  if (
-    !stateOrganisasi.findMany.data ||
-    stateOrganisasi.findMany.data.length === 0
-  ) {
+  const data = stateOrganisasi.findMany.data || []
+  if (data.length === 0) {
     return (
       <Center py={40}>
         <Stack align="center" gap="md">
@@ -109,11 +120,10 @@ function StrukturOrganisasiBumDes() {
               <IconUsers size={56} />
             </Center>
             <Title order={3} mt="md">
-              Data pegawai belum tersedia
+              Data pengurus belum tersedia
             </Title>
             <Text c="dimmed" mt="xs">
-              Belum ada data pegawai yang tercatat untuk BumDes. Silakan coba
-              muat ulang atau periksa sumber data.
+              Belum ada data pengurus yang tercatat untuk BumDes.
             </Text>
             <Group justify="center" mt="lg">
               <Button
@@ -124,15 +134,6 @@ function StrukturOrganisasiBumDes() {
               >
                 Muat Ulang
               </Button>
-              <Button
-                leftSection={<IconSearch size={16} />}
-                variant="subtle"
-                onClick={() =>
-                  stateOrganisasi.findMany.load({ query: { q: '' } })
-                }
-              >
-                Cari Pegawai
-              </Button>
             </Group>
           </Paper>
         </Stack>
@@ -140,161 +141,232 @@ function StrukturOrganisasiBumDes() {
     )
   }
 
+  // 📊 susun struktur organisasi
   const posisiMap = new Map<string, any>()
-
-  const aktifPegawai = stateOrganisasi.findMany.data.filter((p: any) => p.isActive);
+  const aktifPegawai = data.filter((p: any) => p.isActive)
 
   for (const pegawai of aktifPegawai) {
-    const posisiId = pegawai.posisi.id;
+    const posisiId = pegawai.posisi.id
     if (!posisiMap.has(posisiId)) {
       posisiMap.set(posisiId, {
         ...pegawai.posisi,
         pegawaiList: [],
         children: [],
-      });
+      })
     }
-    posisiMap.get(posisiId)!.pegawaiList.push(pegawai);
+    posisiMap.get(posisiId)!.pegawaiList.push(pegawai)
   }
 
-  // First, create a map of all unique positions
-const allPositions = new Map();
-aktifPegawai.forEach((pegawai: any) => {
-  if (!allPositions.has(pegawai.posisi.id)) {
-    allPositions.set(pegawai.posisi.id, {
-      ...pegawai.posisi,
-      pegawaiList: [],
-      children: []
-    });
-  }
-});
+  const root: any[] = []
+  posisiMap.forEach((posisi) => {
+    if (posisi.parentId) {
+      const parent = posisiMap.get(posisi.parentId)
+      if (parent) parent.children.push(posisi)
+      else root.push(posisi)
+    } else root.push(posisi)
+  })
 
-// Then assign employees to their positions
-aktifPegawai.forEach((pegawai: any) => {
-  const posisi = allPositions.get(pegawai.posisi.id);
-  if (posisi) {
-    posisi.pegawaiList.push(pegawai);
-  }
-});
-
-// Now build the hierarchy
-const root = [];
-for (const [_, posisi] of allPositions) {
-  if (posisi.parentId) {
-    const parent = allPositions.get(posisi.parentId);
-    if (parent) {
-      parent.children.push(posisi);
-    } else {
-      // Only add to root if it's a top-level position
-      if (!posisi.parentId) {
-        root.push(posisi);
-      }
-    }
-  } else {
-    root.push(posisi);
-  }
-}
-  function toOrgChartFormat(node: any): any {
+  const toOrgChartFormat = (node: any): any => {
+    const pegawai = node.pegawaiList?.[0]
     return {
       expanded: true,
-      type: 'person',
-      styleClass: 'p-person',
       data: {
-        name: node.pegawaiList?.[0]?.namaLengkap || 'Belum ditugaskan',
-        title: node.nama || 'Tanpa jabatan',
-        image: node.pegawaiList?.[0]?.image?.link || '/img/default.png',
+        id: pegawai?.id,
+        name: pegawai?.namaLengkap || 'Belum Ditugaskan',
+        title: node.nama || 'Tanpa Jabatan',
+        image: pegawai?.image?.link || '/img/default.png',
         description: node.deskripsi || '',
-        positionId: node.id || null,
       },
       children: node.children?.map(toOrgChartFormat) || [],
     }
   }
 
-  const chartData = root.map(toOrgChartFormat)
+  let chartData = root.map(toOrgChartFormat)
+
+  // 🔍 filter by search
+  if (searchQuery) {
+    const filterNodes = (nodes: any[]): any[] =>
+      nodes
+        .map((n) => ({
+          ...n,
+          children: filterNodes(n.children || []),
+        }))
+        .filter(
+          (n) =>
+            n.data.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+            n.data.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
+            n.children.length > 0
+        )
+    chartData = filterNodes(chartData)
+  }
+
+  // 🔍 fullscreen dan zoom control
+  const toggleFullscreen = () => {
+    if (!document.fullscreenElement) {
+      chartContainerRef.current?.requestFullscreen()
+      setFullscreen(true)
+    } else {
+      document.exitFullscreen()
+      setFullscreen(false)
+    }
+  }
+
+  const handleZoomIn = () => setScale((s) => Math.min(s + 0.1, 2))
+  const handleZoomOut = () => setScale((s) => Math.max(s - 0.1, 0.5))
+  const resetZoom = () => setScale(1)
 
   return (
-    <Box py={16} >
-      <Paper
-        radius="md"
-        p="md"
-        style={{
-          background: 'rgba(28,110,164,0.2)',
-          border: `1px solid rgba(255,255,255,0.1)`,
-          overflowX: 'auto',
-        }}
-      >
-        <OrganizationChart
-          value={chartData}
-          nodeTemplate={nodeTemplate}
-        />
+    <Stack align="center" mt="xl">
+      {/* 🧭 Kontrol atas */}
+      <Paper shadow="xs" p="md" radius="md" bg={colors['blue-button']}>
+        <Group gap="sm" wrap="wrap" justify="center">
+          <TextInput
+            placeholder="Cari nama atau jabatan..."
+            leftSection={<IconSearch size={16} />}
+            onChange={(e) => debouncedSearch(e.target.value)}
+            styles={{
+              input: {
+                minWidth: 250,
+              },
+            }}
+          />
+          <Group gap="xs">
+            <Button
+              variant="light"
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              size="sm"
+              onClick={handleZoomOut}
+              leftSection={<IconZoomOut size={16} />}
+            >
+              Zoom Out
+            </Button>
+            <Box
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              px={16}
+              py={8}
+              style={{
+                fontSize: 14,
+                fontWeight: 700,
+                borderRadius: '8px',
+                minWidth: 70,
+                textAlign: 'center',
+              }}
+            >
+              {Math.round(scale * 100)}%
+            </Box>
+            <Button
+              variant="light"
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              size="sm"
+              onClick={handleZoomIn}
+              leftSection={<IconZoomIn size={16} />}
+            >
+              Zoom In
+            </Button>
+            <Button
+              variant="light"
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              size="sm"
+              onClick={resetZoom}
+            >
+              Reset
+            </Button>
+            <Button
+              variant="light"
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              size="sm"
+              onClick={toggleFullscreen}
+              leftSection={
+                isFullscreen ? (
+                  <IconArrowsMinimize size={16} />
+                ) : (
+                  <IconArrowsMaximize size={16} />
+                )
+              }
+            >
+              Fullscreen
+            </Button>
+          </Group>
+        </Group>
       </Paper>
-    </Box>
+
+      {/* 📊 Chart Container */}
+      <Center style={{ width: '100%' }}>
+        <Box
+          ref={chartContainerRef}
+          style={{
+            overflowX: 'auto',
+            overflowY: 'auto',
+            width: '100%',
+            padding: '32px 16px',
+            transition: 'transform 0.2s ease',
+            transform: `scale(${scale})`,
+            transformOrigin: 'center top',
+          }}
+        >
+          <OrganizationChart
+            value={chartData}
+            nodeTemplate={(node) => <NodeCard node={node} />}
+            className="p-organizationchart p-organizationchart-horizontal"
+          />
+        </Box>
+      </Center>
+    </Stack>
   )
 }
 
-function nodeTemplate(node: any) {
+function NodeCard({ node }: any) {
   const imageSrc = node?.data?.image || '/img/default.png'
   const name = node?.data?.name || 'Tanpa Nama'
   const title = node?.data?.title || 'Tanpa Jabatan'
   const description = node?.data?.description || ''
 
   return (
-    <Transition  mounted transition="pop" duration={240}>
+    <Transition mounted transition="pop" duration={300}>
       {(styles) => (
         <Card
-          radius="lg"
+          shadow="md"
+          radius="xl"
           withBorder
           style={{
             ...styles,
-            width: 260,
-            padding: 16,
-            background: 'rgba(28,110,164,0.3)',
-            borderColor: 'rgba(255,255,255,0.15)',
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            textAlign: 'center',
+            width: 240,
+            padding: 20,
+            background:
+              'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
+            borderColor: 'rgba(28, 110, 164, 0.3)',
+            transition: 'all 0.3s ease',
           }}
         >
-          <Image
-            src={imageSrc}
-            alt={name}
-            radius="md"
-            width={120}
-            height={120}
-            fit="cover"
-            style={{
-              objectFit: 'cover',
-              border: '2px solid rgba(255,255,255,0.2)',
-              marginBottom: 12,
-            }}
-            loading='lazy'
-          />
-          <Text fw={700}>{name}</Text>
-          <Text size="sm" c="dimmed" mt={4}>
-            {title}
-          </Text>
-          <Text size="xs" c="dimmed" mt={8} lineClamp={3}>
-            {description || 'Belum ada deskripsi.'}
-          </Text>
-          <Tooltip label="Kembali ke struktur organisasi" withArrow position="bottom">
-            <Button
-              variant="light"
-              size="xs"
-              mt="md"
-              onClick={() => {
-                const id = node?.data?.positionId
-                if (id && (window as any).scrollTo) {
-                  ;(window as any).scrollTo({ top: 0, behavior: 'smooth' })
-                }
+          <Stack align="center" gap={10}>
+            <Box
+              style={{
+                width: 90,
+                height: 90,
+                borderRadius: '50%',
+                overflow: 'hidden',
+                border: '3px solid rgba(28, 110, 164, 0.4)',
               }}
             >
-              Kembali
-            </Button>
-          </Tooltip>
+              <Image src={imageSrc} alt={name} fit="cover" loading="lazy" />
+            </Box>
+            <Text fw={700} size="sm" ta="center" c={colors['blue-button']}>
+              {name}
+            </Text>
+            <Text size="xs" c="dimmed" ta="center">
+              {title}
+            </Text>
+            <Text size="xs" c="dimmed" ta="center" lineClamp={3}>
+              {description || 'Belum ada deskripsi.'}
+            </Text>
+          </Stack>
         </Card>
       )}
     </Transition>
   )
 }
-
-
diff --git a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
index ca16da90..e08d86a2 100644
--- a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -57,7 +57,8 @@ function Page() {
             />
           </GridCol>
         </Grid>
-        <Text fz={'h4'}>Desa Darmasaba berkomitmen mengembangkan teknologi tepat guna yang sesuai dengan kebutuhan masyarakat, mendukung pembangunan berkelanjutan, dan meningkatkan kualitas hidup warga.</Text>
+        <Text fz={'md'}>Desa Darmasaba berkomitmen mengembangkan teknologi tepat guna yang sesuai dengan kebutuhan masyarakat,</Text>
+        <Text fz={'md'}>mendukung pembangunan berkelanjutan, dan meningkatkan kualitas hidup warga.</Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'} p={'lg'}>
diff --git a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
new file mode 100644
index 00000000..5d33fd81
--- /dev/null
+++ b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
@@ -0,0 +1,89 @@
+'use client'
+
+import { Box, Center, Image, Paper, Skeleton, Stack, Text } from '@mantine/core'
+import { useShallowEffect } from '@mantine/hooks'
+import { useParams } from 'next/navigation'
+import { useProxy } from 'valtio/utils'
+
+import keamananLingkunganState from '@/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan'
+import colors from '@/con/colors'
+import BackButton from '../../../desa/layanan/_com/BackButto'
+
+function DetailKeamananLingkunganUser() {
+  const keamananState = useProxy(keamananLingkunganState)
+  const params = useParams()
+
+  // Ambil data berdasarkan ID dari URL
+  useShallowEffect(() => {
+    keamananState.findUnique.load(params?.id as string)
+  }, [])
+
+  // Loading state
+  if (!keamananState.findUnique.data) {
+    return (
+      <Stack py={40}>
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    )
+  }
+
+  const data = keamananState.findUnique.data
+
+  return (
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="lg">
+    <Box px={{ base: 'md', md: 100 }}>
+     <BackButton />
+
+      {/* Wrapper Detail */}
+      <Paper
+        withBorder
+        w={{ base: '100%', md: '80%' }}
+        mx="auto"
+        bg={colors['white-1']}
+        p="xl"
+        radius="lg"
+        shadow="md"
+      >
+        <Stack gap="lg">
+          {/* Judul */}
+          <Text
+            ta="center"
+            fz={{ base: 'xl', md: '2xl' }}
+            fw={700}
+            c={colors['blue-button']}
+          >
+            {data?.name || 'Tanpa Judul'}
+          </Text>
+
+          {/* Gambar */}
+          <Center>
+            <Image
+              w={{ base: 250, sm: 400, md: 550 }}
+              src={data?.image?.link}
+              alt={data?.name || 'gambar keamanan lingkungan'}
+              radius="md"
+              loading="lazy"
+              fit="cover"
+            />
+          </Center>
+
+          {/* Deskripsi */}
+          <Box>
+            <Text fz="lg" fw="bold" mb={5}>
+              Deskripsi
+            </Text>
+            <Text
+              fz="md"
+              c="dimmed"
+              dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }}
+              style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+            />
+          </Box>
+        </Stack>
+      </Paper>
+    </Box>
+    </Stack>
+  )
+}
+
+export default DetailKeamananLingkunganUser
diff --git a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index b4abcb7e..b7fa9c11 100644
--- a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -1,17 +1,18 @@
 'use client'
 import keamananLingkunganState from '@/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan';
 import colors from '@/con/colors';
-import { Box, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Spoiler, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Button, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconSearch } from '@tabler/icons-react';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
+import { useRouter } from 'next/navigation';
 
 
 function Page() {
   const state = useProxy(keamananLingkunganState)
-    const [expandedMap, setExpandedMap] = useState<Record<number, boolean>>({});
+  const router = useRouter()  
   const [search, setSearch] = useState('')
   const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
   const {
@@ -26,13 +27,6 @@ function Page() {
     load(page, 3, debouncedSearch)
   }, [page, debouncedSearch])
 
-  const toggleExpanded = (index: number, value: boolean) => {
-    setExpandedMap((prev) => ({
-      ...prev,
-      [index]: value,
-    }));
-  };
-
   if (loading || !data) {
     return (
       <Box py={10}>
@@ -65,60 +59,100 @@ function Page() {
           </GridCol>
         </Grid>
         <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" mt={4} >
-        Pecalang dan Patwal (Patroli Pengawal) bertugas memastikan desa tetap aman, tertib, dan kondusif bagi seluruh warga.
+          Pecalang dan Patwal (Patroli Pengawal) bertugas memastikan desa tetap aman, tertib, dan kondusif bagi seluruh warga.
         </Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'}>
           <SimpleGrid
-            pb={10}
-            cols={{
-              base: 1,
-              md: 3,
-            }}>
-            {data.map((v, k) => {
-              return (
-                <Paper radius={10} key={k} bg={colors["white-trans-1"]}>
-                  <Stack gap={'xs'}>
-                    <Center px={10} py={20}>
-                      <Image loading="lazy" src={v.image?.link} alt='' />
-                    </Center>
-                    <Box px={'lg'}>
-                      <Box pb={20}>
-                        <Text pb={10} c={colors["blue-button"]} fw={"bold"} fz={"h3"}>
-                          {v.name}
-                        </Text>
-                        <Spoiler
-                          showLabel={
-                            <Text fw="bold" fz="sm" c={colors['blue-button']}>
-                              Show more
-                            </Text>
-                          }
-                          hideLabel={
-                            <Text fw="bold" fz="sm" c={colors['blue-button']}>
-                              Hide details
-                            </Text>
-                          }
-                          expanded={expandedMap[k] || false}
-                          onExpandedChange={(val) => toggleExpanded(k, val)}
-                        >
-                          <Text pb={10} fz={"h4"} ta={'justify'} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
-                        </Spoiler>
-                      </Box>
-                    </Box>
-                  </Stack>
-                </Paper>
-              )
-            })}
+            cols={{ base: 1, sm: 2, md: 3 }} spacing="xl" mt="lg">
+            {data.map((v, k) => (
+              <Paper
+                key={k}
+                radius="xl"
+                shadow="md"
+                withBorder
+                p="lg"
+                bg={colors['white-trans-1']}
+                style={{
+                  transition: 'all 200ms ease',
+                  cursor: 'pointer',
+                  display: 'flex',
+                  flexDirection: 'column',
+                  justifyContent: 'space-between',
+                  height: '100%',
+                }}
+              >
+                <Stack align="center" gap="sm" style={{ flexGrow: 1 }}>
+                  <Box
+                    style={{
+                      width: '100%',
+                      aspectRatio: '16/9',
+                      borderRadius: '12px',
+                      overflow: 'hidden',
+                      position: 'relative',
+                    }}
+                  >
+                    <Image
+                      src={v.image?.link}
+                      alt={v.name}
+                      fit="cover"
+                      loading="lazy"
+                      style={{
+                        width: '100%',
+                        height: '100%',
+                        transition: 'transform 0.4s ease',
+                      }}
+                      onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
+                      onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
+                    />
+                  </Box>
+                  <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
+                    {v.name}
+                  </Text>
+                  <Text
+                    fz="sm"
+                    ta="justify"
+                    lineClamp={3}
+                    lh={1.6}
+                    style={{
+                      minHeight: '4.8em',
+                    }}
+                  >
+                    <span
+                      style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                      dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                    />
+                  </Text>
+                </Stack>
+                <Center mt="md">
+                  <Button
+                    variant="light"
+                    onClick={() => {
+                      router.push(`/darmasaba/keamanan/keamanan-lingkungan-pecalang-patwal/${v.id}`)
+                    }}
+                  >
+                    Detail
+                  </Button>
+                </Center>
+              </Paper>
+            ))}
           </SimpleGrid>
         </Stack>
       </Box>
-      <Center>
+
+      <Center mt="xl">
         <Pagination
           value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
+          onChange={(newPage) => load(newPage, 3, search)}
           total={totalPages}
-          my="md"
+          size="lg"
+          radius="xl"
+          styles={{
+            control: {
+              border: `1px solid ${colors['blue-button']}`,
+            },
+          }}
         />
       </Center>
     </Stack>
diff --git a/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
index 92ab3537..13281bce 100644
--- a/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
@@ -45,7 +45,7 @@ function Page() {
             <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
               Kontak Darurat
             </Text>
-            <Text fz={{ base: "h4", md: "h3" }} >
+            <Text fz="md" >
               Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung.
             </Text>
           </Box>
diff --git a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
index 3111e04f..0d730ba5 100644
--- a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
@@ -9,21 +9,16 @@ import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import { useRouter } from 'next/navigation';
 
-
 function Page() {
   const state = useProxy(polsekTerdekatState.findFirst);
-  const router = useRouter()
-  const {
-    data,
-    loading,
-    load,
-  } = state;
+  const router = useRouter();
+  const { data, loading, load } = state;
 
   useEffect(() => {
     load();
   }, []);
 
-  // kalau masih loading
+  // Loading state
   if (loading) {
     return (
       <Stack py={10}>
@@ -32,104 +27,175 @@ function Page() {
     );
   }
 
-  // kalau data kosong
+  // Data kosong
   if (!data) {
     return (
-      <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
-         <Box px={{ base: 'md', md: 100 }}>
-        <BackButton />
-      </Box>
-      <Box pb={10} px={{ base: 20, md: 100 }}>
-        <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
-          Kantor Polisi Terdekat
-        </Text>
-        <Text pb={15} fz={'md'} >
-          Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung
-        </Text>
-      </Box>
-      <Center py="xl">
-        <Text fz="lg" fw="bold" c="red">
-          Data Polsek tidak ada
-        </Text>
-      </Center>
-      </Stack >
+      <Stack pos="relative" bg={colors.Bg} py="xl" gap={22}>
+        <Box px={{ base: 'md', md: 100 }}>
+          <BackButton />
+        </Box>
+        <Box pb={10} px={{ base: 20, md: 100 }}>
+          <Text fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
+            Kantor Polisi Terdekat
+          </Text>
+          <Text pb={15} fz="md">
+            Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung
+          </Text>
+        </Box>
+        <Center py="xl">
+          <Text fz="lg" fw="bold" c="red">
+            Data Polsek tidak ada
+          </Text>
+        </Center>
+      </Stack>
     );
   }
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap={22}>
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
+
       <Box pb={10} px={{ base: 20, md: 100 }}>
-        <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+        <Text fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
           Kantor Polisi Terdekat
         </Text>
-        <Text pb={15} fz={'h4'} >
+        <Text pb={15} fz="h4">
           Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung
         </Text>
       </Box>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'}>
-          <Paper radius={10} bg={colors["white-trans-1"]} p={'xl'}>
-            <Stack gap={'xs'}>
-              <SimpleGrid
-                cols={{
-                  base: 1,
-                  md: 2,
-                }}
-              >
-                {/* Content Sebelah Kiri */}
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <Stack gap="lg">
+          <Paper radius={10} bg={colors['white-trans-1']} p="xl">
+            <Stack gap="xs">
+              <SimpleGrid cols={{ base: 1, md: 2 }}>
                 {loading ? (
-                  <Center><Skeleton h={400} /></Center>
-                ) : data ? (
+                  <Center>
+                    <Skeleton h={400} />
+                  </Center>
+                ) : (
                   <>
+                    {/* === KIRI === */}
                     <Box>
-                      <Text c={colors["blue-button"]} fw={'bold'} fz={'h2'}>{data.nama}</Text>
-                      <Text c={colors["blue-button"]} fz={'sm'}>{data.jarakKeDesa}</Text>
-                      <Flex py={10} gap={9} align={'center'}>
-                        <IconPin size={25} color={colors["blue-button"]} />
-                        <Text c={colors["blue-button"]} fz={'lg'}>{data.alamat}</Text>
-                      </Flex>
-                      <Flex gap={9} align={'center'}>
-                        <IconPhone size={25} color={colors["blue-button"]} />
-                        <Text c={colors["blue-button"]} fz={'lg'}>{data.nomorTelepon}</Text>
-                      </Flex>
-                      <Flex py={10} gap={9} align={'center'}>
-                        <IconClock size={25} color={colors["blue-button"]} />
-                        <Text c={colors["blue-button"]} fz={'lg'}>{data.jamOperasional}</Text>
-                      </Flex>
-                      <Box>
-                        <Text c={colors["blue-button"]} fw={'bold'} fz={'h2'}>Layanan Yang Tersedia :</Text>
-                        <SimpleGrid
-                          py={10}
-                          cols={{
-                            base: 1,
-                            md: 2,
+                      <Text c={colors['blue-button']} fw="bold" fz="h2">
+                        {data.nama}
+                      </Text>
+                      <Text c={colors['blue-button']} fz="sm">
+                        {data.jarakKeDesa}
+                      </Text>
+
+                      {/* Alamat */}
+                      <Flex
+                        py={10}
+                        gap={9}
+                        align="flex-start"
+                        wrap="wrap"
+                        style={{ wordBreak: 'break-word' }}
+                      >
+                        <Box w={25} mt={3}>
+                          <IconPin size={22} />
+                        </Box>
+                        <Text
+                          fz="lg"
+                          style={{
+                            flex: 1,
+                            wordBreak: 'break-word',
+                            lineHeight: 1.4,
                           }}
                         >
-                          <Box>
-                            <Text c={colors["blue-button"]} fz={'lg'}>{data.layananPolsek.nama}</Text>
-                          </Box>
+                          {data.alamat}
+                        </Text>
+                      </Flex>
+
+                      {/* Telepon */}
+                      <Flex
+                        gap={9}
+                        align="flex-start"
+                        wrap="wrap"
+                        style={{ wordBreak: 'break-word' }}
+                      >
+                        <Box w={25} mt={3}>
+                          <IconPhone size={22} />
+                        </Box>
+                        <Text fz="lg">
+                          {data.nomorTelepon}
+                        </Text>
+                      </Flex>
+
+                      {/* Jam Operasional */}
+                      <Flex
+                        py={10}
+                        gap={9}
+                        align="flex-start"
+                        wrap="wrap"
+                        style={{ wordBreak: 'break-word' }}
+                      >
+                        <Box w={25} mt={3}>
+                          <IconClock size={22}  />
+                        </Box>
+                        <Text fz="lg">
+                          {data.jamOperasional}
+                        </Text>
+                      </Flex>
+
+                      {/* Layanan */}
+                      <Box>
+                        <Text c={colors['blue-button']} fw="bold" fz="h2">
+                          Layanan Yang Tersedia :
+                        </Text>
+                        <SimpleGrid py={10} cols={{ base: 1, md: 2 }}>
+                          <Text fz="lg">
+                            {data.layananPolsek.nama}
+                          </Text>
                         </SimpleGrid>
                       </Box>
+
                       <Box>
-                        <Button bg={colors["blue-button"]} onClick={() => router.push(`/darmasaba/keamanan/polsek-terdekat/semua-polsek`)} rightSection={<IconArrowDown size={20} />}>Lihat Kantor Polisi Lainnya</Button>
+                        <Button
+                          bg={colors['blue-button']}
+                          onClick={() =>
+                            router.push(`/darmasaba/keamanan/polsek-terdekat/semua-polsek`)
+                          }
+                          rightSection={<IconArrowDown size={20} />}
+                        >
+                          Lihat Kantor Polisi Lainnya
+                        </Button>
                       </Box>
                     </Box>
-                    <Box pos={'relative'}>
+
+                    {/* === KANAN === */}
+                    <Box pos="relative">
                       <Box style={{ position: 'absolute', top: 0, right: 0 }}>
-                        <Badge size='lg' c={'#287407'} bg={'#A8EDC4'}>Buka</Badge>
+                        <Badge size="lg" c="#287407" bg="#A8EDC4">
+                          Buka
+                        </Badge>
                       </Box>
+
                       <Box pt={40}>
-                        <iframe style={{ border: 2, width: "100%" }} src={data.embedMapUrl} width="550" height="300" ></iframe>
+                        <iframe
+                          style={{ border: 2, width: '100%' }}
+                          src={data.embedMapUrl}
+                          width="550"
+                          height="300"
+                        ></iframe>
                       </Box>
+
                       <Box pt={20}>
-                        <Button onClick={() => router.push(data.linkPetunjukArah)} fullWidth bg={colors["blue-button"]} radius={10} leftSection={<IconNavigation size={20} />}>Petunjuk Arah</Button>
+                        <Button
+                          onClick={() => router.push(data.linkPetunjukArah)}
+                          fullWidth
+                          bg={colors['blue-button']}
+                          radius={10}
+                          leftSection={<IconNavigation size={20} />}
+                        >
+                          Petunjuk Arah
+                        </Button>
                       </Box>
                     </Box>
                   </>
-                ) : null}
+                )}
               </SimpleGrid>
             </Stack>
           </Paper>
diff --git a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
index e4709396..d24e95e6 100644
--- a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
@@ -56,8 +56,11 @@ function Page() {
             />
           </GridCol>
         </Grid>
-        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz={{ base: "h4", md: "h3" }} >
-          Keamanan dan ketertiban lingkungan di Desa Darmasaba dijaga melalui peran aktif Pecalang dan Patwal (Patroli Pengawal). Mereka bertugas memastikan desa tetap aman, tertib, dan kondusif bagi seluruh warga.
+        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" >
+          Keamanan dan ketertiban lingkungan di Desa Darmasaba dijaga melalui peran aktif Pecalang dan Patwal (Patroli Pengawal).
+        </Text>
+        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" >
+          Mereka bertugas memastikan desa tetap aman, tertib, dan kondusif bagi seluruh warga.
         </Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
@@ -82,7 +85,7 @@ function Page() {
                           {v.judul}
                         </Text>
                         <Box>
-                          <Text pb={10} fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                          <Text pb={10} fz={"md"} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
                         </Box>
                       </Box>
                     </Box>
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
index 5ca70ed1..0e7913f3 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
@@ -88,59 +88,83 @@ function Page() {
         ) : (
           <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="xl" mt="lg">
             {data.map((v, k) => (
-              <Paper
-                key={k}
-                radius="xl"
-                shadow="md"
-                withBorder
-                p="lg"
-                bg={colors['white-trans-1']}
-                style={{
-                  transition: 'all 200ms ease',
-                  cursor: 'pointer',
-                }}
-              >
-                <Stack align="center" gap="sm">
-                  <Box
-                    style={{
-                      width: '100%',
-                      aspectRatio: '16/9',
-                      borderRadius: '12px',
-                      overflow: 'hidden',
-                      position: 'relative',
-                    }}
-                  >
-                    <Image
-                      src={v.image.link}
-                      alt={v.name}
-                      fit="cover"
-                      loading="lazy"
-                      style={{
-                        width: '100%',
-                        height: '100%',
-                        transition: 'transform 0.4s ease',
-                      }}
-                      onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
-                      onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
-                    />
-                  </Box>
-
-                  <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
-                    {v.name}
-                  </Text>
-                  <Text fz="sm" ta="center" lineClamp={3}>
-                    <span style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
-                  </Text>
-                  <Button
-                    variant="light"
-                    leftSection={<IconBrandWhatsapp size={18} />}
-                    component="a"
-                    href={`https://wa.me/${v.whatsapp.replace(/\D/g, '')}`}
-                    target="_blank"
-                    aria-label="Hubungi WhatsApp"
-                  >WhatsApp</Button>
-                </Stack>
-              </Paper>
+             <Paper
+             key={k}
+             radius="xl"
+             shadow="md"
+             withBorder
+             p="lg"
+             bg={colors['white-trans-1']}
+             style={{
+               transition: 'all 200ms ease',
+               cursor: 'pointer',
+               display: 'flex',
+               flexDirection: 'column',
+               justifyContent: 'space-between', // ✅ biar button selalu di bawah
+               height: '100%', // ✅ bikin tinggi seragam
+             }}
+           >
+             <Stack align="center" gap="sm" style={{ flexGrow: 1 }}>
+               <Box
+                 style={{
+                   width: '100%',
+                   aspectRatio: '16/9',
+                   borderRadius: '12px',
+                   overflow: 'hidden',
+                   position: 'relative',
+                 }}
+               >
+                 <Image
+                   src={v.image.link}
+                   alt={v.name}
+                   fit="cover"
+                   loading="lazy"
+                   style={{
+                     width: '100%',
+                     height: '100%',
+                     transition: 'transform 0.4s ease',
+                   }}
+                   onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
+                   onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
+                 />
+               </Box>
+           
+               <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
+                 {v.name}
+               </Text>
+           
+               <Text
+                 fz="sm"
+                 ta="center"
+                 lineClamp={3}
+                 lh={1.6}
+                 style={{
+                   minHeight: '4.8em', // tinggi tetap 3 baris
+                 }}
+               >
+                 <span
+                   style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                   dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                 />
+               </Text>
+             </Stack>
+           
+             {/* ✅ Tombol selalu di bagian bawah card */}
+             <Center mt="md">
+               <Button
+                 variant="light"
+                 leftSection={<IconBrandWhatsapp size={18} />}
+                 component="a"
+                 href={`https://wa.me/${v.whatsapp.replace(/\D/g, '')}`}
+                 target="_blank"
+                 aria-label="Hubungi WhatsApp"
+               >
+                 WhatsApp
+               </Button>
+             </Center>
+           </Paper>
+           
+            
             ))}
           </SimpleGrid>
         )}
diff --git a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx
index 399d7f4f..633bff4b 100644
--- a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx
@@ -1,15 +1,14 @@
 'use client';
 import penangananDarurat from '@/app/admin/(dashboard)/_state/kesehatan/penanganan-darurat/penangananDarurat';
 import colors from '@/con/colors';
-import { Box, Button, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack } from '@tabler/icons-react';
-import { useParams, useRouter } from 'next/navigation';
+import { useParams } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
+import BackButton from '../../../desa/layanan/_com/BackButto';
 
 function DetailPenangananDaruratUser() {
   const state = useProxy(penangananDarurat);
-  const router = useRouter();
   const params = useParams();
 
   useShallowEffect(() => {
@@ -32,14 +31,7 @@ function DetailPenangananDaruratUser() {
     <Box py={20}>
       {/* Tombol Back */}
       <Box px={{ base: 'md', md: 100 }}>
-        <Button
-          variant="subtle"
-          onClick={() => router.back()}
-          leftSection={<IconArrowBack size={22} color={colors['blue-button']} />}
-          mb={20}
-        >
-          Kembali
-        </Button>
+        <BackButton/>
       </Box>
 
       {/* Wrapper Detail */}
diff --git a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
index a91947bf..92fe9f3a 100644
--- a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
@@ -1,7 +1,7 @@
 // Create a new component: components/EdukasiCard.tsx
 'use client';
 
-import { Box, Paper, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Paper, Stack, Text } from '@mantine/core';
 import { ReactNode } from 'react';
 
 interface EdukasiCardProps {
@@ -31,7 +31,6 @@ export function EdukasiCard({ icon, title, description, color = '#1e88e5' }: Edu
         <Box>
           <Stack align="center" gap="xs" mb="md">
             <Box style={{ color }}>{icon}</Box>
-            <Tooltip label={title} maw={250} multiline withArrow position="top">
               <Text 
                 fz={{ base: 'h5', md: 'h4' }} 
                 fw={700} 
@@ -47,7 +46,6 @@ export function EdukasiCard({ icon, title, description, color = '#1e88e5' }: Edu
                 }}
                 dangerouslySetInnerHTML={{ __html: title }}
               />
-            </Tooltip>
           </Stack>
           <Text
             size="sm"
diff --git a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx
index 99e5c4cf..14a4a925 100644
--- a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx
@@ -62,7 +62,6 @@ export default function EdukasiLingkunganPage() {
         </Text>
         <Text
           fz={{ base: 'md', md: 'lg' }}
-          c="dimmed"
           maw={800}
           mx="auto"
         >
@@ -78,21 +77,21 @@ export default function EdukasiLingkunganPage() {
           verticalSpacing={{ base: 'md', md: 'xl' }}
         >
           <EdukasiCard
-            icon={<IconLeaf size={32} />}
+            icon={<IconLeaf size={45} />}
             title={tujuan.data?.judul || ''}
             description={tujuan.data?.deskripsi || ''}
             color={colors['blue-button']}
           />
 
           <EdukasiCard
-            icon={<IconRecycle size={32} />}
+            icon={<IconRecycle size={45} />}
             title={materi.data?.judul || ''}
             description={materi.data?.deskripsi || ''}
             color={colors['blue-button']}
           />
 
           <EdukasiCard
-            icon={<IconPlant2 size={32} />}
+            icon={<IconPlant2 size={45} />}
             title={contoh.data?.judul || ''}
             description={contoh.data?.deskripsi || ''}
             color={colors['blue-button']}
diff --git a/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx b/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx
index 718cb23e..76a39cf6 100644
--- a/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx
@@ -44,13 +44,12 @@ function Page() {
           <Box style={{ display: 'flex', height: '100%' }}>
             <Paper
               p="lg"
-              bg="linear-gradient(145deg, #DFE3E8FF 0%, #EFF1F4FF 100%)"
               style={{ 
                 borderRadius: 16, 
-                boxShadow: '0 0 20px rgba(28, 110, 164, 0.5)',
                 width: '100%',
                 display: 'flex',
-                flexDirection: 'column'
+                flexDirection: 'column',
+                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)'
               }}
             >
               <Stack gap="md" px={20} style={{ height: '100%' }}>
@@ -74,13 +73,12 @@ function Page() {
          <Box style={{ display: 'flex', height: '100%' }}>
          <Paper
               p="lg"
-              bg="linear-gradient(145deg, #DFE3E8FF 0%, #EFF1F4FF 100%)"
               style={{ 
                 borderRadius: 16, 
-                boxShadow: '0 0 20px rgba(28, 110, 164, 0.5)',
                 width: '100%',
                 display: 'flex',
-                flexDirection: 'column'
+                flexDirection: 'column',
+                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)'
               }}
             >
               <Stack gap="md" px={20} style={{ height: '100%' }}>
@@ -105,13 +103,12 @@ function Page() {
          <Box>
             <Paper
               p="lg"
-              bg="linear-gradient(145deg, #DFE3E8FF 0%, #EFF1F4FF 100%)"
               style={{ 
                 borderRadius: 16, 
-                boxShadow: '0 0 20px rgba(28, 110, 164, 0.5)',
                 width: '100%',
                 display: 'flex',
-                flexDirection: 'column'
+                flexDirection: 'column',
+                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)'
               }}
             >
               <Stack gap="md" px={20} style={{ height: '100%' }}>
diff --git a/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
index 48d4baf9..d50df75c 100644
--- a/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
@@ -91,7 +91,7 @@ function Page() {
                     <Box style={{ alignContent: 'center', alignItems: 'center' }}>
                       {iconMap[v.icon] ? React.createElement(iconMap[v.icon]) : null}
                     </Box>
-                    <Text fw={'bold'} fz={{ base: "lg", md: "xl" }} c={'black'}>{v.name}</Text>
+                    <Text fz={{ base: "lg", md: "xl" }} c={'black'}>{v.name}</Text>
                   </Flex>
                 </Paper>
               </Box>
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
rename to src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
similarity index 99%
rename from src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
rename to src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
index 94358ae4..d1909407 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
@@ -68,7 +68,7 @@ function Page() {
         <Image src="/darmasaba-icon.png" w={{ base: 70, md: 100 }} alt="Logo Desa Darmasaba" loading="lazy" />
       </Center>
       <Text ta="center" fz={{ base: "1.8rem", md: "2.5rem" }} c={colors["blue-button"]} fw="bold" lh={1.4}>
-        Daftar Informasi Publik Desa Darmasaba
+        Daftar Informasi Publik
       </Text>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap="lg">
diff --git a/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
similarity index 99%
rename from src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
rename to src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
index 9e134b39..514d9f59 100644
--- a/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
@@ -239,7 +239,7 @@ const state = useProxy(indeksKepuasanState.responden);
                 {/* Chart Rating */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Pilihan</Title>
+                    <Title order={4}>Ulasan</Title>
                     {donutDataRating.every(item => item.value === 0) ? (
                       <Text c="dimmed" ta="center" my="md">
                         Belum ada data untuk ditampilkan dalam grafik
@@ -505,7 +505,7 @@ const state = useProxy(indeksKepuasanState.responden);
               {/* Chart Rating */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Pilihan</Title>
+                  <Title order={4}>Ulasan</Title>
                   {donutDataRating.every(item => item.value === 0) ? (
                     <Text c="dimmed" ta="center" my="md">
                       Belum ada data untuk ditampilkan dalam grafik
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx
index 36a02bc3..9b0d45cc 100644
--- a/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx
@@ -39,9 +39,9 @@ function DetailPegawaiUser() {
   const data = statePegawai.findUnique.data;
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="xl">
+    <Box px={{ base: 'md', md: 100 }} py="xl">
       {/* Back button */}
-      <Group mb="lg">
+      <Group mb="lg" px={{ base: 'md', md: 100 }}>
         <Box
           onClick={() => router.back()}
           style={{
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
index 17637cb4..1d921cab 100644
--- a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
@@ -1,7 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
-
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID'
 import ScrollToTopButton from '@/app/darmasaba/_com/scrollToTopButton'
 import colors from '@/con/colors'
@@ -10,7 +9,6 @@ import {
   Button,
   Card,
   Center,
-  Container,
   Group,
   Image,
   Loader,
@@ -36,6 +34,7 @@ import { OrganizationChart } from 'primereact/organizationchart'
 import { useEffect, useRef, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import BackButton from '../../desa/layanan/_com/BackButto'
+import './struktur.css'
 
 export default function Page() {
   return (
@@ -47,10 +46,9 @@ export default function Page() {
         paddingBottom: 48,
       }}
     >
-      <Container size="xl" py="xl">
-        <Box px={{ base: 'md', md: 100 }}>
-          <BackButton />
-        </Box>
+      <Box px={{ base: 'md', md: 100 }} py={"xl"}>
+        <BackButton />
+
         <Stack align="center" gap="xl" mt="xl">
           <Title
             order={1}
@@ -65,12 +63,12 @@ export default function Page() {
             untuk melihat detail atau klik node untuk fokus tampilan.
           </Text>
         </Stack>
+
         <Box mt="lg">
           <StrukturOrganisasiPPID />
         </Box>
-      </Container>
+      </Box>
 
-      {/* Tombol Scroll ke Atas */}
       <ScrollToTopButton />
     </Box>
   )
@@ -84,7 +82,7 @@ function StrukturOrganisasiPPID() {
   const [isFullscreen, setFullscreen] = useState(false)
   const [searchQuery, setSearchQuery] = useState('')
 
-  // debounce untuk pencarian
+  // debounce pencarian
   const debouncedSearch = useRef(
     debounce((value: string) => {
       setSearchQuery(value)
@@ -112,7 +110,8 @@ function StrukturOrganisasiPPID() {
     )
   }
 
-  if (!stateOrganisasi.findMany.data || stateOrganisasi.findMany.data.length === 0) {
+  const data = stateOrganisasi.findMany.data || []
+  if (data.length === 0) {
     return (
       <Center py={40}>
         <Stack align="center" gap="md">
@@ -151,9 +150,9 @@ function StrukturOrganisasiPPID() {
     )
   }
 
-  // Buat struktur organisasi
+  // 🧩 buat struktur organisasi
   const posisiMap = new Map<string, any>()
-  const aktifPegawai = stateOrganisasi.findMany.data.filter((p: any) => p.isActive)
+  const aktifPegawai = data.filter((p: any) => p.isActive)
 
   for (const pegawai of aktifPegawai) {
     const posisiId = pegawai.posisi.id
@@ -176,19 +175,15 @@ function StrukturOrganisasiPPID() {
     } else root.push(posisi)
   })
 
-  function toOrgChartFormat(node: any): any {
+  const toOrgChartFormat = (node: any): any => {
     const pegawai = node.pegawaiList?.[0]
     return {
       expanded: true,
-      type: 'person',
-      styleClass: 'p-person',
       data: {
-        id: pegawai?.id || null,
-        name: pegawai?.namaLengkap || 'Belum ditugaskan',
-        title: node.nama || 'Tanpa jabatan',
+        id: pegawai?.id,
+        name: pegawai?.namaLengkap || 'Belum Ditugaskan',
+        title: node.nama || 'Tanpa Jabatan',
         image: pegawai?.image?.link || '/img/default.png',
-        description: node.deskripsi || '',
-        positionId: node.id || null,
       },
       children: node.children?.map(toOrgChartFormat) || [],
     }
@@ -213,7 +208,7 @@ function StrukturOrganisasiPPID() {
     chartData = filterNodes(chartData)
   }
 
-  // 🧭 fungsi fullscreen
+  // 🎬 fullscreen & zoom control
   const toggleFullscreen = () => {
     if (!document.fullscreenElement) {
       chartContainerRef.current?.requestFullscreen()
@@ -224,138 +219,249 @@ function StrukturOrganisasiPPID() {
     }
   }
 
-  // 🧭 fungsi zoom
-  const handleZoomIn = () => setScale((prev) => Math.min(prev + 0.1, 2))
-  const handleZoomOut = () => setScale((prev) => Math.max(prev - 0.1, 0.5))
+  const handleZoomIn = () => setScale((s) => Math.min(s + 0.1, 2))
+  const handleZoomOut = () => setScale((s) => Math.max(s - 0.1, 0.5))
   const resetZoom = () => setScale(1)
 
   return (
     <Stack align="center" mt="xl">
-      {/* 🔍 Search + Zoom + Fullscreen controls */}
-      <Group mb="md" justify="center" gap="sm" align="center">
-        <TextInput
-          placeholder="Cari nama atau jabatan..."
-          leftSection={<IconSearch size={16} />}
-          onChange={(e) => debouncedSearch(e.target.value)}
-        />
-
-        <Button variant="light" size="sm" onClick={handleZoomOut}>
-          <IconZoomOut size={16} />
-        </Button>
-
-        {/* 🔍 Tambahkan indikator zoom di sini */}
-        {/* Floating Zoom Indicator */}
-        <Box
-          bg="#C3D0E8"
-          c="blue"
-          px={9}
-          py={8}
-          style={{
-            fontSize: 14,
-            fontWeight: 600,
-            borderRadius: '5px',
-          }}
-        >
-          {Math.round(scale * 100)}%
-        </Box>
-
-
-        <Button variant="light" size="sm" onClick={handleZoomIn}>
-          <IconZoomIn size={16} />
-        </Button>
-
-        <Button variant="light" size="sm" onClick={resetZoom}>
-          Reset
-        </Button>
-
-        <Button
-          variant="light"
-          size="sm"
-          onClick={toggleFullscreen}
-          leftSection={
-            isFullscreen ? <IconArrowsMinimize size={16} /> : <IconArrowsMaximize size={16} />
-          }
-        >
-          {isFullscreen ? 'Keluar' : 'Fullscreen'}
-        </Button>
-      </Group>
-
-
-      {/* Chart Container */}
-      <Box
-        ref={chartContainerRef}
+      {/* 🔍 Controls */}
+      <Paper
+        shadow="xs"
+        p="md"
+        radius="md"
         style={{
-          overflow: 'auto',
-          transform: `scale(${scale})`,
-          transformOrigin: 'center top',
-          transition: 'transform 0.25s ease',
+          background: colors['blue-button']
         }}
       >
-        <OrganizationChart
-          value={chartData}
-          nodeTemplate={(node) => nodeTemplate(node, router)}
-        />
-      </Box>
+        <Group gap="sm" wrap="wrap" justify="center">
+          <TextInput
+            placeholder="Cari nama atau jabatan..."
+            leftSection={<IconSearch size={16} />}
+            onChange={(e) => debouncedSearch(e.target.value)}
+            styles={{
+              input: {
+                minWidth: 250,
+              },
+            }}
+          />
+
+          <Group gap="xs">
+            <Button
+              variant="light"
+              bg={colors['blue-button-2']}
+              size="sm"
+              onClick={handleZoomOut}
+              leftSection={<IconZoomOut size={16} />}
+              c={colors['blue-button']}
+            >
+              Zoom Out
+            </Button>
+
+            <Box
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              px={16}
+              py={8}
+              style={{
+                fontSize: 14,
+                fontWeight: 700,
+                borderRadius: '8px',
+                minWidth: 70,
+                textAlign: 'center',
+              }}
+            >
+              {Math.round(scale * 100)}%
+            </Box>
+
+            <Button
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              variant="light"
+              size="sm"
+              onClick={handleZoomIn}
+              leftSection={<IconZoomIn size={16} />}
+            >
+              Zoom In
+            </Button>
+
+            <Button
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              variant="light"
+              size="sm"
+              onClick={resetZoom}
+            >
+              Reset
+            </Button>
+
+            <Button
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              size="sm"
+              onClick={toggleFullscreen}
+              leftSection={
+                isFullscreen ? (
+                  <IconArrowsMinimize size={16} />
+                ) : (
+                  <IconArrowsMaximize size={16} />
+                )
+              }
+            >
+              Fullscreen
+            </Button>
+          </Group>
+        </Group>
+      </Paper>
+
+      {/* 🧩 Chart Container */}
+      <Center style={{ width: '100%' }}>
+        <Box
+          ref={chartContainerRef}
+          style={{
+            overflowX: 'auto',
+            overflowY: 'auto',
+            width: '100%',
+            maxWidth: '100%',
+            padding: '32px 16px',
+            transition: 'transform 0.2s ease',
+            transform: `scale(${scale})`,
+            transformOrigin: 'center top',
+          }}
+        >
+          <OrganizationChart
+            value={chartData}
+            nodeTemplate={(node) => <NodeCard node={node} router={router} />}
+            className="p-organizationchart p-organizationchart-horizontal"
+          />
+        </Box>
+      </Center>
     </Stack>
   )
 }
 
-function nodeTemplate(node: any, router: ReturnType<typeof useTransitionRouter>) {
+function NodeCard({ node, router }: any) {
   const imageSrc = node?.data?.image || '/img/default.png'
   const name = node?.data?.name || 'Tanpa Nama'
   const title = node?.data?.title || 'Tanpa Jabatan'
-  const description = node?.data?.description || ''
+  const hasId = Boolean(node?.data?.id)
 
   return (
-    <Transition mounted transition="pop" duration={240}>
+    <Transition mounted transition="pop" duration={300}>
       {(styles) => (
         <Card
-          radius="lg"
+          shadow="md"
+          radius="xl"
           withBorder
           style={{
             ...styles,
-            width: 260,
-            padding: 16,
-            background: 'rgba(28,110,164,0.3)',
-            borderColor: 'rgba(255,255,255,0.15)',
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            textAlign: 'center',
+            width: 240,
+            minHeight: 280,
+            padding: 20,
+            background: 'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
+            borderColor: 'rgba(28, 110, 164, 0.3)',
+            borderWidth: 2,
+            transition: 'all 0.3s ease',
+            cursor: hasId ? 'pointer' : 'default',
+          }}
+          onMouseEnter={(e) => {
+            if (hasId) {
+              e.currentTarget.style.transform = 'translateY(-4px)'
+              e.currentTarget.style.boxShadow = '0 8px 24px rgba(28, 110, 164, 0.25)'
+            }
+          }}
+          onMouseLeave={(e) => {
+            if (hasId) {
+              e.currentTarget.style.transform = 'translateY(0)'
+              e.currentTarget.style.boxShadow = ''
+            }
           }}
         >
-          <Image
-            src={imageSrc}
-            alt={name}
-            radius="md"
-            width={60}
-            height={60}
-            fit="cover"
-            style={{
-              objectFit: 'cover',
-              border: '2px solid rgba(255,255,255,0.2)',
-              marginBottom: 12,
-            }}
-            loading="lazy"
-          />
-          <Text fw={700}>{name}</Text>
-          <Text size="sm" c="dimmed" mt={4}>
-            {title}
-          </Text>
-          <Text size="xs" c="dimmed" mt={8} lineClamp={3}>
-            {description || 'Belum ada deskripsi.'}
-          </Text>
-            <Button
-              variant="light"
-              size="xs"
-              mt="md"
-              onClick={() => {
-                const id = node?.data?.id
-                router.push(`/darmasaba/ppid/struktur-ppid/${id}`)
+          <Stack align="center" gap={12}>
+            {/* Photo */}
+            <Box
+              style={{
+                width: 96,
+                height: 96,
+                borderRadius: '50%',
+                overflow: 'hidden',
+                border: '3px solid rgba(28, 110, 164, 0.4)',
+                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+                background: 'white',
               }}
             >
-              Lihat Detail
-            </Button>
+              <Image
+                src={imageSrc}
+                alt={name}
+                width={96}
+                height={96}
+                fit="cover"
+                loading="lazy"
+                style={{
+                  objectFit: 'cover',
+                }}
+              />
+            </Box>
+
+            {/* Name */}
+            <Text
+              fw={700}
+              size="sm"
+              ta="center"
+              c={colors['blue-button']}
+              lineClamp={2}
+              style={{
+                minHeight: 40,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                wordBreak: 'break-word',
+                lineHeight: 1.3,
+              }}
+            >
+              {name}
+            </Text>
+
+            {/* Title/Position */}
+            <Text
+              size="xs"
+              c="dimmed"
+              ta="center"
+              fw={500}
+              lineClamp={2}
+              style={{
+                minHeight: 32,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                wordBreak: 'break-word',
+                lineHeight: 1.2,
+              }}
+            >
+              {title}
+            </Text>
+
+            {/* Detail Button */}
+            {hasId && (
+              <Button
+                variant="gradient"
+                gradient={{ from: 'blue', to: 'cyan' }}
+                size="xs"
+                fullWidth
+                mt={8}
+                radius="md"
+                onClick={() =>
+                  router.push(`/darmasaba/ppid/struktur-ppid/${node.data.id}`)
+                }
+                style={{
+                  height: 32,
+                  fontWeight: 600,
+                }}
+              >
+                Lihat Detail
+              </Button>
+            )}
+          </Stack>
         </Card>
       )}
     </Transition>
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/struktur.css b/src/app/darmasaba/(pages)/ppid/struktur-ppid/struktur.css
new file mode 100644
index 00000000..0f9f4fdb
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/struktur.css
@@ -0,0 +1,68 @@
+/* ============================================
+   STRUKTUR ORGANISASI PPID - STYLING
+   ============================================ */
+
+/* Tabel chart selalu center */
+.p-organizationchart-table {
+    margin: 0 auto !important;
+  }
+  
+  /* Jarak vertikal antar level - lebih lega */
+  .p-organizationchart-line-down {
+    height: 32px !important;
+  }
+  
+  /* Padding di dalam node - lebih rapi */
+  .p-organizationchart-node-content {
+    padding: 0 !important;
+    background: transparent !important;
+    border: none !important;
+  }
+  
+  /* Garis connector antar node - lebih tebal dan jelas */
+  .p-organizationchart-line-down,
+  .p-organizationchart-line-left,
+  .p-organizationchart-line-right,
+  .p-organizationchart-line-top {
+    border-color: rgba(28, 110, 164, 0.4) !important;
+    border-width: 2px !important;
+  }
+  
+  /* Garis horizontal */
+  .p-organizationchart-line-left,
+  .p-organizationchart-line-right {
+    border-top-width: 2px !important;
+  }
+  
+  /* Jarak horizontal antar node - lebih proporsional */
+  .p-organizationchart-table > tbody > tr > td {
+    padding: 0 24px !important;
+    vertical-align: top !important;
+  }
+  
+  /* Node container spacing */
+  .p-organizationchart-node {
+    padding: 8px !important;
+  }
+  
+  /* Responsive adjustments */
+  @media (max-width: 768px) {
+    .p-organizationchart-table > tbody > tr > td {
+      padding: 0 12px !important;
+    }
+    
+    .p-organizationchart-line-down {
+      height: 24px !important;
+    }
+  }
+  
+  /* Smooth transitions untuk zoom */
+  .p-organizationchart {
+    transition: transform 0.2s ease;
+  }
+  
+  /* Fullscreen mode adjustments */
+  .p-organizationchart-table:fullscreen {
+    background: rgba(230, 240, 255, 0.98);
+    padding: 40px;
+  }
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/Navbar.tsx b/src/app/darmasaba/_com/Navbar.tsx
index 65da725e..28225d7f 100644
--- a/src/app/darmasaba/_com/Navbar.tsx
+++ b/src/app/darmasaba/_com/Navbar.tsx
@@ -116,7 +116,7 @@ function NavbarMobile({ listNavbar }: { listNavbar: MenuItem[] }) {
                 radius="md"
                 p="sm"
                 withBorder
-                bg={active ? "blue.0" : "gray.0"}
+                bg={active ? colors["blue-button-2"] : "gray.0"}
                 onClick={() => {
                   if (item.href) {
                     router.push(item.href);
@@ -126,21 +126,21 @@ function NavbarMobile({ listNavbar }: { listNavbar: MenuItem[] }) {
                 style={{
                   cursor: item.href ? "pointer" : "default",
                   transition: "background 0.15s ease",
-                  borderLeft: active ? "4px solid #1e66f5" : "4px solid transparent",
+                  borderLeft: active ? `4px solid ${colors['blue-button']}` : "4px solid transparent",
                 }}
               >
                 <Group justify="space-between" align="center" wrap="nowrap">
                   <Text
                     fw={active ? 700 : 600}
                     fz="md"
-                    c={active ? "blue.7" : "dark.9"}
+                    c={active ? colors['blue-button'] : "dark.9"}
                   >
                     {item.name}
                   </Text>
                   {item.href && (
                     <IconSquareArrowRight
                       size={18}
-                      color={active ? "#1e66f5" : "inherit"}
+                      color={active ? colors['blue-button'] : "inherit"}
                     />
                   )}
                 </Group>
@@ -167,21 +167,21 @@ function NavbarMobile({ listNavbar }: { listNavbar: MenuItem[] }) {
                           cursor: child.href ? "pointer" : "default",
                           opacity: child.href ? 1 : 0.8,
                           borderRadius: "0.5rem",
-                          backgroundColor: childActive ? "#e7f0ff" : "transparent",
-                          borderLeft: childActive ? "3px solid #1e66f5" : "3px solid transparent",
+                          backgroundColor: childActive ? colors["blue-button-2"] : "transparent",
+                          borderLeft: childActive ? `3px solid ${colors['blue-button']}` : "3px solid transparent",
                           transition: "background 0.15s ease",
                         }}
                       >
                         <Text
                           fz="sm"
                           fw={childActive ? 600 : 400}
-                          c={childActive ? "blue.7" : "dark.8"}
+                          c={childActive ? colors['blue-button'] : "dark.8"}
                         >
                           {child.name}
                         </Text>
                         <IconSquareArrowRight
                           size={14}
-                          color={childActive ? "#1e66f5" : "inherit"}
+                          color={childActive ? colors['blue-button'] : "inherit"}
                         />
                       </Group>
                     );
diff --git a/src/app/darmasaba/_com/NavbarMainMenu.tsx b/src/app/darmasaba/_com/NavbarMainMenu.tsx
index 5d796d23..96548a8e 100644
--- a/src/app/darmasaba/_com/NavbarMainMenu.tsx
+++ b/src/app/darmasaba/_com/NavbarMainMenu.tsx
@@ -112,7 +112,7 @@ function MenuItemCom({ item, isActive = false }: { item: MenuItem, isActive?: bo
       <MenuTarget>
         <Button
           variant="subtle"
-          color={isActive ? 'blue' : 'gray'}
+          color={isActive ? colors['blue-button'] : 'gray'}
           onClick={() => {
             if (item.href) {
               router.push(item.href);
diff --git a/src/app/darmasaba/_com/NavbarSubMenu.tsx b/src/app/darmasaba/_com/NavbarSubMenu.tsx
index db816ec0..256f8fd4 100644
--- a/src/app/darmasaba/_com/NavbarSubMenu.tsx
+++ b/src/app/darmasaba/_com/NavbarSubMenu.tsx
@@ -49,12 +49,12 @@ export function NavbarSubMenu({ item }: { item: MenuItem[] | null }) {
               rightSection={<IconArrowRight size={18} />}
               styles={(theme) => ({
                 root: {
-                  background: link.href && pathname.startsWith(link.href) ? theme.colors.blue[0] : 'transparent',
-                  color: link.href && pathname.startsWith(link.href) ? theme.colors.blue[7] : colors['blue-button'],
+                  background: link.href && pathname.startsWith(link.href) ? colors['blue-button-2'] : 'transparent',
+                  color: link.href && pathname.startsWith(link.href) ? colors['blue-button'] : 'gray',
                   fontWeight: link.href && pathname.startsWith(link.href) ? 600 : 500,
                   transition: "all 0.2s ease",
                   "&:hover": {
-                    background: link.href && pathname.startsWith(link.href) ? theme.colors.blue[1] : theme.colors.gray[0],
+                    background: link.href && pathname.startsWith(link.href) ? colors['blue-button-2'] : theme.colors.gray[0],
                   }
                 },
               })}
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index 1cc7a035..80c78308 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -245,7 +245,7 @@ function Kepuasan() {
                 {/* Chart Rating */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Pilihan</Title>
+                    <Title order={4}>Ulasan</Title>
                     {donutDataRating.every(item => item.value === 0) ? (
                       <Text c="dimmed" ta="center" my="md">
                         Belum ada data untuk ditampilkan dalam grafik
@@ -517,7 +517,7 @@ function Kepuasan() {
               {/* Chart Rating */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Pilihan</Title>
+                  <Title order={4}>Ulasan</Title>
                   {donutDataRating.every(item => item.value === 0) ? (
                     <Text c="dimmed" ta="center" my="md">
                       Belum ada data untuk ditampilkan dalam grafik
diff --git a/src/con/navbar-list-menu.ts b/src/con/navbar-list-menu.ts
index 28eaf9c2..f9f0455b 100644
--- a/src/con/navbar-list-menu.ts
+++ b/src/con/navbar-list-menu.ts
@@ -35,13 +35,13 @@ const navbarListMenu = [
             },
             {
                 id: "1.7",
-                name: "Daftar Informasi Publik Desa Darmasaba",
-                href: "/darmasaba/ppid/daftar-informasi-publik-desa-darmasaba"
+                name: "Daftar Informasi Publik",
+                href: "/darmasaba/ppid/daftar-informasi-publik"
             },
             {
                 id: "1.8",
-                name: "IKM Desa Darmasaba",
-                href: "/darmasaba/ppid/ikm-desa-darmasaba"
+                name: "Indeks Kepuasan Masyarakat",
+                href: "/darmasaba/ppid/indeks-kepuasan-masyarakat"
             },
 
         ]
-- 
2.49.1


From 7b4bb1e58eeda7972dabd47575bc66f9467d23c5 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 3 Nov 2025 10:28:03 +0800
Subject: [PATCH 03/97] QC Kak Inno FrontEnd Done QC Kak Ayu FrontEnd Done QC
 Keano 31 Okt

---
 .../darmasaba/(pages)/desa/profile/page.tsx   |   4 +-
 .../(pages)/desa/profile/ui/lambangDesa.tsx   |   2 +-
 .../(pages)/desa/profile/ui/maskotDesa.tsx    |   2 +-
 .../(pages)/desa/profile/ui/motoDesa.tsx      |   2 +-
 .../desa/profile/ui/profilPerbekel.tsx        |   4 +-
 .../(pages)/desa/profile/ui/profileDesa.tsx   |   2 +-
 .../(pages)/desa/profile/ui/sejarahDesa.tsx   |   2 +-
 .../(pages)/desa/profile/ui/semuaPerbekel.tsx |   2 +-
 .../(pages)/desa/profile/ui/visimisiDesa.tsx  |   2 +-
 .../program-lainnya/page.tsx                  |  19 +-
 .../pendidikan/data-pendidikan/page.tsx       |   2 +-
 .../[jenjangPendidikan]/lembaga/page.tsx      |   2 +-
 .../[jenjangPendidikan]/pengajar/page.tsx     |   2 +-
 .../[jenjangPendidikan]/siswa/page.tsx        |   2 +-
 .../info-sekolah/_lib/layoutTabs.tsx          |  21 +-
 .../info-sekolah/semua/lembaga/page.tsx       |   2 +-
 .../info-sekolah/semua/pengajar/page.tsx      |   2 +-
 .../info-sekolah/semua/siswa/page.tsx         |   2 +-
 .../program-pendidikan-anak/page.tsx          |  10 +-
 .../ppid/daftar-informasi-publik/page.tsx     |  19 +-
 src/app/darmasaba/(tambahan)/apbdes/page.tsx  |   2 +-
 .../darmasaba/(tambahan)/sdgs-desa/page.tsx   |  12 +-
 .../darmasaba/_com/main-page/apbdes/index.tsx |  11 +-
 .../_com/main-page/desaantikorupsi/index.tsx  |   2 +-
 .../_com/main-page/kepuasan/index.tsx         |   4 +-
 .../_com/main-page/layanan/index.tsx          |   2 +-
 .../_com/main-page/prestasi/index.tsx         |  15 +-
 .../darmasaba/_com/main-page/sdgs/index.tsx   | 181 +++++++++---------
 src/app/darmasaba/page.tsx                    |   2 +-
 29 files changed, 165 insertions(+), 171 deletions(-)

diff --git a/src/app/darmasaba/(pages)/desa/profile/page.tsx b/src/app/darmasaba/(pages)/desa/profile/page.tsx
index e2f08dd5..9103580c 100644
--- a/src/app/darmasaba/(pages)/desa/profile/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/page.tsx
@@ -26,7 +26,7 @@ function Page() {
             </Text>
           </Stack>
         </Container>
-        <Box px={{ base: "md", md: 100 }}>
+        <Stack px={{ base: "md", md: 100 }} gap={"xl"}>
           <ProfileDesa />
           <SejarahDesa />
           <VisimisiDesa />
@@ -35,7 +35,7 @@ function Page() {
           <ProfilPerbekel />
           <MotoDesa />
           <SemuaPerbekel />
-        </Box>
+        </Stack>
       </Stack>
       {/* Tombol Scroll ke Atas */}
       <ScrollToTopButton />
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
index cf7ef45b..9ad92167 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
@@ -24,7 +24,7 @@ function LambangDesa() {
   }
 
   return (
-    <Box pb={90}>
+    <Box>
       <Stack align="center" gap="lg">
         <Box pb="lg">
           <Center>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
index 1d58f079..4f0ad9ea 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
@@ -28,7 +28,7 @@ function MaskotDesa() {
   }
 
   return (
-    <Box pb={80}>
+    <Box>
       <Stack align="center" gap="xl">
         <Stack align="center" gap={10}>
           <Image src="/pudak-icon.png" alt="Ikon Desa" w={{ base: 160, md: 240 }} loading="lazy"/>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
index baee3347..53e73d55 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
@@ -36,7 +36,7 @@ const letters = ["S", "I", "G", "A", "P"];
 
 function MotoDesa() {
   return (
-    <Box pb={80} px={{ base: "md", md: "xl" }}>
+    <Box px={{ base: "md", md: "xl" }}>
       <Stack align="center" gap="lg">
         <Box>
           <Text
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
index 461f4b2a..31611cf4 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
@@ -25,7 +25,7 @@ function ProfilPerbekel() {
   }
 
   return (
-    <Box pb={80} px="md">
+    <Box px="md">
       <Stack align="center" gap={0} mb={40}>
         <Text
           c={colors['blue-button']}
@@ -116,7 +116,7 @@ function ProfilPerbekel() {
                 </Stack>
                 <Text
                   fz={{ base: "1rem", md: "1.2rem" }}
-                  ta="justify"
+                  ta="left"
                   lh={1.6}
                   dangerouslySetInnerHTML={{ __html: data.pengalaman }}
                   style={{ wordBreak: "break-word", whiteSpace: "normal" }}
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
index 153de2cb..e7b84477 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
@@ -3,7 +3,7 @@ import { Box, Center, Paper } from '@mantine/core';
 
 function ProfileDesa() {
   return (
-    <Box pb={90}>
+    <Box>
       <Center>
           <Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
             <Center>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
index 185f4606..1acc52f1 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
@@ -24,7 +24,7 @@ function SejarahDesa() {
   }
 
   return (
-    <Box py="xl">
+    <Box>
       <Stack align="center" gap="xl">
         <Stack align="center" gap="sm">
           <Center>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
index 46f6594b..29bc2809 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
@@ -36,7 +36,7 @@ function SemuaPerbekel() {
   }
 
   return (
-    <Box pb={80}>
+    <Box>
       <Stack align="center" gap="lg">
         <Box>
           <Text
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
index b8a15c93..25ff3c81 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
@@ -24,7 +24,7 @@ function VisiMisiDesa() {
   }
 
   return (
-    <Box py="xl">
+    <Box>
       <Stack align="center" gap="xl">
         <Image
           src="/darmasaba-icon.png"
diff --git a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
index caa91d39..bbd7ce17 100644
--- a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
@@ -1,27 +1,26 @@
 'use client'
 import {
   Box,
+  Button,
   Card,
   Center,
   Group,
   Pagination,
+  Paper,
   Skeleton,
   Stack,
   Text,
-  Title,
-  Tooltip,
-  Button,
-  Paper,
+  Title
 } from '@mantine/core';
-import { IconSearch, IconArrowRight } from '@tabler/icons-react';
+import { IconArrowRight, IconSearch } from '@tabler/icons-react';
 
-import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
+import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
 import pencegahanKriminalitasState from '@/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas';
 import { useShallowEffect } from '@mantine/hooks';
-import { useState } from 'react';
-import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
 import { IconArrowLeft } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 function PencegahanKriminalitas() {
   const [search, setSearch] = useState("");
@@ -96,7 +95,6 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
                   style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
                 <Group justify="flex-end" mt="sm">
-                  <Tooltip label="Lihat detail program" withArrow>
                     <Button
                       size="sm"
                       variant="gradient"
@@ -106,7 +104,6 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
                     >
                       Lihat Detail
                     </Button>
-                  </Tooltip>
                 </Group>
               </Stack>
             </Card>
diff --git a/src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx b/src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx
index 8c696b82..9ac1be46 100644
--- a/src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx
@@ -57,7 +57,7 @@ function Page() {
           <Title order={1} fw={700} ta="center" c={colors['blue-button']}>
             Statistik Data Pendidikan
           </Title>
-          <Text c="dimmed" size="sm" ta="center">
+          <Text fz="md" ta="center">
             Visualisasi jumlah pendidikan berdasarkan kategori yang tersedia
           </Text>
         </Stack>
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx
index 801854da..1a66e860 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx
@@ -55,7 +55,7 @@ function Page({ params }: PageProps) {
         <Group justify="space-between" align="center" mb="md">
           <Group gap="sm">
             <IconChalkboard size={28} stroke={1.5} color={colors['blue-button']} />
-            <Title order={2} fz="xl">Daftar Lembaga Pendidikan</Title>
+            <Title order={2} fz="xl" c={colors['blue-button']}>Daftar Lembaga Pendidikan</Title>
           </Group>
           <TextInput
            placeholder='pencarian'
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx
index 573ea65e..483e35fe 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx
@@ -55,7 +55,7 @@ function Page({ params }: PageProps) {
         <Group justify="space-between" align="center" mb="md">
           <Group gap="sm">
             <IconMicroscope size={28} stroke={1.5} color={colors['blue-button']} />
-            <Title order={2} fz="xl">Daftar Pengajar</Title>
+            <Title order={2} fz="xl" c={colors['blue-button']}>Daftar Pengajar</Title>
           </Group>
           <TextInput
             placeholder='pencarian'
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx
index 45317ac3..2107f6ad 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx
@@ -55,7 +55,7 @@ function Page({ params }: PageProps) {
         <Group justify="space-between" align="center" mb="md">
           <Group gap="sm">
             <IconSchool size={28} stroke={1.5} color={colors['blue-button']} />
-            <Title order={2} fz="xl">Daftar Siswa</Title>
+            <Title order={2} fz="xl" c={colors['blue-button']}>Daftar Siswa</Title>
           </Group>
           <TextInput
             placeholder='pencarian'
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
index 3bde5958..5be7f77d 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
@@ -96,23 +96,21 @@
 'use client'
 import colors from '@/con/colors';
  // pastikan path benar
+import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
 import {
-  ActionIcon,
   Box,
   Button,
   Container,
   Group,
+  Loader,
   Paper,
   Stack,
-  Text,
-  VisuallyHidden,
-  Loader,
+  Text
 } from '@mantine/core';
-import { IconArrowLeft } from '@tabler/icons-react';
 import { useRouter, useSearchParams } from 'next/navigation';
-import { useSnapshot } from 'valtio';
 import React, { useEffect, useState } from 'react';
-import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
+import { useSnapshot } from 'valtio';
+import BackButton from '../../../desa/layanan/_com/BackButto';
 
 type LayoutSekolahProps = {
   title?: string;
@@ -153,10 +151,7 @@ export default function LayoutSekolah({
       <Container size="xl" py={{ base: 'md', md: 'xl' }}>
         <Stack gap="lg">
           {/* Back Button */}
-          <ActionIcon onClick={() => window.history.back()} variant="light" radius="md" size="lg">
-            <IconArrowLeft size={20} />
-            <VisuallyHidden>Kembali</VisuallyHidden>
-          </ActionIcon>
+          <BackButton/>
 
           {/* Search & Filter */}
           <Paper radius="lg" p="xl" withBorder>
@@ -185,8 +180,8 @@ export default function LayoutSekolah({
                         radius="xl"
                         size="sm"
                         variant={aktif ? 'filled' : 'light'}
-                        bg={colors['blue-button']}
-                        c={aktif ? colors['white-1'] : 'gray'}
+                        bg={aktif? colors['blue-button'] : '#BDCADE'}
+                        c={aktif ? colors['white-1'] : colors['blue-button']}
                       >
                         {k}
                       </Button>
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx
index d395cfd7..07bd3201 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx
@@ -47,7 +47,7 @@ function Page() {
         <Group justify="space-between" align="center" mb="md">
           <Group gap="sm">
             <IconChalkboard size={28} stroke={1.5} color={colors['blue-button']} />
-            <Title order={2} fz="xl">Daftar Lembaga Pendidikan</Title>
+            <Title order={2} fz="xl" c={colors['blue-button']}>Daftar Lembaga Pendidikan</Title>
           </Group>
           <TextInput
             placeholder='pencarian'
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx
index 71150d79..60234dbf 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx
@@ -46,7 +46,7 @@ function Page() {
         <Group justify="space-between" align="center" mb="md">
           <Group gap="sm">
             <IconMicroscope size={28} stroke={1.5} color={colors['blue-button']} />
-            <Title order={2} fz="xl">Daftar Pengajar</Title>
+            <Title order={2} fz="xl" c={colors['blue-button']}>Daftar Pengajar</Title>
           </Group>
           <TextInput
             placeholder='pencarian'
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx
index c5b41ebe..a94c664e 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx
@@ -47,7 +47,7 @@ function Page() {
         <Group justify="space-between" align="center" mb="md">
           <Group gap="sm">
             <IconSchool size={28} stroke={1.5} color={colors['blue-button']} />
-            <Title order={2} fz="xl">Daftar Siswa</Title>
+            <Title order={2} fz="xl" c={colors['blue-button']}>Daftar Siswa</Title>
           </Group>
           <TextInput
             placeholder='pencarian'
diff --git a/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx b/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx
index cb6b4f90..400e47e8 100644
--- a/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx
@@ -37,13 +37,15 @@ function Page() {
 
       <Box px={{ base: 'md', md: 100 }} pb={50}>
         <Box mb="xl">
-          <Title ta="center" order={1} fw="bold" c={colors['blue-button']} mb="sm">
+          <Title ta="center" order={1} fw="bold" c={colors['blue-button']}>
             Program Pendidikan Anak
           </Title>
+          <Box my={"sm"}>
+            <Divider size="sm" color={colors['blue-button']} mx="auto" maw={550} />
+          </Box>
           <Text ta="center" fz="lg" c="black" mb="lg" maw={800} mx="auto">
             Desa Darmasaba berkomitmen mencetak generasi muda yang cerdas, berkarakter, dan siap bersaing melalui program pendidikan yang inklusif dan berkelanjutan.
           </Text>
-          <Divider size="sm" color={colors['blue-button']} mx="auto" maw={120} />
         </Box>
 
         <SimpleGrid
@@ -66,7 +68,7 @@ function Page() {
                 </Title>
               </Group>
               <Tooltip label="Detail tujuan program pendidikan anak" position="top-start" withArrow>
-                <Text fz="lg" lh={1.6} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateTujuan.findById.data?.deskripsi }} />
+                <Text fz="lg" lh={1.6} c="dark" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: stateTujuan.findById.data?.deskripsi }} />
               </Tooltip>
             </Stack>
           </Paper>
@@ -87,7 +89,7 @@ function Page() {
                 </Title>
               </Group>
               <Tooltip label="Detail program unggulan yang sedang berjalan" position="top-start" withArrow>
-                <Text fz="lg" lh={1.6} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateUnggulan.findById.data?.deskripsi }} />
+                <Text fz="lg" lh={1.6} c="dark" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: stateUnggulan.findById.data?.deskripsi }} />
               </Tooltip>
             </Stack>
           </Paper>
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
index d1909407..e5c33633 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Center,
+  Group,
   Image,
   Pagination,
   Paper,
@@ -178,12 +179,18 @@ function Page() {
           <Paper p="lg" radius="xl" shadow="xs" withBorder>
             <Stack gap="xs">
               <Text fz="lg" fw="bold" c={colors["blue-button"]}>Kontak PPID</Text>
-              <Text fz="sm" c="dimmed" lh={1.6}>
-                <IconMail size={16} style={{ marginRight: 6 }} /> Email: <Text span fw="500">ppid@desadarmasaba.id</Text>
-              </Text>
-              <Text fz="sm" c="dimmed" lh={1.6}>
-                <IconBrandWhatsapp size={16} style={{ marginRight: 6 }} /> WhatsApp: <Text span fw="500">081-xxx-xxx-xxx</Text>
-              </Text>
+              <Group>
+                <IconMail color='gray' size={16} style={{ marginRight: 6 }} />
+                <Text c={"dimmed"} fz="sm" lh={1.6}>
+                  Email: <Text c={"dimmed"} span fw="500">ppid@desadarmasaba.id</Text>
+                </Text>
+              </Group>
+              <Group>
+                <IconBrandWhatsapp color='gray' size={16} style={{ marginRight: 6 }} />
+                <Text c={"dimmed"} fz="sm" lh={1.6}>
+                  WhatsApp: <Text c={"dimmed"} span fw="500">081-xxx-xxx-xxx</Text>
+                </Text>
+              </Group>
             </Stack>
           </Paper>
         </Stack>
diff --git a/src/app/darmasaba/(tambahan)/apbdes/page.tsx b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
index b3d419d4..4d01ed1a 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/page.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
@@ -63,7 +63,7 @@ function Page() {
         <SimpleGrid px={{ base: 'md', md: 100 }} cols={{ base: 1, sm: 2, md: 3 }} spacing="xl">
           {data.map((v: any, k: number) => (
             <BackgroundImage key={k} src={v.image?.link || ''} h={360} radius="xl" pos="relative">
-              <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 16 }} />
+              <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 27 }} />
               <Stack justify="space-between" h="100%" p="lg" pos="relative">
                 <Box>
                   <Text fz="lg" fw={600} c="white" ta="center">
diff --git a/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx b/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
index 65d78318..bfbfba3d 100644
--- a/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
+++ b/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { Box, Center, Container, Image, LoadingOverlay, Paper, SimpleGrid, Stack, Text, Title, Tooltip } from '@mantine/core';
-import { Prisma } from '@prisma/client';
-import { useEffect, useState } from 'react';
-import { IconMoodSad } from '@tabler/icons-react';
-import BackButton from '../../(pages)/desa/layanan/_com/BackButto';
 import colors from '@/con/colors';
+import { Box, Center, Container, Image, LoadingOverlay, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import { Prisma } from '@prisma/client';
+import { IconMoodSad } from '@tabler/icons-react';
+import { useEffect, useState } from 'react';
+import BackButton from '../../(pages)/desa/layanan/_com/BackButto';
 
 function Page() {
   const [sdgsDesa, setSdgsDesa] = useState<Prisma.SdgsDesaGetPayload<{ include: { image: true } }>[]>([]);
@@ -114,11 +114,9 @@ function Page() {
                     />
                   </Box>
                   <Stack gap="xs" align="center" style={{ width: '100%' }}>
-                    <Tooltip label={item.name} position="top" withArrow>
                       <Title order={4} ta="center" c="dark" fw={600} lineClamp={2} style={{ minHeight: '3rem' }}>
                         {item.name}
                       </Title>
-                    </Tooltip>
                     <Text
                       ta="center"
                       fw={700}
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 7dc89bb0..0c77e8c7 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -35,7 +35,7 @@ function Apbdes() {
 
   return (
     <Stack p="sm" gap="xl" bg={colors.Bg}>
-      <Box>
+      <Box mt={"xl"}>
         <Stack gap="sm">
           <Text c={colors["blue-button"]} ta={"center"} fw={"bold"} fz={{ base: "1.8rem", md: "3.4rem" }}>
             {textHeading.title}
@@ -72,12 +72,7 @@ function Apbdes() {
               pos="relative"
               style={{ overflow: 'hidden' }}
             >
-              <Box
-                pos="absolute"
-                inset={0}
-                bg="rgba(0,0,0,0.55)"
-                style={{ backdropFilter: 'blur(4px)' }}
-              />
+               <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 16 }} />
               <Stack justify="space-between" h="100%" p="xl" pos="relative">
                 <Text
                   c="white"
@@ -117,7 +112,7 @@ function Apbdes() {
         )}
       </SimpleGrid>
 
-      <Group justify="center" pb={10}>
+      <Group justify="center" pb={"xl"}>
         <Button
           component={Link}
           href="/darmasaba/apbdes"
diff --git a/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx b/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx
index 0f01493f..cd8dcff1 100644
--- a/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx
@@ -29,7 +29,7 @@ function DesaAntiKorupsi() {
 
   const data = (state.desaAntikorupsi.findMany.data || []).slice(0, 6);
   return (
-    <Stack gap={"0"} bg={colors.Bg} p={"sm"}>
+    <Stack gap={"0"} bg={colors.Bg} p={"sm"} my={"xs"}>
       <Container w={{ base: "100%", md: "80%" }} p={"md"} >
         <Center>
           <Text fw={"bold"} c={colors["blue-button"]} fz={{ base: "1.8rem", md: "3.4rem" }}>Desa Anti Korupsi</Text>
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index 80c78308..5c05733e 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -153,7 +153,7 @@ function Kepuasan() {
 
   if (data.length === 0) {
     return (
-      <Stack p="sm">
+      <Stack p="sm" my={"xs"}>
         <Container w={{ base: "100%", md: "80%" }} p={"sm"}>
           <Center>
             <Text
@@ -421,7 +421,7 @@ function Kepuasan() {
     );
   }
   return (
-    <Stack p={"sm"}>
+    <Stack p={"sm"} my={"xs"}>
       <Container size="lg" px="sm">
         <Center>
           <Text
diff --git a/src/app/darmasaba/_com/main-page/layanan/index.tsx b/src/app/darmasaba/_com/main-page/layanan/index.tsx
index 128bc2e3..c7b43dcf 100644
--- a/src/app/darmasaba/_com/main-page/layanan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/layanan/index.tsx
@@ -87,7 +87,7 @@ function Slider() {
      }}>
        <Box
          style={{
-           borderRadius: 16,
+           borderRadius: 8,
            zIndex: 0,
          }}
          pos={"absolute"}
diff --git a/src/app/darmasaba/_com/main-page/prestasi/index.tsx b/src/app/darmasaba/_com/main-page/prestasi/index.tsx
index 13ff8133..f5d62650 100644
--- a/src/app/darmasaba/_com/main-page/prestasi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/prestasi/index.tsx
@@ -3,11 +3,10 @@
 import prestasiState from "@/app/admin/(dashboard)/_state/landing-page/prestasi-desa";
 import colors from "@/con/colors";
 import { BackgroundImage, Box, Button, Center, Container, Group, Loader, SimpleGrid, Stack, Text } from "@mantine/core";
-import { useProxy } from "valtio/utils";
-import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
 import Link from "next/link";
-import { IconTrophy } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { useProxy } from "valtio/utils";
 
 function Prestasi() {
   const state = useProxy(prestasiState.prestasiDesa);
@@ -33,12 +32,9 @@ function Prestasi() {
     <Stack p="sm" bg="linear-gradient(180deg, #ffffff 0%, #f8fbff 100%)">
       <Container w={{ base: "100%", md: "80%" }} p="xl">
         <Stack align="center" gap="sm">
-          <Group gap="xs">
-            <IconTrophy size={36} color={colors["blue-button"]} />
             <Text c={colors["blue-button"]} ta="center" fz={{ base: "2rem", md: "3.4rem" }} fw={700}>
               Prestasi Desa
             </Text>
-          </Group>
           <Text fz={{ base: "1rem", md: "1.3rem" }} ta="center" c="dimmed" maw={700}>
             Kami bangga dengan pencapaian desa hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.
           </Text>
@@ -63,14 +59,13 @@ function Prestasi() {
         ) : data.length === 0 ? (
           <Center mih={200}>
             <Stack align="center" gap="xs">
-              <IconTrophy size={48} color="gray" />
               <Text fz="1.2rem" fw={500} c="dimmed">
                 Belum ada prestasi yang ditampilkan
               </Text>
             </Stack>
           </Center>
         ) : (
-          <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg">
+          <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg" mb={"xl"}>
             {data.map((v, k) => (
               <BackgroundImage
                 key={k}
@@ -82,7 +77,7 @@ function Prestasi() {
                   pos="absolute"
                   inset={0}
                   bg="linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%)"
-                  style={{ borderRadius: "1rem" }}
+                  style={{ borderRadius: 27 }}
                 />
                 <Stack justify="space-between" h="100%" pos="relative" p="lg">
                   <Box>
diff --git a/src/app/darmasaba/_com/main-page/sdgs/index.tsx b/src/app/darmasaba/_com/main-page/sdgs/index.tsx
index ad79d5df..ed020e47 100644
--- a/src/app/darmasaba/_com/main-page/sdgs/index.tsx
+++ b/src/app/darmasaba/_com/main-page/sdgs/index.tsx
@@ -1,11 +1,12 @@
 'use client'
-import { useEffect, useState } from "react"
-import { Box, Button, Center, Container, Image, Paper, SimpleGrid, Stack, Text, Title, useMantineTheme, Tooltip } from "@mantine/core"
+import colors from "@/con/colors"
+import { Box, Button, Center, Container, Image, Paper, SimpleGrid, Stack, Text, Title, useMantineTheme } from "@mantine/core"
 import { useMediaQuery } from "@mantine/hooks"
 import { Prisma } from "@prisma/client"
-import Link from "next/link"
 import { IconMoodSad } from "@tabler/icons-react"
-import colors from "@/con/colors"
+import Link from "next/link"
+import { useEffect, useState } from "react"
+import { motion } from "framer-motion";
 
 export default function SDGS() {
   const theme = useMantineTheme()
@@ -25,8 +26,8 @@ export default function SDGS() {
           setSdgsDesa([])
           return
         }
-        const top3Sdgs = [...data].sort((a, b) => parseInt(b.jumlah) - parseInt(a.jumlah)).slice(0, 3)
-        setSdgsDesa(top3Sdgs)
+        const top4Sdgs = [...data].sort((a, b) => parseInt(b.jumlah) - parseInt(a.jumlah)).slice(0, 4)
+        setSdgsDesa(top4Sdgs)
       } catch {
         setSdgsDesa([])
       }
@@ -35,7 +36,7 @@ export default function SDGS() {
   }, [])
 
   return (
-    <Stack p="sm">
+    <Stack p="sm" my={"xs"}>
       <Container w={{ base: "100%", md: "80%" }} p="xl">
         <Center>
           <Title
@@ -52,63 +53,56 @@ export default function SDGS() {
         </Text>
 
         <Box py="lg">
-          <Paper
-            p={{ base: "md", md: "xl" }}
-            radius="2xl"
-            withBorder
-            shadow="lg"
-            style={{
-              background: "linear-gradient(145deg, #FFFFFF, #F9FAFB)",
-              border: "1px solid rgba(0,0,0,0.06)",
-            }}
-          >
-            {sdgsDesa && sdgsDesa.length > 0 ? (
-              <SimpleGrid cols={{ base: 1, sm: 3 }} spacing="xl" verticalSpacing="xl">
+          {sdgsDesa && sdgsDesa.length > 0 ? (
+            <SimpleGrid cols={{ base: 1, sm: 4 }} spacing="xl" verticalSpacing="xl" pb={30}>
               {sdgsDesa.map((item) => (
-                <Paper
+                <motion.div
+                  whileHover={{ scale: 1.05 }}
+                  whileTap={{ scale: 0.95 }}
                   key={item.id}
-                  p="lg"
-                  radius="xl"
-                  shadow="sm"
-                  withBorder
-                  style={{
-                    background: "linear-gradient(180deg, #FFFFFF, #F6F8FA)",
-                    border: "1px solid rgba(0,0,0,0.05)",
-                    transition: "all 0.3s ease",
-                    height: "100%", // biar tinggi antar card konsisten
-                    display: "flex",
-                    flexDirection: "column",
-                  }}
                 >
-                  <Center mb="lg">
-                    <Box
-                      p="md"
-                      style={{
-                        background: "rgba(240, 249, 255, 0.8)",
-                        backdropFilter: "blur(6px)",
-                        width: mobile ? 140 : 160,
-                        height: mobile ? 140 : 160,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        borderRadius: "1rem",
-                        boxShadow: "0 6px 16px rgba(0,0,0,0.06)",
-                      }}
-                    >
-                      <Image
-                        src={item.image?.link ? item.image.link : "/placeholder-sdgs.png"}
-                        alt={item.name}
-                        w={mobile ? 90 : 110}
-                        h={mobile ? 90 : 110}
-                        fit="contain"
-                        loading="lazy"
-                      />
-                    </Box>
-                  </Center>
-            
-                  {/* Stack isi teks & angka */}
-                  <Stack justify="space-between" align="center" gap="xs" h="100%">
-                    <Tooltip label="Nama tujuan SDGs Desa" position="top" withArrow>
+                  <Paper
+                    p="lg"
+                    radius="xl"
+                    shadow="sm"
+                    withBorder
+                    style={{
+                      background: "linear-gradient(180deg, #FFFFFF, #F6F8FA)",
+                      border: "1px solid rgba(0,0,0,0.05)",
+                      transition: "all 0.3s ease",
+                      height: "100%", // biar tinggi antar card konsisten
+                      display: "flex",
+                      flexDirection: "column",
+                    }}
+                  >
+                    <Center mb="lg">
+                      <Box
+                        p="md"
+                        style={{
+                          background: "rgba(240, 249, 255, 0.8)",
+                          backdropFilter: "blur(6px)",
+                          width: mobile ? 140 : 160,
+                          height: mobile ? 140 : 160,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          borderRadius: "1rem",
+                          boxShadow: "0 6px 16px rgba(0,0,0,0.06)",
+                        }}
+                      >
+                        <Image
+                          src={item.image?.link ? item.image.link : "/placeholder-sdgs.png"}
+                          alt={item.name}
+                          w={mobile ? 90 : 110}
+                          h={mobile ? 90 : 110}
+                          fit="contain"
+                          loading="lazy"
+                        />
+                      </Box>
+                    </Center>
+
+                    {/* Stack isi teks & angka */}
+                    <Stack justify="space-between" align="center" gap="xs" h="100%">
                       <Text
                         ta="center"
                         fz={{ base: "lg", md: "xl" }}
@@ -118,34 +112,33 @@ export default function SDGS() {
                       >
                         {item.name}
                       </Text>
-                    </Tooltip>
-            
-                    <Title
-                      order={2}
-                      ta="center"
-                      style={{
-                        fontSize: mobile ? "2.4rem" : "3.2rem",
-                        fontWeight: 900,
-                        letterSpacing: "-0.5px",
-                        color: "#124170",
-                      }}
-                    >
-                      {item.jumlah}
-                    </Title>
-                  </Stack>
-                </Paper>
+
+                      <Title
+                        order={2}
+                        ta="center"
+                        style={{
+                          fontSize: mobile ? "2.4rem" : "3.2rem",
+                          fontWeight: 900,
+                          letterSpacing: "-0.5px",
+                          color: "#124170",
+                        }}
+                      >
+                        {item.jumlah}
+                      </Title>
+                    </Stack>
+                  </Paper>
+                </motion.div>
               ))}
             </SimpleGrid>
-            
-            ) : (
-              <Center mih={200} style={{ flexDirection: "column" }}>
-                <IconMoodSad size={48} stroke={1.5} style={{ marginBottom: "1rem" }} />
-                <Text fz="lg" c="dimmed">
-                  Data SDGs Desa belum tersedia
-                </Text>
-              </Center>
-            )}
-          </Paper>
+
+          ) : (
+            <Center mih={200} style={{ flexDirection: "column" }}>
+              <IconMoodSad size={48} stroke={1.5} style={{ marginBottom: "1rem" }} />
+              <Text fz="lg" c="dimmed">
+                Data SDGs Desa belum tersedia
+              </Text>
+            </Center>
+          )}
 
           <Center>
             <Button
@@ -156,7 +149,19 @@ export default function SDGS() {
               mt="md"
               variant="gradient"
               gradient={{ from: "#26667F", to: "#124170" }}
-              style={{ boxShadow: "0 6px 14px rgba(18,65,112,0.25)"}}
+              style={{
+                boxShadow: "0 6px 14px rgba(18,65,112,0.25)",
+                transition: "all 0.3s ease",
+                transform: "translateY(0)",
+              }}
+              onMouseEnter={(e) => {
+                e.currentTarget.style.transform = "translateY(-4px)";
+                e.currentTarget.style.boxShadow = "0 10px 20px rgba(18,65,112,0.35)";
+              }}
+              onMouseLeave={(e) => {
+                e.currentTarget.style.transform = "translateY(0)";
+                e.currentTarget.style.boxShadow = "0 6px 14px rgba(18,65,112,0.25)";
+              }}
             >
               <Text c="white" fz={{ base: "md", md: "lg" }} fw="bold">Jelajahi Semua Tujuan SDGs Desa</Text>
             </Button>
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index e601eb4d..3b37c8df 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -19,7 +19,7 @@ export default function Page() {
     <Box>
       <Stack 
       bg={colors.grey[1]} 
-      gap={"1.5rem"}
+      gap={0}
       >
         <LandingPage />
         <Penghargaan />
-- 
2.49.1


From d128313e713176a51c5c8f13a2d34e049f696acf Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 3 Nov 2025 17:36:00 +0800
Subject: [PATCH 04/97] Fix QC Keano FrontEnd Fix QC Kak Ayu Admin 29 Okt

---
 bun.lockb                                     | Bin 397574 -> 408119 bytes
 package.json                                  |   7 +-
 .../_state/inovasi/program-kreatif.ts         |  27 +-
 .../create/page.tsx                           |  23 +-
 .../info-teknologi-tepat-guna/[id]/page.tsx   |   6 +-
 .../program-kreatif-desa/[id]/edit/page.tsx   |  82 +++-
 .../program-kreatif-desa/create/page.tsx      |  10 +-
 .../laporan-publik/[id]/edit/page.tsx         |  21 +-
 .../page.tsx                                  |  13 +-
 .../_lib/layoutTabs.tsx                       |  17 +-
 .../data-perpustakaan/page.tsx                |  22 +-
 .../darmasaba/(pages)/desa/potensi/page.tsx   |  80 +++-
 .../desa-digital-smart-village/[id]/page.tsx  |  83 ++++
 .../desa-digital-smart-village/page.tsx       |  70 ++-
 .../program-kreatif-desa/[id]/page.tsx        |  23 +-
 .../inovasi/program-kreatif-desa/page.tsx     |   2 +-
 .../gotong-royong/[kategori]/[id]/page.tsx    | 182 +++++---
 .../darmasaba/(tambahan)/penghargaan/page.tsx | 396 +++++++++++------
 .../_com/main-page/layanan/index.tsx          | 401 +++++++++++++-----
 src/types/react-exif-orientation-img.d.ts     |  12 +
 20 files changed, 1038 insertions(+), 439 deletions(-)
 create mode 100644 src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/[id]/page.tsx
 create mode 100644 src/types/react-exif-orientation-img.d.ts

diff --git a/bun.lockb b/bun.lockb
index e571b0b12cd4ab76738eccfc59b6766bd314c04c..fb4cf5dafeec026a286694bd26bd6a1a043534c1 100755
GIT binary patch
delta 87455
zcmeFadz?*W|Np=DFwDlVcgT!GMG2LVG&5x!igHM(go+wWW-x{sGNUx36Dm1Ox~M3f
z5Q<8uR4PR`l}edPrBYNX9jVms`C8YtX7)C7-=F*Q`+a}kzpRIAUi*5k_jNw5wf0_a
zeK2Y5FG;gcX<a1{2(&t8M$(|`e{S02`L&%7|NQsAj=iMC;!x2e-wpk(^M&bcP944^
ztr}K=zzcH*9v^qs_BjPDgPZ0oK0bK!oQ(~N{!9o2>IDMDU!nEUx6xzK7tsjXxkeyR
z2c3{VCVLo>EP*HCuY#U{&O{rcyQ>ER&Co*pif<GC#^`YTif;-2<Iq0NKg0Tqic=gI
z?F>$I5%hHtoPjnWU|sZh^lu8IjDC$aK=U(muFcE~1U|-J6aVnsF}ZjHkCFRC{D)A=
zP`n7Og%%wX2-HTmqcsCXf#ST(;aM4Z6Y>{PmmvkHYjrv*!@U$o3HIQRYN8as^bM!=
zD4y(|bN<<={41P)k@Jse-`dODjphCc*(C$w8U^1k86Vf6=<Z~j?sHVH@_~J3Mt){s
zvdhO9r`xISFz2truL53zs$dCKZB0MZ$QC#+Gh_IK*4g>j(hRa|jmoYswW;`<;rA*m
zKYv2uxXfb$^#ICvH`<9fi<g%qS7}jn9MO{F;y<V!o&6fs*$+`gJ0>&ZnlYIZ0^iUZ
z#5ckzN%0a?9V4?K`<gR`=jTgXkID~>%gfHs$p{3l$<MqtbL@ot;EA?6e?XPao2cUb
z$oh+l*YZIPeSq$za%bibo0vUjMBvjFfdFk-ycJc#>rh4TsN-{;|9VtCFdLQKrKsBT
zTvXvtM-?s!m0eZm-+!{wrGtFH2c38oRRpV01z3bCg4>*b0xG)<RCX7lN+{KxZ|2U|
zcK*Mb+wdbYhfN$wkIl*F564|qYy;lihMr$U1Ra5Dx!c@{ajnN>=VVU^l(w}kSnT+<
zPS>`xV|OL0u7C9zHp6{UMnUntaAiCLdu4EJX2Ap{{LY!S$<{f&A1zW_PUC|HeXi3%
zsG8(lR3$zgt%v3_kj4>_KN<Lwgg<uuNx&cL{@C^>3xCY}lM0hfk(aPP*!|hWpEUeg
z%byhd+037X{K@3V+036T{K=yk1yBu#oE~m({Xe&-{#AvicCl6c4JR~s#^vTupi>7L
zbhW)T5tZH8jIp`dBLab86Z41V7E){H+KB#B75~Q?E+R+KRqSWLPbepMLU!)hK%gUS
zsbSOee4AirR2dqRoj*ZsJAm^l;e8j_rn&>wXu95M4ysvgsMEeqi@Nba)5NGrwtK$W
z)AuuoIR^Ezou)flS9ZA*GP2>La+$k0db)%sjvby?IBr7jOTFzpGCVhTbT$?vGbgkj
zmzy`?-xQ#zxIGc5%6Ig!CCbUp$!tAhSl|`>>cv?Z`MHy*frA&>8d!s>Bs2Tkj4pM2
za6ijO=8mI*0)c+`6>nF^@5fI5r2e+1lHlI>Z^H*A^fU=7;;k3k5@h5TjvYQadqPVx
zs2W;yi4Dl;^8CkLYW;;76DN;>Eph%us1h2NIo8X_U4&CpjhmP=P8rJ`JKU?eNqHIL
z#ud?t-WXs@R*!`0VYuxwyCnV)XESmb)o{!lQ<$GktCSFlBD`;qO{n`|JMPa$mC@|X
z%*>PyX9hmOAI6_QA#XzN==On@_*Kwrt{Iatfh^og_+!<nCh|cO$CYR@+HX+FDWQ{#
z_K>d9@z&4NN9B(nV)Hp{;#id<@b%C@peg6Kpj!J^pjygjqpUT>6P#X&CgJbqv^A>o
zB%zw0s-i0Q0peE|8|L+-QE~YnmTV6-DB40cl)LwaTl4QmT7Ty(8|@NQ(R~P4@eW^O
zv)L~@5I70{D{!4(iE5}V;=HogbhOQO0;*Eq$$9NS_Htg?T0^6foucB}Io6;t2Fl;F
z7$`t1s)5D0_#RXVyz2r+@T<H#sADaWx5DK=2bFyd;!#FFpgZXNSa*I4_8P-)j<?zd
zyA!lR^(H4LaN<b}l+X$Jwgh7^XokNps*1nNMbr>g!vs(z@B`sggY!_?^+Ri;2k4*2
zp+jA~!||&>w4P)eBw4Bz>K#64XwZ|!PNX&_5<nRmmOCk5o3qpLD<dNcZG!KjDsdgS
zs`L#aZh_Xg&hl0Gm9aUf&TGUf!|kT9-9@*dD(FS<BDF=~4Yn))yS6{mMHnu&5&lZ9
zRn-w9QbsSGY7_2?stNaBZ~MkJROeTqP0>4?|9SeHYU1%Y>R(lrc(bjthdH4!F$cc}
z`Fl?9hRg0IR0&L)W+R+;i*3s>F5ELSY~LxIZVPlieid*Ael=0Y+im>!IDgmMD2WC~
ztJ`b|77;*II}KG8jYrk1uW;H9RfHReK%H#popw@a?05pI_y)|f=hvf3cqOXN*9+Ao
zGI99nIoZSWavv<3Z9&e6iFx$Hz<m6w0XBEp6S6b&GxA1`%gD>m{DlM+@orQ#aQ|Fe
zg>SixEO(lXYE~MampNtv@eQV?)CoJH>YOK_jnS%3i}v1X!B(fMoX$hl#*>|1<+MAh
z&UG59VOrPepEQMP?hB{eP}SU8r;D9lOH--sZ@S0pOGU*Kvd4`pWd2LL*S2vcCzRtJ
zsB)Z!)<OFdP#Nlgssu@>&L0k1{xzxu+bptuXRG7uQPo)Zew*-e{OU{hqqPE6m{3c0
z*KSbs$pbdn>!@0O`eNG<Z=y=B09D04&3Q%F_#xYH_o9lf7OL~VKWKZ%w1;hcpW#=0
zi(R-`sCv%fM{IU4f7A=twD?<qPCN=wmzj_;Y*@yyF_}}zr^;V4yH3(EmoBxbJ&CFo
zmn<!Lw$8~#ey07av4(_E9R8Z;uXQ2E{k5+D3Y$rPi5izNAuBULdT>SGf2A$Vd8i6G
zIV&?`1n0BZekgB2?BF$v%L9~L9zHJajVDSbhtKLYb+zk^ZnrWDzv^NLs^}LImFn_~
zCvBhFiE4ECTk&_FvTcz3bjcs#PDLG_vALLrDw<!MU)M+ZEMG00fBRY+tid{)%x3%{
z>^I?86V+R9lU?KdWAN94|BkArugS=tFrKXCWlqe`zNRqn7<Oc<s5m>n^~f=~!vd|I
zvk5%F2@Tfe_?5u0yo}+Q`ApW&Tb_lg+MY#qJ|{D8Wab%xK>oy$jA^dsGV+FJj^Wzn
z1>1%HM%4xU4fcNg5&Ucs#*AjF44nLujgVbiYql998{t=leTtzHI(4Hh@r~%Q`0K$n
zU46g7MtsN1c94$B&mG%=68?i<8T$!UgWQO!Kzm#~`KW4SJ>hGSesO0aRMq#}WLs<#
zClv4yekJr7er4nxr|Vy}Rr>^fMcnIk8)0yZE%BF|?I3;)J&yBB(Bsi*=n3dGXj8NY
zS|o#3&Y%w35dSYks9E77RMXLmsD|q!sLmTy8M=TBs-&T}EdSw6tM8)<_Y$fadkAfU
z-sX57nuPy~H>rP>{5%KRpqh}Iqbk`rN~+HF+dH<Zzs0Yb8Ie07bL_Q&z$ebX-RYPd
zcHtb|cGwy{9aRRBQPpHTs`wAQXLZ+m)W5(6fU4#Rv^KifsbA8Zd{&I%qw{{-X*1OO
z!$9CP?2dPOpp+d2{!OU(e6%&1jkZDk_&1SJjf(Gg*^Fft<qyvolQAN5H$WxZhAKnD
zxX;qMAP~6B^^I1jO0x2EIxIT)3tOTKQH7fYS5xMrYO0N2+CIVPQojs5>HH;oZ0G(8
zRY8kB=7XwwL~hQ+3E5-vSA1np=yEb^Le7{Y1N!#<T6$zSpARA<>O<%3vjs|b{u5F4
zA;rxVV-XjNIr&^{1#bGr=In%TZHA_!>NJy3jn`|O&il@8+%og>a`Ree7TCLHT;=7r
zF3iXo6R3xss`#Yutu{baLr<dWtTj0=twBbTwN*W^+xFH{RK0Se(`8Qc^M>bhHz_d3
z`6r|5w8NcV==AKLY=TpMw($%@RRi5o6{I<;J{CgNL_cDmtnvRYA7ro&Re(jPs%RRj
zggUqcj&quTsxSQXnbnV-zK*JwKk0O#)9Ft0onD2ikM%~2^dZH8lhC^OBTh9hXN<`Y
zeDZ*;vVT6c!!ST+RJhfDS^nq-tNw-apn$c@<PPoF34y?!fuPsN4xk#&V=}KDi%H<?
zK(NR=@t!mI1XbIN$jltaeL`9%=uMT^I=(y3`ny-L5vHKEu^+{GwRv~6IeIo)6U`nu
zHa9PmJFn|(-?}Dy?1<JA#|84@?fH@MMfL;tuX2ZTg?Z$CtW$_cIo@B*CaBBM37I1T
zqcaPyRS6bUx8XDMy}=X6%pX57Gp{gkQG&J4%paGRNd_7ak7{-cTm{S+o|~sCsM(Yg
z%K4A%B6K3)az4I>E$M4DO5R91xu|xnpw}h-s2TKXeqvs>?py}OO&nV|Ja<Iq_y5=$
z-;H|H2&xu(0@bwepyP9D2V>69h9ATE$*8h%E2`OmO7+TJGwkKNsMzlc*I=NCzvG1Z
zS|9w$Xd6@s`2}75w_Ri6>)ML&SMzH|Waklg;E!W$#qCFx;oYb*FteVm@a_0j@e?w}
zu_r3Z44huy23XGtjnX+Ja01#5RR;1K1iee=g~tZH#qJ9Hvbz$$B0jPU`TLjWIj?w%
zQ4PW@RN*c`)gadrf1@Hk<YngPj=457kk!a0Fcei)C8Fws{yoznE<*{ZB06x`j^d9{
zjoSB*3wjxzal9>1r)EJrziBqh7@qaT36?iT6@M;vMas#oC)z&rC?^#0*Z9>G)$l9g
z-%qlAqzw^jfAK<d+eCd&wk3I;gvD7B@-jze7KEEx-kI~N>eEq8w9TFUQ-s$bYSN5R
zs!sAiOPf&5Rzc7IG^&8do?>%a%P9$X6DFFIF)k3u=7K9PqcG5d1XZH@38%g@9o76c
z8C4BtqsqY2)2u(2g6Vv}){Ih>w1BFRL1!XT&XQ3DtVW4t_yPe`Q$N7v--RmUub`Sx
zm!qn=yHRCeCMx?IP}NKhs`v+@s?nY8tUtGC(%9Av`TSm-P;YIAD&ap|)qjtwlf8#3
zqSsN`)jrem>rfS7G^!fA992U1VW%3o6;*;)yYRhHW$-MgMJMw?0l%dNv_!m%sw8V@
zQ<ZQjsstycT7IwdcS^JT6jT}5g=!w^$axiDHmaJOf{N!lo>7p=qamKxSbtG*FFvSB
z&p?&q*XhlQ@Q;o*qFd8#NvEKy(wywEJP^pA;BSik+uGkb`%+X1j>sK8AuoGu=JWV9
z{GLP=|I@^;^B;Fnx);)he9$=ehv8EED#0zN4DUVH)<h0|)yx2=J(z4%bH|~wYv1ju
zGmiT^E@|_{7meTa`l`=rU2#Xs6M6NA1WVTU>wWq5T2HlYni`+5HoRiwy7gzzdn)VX
z&#EPS^X%b2SH8OM!jc}Xv%)h+O}gu&Yo;CB^Ys_Ht$go=PEW0BU0i!^$Apqqof9Hw
zRJHrPDx{_(sibSClt>1&EolcW<aX%Pjwz8j&@-WNjs`v3ccAA&{TKoz!Ss|+^Y}oZ
z9keFCHZHO7Wx&&;A}Hz7BQ^9YusyJD$$@iHO4_apB>*l11WSV5{h*PF)nd~Qcxf+#
zDy*N)W*)6WdtO+9UID$R0$m2}SAiaao_{2bzle73R5GPwd&*;0B?d!bz!{kN6_TK$
zM_zzldSu|xG4$HuP%5oQd8vSdDwuAAj*K=Pw=fiDv{oons2F-hw56K#BVdIhg-&I(
zU3H}CZNQ4AA690XM&GSyIs;lE*1f=rc|DVP=E%H;W&wvBk*m;mz>Fhcq))iA=DQbq
zF{ZH{;18%eYITRJQ|Bq6)0x0JLF3HIm*N_fguAy4j{&Ix>B8Po(xp>sWGzq~+HX~_
zLr1DGYjuSBLqfeXCDIw%C5nc;9xxNy4Qe9|1mcu__+zNj_o;e+q#;8*4d^FUM?E<7
z0`wfH8xy~WYBF^RC~QfW3);@@Sk)W8>G1CGlU$@B)3tFhH38ZiTBWR{k%7$4orRpC
zH+DmJ`?O?n=LRMHdbEt}@JX57#y%;LX3X{JF`?DbuYxMhs?L^*>X{N+<lB}f{*g2E
z6OZ$1sUg#Ix2Q<HdX66oO)WX>4KfumbT`0DyDX3I$|O3V*_aqit;!^tT9V$wj?Tux
zkic1fOh0Z9CCEV8^&<*>2~iHJ`jb@Kn?hBYv&%w}et0NA!Tik6?VcLBA9gm(Z#8c=
ziZ2x{OK?&s%o2W9RLDTd#;Z~Vm8Rd1s(4e@Oh^5itm;j;yP+%xWy!>Q_13D9?Vsh<
zP7{SjL%U#GwY=J20$nQPVzrT`aVe+zWRQ7>owRO(o(*N>ct>JMFfTO>JU1!=`aDzn
zKhQ4F==nJ`sEG|<)tkjv4GDz->g`PC-Vs-_@r6{u=o+yrNHvx^nfk-Eq54r|Aha*k
zg%8yB3je6HEss`1>q}@Fwu~_En46xO+~jzhmS1{CwRhAfhb>Bed^i-wpe=#?M)XP-
zxe4m^5@)XYIwkZRv>&!rN;dW>o4sqEU<V)5wLNIG)C8cGnQDHYQXgIlR7J*nwKML#
zP#B<!@OuICM)#CZ`=)M?+Dh!45T6IRykttQI<-bacq`ya0tVbsQrs~$l-kVZS=H(1
zE`A*FtdjIje$dd<fHQ5*%GcHKi8g4Qi_hzhp&n4R2!*hw<DLs8oMby=8B@V}1J!L}
z;4PI|9t2KymJPz&@STe9@#jk)ir;(o?<Eg(P738Uw<%O9nVRbrW8An<O;`$s%3jpO
zSL;BF@+sEmZQl&lY+1f=`<Q&zx(=?96cf#7o_V(;G3M1<RbmeB3-?#H=;-f-`}>7x
zz8l`FlK4+OrDE=t&0KheY{J*Vk4%>)sYw-9X5JgFJ{VJ4qFDexG8!ej2VPnBPd%;j
z`19eFRomK1?8og0)dXKyNp^a-t~}W}@XBiKBlwZU9d~i4=IND3p9??IT%}zLuO#=O
zKjCMPO;!UpKE{N?ZS3t)e|XplYcNz(Xbn{`M~Dua5_ub{p;^_!0P(C(iJZn1qm`Q#
z-5w=fhopo?LOVjM`y)N{5JWRVwdnofmq3j}f10pURI_$Ad4IlS^%;^9z6z=+{dLOQ
zUTg;T2KssOOylcP%#LoU^tKTb0R5uEdb2>nt5CH=$&crxmb85_6lSZfb}WxfyMW7~
z7eoE>Rq-}P>!GAww#o#(D!RNwATY23U0o?npf(0nupI)uqyk-4DXqf9(Z7Q2rBJOa
zbzFvR&K`oQqGIXyPzq93wx(K^Lrqy9MnZ#SOKoU6Xm~987L*Z-E@X|mDi$rTh-xsQ
z4vDoI3A!Q%MPBxiU+><Ip$T1W5QaYVG8~x*)kYweZh=NOoV9I4A5vF{wH;k4eGYn2
z1=|oqqaqy$^(O(vZBu)wQu;%s^c+TlKTDOx5S|K+9wIFLkry5FN3FeBJPg(P=MS6e
z-iD%G=Rn{Bs6WK8%}R+BKsA_@j*j?wQ-djyr=e6@v4{9$XM-P{t-mD+s;kEj??S%J
z;%DRPmL#ONjV#7XH;?UK_1}lm#flS%Oh;AyF&j?|o?6oOvQV9_cGuu%ZSKQqVUY6W
zBRe6if~sWx&}aA-ri8w9RQd6iQ=&{bw`}iLc3B=70gN82@!Il4=0OJ%sXrnt{jO4a
z-g&WO)!NR7MvqlXzpa#Z>J~dzt?evm^jNj@6KM2UjW5|)kQ(kDTfv@bcr;Ws<F}2r
zOOgAXX)V<@hbH`#$X`&hrb}w?@MvfNJ&t-TuH{eEk-H)E&vHA{wO%ka3{@S*xzJq9
z<feqG(zCiiL;fX4WEDii%WG-bs<VW&PHCx%+PwF0s7hIcx-l~wsxeR=TvPD-j>g!A
z8uxUz{;u%H!J#lrqs0$z`_BVV7QeFo<6W;tN}a7=clN5S0V{%R{T^7=>nwTDE2C(@
zbPZA|P&J=#%h<|Gi8P_@G^zSkRm;2N?FVJG(@wIiXNHP_s=tJ?nKtq!h?%w6uNFH7
zt1-27gZe4iy!L{s^?h4=AK(V4V$k^acgvAyTm-e8Z3AyQ{R4U~rsY&4qhlXiiRDzQ
z!el6OGTR4tEnWXph<b`&P%m>O8=p8;Yi?p==17fwOQ%jGD^+z_k^m>!ViiHzGe5Qn
zdQc^a^COSMQ?bgLUt;Qk>y!(i>K{ShE;JwF&5zNgegBBST%2(UnMKF6fy*l<^f*xM
zqWHbq`Y|gMhN-B2+V&2~NvySAa94$1-wKU_dbWNqr0kK0fnAP_AoL~lvgpi5&Srg5
zUBo7ID>OPGx>aFH!iP|G0dKcLBBA4$d%T`fwx1*A%Ydp5zfBl_f24+i%A*f!s7FS=
zbhMr;PeemHa>}K4La63wU2m=(4Q;O&*oygmD)}jA>MR3(^oh(RElS$X4JBY;>n5tg
zPiNB;Q{gJhP@v|0&1!!9k$aqF?6Ci!EWE#sC46=2^-RK-^^3?kkaI;`?!21=p(#)r
zw>ZIHGnDuVECa)igf{|J-DQ^Jz6>S6)PQA7ZQYpth?lfWh^ss9C9j5h1#*<3$$hW=
zP%W^!Mo;nX{#-WL?m_8H<rl3F0M&?o8_@qgN(}?g0{R8=rhw2%m)kK&A1S*u4rc&0
z^lG@owP%<Q>k4y-dv?0<RSH$+eVX9Sc8OQSE*0J!l-v)h8ue|Pxev{~=GH9{42Z8R
zhj!R}2kjCS%nsz!m`%$X%)EVkuvHyM2kas)THUKmp68o6SktNPVrslCzJ*_by88g@
zNK|po+TK@68)C;xRY#fG3sWLDK+lfKp55NR0*zh;?23_aRUj||+wvyRbU6k(G@6=?
zbyypqWa9|ildq1gA{%dUrSwCn_OG$2ot9A<y#cCzU2Yqkm>LE~&n`BxhQnNsbJbv}
zzNVuUx;z3+x6eQ|#Z>X9+sOA2bxpq#y-Bd%X~WC!VklZIsU^jqp5|SA4d<llGR`Gv
zw*+&b=RvFcQ77($u=v?kx@77!=7Fjuv}VFc+wZgz`*TBRV3ylwM8g+=tS&53{#@QG
zR43bxV?V>{R-p+%HM+WhA7%J)AQ2QtTZWGv<)U<%SMcx%penXX6pX9_GQ7)z+Z&&q
zN5@_?do+A6R81S5RAfI;{m6%L+B!u>kFm|=Q+o$~GgM22PwC;@Uu%)$qAe>wcZFe|
zWz+-_dC@m?1)v@}rG&eUwbPp)saI92fiZQ;4UaIa7peO@CtIkVxv^V61&=HMUK(Rc
zM#K9nGff{Co4hxXhD)H`qDtyDzyY9Qjm~Mf`}j)Ip9f6C(r>Cr$<%qN2|#sgbzZ;u
zL&xL=0#_?ezw($}!g)T7YU$8BKwBmL-NO~3gnZZfQK2Ju0Y@lG7uwD(2ceoKeQNh|
z7f*=Iy|-S4AA~aE%51&TSDjc%=?4MNJ;E~a9w5_i?2w{diNA6}TQ{#-{IRAJXIyJ9
z&MTal#R+y*u_4$i)q<aMBqydw*GYCpiRmPXGob9dW22Gz51ddx_08%1ETbI?>@wlc
z9o}@4m<?ras~E`}oan#_-@FzLoRattG_w-(#2X6jWnG2Be#?peWg#}+Wv8MQp<0ve
z4UP%{?&So1x<ZcPn_b5>qPt8kY*!24fJ)2~-{1rbMuqT+t**B>UMi$``4qlkTUm%N
zIZ>gZsNqoi8(a<hU36SgC;_IGvTWbQE$OPTbE9vpS1+<%Q!7Q;a2W{HASi=vCxjB5
zVOeZH&I=_J+umNrNVOJhU|HT>_5S#W$17{s#4%H&+rupl>aH6&p}QLus;BCWe9fh@
z6FHoyG>tboF}$)6?QW_p#E?*3xW<q_jw6h6f6=S|7AHG#GU$eWNNP65ap!}4*K2gM
z-Hp{a-knGMu#qb{sb1`dwJY>JP_0=pwEiyWna~6mk2icuf``3iB9U9%?$AH$ZTc>P
zs?z*XQq!aJr`hty(m$b^Kci`CczWzG^CAenHN&=a6@POZ8E~5&?0%M8n5j+J89^_J
zDu{PAQtJRztG{fc9x+7Dzdd#@=gk0-8=+c({FuE3EVLD>U66Z7N1tzehwY_hc?yq$
z42lY=$DJ?3E{kH`elb32Cey6@I)t~886yy7<~>;qzXa7<?q|ijFMZ6Nm2JJUq3RTV
zWzw+hK$k!jK{?euk3&#RL4LG}48D}`$XRv_*LDqRUaAvJO8}mSseSsUp`JL~wVK})
zp}~;O*yt%^*%)34OjXKJFuVsCok=bpLMP5~Uj!+OZvezj9R8Ke9Ec**!sVwB+2WvI
zHhW1BoNL?3FB^9%rly907ZKiv+@GQvRzS~<qIL=W9(rLE<?8D7)H)@xkc@|Kh4qLs
zRBOKpJ0psD`_V|?F1zsgIkkgg2=oeUW9d5R;0iP{uQEESQu<1zwDH}Q#V`@7*)lc{
zTPvj}n#yb^LkCod;Vr1fVQjq3=2u21Li<;+eXUa3U_l_zr-JQ>O6lrK>EF<ED#Y;M
zJ$8+Z&2R8t+wJ^oWj(=8iCh4Uje(ICe<O5=U5uyawvBv>_lgS1oPD1iVpZG_^DcfP
z#n6h4@Bwsig&5i{tSsK!p%r8J99p5WLaB?&u20HV+(;g<LIjChpyexI@NsXevg*1}
zt^1?*Wj<$a7{m#U+?Yq&cLCFYn$pS!?>3-jg6gg&xIx5y<m3lz_*gmss?{lmCVmZ7
zGgMU!+!?f)W4G6AvAdI^6CBLAe6?mSR9RD%`?&~x1H9V8vbqTMdeDt)|EgcNA7Gk5
z{Qkj{M(%PAc_?-v_L?)a4BE|$G^)J&fzgwNy{zf*aP0K#UDnJ7MlZ&8UV8(ob;QpB
z5fr9`Pk6-U%UhZ$YspKS(vo0ZvBc{g4V^aj?xp<5cWWMvU8B9bCds3qUIjUGztfl9
z4vDPAqH|QlOznKv<Tt3cDnUP-SKaNGxS`|k>&E>Y3d3aS?<e$Kg_O`zXoc>v8>o5I
zFRh(N>n^n=^CPh9^)P66Z2fi1tC`5#&~u|=@Cq3@W?Ae4<Xs7b`a#u|VtVN9&a}EK
z7d@2y{uZce$)hDxpYeNLV*F!Koiyr1q%$YfaDJxay-V+TP?g#*U>)zKe=VpoePryR
z@N&DVMc;Q1O#yb3b=1HLZ3K1!s=R(buitpZ5xYK>$=}I^F6XQ|T=adudUpYp6<O+N
zhGXw!Z@awD$>?RytK9g6l~kj<9$DWuat+>IQ8C!oS_Rd>_qz*Ua^+6M_t5C}<__Wo
zso}?MAM!gl+x$)`$%CNkMaq<pkd?rBUiW5)5<d?MmyhYswvD`vH#Q%-Vc+lxmyhVm
z8w5O)xV1@B<$2#!O(?UpGlv-$$JbYZ>IZ(_f+ZXOP7SY$ErnMt;d7zdy!a*7CN4Y~
z*beBAvbpP1!^>gO17C)rJwA+T&(QI!ZRU0N-f!f{9AJ;AbiA#7s1&LqF@nmsPKi&(
zK3uYc<4UN8fvZqWoZVBB4K#W>Io_S_?A5pKh+=Rh!Tf<jrv6N=`V={g`kF+@090YR
zH|%FQw9CP=-DTv|r(<t_d6QrKBxqaPvwC!Do45pT3UO6YR!X|QM0`B{;n@njeN+J&
zX<r*TZjF5?;159NhiR!{;6*W+){gK#=vh$TR2P;hiSIxMK)nWZL))z4TapRS*Z~;x
zy^}>ijd#Cgy}Av>t@Rg$#rE5xp?;7vu`9cL2;J;#Lgi2FJ_4!Ms`_oBNhosCy4bmm
zN_sf84p6<vs}#(2V}1urGq&ILyo-Wxi}iNGjB}BC4|WTHGWDVQOG;=hw2LC}dtckq
zP@QM(CdQ9ci&p4DpsJohZXcNIQlSW_>MZ}VM`R61!@qposEK}dhULZ7^4k76*JWHj
z?F5qRXp}7r;nUEwiPz8m-1M|C$g5x%T+<uhDSF;U>i1R~>9x>qQQ4yOpQR=M6{r28
zk$O5nG5RI9ml5qY*ix2fNNqG8+94`KTpY2%nf^lTKFiYZi#ByX^EOXe(CC@c=KoRX
zc@^T_2R#Go=fQTmGhedt>e+4Cm@5EkIx4@AT?J7>y3qB_BHsfw&H8z=IZfSYr-)cO
zAKIsa?N89&6=?d)v7N7WN!OmKVW381z#Yt{7pB&EC3ZITHb>onUO#h|x}%yBo&-II
z@P5O1rcVMpMnTnTY69>)Ad^5|Sy|h?8r%16S&O03OSGj2p?!%UwgyIRvX}2wT(-Qa
zGx7pd*^0HT{aR)9G8kI1zVAMg+AmB%E9R{J>y`Dm!B91>p9d{%DUrroVt134=0Puy
zv7OpIH4MBm1}cJ<Z`cP4vC-ZNy}E+!SI}V<XpetY7VpE*p|Q5Vr-rxM+Ko-@GN>ln
zSh@mwaRvG}bWjC)*|sC&)dOu{H%y}^h}0xt3efLhHC;Q~FGTZ2%A~jK)mr5SOoqwV
z|Bn_suo(Dn6Hy$ey&ZewCN>+gn1aPs|1pk_vG~uawBH`J-citssZ7V>lK+^>NB?6S
zZQrqz#=ozzDOhNxa&;Z>Ep4S!+Q=F#x?<sXf!b#3@%)72U3asld>y?Mq+#zDg$qXZ
zfCj2LIvl+>+6vUH?+<1B4X0}FRW_8zL)%8B&%=8jEL^d}-P3j%w{$sFbDW=7OAkRW
ztU$ZJZ?~+mwzDdwrIpedAJ_+u<?F0Q?E$FzwqKL>?r(>kvDDjVhYB5y{!&q715h)M
zA3;q`zmcY;cIW9=S-=GAb1(M8KwvDkWz<`L_f(+4qSWw5yep)F=_Y8!2-<(lFQH>>
zH@=n{22O~9TI(C^ime1&+#;wtO;y)CN#4p_^^@2eu&kh+QsOh9{tsik`?L!H>PUXe
zu=UDKN&XmmG1RXXzt(5?*CdhCKeb&gsxtUG*KlaX#pFq7%yMcc{m*&LNmR;qIU4&#
zC5uU|^-$$fCFItB*-xJSf)A+>$KWqx?=*Qahu(&sk8RohG;-`7yU~d%JALXx=mjn<
zrB}<l5uX6<1l1#DZ=K~UJ5^!b${zl#4TZn53v|4K>F_$p1gJ)R70dWC30*AoEVLUm
zjvDp8-4gj5qOR!70t{mACZv4rauc<_hi(8WGtv8?$n!vL530HdxVgtl1B_1GyZi{X
z-D|0~&t;p2ETD4ax4E|&46P_PE!%QMz65H@^()R+aNm9Y69u<B8<!CZ!zx%teuEA;
zGJK@>H!fGM0N$=KWT0nZtIG8A8rlZ5t>NEMKjm9j_x{$9M{IRq!=jSWP44R7#Xbzt
zP450MmAtx3xS=-*tc6|^MU!<ODBNVf&7@yT-V=-gKxM~;r-_-ILW`lwxhm4ndH4fh
z7ogu8^u(a;_m-9IU?bxo=VIljVy_yXgO>fKOv}Zu0+{*jKzlx!8vY^nrnDVbH&#k_
zK>J5UU~NzS@kqLHSZcTeWd9%94Am7xdDj1`%r4UBKxGrdeU;L0E2ZcEWM?_QN}70s
zYu?YX+mt5Wx4(eVdj@OT=NI?2eAh~ru7YMq)wHF_zuL!`v58HFUQxkz2XuG^n)+L1
zc`#7TSF!Q_0@WairM-VYvdX3oPYqXqx(eF|?L!29Kd{Ys*1^i?O_kEOp}i}_(CAQQ
z^qLB^>xk5F1*nYuRVlsT5BsPyHoLPcrKOe9W`D-s@wElcu8bzGf@%s(RJ)gS{fVJy
ze=ob26X$Tk^@l(`Z`hys*OAwADo7TzXNCHC78*PLH12<aDqek|!W;K`vVYiSBKiw6
zk&!?(TOF4J@5cg>KmN8WYsk@hnoJ_|13_<g_cQDLNH7u%2EAKkeob<j&&|i4(6&(p
zvom=iw4-R*V*qV99rU}N{eH~>sLEANwGBKqE@)@svg~RG$bg<NTR+;idqZKE!uyk)
zcl93r5qd#XtR-FYQsetpAy@7mYkJ$z?RYg6mwz|)El3wgRhMctGgV))uNw3=Sbh$@
z2{JMj8a)pyPbuLSp_-%oW!bw8`Li>v=6|Iw)Q;EcXu2-DcNdxhQFLXKTj)7Qs`;yS
z=nzD`t1MJ}yK2Pa|MHhvIy4gC<;w35`t}E`2f-4&h<MRK7@*eii)jngo;UO;Pku#m
zmCrUX8>;s8ZQ0*)%K@lVd{e%4--vp05tMfjA_yh%A|FLt_G=Jja}ZED&~DjZu0nSK
zI{@{)gEIII@FHMzXAYkbvTYt+%ZXEf?XgTy<8go9AA6xyoKUOkJG5o-9&%B{+_!1Z
zyM$COe{uG@c&HevURSn#3cU+C7gD~xtIz9()HHsL*!{#v=owzf#qP%Cf-<7bMB58O
zVL%&9s<|##%iD>y<Sj;5dI8Iq^T^G>en4j#;DLUx)G*Ln6dm=(UpOJrX2)*|-Oua-
zQ!&a4=l!(kR;VVB^3JVM&F|U+U1O38vcKb%NCRR_HCYUVYW(@R^0tzZMMu!Onpna+
zq0!MQTgi3oDD=a7->wV|fu<?esI6$?-9U8^Z?@8RcDyF06035eOVkbX$Z@=MNxdev
zImSR!ptb!G6?q7vsn$=NFV%BN7K{YFhaP_I*}1YeRJK)}vG*Oe$X!rfz4+9t|45K`
zFGZ)XUX~K+3mt{6pDX*N?&iGsDIMzPfsIvON@y5V)#`rL(W_M$pn>Rj6fes7tx)@G
zFZ29MaS3|4M5snR+dFj?X8Zd^p#+#}o=`*lF_5qjsENV<<w9f+Kt=S&)iK_3kj4w8
zG=lx=u=92<w6kJ#`S!9Mc^ujoTGpM+#_Ifl?J)Q<us1ddkW{j9QfinNPkHl_i-BuN
z`jdeUjWHGd6?$n5)hi8>Y>zIFRi?9`T`={tYiGB&psG)=?<hg<ZbK;94Q-bNYugtZ
zy`<Qga0WEC3`*@&s0L+u9<(jy4X7Gw<uF*7ngCR+Ws8?~)lUFbT0echM#E#_lX+8?
zW)r^_kJS%t6Q)70ftEGbet>3C-^{x)6KT~r=snW)%OCctbu3g<k>B^?Ot2Prd!Uy?
zbqmw)7LiU(g5C|P*sa1GsBX6SiPi8ba2Hf_g5N8dyBR?BdFhg(^|N5B^)9G-j2}Y-
zl{L9<v!J&d^r^4MFi2Z?w+-&WLbXv|N7^C01JzvZ+uPqwgik!ON;L2;gnCu)N1^Bc
zkp)l<(()K|vHT}=kf>d(Z*3Jm$+oa><}LJ*hoI_^KD9T+BF*i*t?A#d&rl9fy&)P#
z-UVvj@Wbn5N@UQ<u^IJfXfCuu1UrGzeI(9oJdQQEMI{kLdO<bPViTJS?G;5C!Ib}F
zKZfWc9NW@Wb`*?U3XJX%w);H;ja?<^yOAcXVr}hJ>#I;NUu7Gk6L>S4x^(%waza=7
z$Ty12hiJ_!?_O%;t(DTisj-un9rtHJqeqUd=RBy_Ca#p;FW|yJ4f~k73pM1;Yu!Yn
zD`Y5873$~9i#6dHXX*{xad(F5;E#^5q)Q>cTxcEJ$-IX!PXl8cNPXmQXmrQ-Qi*gt
z-H!UQY-)86O@(@CmEFw^eE_o4Q2A~s5@{2gCwn((Bs8{xRnJdBwKwro!j{2Qr>z?{
zWkW2;J`s3Hlqo%odF)xJa^O`6x3;R|SNATP*Usi`a?$1XZYM@=hDMJ#?=ewmpR+Ch
zfnxhJVh4tud`3ghB@utQ;wc$lM_UQ)4)x2z+h@4U_zCKzR9<W6x3`N*`L)8W5arsR
zP`!>7+6q-N(fuOS@Jv5&)T}TIsD-0E#!n&9qm=Q~GqrjLTNi%igvJBBu3MhDl^`#_
zQJpaqJj<Un{9V8gp)f3Z(xGZ5rzZH&A77zwA+f`<eTrSC${$9D=76H+NnYW!52Ehk
zcYoV4I`E=BuSTLeMoRK5=wNJp=+|O{vRQwx3+JD)Ki}(}78{%0i_C<2b?Kt>7VOZE
zP;Y*Zs+Mr4v+cn3qt)n(+z8Z=@;3+GOc;3y8ofSv<q6e3$3{?gr|rj=Lt&V9tA6M5
zR>An&W$C_nQP?)}7T)M_?`1OFoY(lNIsGk{E*KLtfMvJJ^s{`{67D0c4JD-8{#u36
zZP%9}p{lU6y<|*}lY(tSTjeK4dvU^d4#J&c2Lz?#SNffx+7OiWzwkJSrqyb$7PUKn
z80O7$enV*^8`=xiE|1z@U$)GpbhgQ;NqiW|1rAdxF1-ED*mkHk@@1n$x$I)&^e<1E
zYbYi(>S`;^@BZQOfGY^<S2f@L32lXG2dxXV24;4PV9Rjm+}M13&D;kV-Jo9Q39p1k
z&vM>3It~H7-tF>DPPsGF|GZdgOS25B9$vR>L`J>^X$1Klimt=US2}jHSE#OrY6XXx
zZLNYW=sDi+U;^rsSuR1TDlOajrOCJ(o!?WFeoC-`sn;Xe&pdxhkSk@g0nk+8Zg+N-
zY0&IaxQBZLPiPm1-CUf)l(;a`8n}fxoxdNaLt5K3=@~rU+;M6!T%<6obb=#V#aDZ@
za@F}K-Fd0{{#u;)I;ZQMK8xz8MCs)2gaSV2`C?TOzl2kdehsGz-hvC5)~8X3(|QH<
z%a}l5D^782lZWGfqpF~{aEkjKoc!<M)IoRRbVzmnBb?It7^m}}@mgub`%tFJ^d8S=
zRfhX;3iyrVQboAm`K3zu2b_8dUBNs4XSM17F9Q6x5&xHVT!8%hoSK=vgAIyQA>26d
zDu4@pPs1*lR3Ett_l{^)1#v;^o#*<~s~|2Ty`wUfJ(pv8zifaliFcs3hN6If;(t^{
zbiRw||Gk=H+5{W2l<_QyKhoYVPN_a#==@TB?BnzzsY&lc9YO>Bbk3<h_IG}%I?pA}
zAFZmB%N(yvb!wnHFRh1vwDU))t-~mQS*3>mma7wtBVrBZYh40TeVpX{Qq5aaoxfaN
zFE0mJRcdH!;wBe?R5fs`^Go${8h=z{GaQ%7?hfa#px#vJ3{---&QPk4CH&DiH_ks_
zkV7hdpW_Q1m+Ipp=a;JFOPxPjmC-(raYE;oI|He5{5UFuRgO#bakcYDt1_}i=go$8
z!3GfpTkp)ItSaCl;SKVlFSyfEeSDEWO7&&ue?^c(s*kVoN9+H;9G5E9x13+9__sTM
zv<khW(W(S?ID`MBGI`(G{WmJp51hTUCjQTzzg%5UD+gFrYWV-1t0ulA11-^7c;v6G
z`qzgrf0Q{jlWL@%^VfHJEXu!t{vRWqZ-lC<k9WMO(-ToO$tg~?VMxHAhARHEQH4)O
zHAaihb)dU5I3ML-poi05s0{l$e}7aF4n`Hxm5vW}{tQ%Ido-#9^`C7?b5O;ThiXU_
zSY8w;<bz5w#e%>MXbAr_R0-UM@-J`)e`GfsRRsE9zQpJAM<u==RRa27!4lEcs4}`9
zRXqA{#FUW@s19jWtri;{kSgNW(c0(^Q~};cmGFnC68IF=AyvemyYpY6webIhDnp0R
zlhNZbl3g>W%~4JTT1eIZTJb>%oq{T0JLf;css2|+mE;_E{#;ZMXQ9gQSX3px4pr6P
zf-0l>KTLH<760wdFO~lev`9I*(}7t|XQTDukDxlQ|6f)CmZHa?&!S4;MU;Pmm-(af
zuQ+{GkVC4EuRDLV%6@YdH~#;HffCy00=$i?%HMPReN=~30Y5;6^dI9Y+{f}9p{kkB
z9j{Ck&lgqBQ!srfSAG17Kgz&2j!RYIA5aDS(VhQA=gqE5gAI~}e|M)3qRQ7FQj<6!
zc)VB7L86pd9IDe*oj=}bHK)~`>c1J5eaLAIR70aKs)UbqyaB2sT6Mmm<EZ|_5oQe+
zps~{?PW2xTD?n3Jhg9~>P-XNa$EEV0?EF&I^J%E;TcgV0S?;`4AJ48zKUctx_+*&w
zv=gc>-yP*&pr`&gRfaBfyr1JzeY})EitjR1?Q#Vw`=O3sjp~ppy^JCUGEjZY<c|Vm
zIWAR1IjGQh{wQFcJWf^80{pU@;?CcIdb1VEzrgMM(HNYE%I+Ri87;a`XE~%gvDoRO
zj#s7%xYV7O%Kw=2N2@Zr+?`+P&P!$gg!LcieGpg;P=F_$p)}5H7|32g_!+#)-*fJC
zwCeoxj!V^YuQ<O{=U+vY%xg|JyYv5r>OZ&Pf{y@dnXOLWauIEJ`Yx&?TI0>iLGH@q
zQ)jl@=@-sis_4ITeyRL>oL?&cS5CinT&nWybAGApzH$1k)9<{sgcE%54yg?Hqk1&+
z7wVm&cEy9LWvBAT;a5Uc-T8QTUaIreoK{C=7eW<ZBB~=X-i@(309D{I?u1kk)OG&K
zR4v(%^ST&qkE#o&qvG9AEk75cil+~%4D>~HNX7f<%1;3Xq7gL98T{YUA|<4SaH322
z|D>vf*AlO)e6ovQDt?{y7kM94HB$g$H}XgO&Y9NWf2E4}P8Y5+)%jVRSB>B8+0p*?
z!+)oWzz|R+x))WSS>#1jxyt^2Xa5k|6u<sc4u#*WaN5gwADk+}e{n)Nd<Rto@5<1r
z{O{pc1Uns<ikG4a|FP3gQPu2jcm8u!;l6VIuTiBR&<6$l#_4`khg7}zSLc^1!rxI%
z?1xb`Rf0TDWtxaz2}K-_R;5$Van!D{^&OC^B*&skD9LfDc(U_Hs}ej8u8f}S>{_4-
z-wM@Aa|WtIDt;y^`;OHpzamZtc;gmTiTa{C{!gl+9Kavx75ve@cVrPCR3)QOWn{F|
zF{ny59_3$P5`UDz8&KI#MODSOpbB>@%D=!Jj?YF_!uhDqFVIP+3bzoy;xBs8ov2Ke
z!^b&)BDx)w=?BhUs;VqSmB5FN|0k8*M=snhYhM&_AO0&<1fRGFK6435#dkaX-02tY
zyj17EM3v#M9G80EmHFC%XjOo{j!RYL-#WiEXmZXC9<Pgzz)$j`KfBY>D*lV((yFG<
z)xiesgbz9V-zZOtNzL18{Oy8C)w8RsQyihnRSn0ZRi&@xxKs<)v8Z^G<5FcW+4-gN
zH>~b&huw)rr~)=|{>oJSrxoXA(w0BUa2l#`=LkAg0v+*7)17ug)j`igW#3(If>Pmo
z1El>?9a5F}Ql|qQk5)xI2reD$^m3<HID2WB^P^G4Hx}i)c7esH(pyr*2Su<H)ge{R
z9z!*x9!F*PG%C9_s3KbD{OeI2QrT}nRl=81*==&V*`42tD*iW}7QO90yn`x%cTpWu
zC0vSX%<o3Eq<@bpp`TDi^b4xvKdIvV)rC8R%KwKAUljO@56W>+sW?@_)tz6elGJd1
zsUoO}5;Sm(^VdZcPZBEoMoy1ImEmTn>{~g08mj-uJa9T66tF$2gws$3NJkY>7st;>
zbx4(g3*7l$PWw3Rhbq1SPA^9l-%wOFcD2)CXcaA$nficcIUVhEtkdzRa$bNcg2|{N
zya824iclR=@td4Zb9y@}yE{-7a4xDts`O*Pk$y#Zw+kTEjq1lx@y8vnOqJjh?z~h5
zd=eFZ%IVVyq^}%3>kOrJ@oz&_(zj4`x{pys@Tt?!Q4On~P=!B;s>%;Le-$PLB~%qv
zJk>NwxMLV9r(;;aeAtSI1p1tb^IAb3jx3zw$d-pgs$Kbw@^E;1^g*J1!l;Tm`XG@?
zIQk$_U4bKlYB(Kzka+Y#A`ce5b*8c>j9zDndGZ(sI{F}SwHrs#sx|lMgG8^#9DR_O
z#yC+QIr<>+=!3+g4-)lYQKRALgG5^oM;|0+v0Cby@aTg?R}s+<5VeNNuOV~vL87gP
zqYn~~K1e+JAo1vfL>?e|2YU2DqP>Z8^g-f(^FUFH>Cp#?8aqcHBp!W`c=SQy(Fcjq
zPa1Xe^8d#Ni6j3nJxE;JFf;hd2}M;-{`kW$CNIpd(et5g$DZ4L)8G%r52=3ElEOCI
zKX_|N;g{o!fBLM}su9<}7~0e9k;ONx_+Z7p<$HS;{8~4C&lRihJ&-w`wIUe!yUyR}
z)tWKgQMFrAY1Y8RXRrQw*E7RLjE;P~^sGB?fAaJ%NA~-p-49LA+C8$(sV_Gj@ZRF0
zDphAU?)CV?S3mvNSyist{P?22D_(r*_ItjsX@9R`BhK(+MXSEIH~rySukF07|7Dlm
z^L$aG>MvbVFzLj0?_``Za(2_S27i3MJt4har+11cF1&Bvg4q)mO<wZ;!lCb6|3}AD
z8{U8L>x(jnMP+yxUswC+)?f{@>y}{e;BeFG*5E)heOfTl%)AwlX-WlBrvuWb0Y;h`
z(}DwoS!TB++oVlLMwvO1(Pp1yjOjW9$uSEgW6c3cuIYIjGR`cPj5miQd8YsENWNJn
znP7r<AQR1C$+c#+WReNZL<&rXq|mIFOg51_k?Tyh<a)DFGQ}j%LT)hQB}Hb7q}Vi_
zjZ8I#k{iu-$xWu!9F=meN;!u@-C{}wQcG0IxqxYA#$3Q&f&BtAOj-$G{#}5DC4k$_
zK7k(d0DbNP%rpz`0vr@LEHKOToCjEXH(=#Fz#MZ35S(lJ-;I=*Ws<v0&>-{7V9DKP
zwZxdvd}O}KkSs9kCHI)f0_0wkExFHZlq@vK_aKYRc**@{i{t^*^j>7KDU>{Dwo4u|
zt?nZ`(-)GRnfH;MM@%Uo_^4^O5LseoNS2!2l4T}s5%QRsBUx_tNmiJy_aiIK0?Fg%
zfaD3&^8sX)Su9y?4k2dHgCsI!F^N27mMsP(JOoI55U|D!eh{!uV1vL~6M6`c^)Mjk
zA;5aGULffaK$C|7&zbCp0h<N332ZRQkC504X1wG@vqkcfY5FL#(G*HvHrpkym{v=W
zSItz(CQ~YT&9qyJyl!SlHk;j&EhcRliOheDL>4Y1k$;(e0zH-k_~lsd;5M`1F~C8A
z!vb%ap34DCR{&Nn2W&To1O}}H3|Rqq*DPBBNO&BOxDv3#3|<LXC$K@_0~2~2ko5#0
z=W#%(Suc>Z3ee;Uz(*$g3BYE7Z34SY@+v^VYQU6LfKSa9ftF7KTCWD|HifGJI|X(L
zd|_HW37GyAVCIv6J*HG3^=Ux*Q-H6{jHdv51@;T<Gigr)=C1)Pd>Zhr*(cEB89<*k
zfc<8{8o)t;!va5;p3eZ5t_7@o25`U}5*V}&Fk~&@XR~ZAAYnZqaUI}SGk6_foxlcx
z-%V&eAnRE`&U(NhvtA(SIY5(V0e_n8X91f9wh0_I$<F}_o(D{M4)BlJBG7UJp!M^?
z-f_X8nf!e4GP6@;7bIB4wAz5l^cMg#Hvr;IsX*$Bfb<st)y<3-0DA#N@BaM7vWq?|
z9K3Yz(BD5_Fzd1Vrag9I`foFGw|t%SL&~^<(>i_g&doz7zxsQxuG5d*+OF?uU%eAI
zdCb1^3Wj~zYy8&C7kEid+4>OTvwu{*e$%CiUE96;=k##<Gux-{IzH`{TYmlf&2cx@
zYBBx6`GayVt#;{~J1?qtck)%=wg2GCJ;UQ~Is1i!xi{BrnAmj1@GS*7D?T$bUkWA_
z_3H5Ch{%@oXID4=?&H~C@BOL&=c~@2aru}gA5Gl%$kaiXHJOle(X)RYI`mBU5o5dD
zkvZ^+eiseBu-RGnb*{bnrh_BDT{Sx@do`o8m)dB3qrxAvn}0dtlnzxMd^hWo<R5#D
z$ap>>tLWZNOS<0IZg%Oxf`jk>oIJDOyV6#zANaXfjSu!rxuo$A3%<x|_h!bVQ&*Yv
zjlm@I>x)!pqUrh))p>9upB{M$P{$k)So$(xz(zpCEZzth^a>#UWk6li|7AeJtAI5E
z^-b^<z&e4<R{#ynYJsdxfcmcjl1;{|fTY&|n*<t}$R@yMfr*;{P0U6>@HmtF8gjfD
zFFC<%ku)_;Uq_mmLdl6{yW}L(YBSQ@OqHB$N+m5!yDdmdGegqK?3SEj(%wK$HFG4V
znSGMhrt81Rz`?C#;E{ikfi~uVz|w7i0b2p>%;K$pL2m-$w*lIl{@VZvZvoZ_bTGj;
z0qX=Z-vp$X)dE>>1M0s8NHZC40g|=@HVK?#B5wmW3ru_)kZv{#6ubjyz8%onjNcAu
z`7U6GKv&cB9l%b3TiyYjXSNGWe-F^%T|jp;^<6;f4!|CP3rxHB0DA@Iy$9%Nb_>jZ
zAJBaVptqT`1JL6Gz^?**OxO1T2L&E^AJEqv5LmhsFyI3~f3x@lz@Sn<{7%3nrvFYr
z!iRu00s~C26tGSpvlKAUtQN@n2vGk+z+jW{At32vz$Sq!OyncLW`T(x0fv~30tLGO
z%|8ZQWyXIDX!!|Xhd_pDx(l#V;Fev0;byzQ^iKgDJ^^H!sh<E+KLhL$7-`yl3fL<!
z?^8gw*)1@CH=z4xfYD~oXMi4`1AZ0AF<o~94hlT78<1-b2rT^qFyM2*c(eF(z@RSy
z@m~P)P5&<d33~u*1SXo`mw<HwnO_1XnbiVWUjgdx0Th~yJ%FUI0h<J_Gm)<Vn*}C*
z1(;$s3KZ-GH2)e<WX69DXt@utLtv_Dx)-oh;Fi6Bo6L5B>E8f4>;v3lrtSlzehb(m
zFwM042C!FP-Zy|5X1Bon?*QGu1>A1td<*EYAMmTdOw;u{z(IjWz5~oM2LzUW4;Zi?
zFvl$34;b_VApUzmiRu46AmK;A8i9Ex_yb^_K;{nsV^#}f9RSq-5wO5y{0K<;39w1v
zUK2S0*eo#d0AQinC{XY-p!rXL`_1^D04;w3>=0ONn*I#fDR9frfQQU>f$6^jI{X57
z#7zAKkop^7kH8Ys?pMHGfqB0ImYLlG^M40){|&I*%=rz_;~?Nyft9A~?|_2>kNggJ
z!W<A-dI&J!AYipwd=N0`4?z4Oz*DCGAwa^PfHeYZOz;oDI)ThT0Bg-^fvmp(_5TE{
zHyM8dk`4nl2|Q;ae*rcNO#BP5!E6*L_#4ptFyKWq{xG2BKY$$q8%@){0Xqe5`5W+x
z*$$XDJ&x-52mdBB^&bpUgMd8(ug_~2M{VGrH!rStaLc^ic<0A)x_c1+zs#H<php$J
zuL9dl*EqmIfk)y1Z<zxEORE9~Q~_)^i>m+z#RKB20^T+Ks{#_L0oDlYFu{1hI)Ti1
zzz1fvKvs1?{c3<xlTi(jlmOTy@R5mB2W%FYSRJs7*Es?TLV)H8fKSc%1VGCgfE@z6
zP16uyr@$>Cz!zq_!1S7c4mALK%+wly)LL<g7d{fq`E=Ol#Uo}1mv_GW&UufmKIgl_
zd;2uLzT=lSP5a~b^q;?4T)p4Jb&G0lnN@m!$CFR%(eK%H-?dBqb!wyH)z8#vIdN;$
z`u(*jRkVAF)}+@Yoqc9TO~Cv_z<z;mO<FBLkJ^BRwE+9gK7oS*eG&mbm<5S|rF8&@
z1rC^=wE=^|fR(iYKbu1W2@$}4ZI*sDX)n^W>jZ|>!QywbtPU1g#{d$;fJ0_*7?4yK
zutDHY6N&&f3*<xqhs}C{f_i`^#{m8@*~b7{)(30@#0BF_!@6;7<3y&^g;a?%Z-`7k
z7Sg&NBtFhet_MkN0NDj$BiE`v(d-qNSsxHGr2_Ml0O`j9YML3x0(v9^_6sDMv<85K
z0t*`e>X>~3OB(|EBmp93K@wn4Bfw#Sx~69`AfYi}Wip_?IV7-7U`Rti1GB6lAgc)=
zu@NBI3~mHSIu5WwppgkR25c6{X$)v$)(aFI4`|W^aJ<QG0%&;xV4FZwlYAUtr@)ls
z04JI)0@IrUS|1N+ZVHbFq&5TW5@=ysodDP?F!KaJD^n^k|3pA~Q^2WaMpHnKlK}e#
zTAQ?HfP(@Hn*rLGeF96H1Nxi@XlE9j2pDuS;IKe@)AJ-iLJPpklK>seA%S%QLz)9p
z%(CWytd@YplL2XF@X3IrR)7rx=a^6nz-ED*7JziKUZCI<K$Dh$&L+DhpyjE6Z310Q
zax1`2fhny3=b0@6(@z7mJ_XR-6rKV|Z4KBZaDi!cDqyd`%u@k9O{u{A(*fzH0eYJm
zrvZAj0qhs(W71j!4hk%64d`q30eAsb*VB>yW`X2lb3k&5>DdOk)GU?^Foz_Unf`5&
zfo7RxkO?vqvTGSEx!kOlTwy|IAXl0U$q=(%GSo!cBUhPh$<=0~B*P@1Np^OgMRul~
zNp^;tEr8$%)3gJUX$mFRnC+60rqx+UmYFKaHl>nLrd<j$+RTuQF}o!>CM^{iYvxFD
z%|65|J%>d4q>;#YvmgzgXAVg6P0zED31+cmqB$hF*7QFInPiqp3QVvgQfLNCCY#lg
z>r5yex!z<*rkM4T8%(4VQe?6v#b%>qs!8sQ+-Sy2ZZcaWH=CwikXuZl<W{p?GR?H=
zicB|CB{NJZV&-=v<LT#;@!QRea{)cN1NIBdG->An4hk$h4=~H@6Ign_%GwPu$1Lau
z7<2*Put16F*&UG31F*6?V4gW7uufpe`2b^<oe#+B2}ryEu)qwy0FcxRutDHn6Y2rj
zERfR!u+Xd*DCiAn(i3pM$?gegc_Cn%z+#i!3$RmQN-w}eW{be|K7iJ}0gsr%-hkAL
z0J{X1m{u18_6p3r5U|XY3e4{dNbdt!Zf5iW^ymlJFR;?2T?9BNu<#<l6K0>l(*A%x
zeF3Y@g1&%37XuCpJY{<J10-AmSlJJ-#vBq@CorTxV69o!ACPq^An{_rdNcT9K+*uf
z27%{H=n}wYft*VK8_arvg3AC+E(N@3vM;4YUosmd8%^>6<YhBn@`~9adDS$%4B2D~
zC9j$7lGjbEfkd=-FcHlhNJLvqDIoZUX*US@mzg2iYIaMunY6*kn`VyWEwfMZw&{8~
zvfV5|%%CAebog>2de`*40+28iu<{DP4s%FgoxqSQ0UwxUR|2xG0wfLrl$yaq07+K^
zHVAxVLPG(Y1#*T0cA5181sQ-QR{=gX*;fHt4g+ix*lm)p2J94=ay8%!vqfO~a6sz}
zz#dbW0Z1JI*d_3_X*CS6S77Eaz&=wdFh3KJJ{<6^nK2yD;~Kzzf&C_J1mK{+!V!QU
z%szpoBLRIf0SC;2Ou(Qlz+r)(P0wop3E6;^*8qMshXmFM3>gXd-7Fgk$QlJm%mN%T
zgR=lhqX8QP{xqR%z-ED*Y`|f&UZ7wMpvfq}KPGz=pk)qV8z7GRISof^XCN|Vv~~tn
z%o`%p$3j|<(axZXnLI{2gIvfih;{}!M6*|5W)2`^N(JVR1Eh}y)HE~30(y)G>=#Hh
zX}N%d0t<5ib<942rFnop;{Xw}U>smjKH#uGUDI<sAYlSv<#<4Sb4XyFz>qvZ1G6j-
zkTnsIm=8!cgYyAN*8(;OG%}$HfXxCq697%jdVzvTfF=_G$D8blfR+V-Z30bA^0k1S
z0#mL9oM^TPOfLkqo&;!a3MT<lCj)i~v@op-0DA>y764kAQi1u`0n!Trr<xgsfF9Qa
z_6xK&X_Em51r|;Qv@!bxmQDfmxen0IEVvFZ=mx-Hf%c~7^?-yTz{=|Z9n2wtbpk`C
z08-4dDS)hEK;jL6G&A@HK+;se27z--s0grGAg2hBZq^GF+z4n=4CrjKivcZf0&ElL
zYLce{b_z_H3OLVf5tx26p!JP_?xyfYK<X`kT>=-FRyP6m3e3C-(9@I(%)b?oelwuA
znQ=3q$27oxfj%bf7QjJ)g|`6untcLGrvv)j3g~YZ+zJ>p18`X264P@UAmKK^%4vWB
z=8(WTfg#fY1I@DOfUMgAi8BC$&EOe;q&ol`1g<cl+W?yda&7|*G3x~iW&)br4!Fu>
z-wtSbCt#aEhDp8yuv1{l9f09xi@@|*fYvhsnWk_iAa!<JZS%>@xL(>i+zHq_8;hBD
zVv%i11?JBIq|XA3HZx`cddvmv7sxSbvjGPM7S0CbntcLGO8|Z50LGgIa{z<x0vr~|
zH$CS966OI`&IL>~hXmFM3@HIjGRsN;S$6{x?*bH>!FK_Y3}A!6btW_quvs8S*OpVv
zdVzxZfF^eXicI$1fR+mY+XSYXWCPeKFvS3FGFt?u-vekpA8?B)oDWF77qClUnrXEF
zuvcK_0>BJYDlq>(K>9s^+s%x706i80_6y83Y4-vS3M{-AFw5){Sh@(%=RUw3v*13!
zp!)%b1xifMg@A+y04o;)=9xnR>jZ`@0vNMw5g=<ZAn|^{0yFr2K+=PN4FdO?&;x+Y
z0yz%=7Mk?}1rGt5EC$?fvKIqdJ`C6<u-GI&2-qnw<w3whW{be|M*yuK0z6_09|EL4
z3fLvE#I$-CuvcK_!+>R`RABxRK>8zq<z~hsfF4T$`vq2-v_}C41r|OEc*5)xSh@_*
zX9-}nS+E2!=rO=yfu~H*rGSLxfR#%DYs?{mbpk_{0oIyj%UG<}nc!o{dNWw^tXVC2
z&V-gD&zlU%2D5&7+>7z`_-b)vZPTrB7sT<d{i<f``nZJP{<Yg5kLz3|zI9`M6Tf!+
zi$rXS*T(geMdG-;?EIXJK;Y44dKoMsXL&d?f7rzAF(U%cHV*`9D#Da1UW8Y#jZ27M
z!EePA1+R!s#gNK#p3&Ry#wEl(*wrk0HtuX|tccf^or@pZ-9_+<7i+NP+ME~T`UdBA
zthbi`_TrAX_!T_Nt)UeDvB~y(on&`UB8!4g=|5qrn%HX=c?$%J&!5fDbJrgDF7Dgv
zMoE`Pza;3TIc^0ovW7I3kL$#04A0Nc%pcCrrq`}L?)|tog7G6akfh$b+$Qm3zG|n4
zFMW|83M$B_UNp5ziAMivu9veXyqqO=<>jyqupNXZd(oRqcg1BTRx9PV-m$#fCvi#1
zn_l(ahEY6xO!n!c^6l?{zu(2n32eixrD1;Ya-BFTzja|o&X_>Sepl=dY+XFChivTs
z+tuK5+XPqc1y10ZOsK4giG6qm!g~*j2cqG%6ysYjf*N_5`MG1R%?vbZwD$Y&;(n`M
z-zyV_{B$RfpP6%QW*+ZDQFAWwsw&F<@n7RsKBGJi4Av;v&W{^7R_!pEE2?yC^7lXX
z5F5cMJ%G{g!*z@>8&_1RTa@Xr0_uecI<9d{U&PRlr*({UOkb4O3*~g^ZFY)MUxQ2)
z;K+7N$#fCm808qhxz>Lf<sG9fEArmT(9^*&&QPz0xYDs4$Mjwly$wW%UZ1CgmEkpx
z<vONcfiH7xoMU=7;6sj$hpATef~N=d0u~+l4yv>VRBVokF0kH<^pa!OI;I-9&#_64
z>F4O9$(2f3;NsJ7;0MC=tMbXtPOs^E1*hY>A_w&%TfGuO$MufUhXbu0n*vj=lW>ca
z0*4<~zcpX#Sg{M+5caUziesu{^!-2^$8L12hzTgr(!rY?Yy!L3v6~$`4yG5FspNWF
zp{oCQoL-Nq<5tH`;PYp$s;4>D6!wv;t?7<6gSFRNJygmW4xY&8Gbyo{{|dyD_+02B
z^nbn79CpxUP_IN(9!|#TwKFRDOvhUASub|d;lDAlr9L}0OK(+B;8wWP2&7}S3w#Qn
zTk~0^oa5N3eAb&@PC(~6b{e1cuA}B?iDRw#e5*_3F2_!X>FrO-z&yv=sQ;aWM;W-=
z!M1!pna|3AajYGm^&%xDHXp`6y<6V1YlGhF>{tf8_a7mF`y4xy&wBZi;#lYy?}iWT
zg&nJtiyZuH2Ol`D{L)N*vC7G76INHbKA3(L<Z4_7PG8sj2d7yih>OEj!Bxe@<ErU1
zo&6aqRWFi$-0XR>N{gcP1bGhkJnjYDi@29?FXLXpy^7m}dkyzGZVT=W+`n*Jac|<@
z!aa(61os$j2~OjDIZk8yVVvF~v=n!c&Zc4fEAD5#<?VMq{D}JncL?_z?oZqwxSw!8
z;NHOf3#Yf(ZNqKEy@=D;e*yP0POsWqi(7|VkJGFAG!HDqEyCT8YmGY{*9O-X*G_Lz
zJcAGVozXQoy`r%xPQSc*k{VxuTZLPLdkXgi?it)l+-jWO;rSSD9d0ddIqq@Xdfd~v
zWw=_zRU4OxtBF%PtAjp>E73%uHeP_cA9oM#0h~IQI@7~A^+<K1hj8jR>Wu2Si*Xuu
z8jfGkq95UQ;y%TFh}(tJPi#NIeT>_UE5&_=(>s4(#}#ej&uh3XxR-EG<DSGlh0}|f
z@50T)-Hp?mooC|i#NCFw9an(64tE1i?;*M#SB#s2n~a-;E5r@O4Z-O<Xv1+=;jY#j
zi%0Mw12+hFIqnMFV4U7Pa15?4E{v;z`-1NMIqoyuZk*oHuh+@5Bk*23zY%>I_X^J7
z=Hc$f&Brak-Gdv0%fXGs<?`x~HB~wlX{Z<DrsA@3qi~tHVYuJvw7=o>mL|RMX&+8+
zA!~rsTgmiVE4^#!FZ2)G|I^-iM^%xu>mK%Q%mEb@WD6+ffMj#d2{FwW5d#=TG3yw?
zjE*@_ii(&qXTgj)j9JH=b3ja^W5oMB-CgWG2>P9K?p^Etaa`+XbyvMr_10Utc6Y-s
z4;sNMT)ze{K>~OI_{AwcTz(ty(}?HcUg8@H{D#&=Z~<_xDGXde0Z<4y0cTJGaNcPK
zngf2UDI3TRY(Wl?6Yv>L0p@~vAQCJ9oSznfrC=FY4p#Ed0C1Axca8!;2M`E4f=-|d
z2m;+ecd!exd%!+$2%G?af=wv(daw$t2D`y#umP+AE5KU7$!{fy0qekae(G>9;CJwr
zgZ*G9*aBj~F0c{AfgNBUhzDE20k92tf<mA$C<#h~f`GGX5l{-4fGfxcII%hcXAoKd
z|Fs01St|l>5QVBpLLDu^bwltMuKAVBGvFlJ#Y(s<Kr8So;Kx&|fU2N6r~%4?a)7Td
zhJdH&sTaXja2dP;_{?u+^&7x>Au!n}w#ONVh8hfLL_h&HARR~#GJuRA6ZjJyg1-Tt
z0;j=F5C>ubzhpia%ma}?0Dk{{G-wKPgFN673i1#<22TLLeDVt7D|Z;Hhgw6x0E|EZ
zHXt2H4~|3dDB$;Ec7hnN9IOSaz-q7ptO1L`BCrxH0ZTzNSO!LesbC8D0E_c`e*6#|
zHWi`j$2<8EHGVklA>fDF?tq)H)GcrgaPiU-jq(@Z2uvU!;OEQo0)8)P3YZF}ff-;2
z;78@h!d(Z}fVE&0;P;r0BHlChis!gV053oycnMyC*WfC+2Cf4xg81n}E_}-1+8vYt
zf8+irI1I7_TfjxnTrdwr0xo#?_0eF^4zvYbK^OLlAkYbP27#a>2ml>Gd(Z~-0X;x(
z&=>RrJwY$fAB2G4KsV4GT!F>-`PcJ+-<OR6t3X@O7}N$8K<IU}PJR>mCb$J|gFE0Z
z$O8d)xLlc)0n5=KW58;_Pj^2CPry^~3_J%fz)Nr)@blpNzyQz{bO#N=6u_NTWq#GG
zH7+iop3Z@@U>Dd8c7Q0b2rLCF!8kA$tV2Uu4|af!U<=p|HUaE_t!4mz;O`C!z^~i#
zi?r)d-~2*ZMi7GQ-k=Y^D%T$u1HeEq6bu6+!FVtMgo8<7GMECUftg?q5MVBd1oOcH
zun<InMIajFM24QAB4`GhgBGAZ6s*k;K>C4(paEzE>VU?e9;gfWoy~869|AoOCWA>}
z0{8=jgNc9(-mzdDm=C6d8DJ)u1!jXe;0Ua76a;|KoiIPY`@R)y2Ln*g{Cc_%IF5V%
zp@W$)CqE9%4*>IHzWk(JFiOxB*nu2iC;WDU3{W^TxQvW0fs26Ok>|&R`QGjw$nev5
zd%-^LKe9oXUktSc*#SRe$}a>zfWRa07$ksP2;&#%_*uJ`;1zhyd&nLKd^vhESO*S4
zY5v6uZU=v*ivsXdi2T|j-}jjhg;#)M?ElAcksp~JL`3ee`XB<I`fm=7A>s}AVW*^S
zj5b4--&Es9#|m+Vf?vT}$Z)U1y~z_?SA%>dPz(3B5zg;$j)6N3aJ#|n1;12zw*ow-
z0Dgs*p2ffeT;But0q^;m;}cvbfba+Kz`y7WiWs)fSRm9D_q)MYc!q;rxMrVZ-z*1A
zAV1(=Kgfy_<$%jSrH~nLg5hMt$%hlsdxXCQi2#3S!s-Qh3LXP?&qsh=lz*gxlMyDS
zP<4jly7Cw}3b@YXdXx6w3&sQXTh2;cGjjdt0o*|u;08*A0>BwKf&9P(96=VqWnpH(
zKlbw(g?tPifcyL#UAJ*@3vhjS7VzNW3}^}d1Sdc|m<2ckO$L*|L@*w70;no=Yu6$6
zZoJXe(6S@$11<cyR^*zo3+N1ZtkVr{Fz5<`^lRzI`>}xW#(>dal&E~r*fw+=F6)B{
zfXS4C%j{Ws{@@S54##nflcpTcrsH}xkgD#*H78|`fw6$&-!`xnaLK#?%m-W!b6L#g
zF_z2e)V1;)QT&k6IS0qh&46R*2C!Z<K4h#J8imV6AQ~(NOTbdF3@is6W^Hxi;8LYM
zU^n1eVIQDs#{pH7YGuOpF>n+d0f)gMa1a~-`vEK>${aH0#xJ%WhmE;xPQ&k%dfEOI
zE@{0hfSO+hm%v}(BDes~gLB{-xT?d=!*%_d7U#cvxW5bTfJfk=nnmbCTz&!{z%%d!
zJOzJ)m*53>4iZ2jcn|&o41Wvg{|3AU45#cX@D4DXa*RWlGISZ|BS3q>pLVf^32^fT
zuuCTaF43$2muXz0r3W@3o$j)CWCW}RUXy&l0oa4Qfa}0)fI|R3^d>i4JS5--EQjjm
z(poJSj<$e?auH4Ajk&~?BSupw74n4tK)_Lw+r3_(C*V-q9kc`8KoH<AkJ~|R1-a{M
z2K+!hz}+8rgB+e4fL}mkP#;tTH9;Lv6_f=HIo8y`g+FKsT7W8`0w@oBffr!I^wwP;
z-KAeSTr(lraCt57nW4O{jO$7k_tL*Czl_GnEJahmNEDVDGK{5TX;=zs&&bsP!&qvT
zihe8zm8=e=(v+c}yswLErcn#1N+5srqBcAzOw8J8_m&ZuiKPscqlu}wEFsLQT90y#
zaGhFu(l3;eWvOIU(DW=JwQd5WVsxd2m;f`9e!OoEWYx(yDXl5xnJ20*G}+X$zGa3|
zDMpam(zP@v8)jQTrKAiSxV&a#W;h!xEoGS|{nh$sDX29wqGuqWFcYQrjMM?hHbE;<
zSy`uSkTPM`J;PX?GMvhE1WdmZTrFeFJM?4y2kV|Pqm<frMYvQ*%1C8sa?9#sCbA%G
z)G{q*+5<>MrA(-$fMwuF2#)~6!7%VU2mwrpJ%yH$4UUP?)V%@2Q-)cNEh)y8P<3Eo
zr1s$d(xCDmk14ijf2ziPk-0QUKmEGD?heph8BSTsaI_o@1_6eVp}3|chJe&8@tu`I
zAt<Zh2WI+zW~I>oWay>VX_aOq!q`rR0og`mJ4maYFfD!LY?Iu@WQ&$Vt7WFrLZc9I
z3>XVIaY-iPJ{;@;yTLB7Q|v!wtQa~0mok{{YVZe`0;YjgK!6yq0xSoSU>=A7lffJ?
z8_WVT!6YyPOb0R@%QP8>{!=-=@q!*wK;AQR!Z5lF=QWkFOmr^prCgLAHXrUnumCIr
zOTiMb7(|0bI#W2m$qZy7%xERB%t$IonKgheEkTRWu$EX_)6$>UGA#L;?K`EAyg!7n
z45-C}a1Vfefa@Kuo@GMu@RQg3acy}o(~<583t9S|0-;QhQv&~;hsQZ^9P9-$GrD(h
z{|nsPaIb)i-~yn$lxvFc%eenb_q(LK3@5j6e*<tNxDNL!f0$;*47?_0oHaUUy$OHm
zbwlhqYs?$^5MKAeT_Cf%XL0>N52uVQf|R2TpXjpBQVCCh-*eDFSCOi*m@*v`|F*D9
zjP4r<vjSeheF^Bt2($%lB<=HB52GyQXcN^wV#YaR*-#n%Z+O4cMXe0j>ESvL_yqm|
zA3;9w0nneO`3m<7uR#*9Mm+lQY?bG#jK_0Tx;$IuxoQ?%^Pb?32!>i^hi5jBRS)D)
zkq_4>u$2Q`dyorI=bUi)mj?M)2B|<^xcp0l+-L7WxZDF3#J!X5@2tB8;JSdapfGR+
zj{JLej9duN^#$&rG$;m&fRdmnC=TdX0+a%7pbYQ?9>5ED10TS&aKNS>)IEgT5;O+>
zpgCv;YJ>ayJ8QMTOyCD*0DiKRg4IDKz)zP}1Wd3Rr~;~jA}DbUxQ#$fz|%b@N_nQ)
z0Mr5XK|N4czotLarxKxk@gE~G0cyy4qTqDEqr)x8WHelsfDv1OKfoX`5KsXo)*r}{
zQE@6I)0PUcfK-TS2Ej#|*jC^|YQsoWrU{@j6tv8katvo8w1!lOC84Dl#>|=mhEpN>
zv8_;X#{UH{A6lrUA-k3l&CB|97Y=_J9q}^2@ry?1pzX-M4}5!r5YP+s1iyhEpgZUW
zx`JT9Y#2vo+Yf%UEA2>CndM->BFQ2*7K@Q%=x}%q14F?O@H^n)z!<obz(f!ZCV=r^
z92g5IvlUFk^;9q!Oabf(tR`;5nKiRxwNRyd;5N7gZh{*IjDFW~aSdD*um3W-h91V{
zA#e~J0P$cS*bDZ6-Czx1TU`xefB+F-7GUi$&pCkk&IXoxux6uE_(kG=E||w=F&`IE
zfHUSoxC?X^>8|vnOPR%R8F>j<4wiwXK*r<siWK)Nai1Pg87e26NOgmk)^1k8Q(A5<
zu2X8vwzXdOUne?VhT(SMHWq9L8vxtHR=AtNCa@9sAwO2o7F=%wTp8?u8wYj*OGB}#
z(wKFD)RPq})uIX&0F4ZpQ1ya>`{5z=Wx*&QEzC%~XFsFt&*Z2OGd%)QX3Q3N7XD|z
zX^y9-aB&j+2~L3H;21ax%of%<Ar)cir1b~l+A;%KV#eb^mSxFl8Cm*f2veI}C_Gs*
zSwddR(#esAenG&}%rc=Lm6TyJZKi3N9{m{}nwp6iU|I4zx-k7L6Ol^X)x#|<Q5k*@
zQpof9i4~wRXapMa?~|6pMFUU^lm#UL8{rc~E{<y+YV)wW0O0v`LEr-N0~2rr`G5nk
z1I#!ZT%M?M9i0W&89@e+4%h%LZmi&bV*P(agb&~!z%lhbcn4mCSKuk2LNDOH1c@L4
zJO|GJ{drIK4fq?p1x)J;_zb>+B=8MbBV!{l0EJI`qz9QnCO}PjofXiZ<ODfDc3=x~
zfxLjF$OAVwum{e-3D8nhPFjSPVCf437F2e37BG}QFcbw8qDKi_)AYW&AAjEQ0Q_l>
zKkM=5Jz9hRDCdTI{+Pjgwti1s^XDLMz|3mGtpsSv8gN;i)j<VNjrGq&vZ5qx2UMb>
zInb&+u4OpGm;udN75<e06PEH!gVy6cudBdiRTKk7KxyC$+<}ZU7Wu1*P&3QSD8R-C
z4gcj|ANTb@ZQZR4w+`UZEl-=NY+<k*etd{$8CVLIfW;shECQ70gFSOu|1>+F?r9JF
z0265ecOYm2_;k-4&<fDMIhYM*0X{Zld8W*BXg>eeAMgzN4VaGWX@F<QzrY;=<au)_
z9~GJint^Z-049JAU@+(fULoRmxP!nrFcypkqd*v-;w;EWFait*!@yARJLm%10DoXv
zh^DN6YQ>XsD)1gIwWiBb@wz4ae+BaNn|`t+l#!*UUu($GI-LPa*cNUl&=CXz7OEYf
z48z;=kwV@uah9CdQX$q6@2Ol$ml?1sPy$t+mSW~Xz_RL??pq+MA{gOJt3P16eQCBn
zpf?BsRDve&38;NnK(qY@dVubr8(<<#lrCXCGeK5`^y7WMRKjH&V*3gmfd5!hnxAH7
z17ST|)|D(J8xBj#Qu0R%OAE*_X3kPmPFjK%u*}rrK2*(AwsZzi0VXa@N0-)+39!_x
zJL$)`l%WM!bz^YPg3xaOT&Bl3EEF57Oo#E_vi~zN21>J0SZYr{-ZL>;=?~oVn!RBv
zm;xpPS!&8MjQ%P8WISd}Mb&WRuVz5=vmMCRNnv(JnMlg(2!ydD(sGn%=IqLhL)S8#
zmYoN`D6jyq8_x%!|2D_JBQ1mgOPw+yX2h;!=}*~BfEjEA%!H#~eXs%40_y?Os|T0E
zI0n8@b>v$I4{Ea(Z~$2eI0~+TyBe$lG5WP-rcB%hSo+ZtEG-qHGCKhk*#W3XEJzQi
zNF@6|hu`h+5P(YXL}MFVDzg=A0aQksnwinW@?K_0tFT_#o;a#<gk)o6o2d&}>N-Fw
ztM&r+|CEVw4Cn8BOfa=^n~BE(4!>;aOo+1V0nD74%1oNznhMeyDg78P9|QPn@*cQ6
z$~c=r!T;!9Z^iigc&vEied7^Bu4g;HeqMLzX(NMmKsh%rH(yLDqW2@CgU=$&v{}%x
z3UAvOvVV``F;&3B&0Ra~%Z89QJ^W_6Ot>G95MM;~Kuw4}i0XI}Q5_)=pDsS6OVqJ)
z5b$*K@Ng?@^;o=y0N(b@{1|ffuzh~Wb<0wt-2U2S#+c=NL{$j*G=%^YTKQn-3g`Au
z7MKNkA|w++wj}0sZePg3${aFCOkvvGuI7Tkx(gkjXFTYM_eZ4;5n?|Cte1)Flv@uu
z7G~L=uIJ_-bx44mhg*3!Pj{=`BKs4_9T&x)7#mw(6N8@^yW*YO+fR(69JyL#toldy
z)>?OQZxzHU=jKb}d=(v^8tp2m*LJYH9i*o87(DxW@Ps^OsbUDpjF8otA9`L{RCB1R
zojXnFB{n=ou9d{`r$#TljrjE`GH)pwJ~M8^`+U~V5jIFT(g_nj&y8M=Y%{dPiWZ5l
z##pESiloZAxl@(dV$5?yjuPh}?#P~(4|2zv`Sm?~bmJY!AwxGG?9aq=3S5IgRtPLv
zZC`Qf%_5Ny@X-=_ESwXJ4!)ltz(SY2wES>~Nsm840F~;FB-pa@AY^QG;HAn1(~m@m
zx0^T9c2Y!0g7FDn*8cSc%r{o-dtoezch#Q1KnWV-<37d$);C0UgOW#7PBiAnE6i;Z
z5t1Zk7!<qo-fmu~#q?r&qS4;R6X%L-Elm{1{Jk<C=%`qGxOuXiR!tCMLdel2NoU(W
zdbrFS@|(Dc<QykLzzG78yVu<M>*F?qSzx8e@e=tR79EXBE>Y#BF`bEjII|#x16wq+
zPiV2r&n#@rAOc@P6IUETvtAR!!*67$+jq2L?e6BK>RJ{dG{mrkPOq|zS+&F*(paoR
zMvk3zflq%_cO7|Q-axa!5OJ59Oc9?cw-R#pNXX>)@sEdI*)N&p_K7mD&^6BL3GKQ+
z=TfQZS>wzCj}Vd@QTwc@5;uC-^F`*6&te3k;=Nh%%IIa#OXHY!c`dAh7yoFeA6QZ|
zwQt&Wk#_y*HS8FbLmP5-+ALnC9ACMK4Get|RlHi9d5uDUgaF(6xmK&s*8h9aLxc55
z542%#Z1uhiK~%LDgo^xcQ0Q}_>>D(|=3)`<96MlWU|U}~@kLOPj>YP#4OZ=cJ;k?H
ziUU4f@q)3!Mf$hKlCBXDF9vbWIvL>(v#<E6`-B$3w$?J_qiFfoc*b!wngzQ^k;kpv
zyeo|!fponzHKvQIf1?CZx<KiD+wylU8Rn%6pyRJaNOnYZD?8n%;i?v0^bmA_U1AEN
zI-bx4o(z9<si0V!Qx#AL<f~#o1gxKk>u^l<Q29(KOJMG68UK3v#$a87!#@7m<q@{;
zjP};kMe%pW4jDJ0fzg_~#Ef@Fhg{#Qc1Y|&K*m#$W2rBR+wU-*M2OPwq0TuBCbsbX
zCoHL+|H;62P{$K}9wk{LIzqsDyXbgCaWLQswTSn|5>@ypW9l}PA$I7)G+v&hg0=T;
zxG)tdmUZ*tC{oZQlHMEb4W&&Y>>m_hyYTo2qa#MP55_z;7;9y~ATbXCrY0CCsPU7S
zN!c%5O4r9=T@^mm*3KlJ{A2XAt|fYfD|v<I2crqeH2Gkx?db2KndAFP_7@vIV4PC3
zbFh9Uo_|n>)$$)zXTnEg$#Sv`LBDqoE{(Srt!M4<Z`kHs7S$@4{IIk}h$r5y%+hvp
z*$w@2w?_!ZFX8W}<Y`q5;|;a@K5H2w-#WE*tz2_(`nRzL>nDiAGQQU1cF*6ycgvN}
zH4N66#noZa+Eu*zXl&#k>xxqaNS0q;v!<<K@-&0>c=$l2u+wna4ZPb{A62Au(GCV{
zUsNIbo7HuMpuL4<3yrlOTVhC0bI40qG5M3x-aqZQ|DF8wR7IB0#!`i3(Y_SM5ebyI
zb!*?kHJ*FQb0qV`oP=glM6~;Cv^N#RFAp4Vn^iem(v&~PO0z_{B4Roud>cW6qhXYz
z`_2nbJGU`QbVLaHb(njN$PTgTFa;&2KA?!W#ki9oK_eWnN~~MtsiB%#A_^hYtox2i
zG2ZEVJu-)EEFwyMfo6yF)R(Lp*&{JS;qzvR%SA*WBz#{$g4J?vv2FfC#hx}XODILP
zd`sjk=4JiI{l(@G`=Vk!<GSe*o$`FinBCd#y;-6LLa5o}hyiaFSAD<B9MYnw_(ILP
zLxSZFSJrmxkfXxyW{KfNh5J{eK2uM9R>cI@9#bO2%@Qm0)b~G}5tA!#-G9s>aYe;Q
z#5JANQ_qm2O366u*(c2sw~LC+UyYuoG!_eJj}c`el8hysx0KN)`tN&#8X{i4Fy=OF
zDI)@tj1>%5-Nk|=<U1enS?;p?|JWW;^X?gRFSKN~m31ECEG1$gkpmK0-MnkueOIfg
zF5%&>OXRlk#8SdjIDNxN6X+?*eKR&fpC9+l*x2+8!!SGB`k1#9nni9pZm{<7!Nh~r
z@>?&FhzO>ykl=E;&gyTgOq*(CH=s3naQR}D(ObBrQ|#>udTSD1GdmC6zc3neLvHUm
zeu|61&3jHC#oo6D!r7LiT2;7YIM~?<>kd7SRtRBBxjZ`0ri>R#Ddv#g-gEXM>I4XI
zwQ%+GKSwgXxIfM;um~Xz2-y%C`Xpz@mvhY_ao!?}wPJ5L?=6a0E1tdykmMM&clnmX
z_10~zXUFl$8$*=U7lhEXZ8v6U71VufPc=lHc(VD3sYoO5_cc`<qqc`yQ#RUVMy&3{
z-_}Y#ZMo;*!#9dp9e4KUP8xfq+XFTfFE5VvsV=Y75Os}Y=b~PJMtnQOZ#dYxLDRQ4
zY|Zi2#iN7uBeBMyI5?)dBvVu9EN(-<=W#mCx~p~tK3h6Ec#t`vR2N}t)G4C05vznI
z;*<hMT_-shJkyKeM#Uaq$Oxscx?;+e!JW$!E@B%gioK%|T4SCGE1+bLzTINeJ=6zU
zDJAZTuS`;NOliyMDe1|l*CK0KCTpN6B-N`b9xF;?L&<8w*G4H($hR7fOrb(Z$B^FL
zyI{ZH#JNzx1DF0lfAG?FfLW_YgrQ~R#div9;M&&^aW;yl;hC36;Jx1D4L@nvrgU5q
zyLpQcwEomvw+~vERjRF94e9MIb|bDS)#j~AEb<nwC=mw>a&uE}yj6ozD_hM{o4G21
z=3OX#TFu)BtH=Lg^UkO?Z)9CbTurZd87|fq*)qV&&uVL(CS}*Kvz8%M>xgz4V9xq=
z#M#V>otTtCar!Srm(j9hRGJxT)fIsmVdW-uwYA^2w;Ny0-jxSyKa7G{f#Ud44;kw4
zsH#^+QyaCm(c^F^Sy!xQ+~JVm0MO0m^CI7;1J{@(ChH+<vi>o8!rfoXsHv(AZ$Vx0
zB_o=~>H5Mw6Uw5yrrHg(IVL1;nMxny-uYs@L^Jom2;8cH7-=CXHfB=%4Dk&kGAo{@
zs&%v#*n&d+I%N*;U_w3~o^GD#aav*RMQ~;%-+$Rgo~EshHM2AsTw;;WxeZB782XgM
zugZ;uQx+)xS7Usq69rl1C#q$`eT<(7h=aS$PejxIgP-V=757t`h(yZU`-?uSl-$lJ
zQ5k=&rtKFEn>Qt<g{Pi4LS$mq{YBJzM3Ra4`-@x46nn8GD@ubD_hv=mTO%1R+an4e
z3mTZS`9U=qb(FPl8nIQ$ZG!}5LNZ}p3kK<4B7U`!TU1@H*d!N4=6bT3xRDJ-ncZC2
zW``TqT-1W=>(oM<mooOQbmUpn$X(b}`MP=F2*fH1A)NJU&B(u}M5VbA`gRMgX=Mws
zHoMZuaH6I7lwAq-`2IXZKMt`v^@}!{$J(y#8n>gu9D}tQB04rxa+iOGK+K_GDWltJ
zLKqd(2oY;+mHfW`tu)QYeG1H3z~*TKZO+AzV$}{Ioc3&MhOa$&aEYC{P6oCTNw$i;
z+jvND>6`ub{QDkL0|zT=TjPwq03j@Omh>@80=$pJ*;>zPC2HlsL|v@42+je^RcI~z
zb7It~-CCQ%0@7XdiG6JhQgcz)&$n8O)0EU)dyy}v;w_{34nzhykb(0;!yWIOTOVUS
zRnHGReEPQ6lsY(eM6+fk%Ge-5gs}U*ZZD#crLPj8&3c*Jo*cNWcb!PiALt?|vOPk$
z(Cw5ZZ{0RI-LIKLN(YDps#^;Z_RROexH+euy0kV+v<na}xsdt*Nbn$Ka*YPLUoI$r
z+bl6%4@ug7edDFAi95_8YXd|G;+l>_!U=IVm#(>bSO3V8W{JlEVo5Hv@Qa-_4ey_L
zz2z7G&8Ja1FSl}D*x-A25wDPj!LN%b<qo%V7h&rQw@(*Q#SZR_E+P>Arj3}cILzlN
z{j8l$A5SzUFSqg@wD^fGBB?ASUw0AfnL_p;5s#QAw;=5>r|X{!52d@cInf-$KS=Z`
z3dw*Vku5jefk7gy9NalU!rcSz<{%MO3hwbBahm>r1&Qg9GrdHLti6Dyz2}a(R<I6A
z;f*TbN-tQL%0n_=u(-t(D+UXH-v1ID;Rz=sSd_{GcYLs@<_I?`SOntUv@=+1s|iYM
z>o-Qb9BP6{5)aS?i|8Vdd=f0yGv?P|5#|IpQ&(}8DVn+pTNB(eT}4O*xJ|kW_q<54
zXIHJz5hDysD_*YNSWOXgJAT>dDt1$HT~{#@l7@p_#Vg)lL(D>O6S|536WVRnZV~oy
zR(2EK_DUm@e|J2XhBDtAlJoiDwf5)DWrj*FE{dm^Zo*I|_0v6N3F%KELx$f(0IRjY
zZz9?OuJljoO4B#&Df;AtoNlS)_^`)b`pbA)73EPptTdD7w!tb=npqkV!m9DM^%PSb
zp^RRihMmFU2CGAcOQWhLus3AuC2Wf$ShGwc%`)=V)087b>r?C6_UhQJDHfE;twH8n
zJVdzVw@_B*6B!~R@?!{<g^+G4@l?Hay~KmOnx$2XnoBNQm$a3IjsMkV^coj83M%<b
zm-}e_>1gSlclVAu5^dIAY9n2#mAsePS@>IOncO601JkT7?S_RyU(ukD-fpzUBNdm8
z1UXqME~-J{<dz@<UHXgZ1!3G2?U|+XPOG{6J3GAqKWO3>txZ)(7D@IQy(k6?Q>b+#
zO(k{J8<gx~a-@>ukSxC*O*|=VQO|Nfl)`e*l7myqyrrDXTaFmIoy2x$B(4jY90qH1
zO0}TFXWDkWl-E2)%H*YPvTkH{r3Z_RC1C!P1C;DT(o}kxO)I-;Tdn&;!<Gyw^J_o7
zy<vWnDN2Q9x6@NFMWUZ^3miV(fBlRDlQWoON_)zf=Ld_m#nG=)m_U>&p?I6R4AB~V
z8K<J<d&awuHy2fkOGRYS^y)CAr~%Ujq{PY8r?=xskG~q7WlH7BbFNNlw3I2PG?r|`
z(pcy!CQdwZ#F3iGQBi6nt1r_qO%vDZroNBfA36Zj;M{{pjxy&IF_MQInQ}_G$-_mq
zO3+~Ka8bn#%YswGwN2~Sfm!1x24siv<+S?(A)FX8ojvB8F+QleIV8sjF&S}99wXGR
zDuu1``|DeyYP<Z+5;Au=%FD)OF><N>NLv2X2yutAhm4n&d|Hc%|MnsxIY-&+{&%Th
zZk{H8tcQ4NKQF_DwHF>P;0);H=IM!F=7x+E)qJqcso;&NCT%ga^FH3{nnNt3i$%v3
zZ!S81mN0t=V%nShuq@=#_ig{D5gUS@&V~xu`*Yd+E>ui~3I^LS5#xh2tB=z5r3u?J
z<+N_t3qKpnmaMljQwvD2Uw4^V*>K})d;G*CC4ScK{<odV>G}W5C9SNU|FjxY41%Wr
z$xxSa==x8GJgKYPd!)Tpkb|Kd%2Q4<`lKS<s$k+z%M@~+$U0V>tb%?uW309l9+uGc
zRCvzk1$m02Z8k5Cji{;w`=<RA#+-55);#O>3Ks*M{VJnN>W_dd9w!!5MdGoL;Bj}u
zb?1I>z48e66uQKzapEi_eD6boU2%6Q>j{aCx4WAqKI<XNR`pvJzcmQQ@iK0%@xrMZ
z;+7h(ZL0dF`?IgzP<6+mr(PQ&+(X{;UlUrsy~_i0+z#VKPsBA1g#@2EY5BEl(a)``
ztv5@|884!l`bJ1_pWN!w#w_2wFIF;3oYX@~e_iXDv*zhX=8z}jMIz%W6STN(GJnf3
zwO#AXW(gNPq)tTZ>v1>Ma`&(6Txo)+R2`bNh6MN6ZOi3-e(L(`yJm^O6GR_K;O{z&
zYJ?wM=Zq86>nGp(b`RH%_O4fnEth9_9G|0MP2$jWh#u0aYH!oM;(uU4gb*)0Kw>p9
zTx6+%p))dE#Mi^YbhxO-+dbi8ay_VW1`%^Y6|45IvUZ>N^{E;WzaHWsJ6ueKr0?I5
zu!BTQsi9T9TJ1FG64=*fn5cz(+!Rsx{rCpjGdCW5g2*&c+(2BD2P8P6ho*ObS#eB*
zQkq)a6W5t2Y-=L*wvb@+X>n%OvbkbWyed(StDe4k$j6$Kmc}gX*Fz0aPh}=d6akDI
z1qn8+7q5dWygL63=SHeIus`085S|;wkD4?4!_JXhW@1UlnWXq6u@-Sn)hB7XPhGsZ
z<<}8sT0%nqoe2iJ!_*^DZXOV<Y*oG6<@BRU*)nx?KcCXrY6yPwC`V(v)zXZe4fSTw
zN@<slIU{U1!c3L^&`w7SZS`qXHCDNRoH57g5*ryCvBGLYGG#tm`SeOnq9oE}3{xGH
zmv$~-{c+#wdhhw979P{$Ndc-|)kL~_+H4N=PdyLyxKh{Mg_`ZrTS@Pw!zT19(qy`t
z{=anoVS1`$z*OO1=ijzrDGd##i75J`EG(0$<ut8DzIfKlE`N{F_n4PfHS4B{1WN9h
zCeqc#)?n^*(V{L^8cU{&aNg_I(5<dEd9{owYf`hL-U_LMZ>pB|q8S#=)Q<AH&rkey
z(X@(1)wt?Wp5B9`-g*a<b)Lt`D~(QB9*tYGmZz)*!{6be9c$w*?3@ern9uHW?UN4n
z`OS9LM*=w_q;yjsFj7jTyiXBJ2B+aIgMaFlj}#{xqBQ(^6*qfZYB?2+IUjnBrNQwU
z{?&_&Xas?vNNpVK_UXw+k2QgXAb_UApJT^F3hzcr3D=+ehK$7jJyMFTjquatzx@p5
z=L@B=;+fL>Cnj|)6Qxa?;q@{Nzv0j`7qsIEA-Y3~^kqV}i$o<qCDQRRo}1*Dwt8vq
z$i}{Bn%i1esf-!G&BJq$c<rZ@bj}>Dt+iABsAOxchN!={W|BhFqDA1ZSbq0wf+>G-
zw3yli4R$M1U_%*qXJlxg!zOJI@nw@fiVzyT*p155%KAUX^Pc7K@J)Fb{Z_QN(L||L
zNG6;{?ud)0YusC*qy4^E1o*=ZUo3w2S4w1(Psf~IEY{*45B|OO$CRQug=FZRC7K3@
z=DQ#MFginF*bV2Zcxu$@pC!VrDNc~HEY;?*vU}3U?lLtw3JJ_s9Ii}D#qg#|txQEB
zfo2dkf2lapR0%K?T`Ed6Ll@Uv7sG^QBC?r<98!MLObO6cF@-G0TO)}6eGx;Ji{Z`j
z8^H7BBC0ux_H{Y_@D19A_E3<a%?gpOMe?m_#R_c>Sk)x|xdk)N<2My3sy>y2_#rJ2
zUw6e4KP9J)`sA%}ZmHzOpU&9-tCIIWur)f%k`^e5td$lq;#CVJpo+Zzz6dg8WsLUl
zY3<1_t=z8PFR9vDT@7rG5tCbD*`PkU<tXA?Dz+K+L7LN<*!aqrTfAtgg#Jg(&{yWx
zFQ{|3j{OGocW-p$${^P+T`}pQO|#Nc(@?B$t>hPPe^JV0kO>I?H^{i^ulPwzYl-#-
zy=lu<ZTeBG7VCdiN)(idrIx4Gr^M;j*rtXr)+X5+%Yw(93jc=V3RE2Q#ial5wk=wq
z;xfplOCA0Gdk+^n%SQ;mS4|C3JGJRY`qO3=Oer5W=HQ_{2>j9@I@#hU>A*GGPjS|3
zwGvNT{qTBa+tZvZ-0_&DkEd1kwZf?l8t3>{qFfvF8vIx`z76_aQ^d%KHc%*saa)Ob
zA?4K=>SPAVi<GFjPD^uN*K707?7-hrqur1uUZhzk3bsXBNV`v4jNPe9;yGdu4@fSf
z<cSU9O<QHFsr@Ex3VmKBeo@hpJGe~5!^W(O9-G90c9_6NZ4&R>DO(L!HjB0Gk#?$2
z5TgF9tnP0XcPKH)sMYWE_sgSq<~NQ;nx0tjU~ImyMc4%(cZaQ_6Wy%U#l`@Pn0c#f
zT9o{2X}@#7ZEmNQOl=WGw`*lShso&gUYF(}1ixi*3GB07Bn3df3EPEd2c-4)b`jPA
zRyr1|+0mowvckj1<j98@I4j}r;^$(;X-eje6Q)48(Q)EV6n^wYVyolC+9*`Ywm1<L
z2={QDhzmsGb~{7@?oB;+Xj`ob>5E4-Ub=ausvwMycOBw{OGm``XNRcJ5s4PxCBi!*
z=9*n%H~dWncWcI|{5F2m30t3Th*_4?4PHdrEnYF^&fOwYCnealVvnZyrEKLxa^`MW
zpLsxU*loieF||9=+5rhZ|1>xv$x!BtFP_~+I35DW=iT;*_)bXc{2r0?8{9j4M4xVO
z6ZZ)BAjGuVtF5RDtbE&dY~t&;=9qSSMHZxOD85&;>kP@NkmMBA{dJfA)khidbA`;~
zm%U;-Bn-Xwih#jzWuCY9ijBYH{>5G~oOvhV9xk3ivhJlgh+17RH9E$Nz%B?Y5-)~!
z!4R%JYiuaFUj+UE@BaHm*m$_3_lwg#p~S=eT6-8;xBC6IZC-n*b?CvBs$L+Oi9xDA
z`hbX^h!iFt5Y<?mHwPku;e0zFP6nYi^jj$<RhMS!b4cv9FqhQBuw##K8incobg;6(
zpx1&yCbHv@i0+C!4j&TjCPC?Qhcu-Zn1)2uw@>(Lw%n~lB9W4^xH9|aheRc2o3hq4
zi#p&hv#C}|shw_MS@s`PnPv@7Q{BT_(;C<ASm3BenVxCQmoFyBLZwtqT1M84Y)Jk{
zi97pO?cS6taC74b9^Lt{1zJg4wd;ZUmdSo+E4`h{YSgPs<opehQVL5QWW$n?WcfcH
z#@{AG<x2BO9kU$ON?SAIt|jSu+Rf0PrNao7TxGf%4UUR1w72B;m)x4Pb|~v#Ysy~9
z0|rK1aa8#C!pOB8dC?vv8$Z1_a^uD03c8Crd|K^82+uFJJ$%yYe$tvGbIA3hB8qYU
zh6K+*BG%72HR$=dv1W<v$Fx*OXL}oS^WOQL=8)pYL;~WP>Oq316vqnPiiulsVx(Cj
z_?U1BLFyAA;R1=)o1abWkbM`PSCpEqM2Is&hAmmx;P+pzRyT(nIVM6F_W>mGL*jnT
zsS^*MZal{<VSQZFxppb5BGFf`2AV^@dWmd(pjqM5+JJY<r|FRP`4;lrhEHjFdRUb?
zEnYG8nvmep!0Y;c?N?{1I)+a%U~+;)TZC}%x%w<zxXz3@We(|gT2$$cxRW5k!-JMt
zo{kG@J+!V_VkttXbM^DL4=!lCVu(2;{<N5kxTZ^b-2C|#JzcZQg%5w~`Mx|Y;+cBJ
zGn(DE&fj<W#-pX`lOLL98PUW!^#1uv#HsTaM|ZHp%&$(AW%Y8WY=wsR=SB1Y%r0nl
z`miRZ_OWQ?dRr4W=qdY)92sQOmz^r0uaeJKpuJ>+4)#xy+!{_Bcm$TkLqwcc7hlvu
zUafq;@Yum=7uEi)z9+EZqFCP-CEEiDwuVm;^(y8#v;t2)@wr#bLRL2sVuz5k52lxD
z?V9HuYZSW@guK2ez96p2<}Xd6WVJTst&bNtW|naHOStz_?0wuI!A(`asZZkWjk)Y%
zmZ*gg)~M^*ksECq{$9i!qP>w+9xA-QqU|_5|7><;RPF9<@R$$}gkZSTwAKzsyI&P2
zk+W&;Rqa8`E(gbL-!SJyCI#b>`ox{p;j0n-QSjFgaDxKlwj5s7WK=?Bvw-t8^^;0r
zt(pxub!5cZ3+9l9*MuM9>Mu?4`LpkzD~`XZjrON*iUp80-PP}7?GN8Ldp1cs@<hWg
zZ<Tmcob8WcN?+`l<lkWGJ@-uZk>QPmt#zwg+JGgW@RI|fYz=aT)tZ#O@3-69DNOMT
z{#!y$)>vhpX>#1rww}%pJ8l^3`fi6gq|hCaH~{u23kg<t!-9)nynosb2cU9(Z>WbH
z|2AS@6VID?0#Sx^xFaeJL>c=-A~)i;i_O<%OwL~6W{L1Sq7Ni|7wQt9FK1X&X1U*d
zv&3dSq;uvXJN`aDc8WRV=pC__ac@9^ji}qm#9H>bCto*9ywO7*9_YWno8Oii=8z0`
zMV3L(%;~Py%zDP32~MaKKHMzfb5~S@gl{8VB74dG?)5i?xSAz8>mkpbtS>Zeb_lP1
z$Z`+8E2c8;3`lUmnsv0A)o=HfO)yKW(nD^n%yYltz>r(!ko|YX4Qh5(mnhI^;)gD7
zn*z)dukQ+5tfPE0-P4A&MbG<OdS7Ta4h3ZXt_b1e@-BT-;a7IUOLK_62J@{92~HvP
z=CyWR@#3a1OSIBMKJG~Hifvy6>rR<!|9fIB@-<C^1gDVa#|_sH1&S!M#JYRp4p(^k
z=p$EprbhR*Hoszq?f%hL!(ruW@Zqqiw@_1S+_Q!3p7ANYPr#Jj<}_1p(~XiR{giEe
z^8?Xn2z1#0K-iAO5^UrU43o1SipU}OiSfomZI1bNsZ4XjlX+Dz-tjd`oKZY_DEx;a
zn(ms`KGH_U3CCM~adoYPg|9r&l@dQs>&8P7H55CG%@4GvM<;}}vHsi&e`H&o**E~}
zN>aac!&29er&Acwkn5{qsPsoD0mt(C0bQSrS*n~+^-|BTQqf00*;@NZ>_%Ku+Hv*N
z4bV8#a3wg|xGC2?azK$QrixFsL1FpCXx9>cOK49$&lJ@ns*S)yKdIMc@@~U0=9#!P
zLWwj?eI|yERKg6IpNlUeQ7LxMMV?TMgf7oTgHWZBZ!q2>&jBMe*!Jztt#)^K&adsJ
ztp@8ML$5pAp6pzD2tqJh@$fPHxi}dLBYgk*nf#4Fd$QhfPJ;G;-Xs5^#>Oq@p<5$y
zyxCOV>YVTjQ@nihCTgvDO@UTRK8^dv15VT>r_(|RVXIE~(CKD}Tp7F(qW}J|IZ-SK
zLrGG%K=O)R>o^vTTiYVYj$}w-|K#0_?k`+Mqp@o@o+4zlg~?@2$`n#`6S?6_&cXk%
zXfp=eQmOENHNK1|H#rsFXr>t%H?aS)a(`(LV&g#skK`?=)J$(%vTXV*DTWDegxffD
zfG8xyu`N_-=K5hq_&F}dJj=5S$03Ac+QN}mHQFzU?qLqO@J0+rT+=H^a1nSsUCD8o
z!_E{oOJsa2HZt|XZ?)x)L+SI)V|LER0$QeC8zEdKmhM*6ru7t?%jS?yZ$%PQ9{~xD
z_CejQKAZU9)<v^~G~T~EMRKjn63byz+D=B3+rWQESG$e>1aylO@}`t)PBcR<InhA%
z+DOr!zEec*#MKuu9a0YG$!$dHEo)A9MJ;U26(1|9R?01+F7|`XrHq+Mfq5z+n?`cM
z|Hq9iIVD*Xy=W{-zVEi*Qb@YGx~Bhj8&A$&)_977ixZQfhO~+lO2e+nU0H5-aWK1J
zN}6L&^5`o}Q*p++>5I0c+%UUPy%sL3yP)l0{^5c@t?agb712}Cb&h`3=7Mw&-{fj(
zv>T+xRDW)}ju0-;{@FOYuCeVPo)u#M!4dQISCPoL8IrWF^UJ&kVcAVlG3HnJY9WMO
zHu!4Q%`Hop!y`W~@F@hJ_DQ1BG{hZ*dv^Pv$+;@d{BuhuwY94s%b0->7la%;dHPvC
z{{T00+)YVh(lq>Pa$b*H=9{*p>A$<>n)Qb4uaSm6k2U@#qUS4i>1cxBZz9Wd7;@-0
zQDiz^&KQqad`CNvP3!!A`N!Z%2Y#D^{cJiyaw4REqu*Kv)*L-f)d|~Ze3I&$n2I!f
zH|RN5@Mzc~->BPbA;C!mc0Pp=F0}u?=9+u)s{2*dxaywl?l*CR`6qr8w*;QgEjB~R
zXT+DyMC}=hN7=N0{LXA;txikx=M~!9c-G3lkzzU2DfG;X$gk(%UF$<L6u<oCBeivk
z!?76|Z;sojy=0`mCs_h=Wo9ZK2Ap?xnyGjiE5Jj*qik)YT^QQ_lCR!5=hs_c16ht9
zdafZK%YSIxqnRT@yzw)OCqDaw$cqmsdGQ$-Ytd^yE~etbYnI|+yoiggxX6DCv3aT;
zpY8Fgx?8%iMlcf7f{!7x4I*V<L&O#$zwdZg)}}&zs>|QpG1ns%wPLm$51m<~>stO;
z#mF!&Bj=y3<Ta%&a@QdIXT!>6jUs?YyS0sC>};&!y4qN)p9T4)>7RZbZMX9GE&OOi
zEB3Py=VxQC#Otmua}eW2I#FQ`R&(>xYcYBicj~lycBdvh^HQtW$}fXhGDq>ue>{U$
z%DJ<v9l99T${uO@;5ReaNUxdVh1z7a)(+0#(jXlV6gXUWuERTs>Ti!Bu__VBR(D08
z2s}*NH<Pvc#!|K1x93*amjUN(a{YQFlZcOiw)l-Io4~a7DYLcO-mZohNvhH|JR>A=
zPEKQG%OYx^otaW?k?JoDGqQ>4NP|6MH6-<x8Oa6P(79+PvZhU$ZLQUxHk+(FH~7V6
z2OngDM@pDUf~~k`DQaZNJ?1IJGd;>-t#<4kIYpOw=x*n7YW3ai<<^(YyayCV8aRvK
zyml8MTzBQpR=-W>ZkH<{1O;H-yvQj|&SN1Vkr@&J{okILmRJTa)1#2;&jB{MA|fG>
za`duG{xC!KT*5mNwYg@OHZryhO!)R`ddK%_ChBPej_emiqV!Yj#95?eaLX;8F-CKI
z0hv{HsI~h)nI><ah8TR<1TCgr9x-*HVxQarOx+;LwL^NpVT1b=PsC0YJyfj(Z2+?O
z4TA*NA2VVP9_(Jw1AAyGu@E872r=9kKYZ>)uMl&{?mQxKzEZ;X1|)JoVwROQU@a;f
zR;uK<piZ{dFA&1*M9N{-*7|cE;kN+4skY54`YeEfewGUkL-UHg3zQPhKgmrrU4UN^
z3oTT<eN+9(MQ#3QII8KK4fg_?CMNcQ>GYp(bkj+_3=8v!0}GWBnPo}jkVXO9D70QY
zh^6*~*837|7TkJK3`udAK+}^wT>tULbU02sPuf>%{<VrN?JXWX(thUg)DLp)Ei<=U
zgqqit`aw17#wqj@<De>}!Bd@+)YhX_YqG&jKT1;sM57Y3I*PDp=&8AO>G*4RfTK7a
zjn>-DQ9OxO0y2HVr?hJ!|6{Sje=#cD(@7gd>n#sif5kande}`Ln<_a8+rx<2z)76l
z54WR}h+B-*dpn5)#vFl|xscM+bf=%^%{81)4{~lRhk4OSxGX`P%!dSD@N02>Xt9!}
za>0<`>&+P5W1K|D67&o?au~Kb3AZE2<fxO_jR3<XCvj;B9$R>cB#I!3-p*qBUikm+
zEd1BQorwECF~MGN)_PQ}!(Yl*{j={RT?q`W&k@1}!>h1A{Yw=27^#PN<3pt`V)9a?
zfi$CI;F?@SJnnsqxM(BKiI@r5uh`VRX->-*Aw0J@>ziQh_h)Xc$*6-uLl=>48I19t
zzkw=WcMWtA(-G6q+eNr+z-z3qTa2H!<xJR6d9mHLmTbeE(8}V2f!gb;rtwgOYpm=_
z)V&U#rZ824M+{aAT*Ry6sGSuqqSAIGyVpeoE{ChX+iE!KBG%*HbP*}=9oJrwy9><d
zxc2~3;B<vLx$h!Eb|Xe2Qre9-SaYmU@*6(62=^86v@Iaku7T@NK%CvG<iWbXXaO-2
zAwPI&)}w%k+J!h(3kbIza2pg5k5*uW|FwWt2-na$#os2l*r|m;qr-d92;m6!d+CzT
zhnL9rL@ypfMivl$E0G4;N4rhPbqXXo=!O(~x%|$DTa8pnb()SSAQnK<v<4C!Yx`6i
zz9v4jVm4i(JYG0P86e?%6B1m$U3fP5%KdyzHs}(_?Il8ZENxfar^dhoXK>c2Hf@BY
zD=3`MW_<G()Z*IY91s^hzm9BOsH!pup@Cmz$=jpb`A>ZFk7pC8qACT2`xe-)Tv{zq
zoR7g?UVGo!-XQD4;tgZ@O0?#Mw+{Wq)YY&G{7=Ti9q%gku7dm6Rm7iwD_>HU?;q=O
zqRMJ)G-OMWiAdMtHRgPVe+r2k%t7xXhAoAKE!%<Ctn5vD3u`?i_tf7DBwamqOD`>k
z-NHpg03?0gifDD3`Ci3m4QI{Bs!FJ<w5kZPg{6!w2TytwVd7LvOChe_+DuI#!CH=<
zm&w<8$7GyvN(tz5$3hR;E~uyKFAEX47A4g^#cbZl*U4pxq`7}~FH5eEL}K$g)RpWG
zURKgj(Zz&`1C$(GEC#Hwqp1Ay@-=aT{wBHak9xhf7U|O`Tb^5$ypq)7t8-fB;v#{$
z$l_{)h<sNbADAhw8GYD4Z%Xg)u!18mXG1i?p~XeW26T^bNU({!%`H&;S@nY0HOXeW
zsJK|N0V4@I_$9c$X;d-N+KMz-ffrURZsG4G<gNgNuh!J<#V;FSq%0-G<c-KOPYG?R
zNoqgs*XQT!T-KFBuadTx?OWbUS0Db8yM{grB)3Xw2E8s#F{QNi&K&D?#=`enYvYJo
zd_6^zzkgb$mF+?1AuCeqA}iFtw3xjaX41Q<>9MP}!2Zh=f1~-<L(9ySg^u=RGb&4t
zgSv4HDdr(Dd<%>v$8Ei3Ir&&c7t@AItF!)xzSg~eUr!hVnfg_N<ffKdd~?T@LxGmA
z8tGpXs{F2jMRC=RB#WC?xEyMv942P9o%<wzDM5}i=5HuSU1XZFv+mxG{+Ut%*(UT6
zM^uTm5R$pd6wy#(Vo@nqJcR!-m|SY7hnxIMYn9Y5Y0alg_a@6NBbuPpQf4PBOHMo%
zYH_iUybzIP(A7(>WZ7I~)0F9&M~svyN(pI=JUekvlg(S(^JLBQq0OtwceugRXA@au
zIm@>37GXOv-u{Ld?36`5^b4<_u5~(dI~;}(9yvVC+S#?=)xa-$2)e6OQkp4^Aqk5F
zJvUR@x%`*YN}i=;N%Tq;%5H7!R_!f|E3Kq=JKv!ggSfRZ)fqMD$rXdMUMQ%V>g1tr
z22-f0uXw)iEBZ=^ztJPgztqr!oDr195){*ztYO(o&3z+9Y0_GiVX>-boR$R2iCq5G
zlVvWRvIm+5m(!L)9>&f4pL7_{g)P5nfe)-|Yy8|cI87;0UX<F0QMv)vK3uf>HX2&e
zZP80k4A`Oa8J;TTMIa<BduXa%A?;${EHB*S(LH~vvRu)aY@rQT0CpEA*WA0}&lh_2
zVx9G~T<lGoD{1phtZ#us5B?rnOO30p#N^gycO|g^TN_h}@><X6(XH->!FMX|R3+6N
zs<!!QWEhkroDQJuS1XBf2T%fiizUJiC{Ew)VoV9hnT@hikr)r#8q*i+T4R`j4HFSR
zt<@<u0iP;~N(Yq^h76TOw}W`7bVOy%0&z2j->wlonD1|J!H(&7d}XosVA|Fcl@2Ms
zKQOgygK`8z<piF@BjMV%&(yM-)@X!l)l%0&Dm$oUP><#`o8-1Zae7q~0f$kXaS+ah
z0_Xna)csPfhXQnA^Z^`Kt%XGX@Arap5r+en+yk0o;6bbX6Vs{D*sIQRa|4^`yF<q+
zs3*3~l6m{gYS(;7qB$G&ap{tV?bXE8BiIQatR^;cJ9(p;IB^8q$hSzk7$Tx4Cc)n{
z5t~CE6#a2*Wai7KZhcl0^1!Dqlbe<7@c-_+<|VbX8pfm3M^OoK{FnQzv^P2W-1LK?
zUGCYnMrLp7=BOS0e2Fjn@z0>9Jgw(W8%-c(N0M5}&he8{m<~49PO!68i+JWZta&S>
z%ylAa)?&+`euZhl5BHbYm}&b<!~7azGPWM3w6}6{PL{gL5nV3wq$TAXp0bSk)<1dL
z&<2(7S2X5vF!h%1Y4EBg@O4DbO!03O9GT(YJ8|};QcvVLg$iBXN;Eiy&w<6Y7d_zS
zjBBqwvOnnbD3`$Bx*gbaQAEPOhU;bQb<mWKS#OBUKXXY$J>0X6K5lm6Xpid|2e-t1
zaoiVrZ<o8X?}NmVxM$OwaeYUmX~9H0J)H(Wllxgd?(eihEGi${>9n%Z+NM|UE**Qu
zW;m;aSc}tzZ1RfGbILqB_3Nm;`*jZr8PIV+_ue6;yZ7oUZoO0-VoRP^-sBf6FDQ<}
z|AmsSZfcTcN|)&u)Uoq`(y0ZO#?}NsKo00Sv`S?j*t)s9RPrb*a$HoLbIMPzA_4tU
z*gD%3$*rc-qrdKr&$gDv`zEn@UnzyW%c)<fVsb&fI`!;Wx^u^Vy$ALW>RDRVp!=Yp
z(gO!{@7X`V!xs;vxw{M>?h=3=3>}2WSA5I5QXiY*B6}elyVA*`%;iT(l}3(Y@dc#-
z<7E?b3)$o}T6$#{Hw)Pmw$^2Qf49jQ>s#2SPLo`!saXi^0_k{(0*XyRaeIJGhS=c)
bY&sa3q>pG;$Y!|sHryst?8Ct}1?K%9qJ~$*

delta 84690
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
I&bem&KYis`qyPW_

diff --git a/package.json b/package.json
index 472efe96..1f829ad9 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "@mantine/dropzone": "^8.1.1",
     "@mantine/form": "^8.1.0",
     "@mantine/hooks": "^7.17.4",
+    "@mantine/modals": "^8.3.6",
     "@mantine/tiptap": "^7.17.4",
     "@paljs/types": "^8.1.0",
     "@prisma/client": "^6.3.1",
@@ -55,8 +56,9 @@
     "dayjs": "^1.11.13",
     "dotenv": "^17.2.3",
     "elysia": "^1.3.5",
-    "embla-carousel-autoplay": "^8.5.2",
-    "embla-carousel-react": "^7.1.0",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
     "extract-zip": "^2.0.1",
     "form-data": "^4.0.2",
     "framer-motion": "^12.23.5",
@@ -80,6 +82,7 @@
     "prisma": "^6.3.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-exif-orientation-img": "^0.1.5",
     "react-international-phone": "^4.6.0",
     "react-leaflet": "^5.0.0",
     "react-simple-toasts": "^6.1.0",
diff --git a/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts b/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts
index 345910cc..5e1d10ab 100644
--- a/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts
+++ b/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts
@@ -6,9 +6,9 @@ import { proxy } from "valtio";
 import { z } from "zod";
 
 const templateForm = z.object({
-  name: z.string().min(1, "Nama minimal 1 karakter"),
-  deskripsi: z.string().min(1, "Deskripsi minimal 1 karakter"),
-  slug: z.string().min(1, "Deskripsi singkat minimal 1 karakter"),
+  name: z.string().min(5, "Nama minimal 5 karakter"),
+  deskripsi: z.string().min(5, "Deskripsi minimal 5 karakter"),
+  slug: z.string().min(5, "Deskripsi singkat minimal 5 karakter"),
   icon: z.string().min(1, "Icon minimal 1 karakter"),
 });
 
@@ -29,26 +29,33 @@ const programKreatifState = proxy({
         const err = `[${cek.error.issues
           .map((v) => `${v.path.join(".")}`)
           .join("\n")}] required`;
-        return toast.error(err);
+        toast.error(err);
+        return false; // ⬅️ ini penting
       }
-
+    
       try {
         programKreatifState.create.loading = true;
         const res = await ApiFetch.api.inovasi.programkreatif["create"].post(
           programKreatifState.create.form
         );
+    
         if (res.status === 200) {
           programKreatifState.findMany.load();
-          return toast.success("success create");
+          toast.success("success create");
+          return true;
         }
-        console.log(res);
-        return toast.error("failed create");
+    
+        toast.error("failed create");
+        return false;
       } catch (error) {
-        console.log((error as Error).message);
+        console.error((error as Error).message);
+        toast.error("Terjadi kesalahan saat create");
+        return false;
       } finally {
         programKreatifState.create.loading = false;
       }
-    },
+    }
+    
   },
   findMany: {
     data: null as any[] | null,
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
index 6a00b669..5d905597 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
@@ -5,7 +5,6 @@ import {
   Box,
   Button,
   Group,
-  Image,
   Paper,
   Stack,
   Text,
@@ -21,6 +20,7 @@ import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import desaDigitalState from '../../../_state/inovasi/desa-digital';
 import { Dropzone } from '@mantine/dropzone';
+import ExifOrientationImg from 'react-exif-orientation-img';
 
 export default function CreateDesaDigital() {
   const stateDesaDigital = useProxy(desaDigitalState);
@@ -173,17 +173,16 @@ export default function CreateDesaDigital() {
                   overflow: 'hidden',
                 }}
               >
-                <Image
-                  src={previewImage}
-                  alt="Preview"
-                  radius="md"
-                  style={{
-                    maxHeight: 220,
-                    objectFit: 'cover',
-                    border: '1px solid #e0e0e0',
-                  }}
-                  loading="lazy"
-                />
+                <ExifOrientationImg
+      src={previewImage}
+      alt="Preview"
+      style={{
+        maxHeight: 220,
+        objectFit: 'cover',
+        border: '1px solid #e0e0e0',
+        borderRadius: 12,
+      }}
+    />
               </Box>
             )}
           </Box>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
index 8e9d2dab..a75b7207 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
@@ -54,8 +54,8 @@ function DetailInfoTeknologiTepatGuna() {
       {/* Card Utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "70%", lg: "60%" }}
-        bg="#ECEEF8"
+        w={{ base: "100%", md: "50%" }}
+        bg={colors['white-1']}
         p="lg"
         radius="md"
         shadow="sm"
@@ -65,7 +65,7 @@ function DetailInfoTeknologiTepatGuna() {
             Detail Info Teknologi Tepat Guna
           </Text>
 
-          <Paper bg={colors['BG-trans']} p="md" radius="md" shadow="xs">
+          <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
             <Stack gap="sm">
               <Box>
                 <Text fz="lg" fw="bold">Judul</Text>
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
index 5e2a29ff..477e0988 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import { IconKey } from '@/app/admin/(dashboard)/_com/iconMap';
 import programKreatifState from '@/app/admin/(dashboard)/_state/inovasi/program-kreatif';
 import colors from '@/con/colors';
 import {
@@ -11,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -20,7 +20,6 @@ import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import SelectIconProgramEdit from '../../../../_com/selectIconEdit';
-import { IconKey } from '@/app/admin/(dashboard)/_com/iconMap';
 
 interface FormProgramKreatif {
   name: string;
@@ -41,6 +40,15 @@ function EditProgramKreatifDesa() {
     icon: '',
   });
 
+  const [originalData, setOriginalData] = useState<FormProgramKreatif>({
+    name: '',
+    deskripsi: '',
+    slug: '',
+    icon: '',
+  });
+
+  const [isDataChanged, setIsDataChanged] = useState(false);
+
   // Load data hanya sekali berdasarkan params.id
   useEffect(() => {
     const loadProgramKreatif = async () => {
@@ -51,12 +59,14 @@ function EditProgramKreatifDesa() {
         const data = await stateProgramKreatif.update.load(id);
         if (data) {
           stateProgramKreatif.update.id = id;
-          setFormData({
+          const loadedData = {
             name: data.name || '',
             slug: data.slug || '',
             deskripsi: data.deskripsi || '',
             icon: data.icon || '',
-          });
+          };
+          setFormData(loadedData);
+          setOriginalData(loadedData);
         }
       } catch (error) {
         console.error('Error loading program kreatif:', error);
@@ -67,12 +77,49 @@ function EditProgramKreatifDesa() {
     loadProgramKreatif();
   }, [params?.id]);
 
+  // Deteksi perubahan data
+  useEffect(() => {
+    const hasChanged = 
+      formData.name !== originalData.name ||
+      formData.slug !== originalData.slug ||
+      formData.deskripsi !== originalData.deskripsi ||
+      formData.icon !== originalData.icon;
+    
+    setIsDataChanged(hasChanged);
+  }, [formData, originalData]);
+
+  // Prevent browser back/refresh jika ada perubahan
+  useEffect(() => {
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      if (isDataChanged) {
+        e.preventDefault();
+        e.returnValue = '';
+      }
+    };
+
+    window.addEventListener('beforeunload', handleBeforeUnload);
+    return () => window.removeEventListener('beforeunload', handleBeforeUnload);
+  }, [isDataChanged]);
+
   const handleChange =
     (field: keyof FormProgramKreatif) =>
     (value: string) => {
       setFormData((prev) => ({ ...prev, [field]: value }));
     };
 
+  const handleBackClick = () => {
+    if (isDataChanged) {
+      const confirmed = window.confirm(
+        'Anda memiliki perubahan yang belum disimpan. Apakah Anda yakin ingin keluar dari halaman ini? Semua perubahan akan hilang.'
+      );
+      if (confirmed) {
+        router.back();
+      }
+    } else {
+      router.back();
+    }
+  };
+
   const handleSubmit = async () => {
     try {
       stateProgramKreatif.update.form = {
@@ -82,6 +129,11 @@ function EditProgramKreatifDesa() {
         icon: formData.icon.trim(),
       };
       await stateProgramKreatif.update.submit();
+      
+      // Reset isDataChanged agar tidak muncul konfirmasi setelah save
+      setOriginalData(formData);
+      setIsDataChanged(false);
+      
       router.push('/admin/inovasi/program-kreatif-desa');
     } catch (error) {
       console.error('Error updating program kreatif:', error);
@@ -92,16 +144,14 @@ function EditProgramKreatifDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={handleBackClick}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Program Kreatif Desa
         </Title>
@@ -172,4 +222,4 @@ function EditProgramKreatifDesa() {
   );
 }
 
-export default EditProgramKreatifDesa;
+export default EditProgramKreatifDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
index b5969bf7..4d318f33 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
@@ -32,10 +32,14 @@ function CreateProgramKreatifDesa() {
   };
 
   const handleSubmit = async () => {
-    await stateCreate.create.create();
-    resetForm();
-    router.push("/admin/inovasi/program-kreatif-desa");
+    const success = await stateCreate.create.create();
+  
+    if (success) {
+      resetForm();
+      router.push("/admin/inovasi/program-kreatif-desa");
+    }
   };
+  
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
index f52bd6c1..c01627df 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import laporanPublikState from '@/app/admin/(dashboard)/_state/keamanan/laporan-publik';
@@ -52,15 +53,14 @@ function EditLaporanPublik() {
       try {
         const data = await stateLaporan.edit.load(id);
         if (data) {
-          setFormData((prev) => ({
-            ...prev,
-            judul: data.judul ?? prev.judul,
-            lokasi: data.lokasi ?? prev.lokasi,
-            tanggalWaktu: data.tanggalWaktu ?? prev.tanggalWaktu,
-            status: (data.status as Status) ?? prev.status,
-            penanganan: data.penanganan?.[0]?.deskripsi ?? prev.penanganan,
-            kronologi: data.kronologi ?? prev.kronologi,
-          }));
+          setFormData({
+            judul: data.judul ?? '',
+            lokasi: data.lokasi ?? '',
+            tanggalWaktu: data.tanggalWaktu ?? '',
+            status: (data.status as Status) ?? 'Proses',
+            penanganan: data.penanganan?.[0]?.deskripsi ?? '',
+            kronologi: data.kronologi ?? '',
+          });
         }
       } catch (error) {
         console.error("Error loading laporan publik:", error);
@@ -69,7 +69,8 @@ function EditLaporanPublik() {
     };
   
     loadLaporanPublik();
-  }, [params?.id, stateLaporan.edit]);
+  }, [params?.id]);
+  
   
 
   const handleChange = (field: string, value: string | Status) => {
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
index 72b62a5f..e8cd6000 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
@@ -1,5 +1,4 @@
 'use client'
-import colors from '@/con/colors';
 import { Box, Button, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
@@ -26,10 +25,10 @@ function Page() {
   }
 
   return (
-    <Box p={{ base: 'md', md: 'xl' }}>
-      <Paper withBorder radius="md" p={{ base: 'md', md: 'lg' }} bg={colors['white-1']}>
+    <Box p="md">
+      <Paper withBorder p={{ base: 'md', md: 'lg' }} radius="md">
         {/* Header */}
-        <Grid align="center" mb="lg">
+        <Grid align="center" mb={{ base: 'md', md: 'lg' }}>
           <GridCol span={{ base: 12, md: 11 }}>
             <Title order={3} fw={600} c="dark">
               Preview Bentuk Konservasi Berdasarkan Adat
@@ -55,8 +54,8 @@ function Page() {
 
         {/* Konten */}
         <Stack gap="md">
-          <Paper radius="md" p={{ base: 'md', md: 'xl' }} bg={colors['BG-trans']} shadow="sm">
-            <Box mb="md">
+          <Paper p={{ base: 'md', md: 'xl' }} bg="#ECEEF8" radius="md">
+            <Box mb="md" px={{ base: 0, md: 20 }}>
               <Text
                 fz={{ base: 'xl', md: '2xl' }}
                 fw={600}
@@ -67,7 +66,7 @@ function Page() {
                 style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
-            <Box>
+            <Box px={{ base: 0, md: 20 }}>
               <Text
                 fz={{ base: 'md', md: 'lg' }}
                 ta="justify"
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx
index 5ca918bf..dc178d22 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
+import colors from '@/con/colors';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconRecycle, IconTrash } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
-import { IconTrash, IconRecycle } from '@tabler/icons-react';
-import colors from '@/con/colors';
 
 function LayoutTabsPengelolaanSampahBankSampah({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -16,14 +16,12 @@ function LayoutTabsPengelolaanSampahBankSampah({ children }: { children: React.R
       value: "listpengelolaansampahbanksampah",
       href: "/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah",
       icon: <IconTrash size={18} stroke={1.8} />,
-      tooltip: "Kelola data pengelolaan sampah bank sampah",
     },
     {
       label: "Keterangan Bank Sampah Terdekat",
       value: "keteranganbanksampahterdekat",
       href: "/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat",
       icon: <IconRecycle size={18} stroke={1.8} />,
-      tooltip: "Kelola data bank sampah terdekat",
     },
   ];
 
@@ -74,14 +72,8 @@ function LayoutTabsPengelolaanSampahBankSampah({ children }: { children: React.R
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
-                key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
-              >
                 <TabsTab
+                  key={i}
                   value={tab.value}
                   leftSection={tab.icon}
                   style={{
@@ -92,7 +84,6 @@ function LayoutTabsPengelolaanSampahBankSampah({ children }: { children: React.R
                 >
                   {tab.label}
                 </TabsTab>
-              </Tooltip>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
index b6522dc5..90275fbc 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
@@ -65,26 +65,32 @@ function ListDataPerpustakaan({ search }: { search: string }) {
           <Table striped highlightOnHover withRowBorders style={{ minWidth: '700px' }}>
             <TableThead>
               <TableTr>
-                <TableTh>No</TableTh>
-                <TableTh>Judul</TableTh>
-                <TableTh>Kategori</TableTh>
-                <TableTh>Detail</TableTh>
+                <TableTh style={{ width: '5%' }}>No</TableTh>
+                <TableTh style={{ width: '25%' }}>Judul</TableTh>
+                <TableTh style={{ width: '25%' }}>Kategori</TableTh>
+                <TableTh style={{ width: '23%' }}>Deskripsi</TableTh>
+                <TableTh style={{ width: '22%' }}>Detail</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd>
+                    <TableTd style={{ width: '5%' }}>
                       <Text truncate fz="sm">{index + 1}</Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd style={{ width: '20%' }}>
                       <Text truncate fz="sm">{item.judul}</Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd style={{ width: '20%' }}>
                       <Text truncate fz="sm">{item.kategori.name}</Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd style={{ width: '20%' }}>
+                      <Box w={150}>
+                        <Text dangerouslySetInnerHTML={{ __html: item.deskripsi }} lineClamp={1} truncate fz="sm"/>
+                      </Box>
+                    </TableTd>
+                    <TableTd style={{ width: '20%' }}>
                       <Button
                         variant="light"
                         color="blue"
diff --git a/src/app/darmasaba/(pages)/desa/potensi/page.tsx b/src/app/darmasaba/(pages)/desa/potensi/page.tsx
index 2bcced1d..b6a586b9 100644
--- a/src/app/darmasaba/(pages)/desa/potensi/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/potensi/page.tsx
@@ -12,6 +12,7 @@ import BackButton from '../layanan/_com/BackButto';
 function Page() {
   const router = useTransitionRouter()
   const [loading, setLoading] = useState(false)
+  const [hoveredId, setHoveredId] = useState<string | null>(null)
   const state = useProxy(potensiDesaState)
 
   useEffect(() => {
@@ -88,20 +89,55 @@ function Page() {
                 src={v.image?.link || ''}
                 h={360}
                 radius="xl"
-                style={{ overflow: 'hidden', position: 'relative' }}
+                onMouseEnter={() => setHoveredId(v.id)}
+                onMouseLeave={() => setHoveredId(null)}
+                style={{ 
+                  overflow: 'hidden', 
+                  position: 'relative',
+                  cursor: 'pointer',
+                  transition: 'transform 0.3s ease'
+                }}
               >
+                {/* Overlay with smooth transition */}
                 <Box
                   pos="absolute"
                   inset={0}
-                  bg="linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.7) 100%)"
+                  bg={hoveredId === v.id 
+                    ? "linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.75) 100%)" 
+                    : "linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.15) 100%)"
+                  }
+                  style={{
+                    transition: 'background 0.3s ease'
+                  }}
                 />
+                
                 <Stack justify="space-between" h="100%" gap="md" p="lg" pos="relative">
+                  {/* Kategori badge - always visible */}
                   <Group>
-                    <Paper radius="lg" py={6} px={12} shadow="md" withBorder bg="rgba(255,255,255,0.85)">
+                    <Paper 
+                      radius="lg" 
+                      py={6} 
+                      px={12} 
+                      shadow="md" 
+                      withBorder 
+                      bg="rgba(255,255,255,0.9)"
+                      style={{
+                        transition: 'all 0.3s ease'
+                      }}
+                    >
                       <Text fz="sm" fw={600}>{v.kategori?.nama}</Text>
                     </Paper>
                   </Group>
-                  <Box>
+
+                  {/* Nama potensi - visible on hover */}
+                  <Box
+                    style={{
+                      opacity: hoveredId === v.id ? 1 : 0,
+                      transform: hoveredId === v.id ? 'translateY(0)' : 'translateY(10px)',
+                      transition: 'all 0.3s ease',
+                      pointerEvents: hoveredId === v.id ? 'auto' : 'none'
+                    }}
+                  >
                     <Text
                       fw={800}
                       c="white"
@@ -113,18 +149,28 @@ function Page() {
                       {v.name}
                     </Text>
                   </Box>
-                  <Group justify="center">
-                      <Button
-                        radius="xl"
-                        size="md"
-                        leftSection={<IconEye size={18} />}
-                        bg={colors["blue-button"]}
-                        variant="gradient"
-                        gradient={{ from: colors["blue-button"], to: "#4dabf7", deg: 45 }}
-                        onClick={() => router.push(`/darmasaba/desa/potensi/${v.id}`)}
-                      >
-                        Lihat Detail
-                      </Button>
+
+                  {/* Button - visible on hover */}
+                  <Group 
+                    justify="center"
+                    style={{
+                      opacity: hoveredId === v.id ? 1 : 0,
+                      transform: hoveredId === v.id ? 'translateY(0)' : 'translateY(10px)',
+                      transition: 'all 0.3s ease',
+                      pointerEvents: hoveredId === v.id ? 'auto' : 'none'
+                    }}
+                  >
+                    <Button
+                      radius="xl"
+                      size="md"
+                      leftSection={<IconEye size={18} />}
+                      bg={colors["blue-button"]}
+                      variant="gradient"
+                      gradient={{ from: colors["blue-button"], to: "#4dabf7", deg: 45 }}
+                      onClick={() => router.push(`/darmasaba/desa/potensi/${v.id}`)}
+                    >
+                      Lihat Detail
+                    </Button>
                   </Group>
                 </Stack>
               </BackgroundImage>
@@ -147,4 +193,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/[id]/page.tsx b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/[id]/page.tsx
new file mode 100644
index 00000000..46f02a6c
--- /dev/null
+++ b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/[id]/page.tsx
@@ -0,0 +1,83 @@
+'use client'
+import desaDigitalState from '@/app/admin/(dashboard)/_state/inovasi/desa-digital';
+import colors from '@/con/colors';
+import { Box, Center, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useParams } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+import BackButton from '../../../desa/layanan/_com/BackButto';
+
+function DetailDesaDigitalUser() {
+  const stateDesaDigital = useProxy(desaDigitalState);
+  const params = useParams();
+
+  useShallowEffect(() => {
+    stateDesaDigital.findUnique.load(params?.id as string);
+  }, []);
+
+  if (!stateDesaDigital.findUnique.data) {
+    return (
+      <Stack py={40} align="center">
+        <Skeleton height={400} radius="md" w={{ base: "90%", md: "60%" }} />
+        <Text fz="lg" c="dimmed">Memuat data...</Text>
+      </Stack>
+    );
+  }
+
+  const data = stateDesaDigital.findUnique.data;
+
+  return (
+    <Stack bg={colors.Bg} py="xl" align="center" px={{ base: "md", md: "lg" }}>
+      {/* Tombol Back */}
+      <Box w={{ base: "100%", md: "60%" }}>
+        <BackButton/>
+      </Box>
+
+      {/* Card Detail */}
+      <Paper
+        w={{ base: "100%", md: "60%" }}
+        bg={colors["white-1"]}
+        p="lg"
+        radius="md"
+        shadow="sm"
+      >
+        <Stack gap="md">
+          <Text ta={"center"} fz={{ base: "xl", md: "2xl" }} fw="bold" c={colors["blue-button"]}>
+            {data?.name || "Desa Digital"}
+          </Text>
+
+          {/* Gambar */}
+          {data?.image?.link ? (
+            <Center>
+              <Image
+                src={data.image.link}
+                alt={data.name || "Gambar Desa Digital"}
+                radius="md"
+                fit="cover"
+                w={{ base: "100%", md: "80%" }}
+                h={{ base: 250, md: 350 }}
+                style={{ objectPosition: "center", borderRadius: 12 }}
+              />
+            </Center>
+          ) : (
+            <Center>
+              <Text c="dimmed">Tidak ada gambar</Text>
+            </Center>
+          )}
+
+          {/* Deskripsi */}
+          <Box pt="md">
+            <Text
+              fz={{ base: "md", md: "lg" }}
+              c="dimmed"
+              style={{ lineHeight: 1.6 }}
+              dangerouslySetInnerHTML={{ __html: data?.deskripsi || "-" }}
+            />
+          </Box>
+        </Stack>
+      </Paper>
+    </Stack>
+  );
+}
+
+export default DetailDesaDigitalUser;
diff --git a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
index ef1465f7..c881fce5 100644
--- a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
@@ -1,17 +1,19 @@
 'use client'
 import colors from '@/con/colors';
-import { Stack, Box, Text, Paper, SimpleGrid, Image, Skeleton, Center, Pagination, Grid, GridCol, TextInput } from '@mantine/core';
+import { Stack, Box, Text, Paper, SimpleGrid, Image, Skeleton, Center, Pagination, Grid, GridCol, TextInput, Button } from '@mantine/core';
 import React, { useState } from 'react';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import { useProxy } from 'valtio/utils';
 import desaDigitalState from '@/app/admin/(dashboard)/_state/inovasi/desa-digital';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconSearch } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
 
 function Page() {
   const [search, setSearch] = useState("")
   const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
   const state = useProxy(desaDigitalState)
+  const router = useRouter()
   const {
     data,
     page,
@@ -39,10 +41,10 @@ function Page() {
         <BackButton />
       </Box>
       <Box px={{ base: 'md', md: 100 }} >
-      <Grid align='center'>
+        <Grid align='center'>
           <GridCol span={{ base: 12, md: 9 }}>
             <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
-            Desa Digital / Smart Village
+              Desa Digital / Smart Village
             </Text>
           </GridCol>
           <GridCol span={{ base: 12, md: 3 }}>
@@ -70,12 +72,62 @@ function Page() {
           >
             {filteredData.map((v, k) => {
               return (
-                <Paper p={'xl'} key={k}>
-                  <Image src={v.image.link? v.image.link : ''} pb={10} radius={10} alt='' loading="lazy"/>
-                  <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.name}</Text>
-                  <Box>
-                    <Text fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
-                  </Box>
+                <Paper
+                  key={k}
+                  radius="xl"
+                  shadow="md"
+                  withBorder
+                  p="lg"
+                  bg={colors['white-trans-1']}
+                  style={{
+                    transition: 'all 200ms ease',
+                    cursor: 'pointer',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'space-between', // ✅ biar button selalu di bawah
+                    height: '100%', // ✅ bikin tinggi seragam
+                  }}
+                >
+                  <Stack gap={"xs"}>
+                    <Box
+                      style={{
+                        width: '100%',
+                        aspectRatio: '16/9',
+                        borderRadius: '12px',
+                        overflow: 'hidden',
+                        position: 'relative',
+                      }}
+                    >
+                      <Image
+                        src={v.image.link}
+                        alt={v.name}
+                        fit="cover"
+                        loading="lazy"
+                        style={{
+                          width: '100%',
+                          height: '100%',
+                          transition: 'transform 0.4s ease',
+                        }}
+                        onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
+                        onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
+                      />
+                    </Box>
+                    <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.name}</Text>
+                    <Box>
+                      <Text lineClamp={3} truncate="end" fz={"md"} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                    </Box>
+                  </Stack>
+
+                  <Center mt="md">
+                    <Button
+                      bg={colors['blue-button']}
+                      radius="lg"
+                      w="100%"
+                      onClick={() => router.push(`/darmasaba/inovasi/desa-digital-smart-village/${v.id}`)}
+                    >
+                      Detail
+                    </Button>
+                  </Center>
                 </Paper>
               )
             })}
diff --git a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx
index 3d97e426..667495d8 100644
--- a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx
@@ -1,16 +1,16 @@
 'use client'
-import colors from '@/con/colors';
-import { Box, Paper, Stack, Text, Skeleton } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { useParams, useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
 import programKreatifState from '@/app/admin/(dashboard)/_state/inovasi/program-kreatif';
+import colors from '@/con/colors';
+import { Box, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useParams } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
 
-import { IconMapper, IconKey } from '@/app/admin/(dashboard)/_com/iconMap';
+import { IconKey, IconMapper } from '@/app/admin/(dashboard)/_com/iconMap';
+import BackButton from '../../../desa/layanan/_com/BackButto';
 
 function Page() {
   const stateProgramKreatif = useProxy(programKreatifState);
-  const router = useRouter();
   const params = useParams();
 
   useShallowEffect(() => {
@@ -31,14 +31,7 @@ function Page() {
     <Box px={{ base: 'md', md: 100 }} py="md">
       {/* Tombol Kembali */}
       <Box mb="md">
-        <Text
-          c={colors['blue-button']}
-          fw="bold"
-          style={{ cursor: 'pointer' }}
-          onClick={() => router.back()}
-        >
-          &larr; Kembali
-        </Text>
+        <BackButton/>
       </Box>
 
       {/* Konten Utama */}
diff --git a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx
index b8af8a7a..7cc283cd 100644
--- a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx
@@ -117,7 +117,7 @@ function Page() {
                       )}
                     </Center>
                     <Text ta={'center'} fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.name}</Text>
-                    <Text py={10} ta={'center'} fz={'lg'} c={'black'}>{v.slug}</Text>
+                    <Text lineClamp={2} lh={"1.9"} py={10} ta={'center'} fz={'lg'} c={'black'}>{v.slug}</Text>
                     <Center>
                       <Button onClick={() => router.push(`/darmasaba/inovasi/program-kreatif-desa/${v.id}`)} bg={colors['blue-button']}>Selengkapnya</Button>
                     </Center>
diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
index d267fcee..fc930270 100644
--- a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
@@ -1,80 +1,132 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 
-import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-royong';
-import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
-import colors from '@/con/colors';
-import { Box, Center, Container, Image, Skeleton, Stack, Text } from '@mantine/core';
-import { useParams } from 'next/navigation';
-import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
+import { Box, Image, Paper, Skeleton, Stack, Text, Title, Group } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconCalendar, IconMapPin, IconUsers } from '@tabler/icons-react';
+import { useParams } from 'next/navigation';
+import colors from '@/con/colors';
+import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-royong';
 
+function DetailKegiatanDesaUser() {
+  const kegiatanDesaState = useProxy(gotongRoyongState.kegiatanDesa);
+  const params = useParams();
 
+  useShallowEffect(() => {
+    kegiatanDesaState.findUnique.load(params?.id as string);
+  }, []);
 
+  const data = kegiatanDesaState.findUnique.data;
 
-function Page() {
-  const params = useParams<{ id: string }>();
-  const id = Array.isArray(params.id) ? params.id[0] : params.id;
-  const state = useProxy(gotongRoyongState.kegiatanDesa)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    const loadData = async () => {
-      if (!id) return;
-      try {
-        setLoading(true);
-        await state.findUnique.load(id);
-      } catch (error) {
-        console.error('Error loading data:', error);
-      } finally {
-        setLoading(false);
-      }
-    }
-    loadData()
-  }, [id])
-
-  if (loading) {
+  if (!data) {
     return (
-      <Center>
-        <Skeleton height={500} />
-      </Center>
+      <Stack py={20}>
+        <Skeleton height={400} radius="md" />
+        <Skeleton height={20} width="70%" />
+        <Skeleton height={15} width="50%" />
+        <Skeleton height={300} radius="md" />
+      </Stack>
     );
   }
 
-  if (!state.findUnique.data) {
-    return (
-      <Center>
-        <Text>Data tidak ditemukan</Text>
-      </Center>
-    );
-  }
-
-
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
-      <Box px={{ base: "md", md: 100 }}><BackButton /></Box>
-      <Container w={{ base: "100%", md: "50%" }} >
-        <Box pb={20}>
-          <Text ta={"center"} fz={"2.4rem"} c={colors["blue-button"]} fw={"bold"}>
-            {state.findUnique.data?.judul}
-          </Text>
-          <Text
-            ta={"center"}
-            fw={"bold"}
-            fz={"1.5rem"}
-          >
-            Informasi Kegiatan Gotong Royong
-          </Text>
-        </Box>
-        <Image src={state.findUnique.data?.image?.link || ''} alt='' w={"100%"} loading="lazy"/>
-      </Container>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={"xs"}>
-          <Text py={20} style={{wordBreak: "break-word", whiteSpace: "normal"}} fz={{ base: "sm", md: "lg" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: state.findUnique.data?.deskripsiLengkap || '' }} />
+    <Box py={30}>
+      {/* Header Gambar */}
+
+      {/* Konten */}
+      <Paper
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        maw={900}
+        mx="auto"
+        >
+        <Stack gap="md">
+        {data.image?.link && (
+          <Image
+            src={data.image.link}
+            alt={data.judul || 'Kegiatan Desa'}
+            radius="md"
+            fit="cover"
+            h={300}
+            mb="xl"
+            style={{ objectPosition: 'center', width: '100%' }}
+          />
+        )}
+          {/* Judul */}
+          <Title order={2} c={colors['blue-button']}>
+            {data.judul || 'Kegiatan Desa'}
+          </Title>
+
+          {/* Meta Info */}
+          <Group gap="xl" c="dimmed">
+            <Group gap={6}>
+              <IconCalendar size={18} />
+              <Text fz="sm">
+                {data.tanggal ? new Date(data.tanggal).toLocaleDateString('id-ID', { day: 'numeric', month: 'long', year: 'numeric' }) : '-'}
+              </Text>
+            </Group>
+
+            {data.lokasi && (
+              <Group gap={6}>
+                <IconMapPin size={18} />
+                <Text fz="sm">{data.lokasi}</Text>
+              </Group>
+            )}
+
+            {data.partisipan && (
+              <Group gap={6}>
+                <IconUsers size={18} />
+                <Text fz="sm">{data.partisipan}</Text>
+              </Group>
+            )}
+          </Group>
+
+          {/* Deskripsi Singkat */}
+          {data.deskripsiSingkat && (
+            <Box>
+              <Text fw={600} fz="lg" mb={4}>
+                Ringkasan
+              </Text>
+              <Text
+                fz="md"
+                c="dimmed"
+                dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }}
+              />
+            </Box>
+          )}
+
+          {/* Deskripsi Lengkap */}
+          {data.deskripsiLengkap && (
+            <Box>
+              <Text fw={600} fz="lg" mb={4}>
+                Detail Kegiatan
+              </Text>
+              <Text
+                fz="md"
+                c="dimmed"
+                style={{ lineHeight: 1.6 }}
+                dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap }}
+              />
+            </Box>
+          )}
+
+          {/* Kategori */}
+          {data.kategoriKegiatan?.nama && (
+            <Box mt="md">
+              <Text fw={600} fz="lg">
+                Kategori
+              </Text>
+              <Text fz="md" c="dimmed">
+                {data.kategoriKegiatan.nama}
+              </Text>
+            </Box>
+          )}
         </Stack>
-      </Box>
-    </Stack>
+      </Paper>
+    </Box>
   );
 }
 
-export default Page;
+export default DetailKegiatanDesaUser;
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
index 7111c9ac..04846408 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
@@ -2,11 +2,9 @@
 'use client';
 import penghargaanState from "@/app/admin/(dashboard)/_state/desa/penghargaan";
 import colors from "@/con/colors";
-import { Carousel } from "@mantine/carousel";
-import { Box, Button, Container, Group, Paper, Skeleton, Stack, Text, useMantineTheme } from "@mantine/core";
+import { Box, Button, Container, Group, Paper, Skeleton, Stack, Text } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
 import { IconArrowRight, IconAward } from "@tabler/icons-react";
-import Autoplay from "embla-carousel-autoplay";
 import { useTransitionRouter } from "next-view-transitions";
 import { useEffect, useRef } from "react";
 import { useProxy } from "valtio/utils";
@@ -19,7 +17,6 @@ export default function Page() {
         <BackButton />
       </Box>
       <Container w={{ base: "100%", md: "90%", lg: "60%" }}>
-
         <Stack align="center" gap="sm">
           <Group gap="xs">
             <IconAward size={40} color={colors["blue-button"]} />
@@ -30,21 +27,35 @@ export default function Page() {
           <Text fz="lg" c="dimmed" ta="center">
             Desa Darmasaba berhasil meraih beragam penghargaan bergengsi yang mencerminkan dedikasi dan kerja keras masyarakat dalam membangun desa yang maju dan berkelanjutan.
           </Text>
-          <Slider />
         </Stack>
       </Container>
+      <Slider />
     </Stack>
   );
 }
 
 function Slider() {
-  const theme = useMantineTheme();
-  const mobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`);
-  const tablet = useMediaQuery(`(max-width: ${theme.breakpoints.md})`);
-  const autoplay = useRef(Autoplay({ delay: 3000, stopOnInteraction: false }));
+  const mobile = useMediaQuery("(max-width: 768px)", false);
   const state = useProxy(penghargaanState);
   const router = useTransitionRouter();
 
+  // Refs for smooth animation
+  const containerRef = useRef<HTMLDivElement>(null);
+  const scrollPositionRef = useRef(0);
+  const animationFrameRef = useRef<number>(0);
+  const isHoveredRef = useRef(false);
+  
+  // Refs for drag functionality
+  const isDraggingRef = useRef(false);
+  const startXRef = useRef(0);
+  const scrollLeftRef = useRef(0);
+  const velocityRef = useRef(0);
+  const lastScrollTimeRef = useRef(0);
+
+  // Speed configuration
+  const normalSpeed = 1.0; // pixels per frame
+  const hoverSpeed = 0.5; // slower speed on hover
+
   useEffect(() => {
     state.findMany.load();
   }, []);
@@ -52,12 +63,128 @@ function Slider() {
   const data = state.findMany.data || [];
   const loading = state.findMany.loading;
 
+  // Duplicate slides for seamless infinite loop
+  const slidesData = [...data, ...data, ...data];
+
+  useEffect(() => {
+    if (loading || !containerRef.current || slidesData.length === 0) return;
+
+    const container = containerRef.current;
+    const slideWidth = container.scrollWidth / slidesData.length;
+    const originalDataLength = data.length;
+
+    // Start from the middle set of slides
+    scrollPositionRef.current = slideWidth * originalDataLength;
+    container.scrollLeft = scrollPositionRef.current;
+
+    const animate = () => {
+      if (!containerRef.current) return;
+
+      const container = containerRef.current;
+      const slideWidth = container.scrollWidth / slidesData.length;
+
+      // Check if user recently scrolled manually
+      const timeSinceLastScroll = Date.now() - lastScrollTimeRef.current;
+      const isUserScrolling = timeSinceLastScroll < 100;
+
+      // Only auto-scroll if user is not actively scrolling or dragging
+      if (!isDraggingRef.current && !isUserScrolling) {
+        const currentSpeed = isHoveredRef.current ? hoverSpeed : normalSpeed;
+        scrollPositionRef.current += currentSpeed;
+
+        // Reset position for infinite loop
+        if (scrollPositionRef.current >= slideWidth * (originalDataLength * 2)) {
+          scrollPositionRef.current -= slideWidth * originalDataLength;
+        }
+
+        if (scrollPositionRef.current <= 0) {
+          scrollPositionRef.current += slideWidth * originalDataLength;
+        }
+
+        container.scrollLeft = scrollPositionRef.current;
+      } else {
+        // Sync scroll position when user is scrolling
+        scrollPositionRef.current = container.scrollLeft;
+        
+        // Apply momentum/velocity for smooth drag release
+        if (!isDraggingRef.current && Math.abs(velocityRef.current) > 0.1) {
+          scrollPositionRef.current += velocityRef.current;
+          velocityRef.current *= 0.95; // Decay velocity
+          container.scrollLeft = scrollPositionRef.current;
+        }
+      }
+
+      animationFrameRef.current = requestAnimationFrame(animate);
+    };
+
+    animationFrameRef.current = requestAnimationFrame(animate);
+
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, [loading, slidesData.length, data.length, mobile]);
+
+  const handleMouseEnter = () => {
+    isHoveredRef.current = true;
+  };
+
+  const handleMouseLeave = () => {
+    isHoveredRef.current = false;
+    isDraggingRef.current = false;
+  };
+
+  // Mouse drag handlers
+  const handleMouseDown = (e: React.MouseEvent) => {
+    if (!containerRef.current) return;
+    
+    isDraggingRef.current = true;
+    startXRef.current = e.pageX - containerRef.current.offsetLeft;
+    scrollLeftRef.current = containerRef.current.scrollLeft;
+    velocityRef.current = 0;
+    
+    containerRef.current.style.cursor = 'grabbing';
+  };
+
+  const handleMouseMove = (e: React.MouseEvent) => {
+    if (!isDraggingRef.current || !containerRef.current) return;
+    
+    e.preventDefault();
+    const x = e.pageX - containerRef.current.offsetLeft;
+    const walk = (x - startXRef.current) * 2;
+    const newScrollLeft = scrollLeftRef.current - walk;
+    
+    velocityRef.current = containerRef.current.scrollLeft - newScrollLeft;
+    
+    containerRef.current.scrollLeft = newScrollLeft;
+    scrollPositionRef.current = newScrollLeft;
+    lastScrollTimeRef.current = Date.now();
+  };
+
+  const handleMouseUp = () => {
+    if (!containerRef.current) return;
+    
+    isDraggingRef.current = false;
+    containerRef.current.style.cursor = 'grab';
+  };
+
+  // Wheel scroll handler
+  const handleWheel = (e: React.WheelEvent) => {
+    if (!containerRef.current) return;
+    
+    e.preventDefault();
+    containerRef.current.scrollLeft += e.deltaY;
+    scrollPositionRef.current = containerRef.current.scrollLeft;
+    lastScrollTimeRef.current = Date.now();
+  };
+
   if (loading) {
     return (
       <Group justify="center" py="xl" gap="md">
-        <Skeleton w={300} h={200} radius="lg" />
-        <Skeleton w={300} h={200} radius="lg" visibleFrom="sm" />
-        <Skeleton w={300} h={200} radius="lg" visibleFrom="md" />
+        <Skeleton w={300} h={400} radius="lg" />
+        <Skeleton w={300} h={400} radius="lg" visibleFrom="sm" />
+        <Skeleton w={300} h={400} radius="lg" visibleFrom="md" />
       </Group>
     );
   }
@@ -73,138 +200,129 @@ function Slider() {
     );
   }
 
-  const slides = data.map((item) => (
-    <Carousel.Slide key={item.id}>
-      <Paper
-        radius="lg"
-        shadow="md"
-        pos="relative"
-        style={{
-          height: "100%",
-          backgroundImage: `url(${item.image?.link})`,
-          backgroundSize: "cover",
-          backgroundPosition: "center",
-          transition: "transform 0.3s ease, box-shadow 0.3s ease",
-        }}
-        onMouseEnter={(e) => {
-          e.currentTarget.style.transform = "translateY(-4px)";
-          e.currentTarget.style.boxShadow = "0 8px 20px rgba(0,0,0,0.2)";
-        }}
-        onMouseLeave={(e) => {
-          e.currentTarget.style.transform = "translateY(0)";
-          e.currentTarget.style.boxShadow = "none";
-        }}
-      >
-        <Box
-          pos="absolute"
-          inset={0}
-          bg="linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2))"
-          style={{ borderRadius: 16 }}
-        />
-        <Stack justify="flex-end" h="100%" gap="sm" p="lg" pos="relative">
-          <Text
-            fz={{ base: "md", sm: "lg", md: "xl" }}
-            fw={700}
-            ta="center"
-            c="white"
-            lineClamp={3}
-            style={{ textShadow: "0 2px 4px rgba(0,0,0,0.6)" }}
-          >
-            {item.name}
-          </Text>
-          <Group justify="center">
-            <Button
-              onClick={() =>
-                router.push(`/darmasaba/penghargaan/${item.id}`)
-              }
-              size="md"
-              radius="xl"
-              rightSection={<IconArrowRight size={18} />}
-              variant="gradient"
-              gradient={{ from: "#1C6EA4", to: "#69BFF8" }}
-            >
-              Lihat Detail
-            </Button>
-          </Group>
-        </Stack>
-      </Paper>
-    </Carousel.Slide>
-  ));
-
   return (
-    <Box 
-      pos="relative" 
-      w="100%" 
-      mx="auto" 
-      px={{ base: "md", sm: "xl", md: "2rem", lg: "3rem" }}
-      style={{ 
-        maxWidth: 1300,
+    <Box
+      ref={containerRef}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onMouseDown={handleMouseDown}
+      onMouseMove={handleMouseMove}
+      onMouseUp={handleMouseUp}
+      onWheel={handleWheel}
+      py="xl"
+      style={{
+        overflow: "hidden",
+        cursor: "grab",
+        userSelect: "none",
+        position: "relative",
       }}
     >
-      <Carousel
-        py="xl"
-        w="100%"
-        h={{ base: 320, sm: 380, md: 420, lg: 450 }}
-        slideSize={{
-          base: "100%",  // Mobile: 1
-          sm: "50%",     // Tablet kecil (≥768): 2
-          md: "50%",     // 1024px: tetap 2
-          lg: "33.333%", // Desktop besar: 3
+      {/* Blur edges effect */}
+      <Box
+        style={{
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "120px",
+          height: "100%",
+          background: "linear-gradient(to right, rgba(249, 250, 251, 1), rgba(249, 250, 251, 0))",
+          zIndex: 10,
+          pointerEvents: "none",
+        }}
+      />
+      <Box
+        style={{
+          position: "absolute",
+          top: 0,
+          right: 0,
+          width: "120px",
+          height: "100%",
+          background: "linear-gradient(to left, rgba(249, 250, 251, 1), rgba(249, 250, 251, 0))",
+          zIndex: 10,
+          pointerEvents: "none",
+        }}
+      />
+
+      <Box
+        style={{
+          display: "flex",
+          gap: mobile ? "1rem" : "1.5rem",
+          paddingLeft: mobile ? "1rem" : "2rem",
+          paddingRight: mobile ? "1rem" : "2rem",
         }}
-        slideGap={{ base: "md", sm: "md", md: "lg" }}
-        loop
-        align="start"
-        slidesToScroll={mobile ? 1 : tablet ? 2 : 3}
-        plugins={[autoplay.current]}
-        onMouseEnter={autoplay.current.stop}
-        onMouseLeave={autoplay.current.reset}
-        withControls={data.length > 3}
-        draggable={data.length > 1}
-        styles={{
-          root: {
-            position: "relative",
-          },
-          viewport: {
-            overflow: "hidden",
-          },
-          container: {
-            alignItems: "stretch",
-          },
-          control: {
-            zIndex: 20,
-            backgroundColor: "rgba(255,255,255,0.95)",
-            color: colors["blue-button"],
-            border: `2px solid ${colors["blue-button"]}`,
-            width: 46,
-            height: 46,
-            borderRadius: "50%",
-            boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
-            transition: "all 0.2s ease",
-            '&:hover': {
-              backgroundColor: colors["blue-button"],
-              color: "white",
-              transform: "scale(1.1)",
-            },
-            '&[data-inactive]': {
-              opacity: 0,
-              cursor: 'default',
-            },
-          },
-          controls: {
-            position: "absolute",
-            top: mobile ? "70%" : tablet ? "65%" : "60%",
-            transform: "translateY(-50%)",
-            width: mobile ? "100%" : tablet ? "calc(100% + 60px)" : "calc(100% + 100px)",
-            left: mobile ? "0" : tablet ? "-30px" : "-50px",
-            right: mobile ? "0" : tablet ? "-30px" : "-50px",
-            padding: "0",
-            justifyContent: "space-between",
-            zIndex: 30,
-          },
-        }} 
       >
-        {slides}
-      </Carousel>
+        {slidesData.map((item, index) => (
+          <Box
+            key={`${item.id}-${index}`}
+            style={{
+              flex: `0 0 ${mobile ? "90%" : "calc(33.333% - 1rem)"}`,
+              minWidth: mobile ? "90%" : "calc(33.333% - 1rem)",
+            }}
+          >
+            <Paper
+              radius="lg"
+              shadow="md"
+              pos="relative"
+              style={{
+                height: mobile ? "380px" : "450px",
+                backgroundImage: `url(${item.image?.link})`,
+                backgroundSize: "cover",
+                backgroundPosition: "center",
+                transition: "transform 0.3s ease, box-shadow 0.3s ease",
+                overflow: "hidden",
+              }}
+              onMouseEnter={(e) => {
+                e.currentTarget.style.transform = "translateY(-8px) scale(1.02)";
+                e.currentTarget.style.boxShadow = "0 12px 28px rgba(0,0,0,0.25)";
+              }}
+              onMouseLeave={(e) => {
+                e.currentTarget.style.transform = "translateY(0) scale(1)";
+                e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)";
+              }}
+            >
+              <Box
+                pos="absolute"
+                inset={0}
+                bg="linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3))"
+                style={{ borderRadius: 16 }}
+              />
+              <Stack justify="flex-end" h="100%" gap="sm" p="lg" pos="relative">
+                <Text
+                  fz={{ base: "lg", sm: "xl", md: "1.5rem" }}
+                  fw={700}
+                  ta="center"
+                  c="white"
+                  lineClamp={3}
+                  style={{ textShadow: "0 2px 8px rgba(0,0,0,0.8)" }}
+                >
+                  {item.name}
+                </Text>
+                <Group justify="center">
+                  <Button
+                    onClick={() => router.push(`/darmasaba/penghargaan/${item.id}`)}
+                    size="md"
+                    radius="xl"
+                    rightSection={<IconArrowRight size={18} />}
+                    variant="gradient"
+                    gradient={{ from: "#1C6EA4", to: "#69BFF8" }}
+                    style={{
+                      transition: "transform 0.2s ease",
+                    }}
+                    onMouseEnter={(e) => {
+                      e.currentTarget.style.transform = "scale(1.05)";
+                    }}
+                    onMouseLeave={(e) => {
+                      e.currentTarget.style.transform = "scale(1)";
+                    }}
+                  >
+                    Lihat Detail
+                  </Button>
+                </Group>
+              </Stack>
+            </Paper>
+          </Box>
+        ))}
+      </Box>
     </Box>
   );
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/main-page/layanan/index.tsx b/src/app/darmasaba/_com/main-page/layanan/index.tsx
index c7b43dcf..d7ba11f6 100644
--- a/src/app/darmasaba/_com/main-page/layanan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/layanan/index.tsx
@@ -2,7 +2,6 @@
 "use client";
 import stateLayananDesa from "@/app/admin/(dashboard)/_state/desa/layananDesa";
 import colors from "@/con/colors";
-import { Carousel } from "@mantine/carousel";
 import {
   Box,
   Button,
@@ -13,10 +12,8 @@ import {
   Skeleton,
   Stack,
   Text,
-  useMantineTheme
 } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
-import Autoplay from "embla-carousel-autoplay";
 import _ from "lodash";
 import { useTransitionRouter } from "next-view-transitions";
 import Link from "next/link";
@@ -24,123 +21,309 @@ import { useEffect, useRef, useState } from "react";
 import { useProxy } from "valtio/utils";
 
 const textHeading = {
- title: "Layanan",
- des: "Layanan adalah fitur yang membantu warga desa mengakses berbagai kebutuhan administrasi, informasi, dan bantuan secara cepat, mudah, dan transparan. Dengan fitur ini, semua layanan desa ada dalam genggaman Anda!",
+  title: "Layanan",
+  des: "Layanan adalah fitur yang membantu warga desa mengakses berbagai kebutuhan administrasi, informasi, dan bantuan secara cepat, mudah, dan transparan. Dengan fitur ini, semua layanan desa ada dalam genggaman Anda!",
 };
-function Layanan() {
 
- return (
-   <Stack pos={"relative"} bg={colors.grey[1]} gap={"xl"} py={"md"}>
-     <Container w={{ base: "100%", md: "80%" }} p={"md"} >
-       <Stack align="center" gap={"0"}>
-       <Text fw={"bold"} c={colors["blue-button"]} fz={{ base: "1.8rem", md: "3.4rem" }}>
-           {textHeading.title}
-         </Text>
-         <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
-           {textHeading.des}
-         </Text>
-         <Box p={"md"}>
-           <Button component={Link} href={"/darmasaba/desa/layanan"} variant="filled" bg={colors["blue-button"]} radius={100}>
-             Detail
-           </Button>
-         </Box>
-       </Stack>
-     </Container>
-     <Slider />
-     <Divider />
-   </Stack>
- );
+function Layanan() {
+  return (
+    <Stack pos={"relative"} bg={colors.grey[1]} gap={"xl"} py={"md"}>
+      <Container w={{ base: "100%", md: "80%" }} p={"md"}>
+        <Stack align="center" gap={"0"}>
+          <Text
+            fw={"bold"}
+            c={colors["blue-button"]}
+            fz={{ base: "1.8rem", md: "3.4rem" }}
+          >
+            {textHeading.title}
+          </Text>
+          <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
+            {textHeading.des}
+          </Text>
+          <Box p={"md"}>
+            <Button
+              component={Link}
+              href={"/darmasaba/desa/layanan"}
+              variant="filled"
+              bg={colors["blue-button"]}
+              radius={100}
+            >
+              Detail
+            </Button>
+          </Box>
+        </Stack>
+      </Container>
+      <Slider />
+      <Divider />
+    </Stack>
+  );
 }
 
 const height = 720;
+
 function Slider() {
- const state = useProxy(stateLayananDesa)
- const [loading, setLoading] = useState(false);
- const theme = useMantineTheme();
- const mobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`);
- const autoplay = useRef(Autoplay({ delay: 2000 }));
- const router = useTransitionRouter()
+  const state = useProxy(stateLayananDesa);
+  const [loading, setLoading] = useState(false);
+  const mobile = useMediaQuery("(max-width: 768px)", false);
+  const router = useTransitionRouter();
 
- useEffect(()=> {
-   const loadData = async () => {
-     try {
-       setLoading(true);
-       await state.suratKeterangan.findMany.load()
-     } catch (error) {
-       console.error('Error loading data:', error);
-     } finally {
-       setLoading(false);
-     }
-   }
-   loadData()
- }, [])
+  // Refs for smooth animation
+  const containerRef = useRef<HTMLDivElement>(null);
+  const scrollPositionRef = useRef(0);
+  const animationFrameRef = useRef<number>(0);
+  const isHoveredRef = useRef(false);
+  
+  // Refs for drag functionality
+  const isDraggingRef = useRef(false);
+  const startXRef = useRef(0);
+  const scrollLeftRef = useRef(0);
+  const velocityRef = useRef(0);
+  const lastScrollTimeRef = useRef(0);
+  
+  // Speed configuration
+  const normalSpeed = 1.0; // pixels per frame
+  const hoverSpeed = 0.3; // slower speed on hover
 
- const data = (state.suratKeterangan.findMany.data || []).slice(0, 8);
+  useEffect(() => {
+    const loadData = async () => {
+      try {
+        setLoading(true);
+        await state.suratKeterangan.findMany.load();
+      } catch (error) {
+        console.error("Error loading data:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    loadData();
+  }, []);
 
- const slides = data.map((item) => (
-   <Carousel.Slide key={item.id} >
-     <Paper h={height} pos={"relative"} style={{
-       backgroundImage: `url(${item.image?.link})`,
-       backgroundSize: "cover",
-       backgroundPosition: "center",
-       backgroundRepeat: "no-repeat",
-     }}>
-       <Box
-         style={{
-           borderRadius: 8,
-           zIndex: 0,
-         }}
-         pos={"absolute"}
-         w={"100%"}
-         h={"100%"}
-         bg={colors.trans.dark[2]}
-       />
-       <Stack justify="space-between" h={"100%"} gap={0} p={"lg"} pos={"relative"} >
-         <Box p={"lg"}>
-           <Text
+  const data = state.suratKeterangan.findMany.data || [];
 
-             fw={"bold"}
-             c={"white"}
-             size={"3.5rem"}
-             style={{
-               textAlign: "center",
-             }}
-           >
-             {_.startCase(item.name)}
-           </Text>
-         </Box>
-         <Group justify="center">
-           <Button onClick={()=> router.push(`/darmasaba/desa/layanan/${item.id}`)} px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
-             Detail
-           </Button>
-         </Group>
-       </Stack>
-     </Paper>
-   </Carousel.Slide>
- ));
+  // Duplicate slides for seamless infinite loop
+  // We need at least 3x the data for smooth infinite scrolling
+  const slidesData = [...data, ...data, ...data];
 
- return (
-  <Box>
-   {loading ? (
-    <Skeleton height={height} />
-   ) : (
-    <Carousel
-      plugins={[autoplay.current]}
-      onMouseEnter={autoplay.current.stop}
-      onMouseLeave={autoplay.current.reset}
-      height={height}
-      slideSize={{ base: "100%", sm: "50%", md: "33.333333%" }}
-      slideGap={{ base: "xl", sm: "md" }}
-      loop
-      align="start"
-      slidesToScroll={mobile ? 1 : 2}
+  useEffect(() => {
+    if (loading || !containerRef.current || slidesData.length === 0) return;
+
+    const container = containerRef.current;
+    const slideWidth = container.scrollWidth / slidesData.length;
+    const originalDataLength = data.length;
+
+    // Start from the middle set of slides
+    scrollPositionRef.current = slideWidth * originalDataLength;
+    container.scrollLeft = scrollPositionRef.current;
+
+    const animate = () => {
+      if (!containerRef.current) return;
+
+      const container = containerRef.current;
+      const slideWidth = container.scrollWidth / slidesData.length;
+
+      // Check if user recently scrolled manually
+      const timeSinceLastScroll = Date.now() - lastScrollTimeRef.current;
+      const isUserScrolling = timeSinceLastScroll < 100;
+
+      // Only auto-scroll if user is not actively scrolling or dragging
+      if (!isDraggingRef.current && !isUserScrolling) {
+        const currentSpeed = isHoveredRef.current ? hoverSpeed : normalSpeed;
+        scrollPositionRef.current += currentSpeed;
+
+        // Reset position for infinite loop
+        if (scrollPositionRef.current >= slideWidth * (originalDataLength * 2)) {
+          scrollPositionRef.current -= slideWidth * originalDataLength;
+        }
+
+        if (scrollPositionRef.current <= 0) {
+          scrollPositionRef.current += slideWidth * originalDataLength;
+        }
+
+        container.scrollLeft = scrollPositionRef.current;
+      } else {
+        // Sync scroll position when user is scrolling
+        scrollPositionRef.current = container.scrollLeft;
+        
+        // Apply momentum/velocity for smooth drag release
+        if (!isDraggingRef.current && Math.abs(velocityRef.current) > 0.1) {
+          scrollPositionRef.current += velocityRef.current;
+          velocityRef.current *= 0.95; // Decay velocity
+          container.scrollLeft = scrollPositionRef.current;
+        }
+      }
+
+      animationFrameRef.current = requestAnimationFrame(animate);
+    };
+
+    animationFrameRef.current = requestAnimationFrame(animate);
+
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, [loading, slidesData.length, data.length, mobile]);
+
+  const handleMouseEnter = () => {
+    isHoveredRef.current = true;
+  };
+
+  const handleMouseLeave = () => {
+    isHoveredRef.current = false;
+    isDraggingRef.current = false;
+  };
+
+  // Mouse drag handlers
+  const handleMouseDown = (e: React.MouseEvent) => {
+    if (!containerRef.current) return;
+    
+    isDraggingRef.current = true;
+    startXRef.current = e.pageX - containerRef.current.offsetLeft;
+    scrollLeftRef.current = containerRef.current.scrollLeft;
+    velocityRef.current = 0;
+    
+    containerRef.current.style.cursor = 'grabbing';
+  };
+
+  const handleMouseMove = (e: React.MouseEvent) => {
+    if (!isDraggingRef.current || !containerRef.current) return;
+    
+    e.preventDefault();
+    const x = e.pageX - containerRef.current.offsetLeft;
+    const walk = (x - startXRef.current) * 2; // Multiply for faster scroll
+    const newScrollLeft = scrollLeftRef.current - walk;
+    
+    // Calculate velocity for momentum
+    velocityRef.current = containerRef.current.scrollLeft - newScrollLeft;
+    
+    containerRef.current.scrollLeft = newScrollLeft;
+    scrollPositionRef.current = newScrollLeft;
+    lastScrollTimeRef.current = Date.now();
+  };
+
+  const handleMouseUp = () => {
+    if (!containerRef.current) return;
+    
+    isDraggingRef.current = false;
+    containerRef.current.style.cursor = 'grab';
+  };
+
+  // Wheel scroll handler
+  const handleWheel = (e: React.WheelEvent) => {
+    if (!containerRef.current) return;
+    
+    e.preventDefault();
+    containerRef.current.scrollLeft += e.deltaY;
+    scrollPositionRef.current = containerRef.current.scrollLeft;
+    lastScrollTimeRef.current = Date.now();
+  };
+
+  if (loading) {
+    return <Skeleton height={height} />;
+  }
+
+  if (data.length === 0) {
+    return (
+      <Container>
+        <Text ta="center" c="dimmed">
+          Tidak ada layanan tersedia
+        </Text>
+      </Container>
+    );
+  }
+
+  return (
+    <Box
+      ref={containerRef}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onMouseDown={handleMouseDown}
+      onMouseMove={handleMouseMove}
+      onMouseUp={handleMouseUp}
+      onWheel={handleWheel}
+      style={{
+        overflow: "hidden",
+        cursor: "grab",
+        userSelect: "none",
+      }}
     >
-      {slides}
-    </Carousel>
-   )}
-  </Box>
- );
+      <Box
+        style={{
+          display: "flex",
+          gap: mobile ? "1rem" : "1.5rem",
+          paddingLeft: mobile ? "1rem" : "1.5rem",
+          paddingRight: mobile ? "1rem" : "1.5rem",
+        }}
+      >
+        {slidesData.map((item, index) => (
+          <Box
+            key={`${item.id}-${index}`}
+            style={{
+              flex: `0 0 ${mobile ? "100%" : "calc(33.333% - 1rem)"}`,
+              minWidth: mobile ? "100%" : "calc(33.333% - 1rem)",
+            }}
+          >
+            <Paper
+              h={height}
+              pos={"relative"}
+              style={{
+                backgroundImage: `url(${item.image?.link})`,
+                backgroundSize: "cover",
+                backgroundPosition: "center",
+                backgroundRepeat: "no-repeat",
+                borderRadius: 8,
+                overflow: "hidden",
+              }}
+            >
+              <Box
+                style={{
+                  borderRadius: 8,
+                  zIndex: 0,
+                }}
+                pos={"absolute"}
+                w={"100%"}
+                h={"100%"}
+                bg={colors.trans.dark[2]}
+              />
+              <Stack
+                justify="space-between"
+                h={"100%"}
+                gap={0}
+                p={"lg"}
+                pos={"relative"}
+              >
+                <Box p={"lg"}>
+                  <Text
+                    fw={"bold"}
+                    c={"white"}
+                    size={"3.5rem"}
+                    style={{
+                      textAlign: "center",
+                    }}
+                  >
+                    {_.startCase(item.name)}
+                  </Text>
+                </Box>
+                <Group justify="center">
+                  <Button
+                    onClick={() =>
+                      router.push(`/darmasaba/desa/layanan/${item.id}`)
+                    }
+                    px={46}
+                    radius={"100"}
+                    size="md"
+                    bg={colors["blue-button"]}
+                  >
+                    Detail
+                  </Button>
+                </Group>
+              </Stack>
+            </Paper>
+          </Box>
+        ))}
+      </Box>
+    </Box>
+  );
 }
 
-export default Layanan;
-
+export default Layanan;
\ No newline at end of file
diff --git a/src/types/react-exif-orientation-img.d.ts b/src/types/react-exif-orientation-img.d.ts
new file mode 100644
index 00000000..9b2214e0
--- /dev/null
+++ b/src/types/react-exif-orientation-img.d.ts
@@ -0,0 +1,12 @@
+declare module 'react-exif-orientation-img' {
+  import { ImgHTMLAttributes } from 'react';
+
+  interface ExifOrientationImgProps extends ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    className?: string;
+    style?: React.CSSProperties;
+  }
+
+  const ExifOrientationImg: React.FC<ExifOrientationImgProps>;
+  export default ExifOrientationImg;
+}
-- 
2.49.1


From fb57698dc9dbe1fb0b2a1d1c2f9005cbffb66994 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 4 Nov 2025 15:08:48 +0800
Subject: [PATCH 05/97] Add Menu Musik Add News Reader for Difable Add Running
 text news / announcement

---
 bun.lockb                                     | Bin 408119 -> 422871 bytes
 package.json                                  |   1 +
 .../profile/media-sosial/[id]/edit/page.tsx   |  11 +-
 .../profile/media-sosial/create/page.tsx      |  11 +-
 .../profile/media-sosial/page.tsx             |   4 +-
 .../profile/pejabat-desa/[id]/page.tsx        |  10 +-
 .../program-inovasi/[id]/edit/page.tsx        |  11 +-
 .../profile/program-inovasi/create/page.tsx   |  11 +-
 .../profile/program-inovasi/page.tsx          |   4 +-
 .../desa/berita/[kategori]/[id]/page.tsx      |   7 +-
 .../desa/pengumuman/[name]/[id]/page.tsx      |   6 +-
 .../darmasaba/(pages)/desa/profile/page.tsx   |   2 +
 .../struktur-perangkat-desa/[id]/page.tsx     | 143 ++++++
 .../profile/struktur-perangkat-desa/page.tsx  | 469 ++++++++++++++++++
 .../struktur-perangkat-desa/struktur.css      |  68 +++
 .../(pages)/musik/musik-desa/page.tsx         | 248 +++++++++
 src/app/darmasaba/_com/NewsReader.tsx         |  96 ++++
 src/app/darmasaba/_com/RunningText.tsx        | 185 +++++++
 .../_com/main-page/landing-page/index.tsx     |   2 +-
 src/app/darmasaba/page.tsx                    |  73 ++-
 src/con/navbar-list-menu.ts                   |  14 +-
 21 files changed, 1328 insertions(+), 48 deletions(-)
 create mode 100644 src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx
 create mode 100644 src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
 create mode 100644 src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css
 create mode 100644 src/app/darmasaba/(pages)/musik/musik-desa/page.tsx
 create mode 100644 src/app/darmasaba/_com/NewsReader.tsx
 create mode 100644 src/app/darmasaba/_com/RunningText.tsx

diff --git a/bun.lockb b/bun.lockb
index fb4cf5dafeec026a286694bd26bd6a1a043534c1..f6b34ff19617143e64048dcb6b3223b944790b4e 100755
GIT binary patch
delta 76082
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

delta 68615
zcmeFa33L_JzV5qfB@0p_NI;|$Bq{<bO=zSM3>aY1h!CYm&;S8K7m|PiiXpb3BE%9W
zpny@4UWtG-ii(H=f=Z{LqQ(|f)VOsED(?IHs^-Gz-RHb>-aU7`@y4JAUw!lc&F(+j
zs#<HMc<-y~8-A)br%{6jm1b7!f7?Hjy1cj{<<vj^c=NpL>lM0rOTHcQ&y;K0HNI@v
z($-}{I$kR1cR~1yy#<r&JKGBiFL3TE*jhF3w}epW+)!xxmv9yM9r!%>WjGN|IV%)8
z2cDQaHghP2EJd$|9S7HeXTde#;<BO8h42(?mA4)He0UhP%3F$E8}4E4nSq@*y`>e#
z*aR2Z0(#m4n!>fnSQ)+m{)5KI(XZgDaBjx9n=^7kp%1akVGqk1n}r!#f%oOHPr|fe
z`XcyjIImJDQ~}-#mkZ^Ersre~8<n0jF?Ug1DC8<b<$!0vN_dp!sKPFs)DwrX#k(w@
zOY@ZO1#8cNWv{aKB5MzC*3kFujz8^*nO>i8P3K)NJ6tvIk?KLcFVMa6gY+5cxf!9U
z){n84_tM=JiN6tB4ZI#!!xG|yo_@Y&(BPbm^kEYlX6D|^FeqI^Sm}Dwn=1c8Y`?>D
zb0<!jkWndgE`l8I$T(5v^p#%qxO%N?Q!E}&|CR1h>{qa2--lJ~*o^cMV>2d(zGgN^
z--=F4rZ4rT#MR4lE($v9dswBs1uNGF*4_YX6ib*pYE(w<&`FtNhlf6{7YZ>z(|5xv
zbtA0&Ph0&VYu^TIdS${&*BjPgT@8~zZ+asF%2*9n!gy;Rza*&mJy`l{unJfMEBzu^
z4%}z$iLlb8!%BAztcqIM_zP`(1#ACaSNWM<!!w3X8p(Vdm&=Lc;kaOU9%&rR>$Yeb
zmiw$eq2bufahVfChnob$Gu`SpTi%cyEX>ug=JicY1BZLUO!4WDqRa7g(pSkNFg|1Q
zL{+@6d9YG9T3!rmpzejWqO&abhczTu!)kFO_*^)bRWgBcVk<qi1H=|)Y=y@bvKDTh
zR&H!7h^^?@mJ!=ZVk<eeRm66L*p?Jq@v*Hcw#CGDiob7Fv7LaOp|ig=Tu2Ml#jfR3
z%>w%$u)6TF_CZ&Fjjfe2AuD&{u-x2G)egaAE$^k5shU^q>LAzuRDZ^58=pQtD|0v#
zBx_=3*7#7UEd!?|(zSC?UkZ$uqo<F}%$=x#>_Y-I=doxoFb}|5JGWUL2Wx{GV!5Z~
zj<6Q|=v#uR_*U1Lovva-{ksJdq?4CkwrXBiTg#;J!*Zrfn3(lS_h9`G%gP#)nGp(&
z%$V44LRQYi|G?ep&B(9LJlG@X<Z+qfG8zsa8rp`f`8g^*H|rLfd*a%lx$9whJ*%hh
zRo?VvHex`pAYx?J1bQhH>V>U>J6L@&>10<+3%aEmy5?_VSQV|KLKVFGx}X8+xl_gu
z8<RP)J`Soo7F{3YW8L_6?cTC4;!>7AY3f+SrM^HySQSmk81Fmsus1*9g1lXQ0{_pY
zxO0i!(>GYx--m<hPQh{~W9*dNOgh@5L`}NK`Uj<T8W618Hn7~u%*e=S*`j&qBkYRU
zxf63HW{qhUs*kPaj2JOCeIosT5BZrUm8MT3poM<}TpjM^b#?3IeL=OV#=o{T8l9Ux
zIB;|5r13Zq3Vk&s6iOm~C#>u8Dp-qk4$O66`b5h&z}2ujT5brdIn`k8fAO%IT|)Vl
z;i3L)86D1j-z#ye=Iz7{Id@=Kko?<`ft@lcD0V5V;@(GB>rRab-0YPZ3SEr74PEi8
zVQof>h?jdwV*<AmU^V(d;&pd$lz6$do`J)iyy+Fj1qse4f&AM{0%d4GH*lexz5rGQ
z`)$TVY_<0wU99_>d(dTH2`l|slp{yqn-Ij0xA8kkuSNM*cEF8ES4aDQcRZ;>#B(H2
zMRjt67K|mqh1fk|b$nl2Pz_iE6N2Ty_vBL#&V`k(7hC}@VGh=YhuCt5VKX15H@qbn
zkm_RX|N97N{xgxrPog&_kwFd(&AKI5H%^VP<;d_UL52HawfG!#b?Gh&t_PoWYoM>e
zmSY95;<YN}aPqWJr~$kORzt5v&(l~;xjmT4|Iyetw*^+59u)X9UaPAUDM*g?&JQZ?
z0BZ=3-xkb`J+R_e!AbA~)_##Wr=EBwO#iE^%HI`q*;7PlO%z~jAs?{(2)feU39Euz
z?hOi@dv`FFV{N|YX9ja;%8Z~vow3!xnb;blw)Y3+FR*rp`)G+4M}zx<7Azuzy7pdJ
zU6c)LRu8hA46DE`6rf2q<iTK1IN$0Cu*&N*JBZ%|tK!wLCSNyLd&s0=jmBjT%gK78
z;+#MjH+)hK^Ds2eD=1$z?<a~^F~zXjyZE7?!``;luC$y9YYQ5dlQDK8xd+fMnsRMn
zO~pF!`Eb1DqxS^%Zp&*d&xJLhQv=SMexnsS!J0~!!&;P;E&oQxtDiozya!f4ZLnNu
z`DO-2BYo$BVCGEBoG@Vun_cTig8|Jzm&09PIoujPM~gCzjPj@jtQJ&*mEe>U=wHFA
zu<@c`rtG%*CRjaIadA-bN^H%X#jplo4tx%rYxOp;9Q^3<pqw}0s!WRMGYW&L@)j%y
zCd2CLbtF&)=RX+?+@r86I2%^{FHZzB<ld)(0zbjlOe(bbX2Y5}r<Mc_82EIM?;C9C
zPh;n4%1lfjIy8Og*o=HUl*c1rc{*ln*7)=gHyPMU*Lzvuz;m$Tm%^H2QR3y;W$?di
zvENeSV^3E#Y<XNJ^ZdydyFR)$B6fXDTNSh{c3GQ{K5<kA4xNK82hvstJ&+2^fvKZ1
z(uWg2iu)2Z$RVBdzo$P*8uj4#bgxaN3gKPPdfh5r(Jj9yP-AyBqp{VWgJIRSkX#y%
z&z=ir>LFOokKK*$UmJ{L^>yB^N>}Bzcs{87URcHaWNq#yGjh2E*0c8B4MDc58-r?g
zV7sK>jx8t8-4s;2-r8faHNSp={n1L#otTYlIT@33Ge=Abtsot4<xS7bZ8&ml*3eLc
z7lH~NCqi4^N^DgyG$(ynMlKuvi-A50R&Q;F6+bQ`XJkgxP$+lO$n+d;fhVNr49ghH
z&FM?Q!uSK$Jc`|8AIDC_<~C#O7)Ca9$tyvD+}<_hPGw|GY<1YjB=qOY)}Y0Az~`Z#
zi>@v2yDdS%54;*I{n5Eu<6F?ee__k9A7Ks19k3eog)Ju+R*!5V|JhnuDHN!#@3lP`
zvF$`C<4J5)^a-{c*=KpvYeCmOi>-pYy%7}X><n7``Ho;~cpa`y{8IP=_+GdUJOWOF
zyTEx$(7+}*2d;tr69sCo`2emCzYJ^1FM$<rU^x`ULABI<JJ7#>E8urw<$DEIk39+3
zg733>4qOd;&|CDsTApf!#;~^ey0BU{ftG4={c~T?)!$&NXNG4@%ou-jDD;uF_gWr1
zj@xyPjt7GtZ3N4K>acn;0;~Lz0|6g7K>thFf}pN>7OnsnT8_1JT<*vT>BGk4{PR%Y
zQ1|ykq032kf#s6J+?8N&ho#Sh8^W1zV>nj+b{y5J`0hyHSVms%u=KI%!!wEz)UrLW
z92&~!C=DlvLVfMrXaK7vt3PGJ!UH}FT67Jpe6!Itl)12mYU}60oM3fnUWT5tw)aIa
zxxa+f(7X=`sH=x(jhi$vb8POaFM|j@QI488ZtUMP#?ohupO`r@Gb8u!`C@v19MK%Q
z@>tNIcGkWK)*MpVJV)m72stj7hqBO}Uk9Gm`6h5^2CPYQ3#|1z!t&g2gPXsMoSdwj
zh8dHCPsMmf%xyR&ecag4xujDUU;JIbRblnebFe0BIpW1<;Yf8|Sxbt8*?Jh(tlVmO
zx#irPVYz%-6e_UxR9KUCnB{9MxA`%saN0kDa)!d{flja*QWw@7b72k952UZI^}nBh
z5^RK(VG*n@x))YOEo=p~EhoU53qO7m@Q0S)fHljXv%Jvq49mHeZ-h0+y2G6nXlaFu
z;mX*FmbEXZkIfBz^mx!^|N1ysh9M@S@)i9a=udC)zOGg~@4=AcPo)xAt9ES0&ErEH
zUs?Tt<&R*E!0?QW34Gee7&!ihc(c`u!-3r?E-0@hT!HkXiPy+>g6qO<;Bs*0$njY@
z85Co$Dbq(}jvwA|(u7b>BuFsQG9OfB4dYSt?;luQN<nh?c$uI=J+Ds87#<pvG3918
zV1C)4oQzz5iG(t8vnOTbObK0^5Twt@osg4}(N?47_#L>D2(>VMSXPd@pd7k9|AAWv
z=^^WR_E|woUq8#cy2d4W70!12f&aCf<M;2RoJ>}4C^TWx_$kA(hG%^Dub}^nVSlrL
zH4e|hTKrE~y`X~gm-sp8m584T%Z+<rt$8}tZ+E$hzT0`zV*@^d1S<GjA~d6VU{{A5
z!>TCO&Z0kpD@mks&=Ij~_K4w`Ig}mxwNlV=$6+~K49kI8=LQ|V7h4@aF?|9zLU|dX
zMpc3gn~2a_ETDoqa7S1U<W_b3hwO#tIsPSW5Vq3YfUSc6K80d;DK8SQa;C#tYNKG~
zyB^kn+)Vj3^9bZ*<YtY%IU_WxW>CQpSY1^f)*Os|HagfklmM%sl2gH2{Q%b5e7Cma
zJ3RA(pg~t%=mfi%_N??_qduz>=;y;KKZ|sE^5mY2f+_Sg5i0mAYz;*jY!&>=#lakD
zOo6(Kc&TnML_IGFTJi=JOK0QH$rzb2xnfeFrx35MZUk#Pt!vY-CBGI?tqYxc{v>(4
zeo#@l299s9gO%~TO9M~OzSR5r{Mvc-C|8azCR$Tu2CU6$Dy)vmgjLV7%L6+L{}tb>
zVbGq*G+6N|l%x8q!^&5Nb}8LUq*s4@k1qQNtU0_5W^>G&zLJ1C=n+^B%z~BSc32%S
z4ps&IV0GM~<iO@5yoN07+-~TalgY3u{?&Hycd(|?0a)d{0V`dF=7D}Ie6Fq=V+g2Y
z2EwZ7F%qgr?txX|O}2pUupGR?@+GkHeM1juyWbD1A?q1AwQw1%3U6r@=#N_as@8#i
zDSU1Q362oZcHNc)YQY>>T{#Vwo@Mp)$r*f)!<Q@8?gpz%o5FJV4d$$-*spDaa_(st
zv~*fK@9WyN^S-t6VOYfu&l)x{Cv$wpi`ZIA&%r8Y9mOdA!}dY(+hDEP*pga?EjRCm
zmG052gZ7TYR{Q%{?!v~Q{;3U<E^d0Wj%)9`;Q4db9%`~9@=%jj2@f8=|D2Ogt_pjt
zn$%gl?22CT-j2p~)}Cl{BF<^*m0T5d(!JIxQK!Jm=e*C`$+@nV*gop?^#*W$%`0pl
z4gV7HzHZ;yndBvRh&s!?DV)#owswd{1~G}Q^`>=5MNPXp8aavG*|)Ftim#434|oky
zqs~iSHs?y-CeD*Qr(-m-hpr##ZAndantKJ<)0sqreES10sZ%s^8Dn~*Z{Oz?VZVRc
zZtZpG9F5GRZ-V%v-d^nHOuiuhY%e_;jeLup?&t5}m0&+gA6+NE++PVbr^Cv69d1vF
zG-57ZWy)XWbo3ItM%@jVR}&fb_NJsbab989sFUIy<2=ht?iO`FWXfGde8@|0pW@W;
zwxYd6w_k}?*(*Mf;)K1l?op?mH@|z-J;glfPE4G)w@ZrC&uef^)Op0q=6ulG#Q8$c
z=@E5q^ty6h<P~uKz&p&jhL?10)EVMsa(=`sx;7fw&kStk?MX>>%6T1nMkA?Afh)Xm
z*QPpCyuCf6?&sJYsVUyezBa|F@1^%r{^gt(dnLW1k;6=_Hh%ibUVd8C>FVv|Jj+YG
zF6tC}12{ME3a^X0V_0JC{c_~-D_-*TQMWa>U+vJ&@sd+hoIAa(*GHW#p4&Sb`4=(m
zz2oguBmJ4$ZM-7~Qk{pqVq)IGzQSvGO{!DI%kC4U?VC71?Kyp;&gWiN&b7RPzESu3
z3qqkLlpXdGd#miEeo^NIFOzdQuc%+t9mr+qTH+~%b}jQd^pA#5)$#7@-`Q#A?d>0R
za=hvTqRwtFeL&Q0bs?QZV#h0<+TJTcS%;#rF5{IjTot|ifl;^1MZpjTTAY_SDC%~<
z823-7yW7`JpiQ+}RcDXq-cXO)l5dDQ+r25AOT4W&L?bQg`}6&VROePNZE!TQ4ZEW^
z4ZEyYjNP+AD0Gc)Kk8)<iAIXCyZQEIo^xX~l67e))Wx?qcm>#Tm&NSvUeZm`$b9S|
z{})~n_GOpH;&Z(Y>CwmrYj=z%;3tf9Zy0l_z)K$*jeLL|RB@44f}PbUW^eHFheh4r
zu$$7*c)ybxdWplM&H!%!=Xbn9&X;?~IFIy_GotR34AvEXr)*^|eC};UyD&MJA7#Cg
z;VI1Kv=LEv2byL+Wumb%&?ZtzFEmy|S_=D0_Q<GPp&4HL>9pPkdd{e*v&rkqd7xLo
zxyU~!cuAR2XRueqd5zAIxR#+%n%84gs?*!+FghA}61%%^f9LHT9d(nK2O}xh@mJmq
zFMUkZ{RS=lw04bGGA8P*^v`E``D4|>#Bo)<Pr5X5UL~X%I)L*euW(#6vXcdVoi}(~
zs#DWT9v^ka_~#eAt>dE+m&I|dAJ@-I%ZfTr`seR;j$FxR(b<p7_p&EMotM2$6WA9}
zgDt3JeTtLpb<K`Clf8m$CTvQumxR3JYf_x=y`-FIWEczbDpUA#xU%<2N)xBhE6R!T
zlY*0+FZMd*M%@t|_)^htm=@6*Z!g;CXsW{Tk_M!ZE`4Iu8SX9TJl8AX{H=dZ_3|f0
zoq1m3%~9tYog-JVi==t0C#E{Hy+Z7du)F(q126d&HGB%^#opFiqT$~=d1p=T?DX-{
zCPyQWbY>QK<tL{)`@Q1HQ77JOFh!%4JtgXfxJdDj*`Qsei|0&@x^oc7B8`!M*DF9f
zziUh@!s(%2(ydYFaW9keVXugDRqrI{9IwM|QRgjhCg)n--rJ&XFQ%GykzkjY?xjzQ
zx^JOrGYEQ;#Xc?Sbn{x@9(8W_@;N{6?Yupj_$!l7`~BHmJ#|#|3c9q4??H!qdu~s4
zrh0{WQRidt80Yi7<mqf!>_(cfVSht<&D+Wcr4i4~k2+B=EkEkc>ly4WjvxQ7SBy4_
zS+AxB+B07E9Z~lqH0?M{P?~?S=iC{Mj84-gx_UsW^ORR`Cu4}+*H4o?CB<puCEXQu
z?(s4?zwZ^@6?JQ0A8Vp^x4vG7yQ9tuZzku@y}g_-^{U^a5liR1)?0p0)cvV<tX8(u
zNTWV<n}3ZQ;^p5Pbr;B{zBq5|gcRpJFL6fHEsF!eJdzJrdWC4y&~Se`%aUQL<0a3G
zx_9&oE<l0yy0>+vdd$5~OE~SmsC&GBFtMxn7s<X}G1}t;Vmq<w`_9Y0Kk8mQFxX5&
zo~A&$=RBbK*_HEQui$~GTYgX|luF%a`wOI(mozKtK7>X#+n3*ZMQE4bP}=XCybcd)
z=FjB3)7$%CG;)ggw%*|DQk~Xb`fN>#<(#*9C9|V$!i}NOaKF6lTT`5|UjCe@y9<ph
z8bh>8yu^a2Gu=PG?-dqMA3Mu+r{iz;k{@CUqG_%KdAM0X(<g3P3W4^#m*zzy-=SUQ
zmG7O(R$J^vonc;shjl}i{ctpLY?#0P3OgpSooS}Vd+fY!zfr*u_!hTU1#_d$+1_E!
z6TPHIqLF7Z`M}&eGB?#Z&ntR_YDWjI#CgSYwMBF=Q8#5w&?Hu1T6=G=i8{x<>ht^w
z!+D3doO3;|WM0&rGOqNxeA&yNAB}Vz&*b!LDDn~)MBRU3cf-Gkzq@z!3eo0gg+k0Y
zw4&K5lrF8^gkVy~dx`g@IG(rl(P*Rut+!uRCok<W4b*(j?|a3ZD|y)qt9tLGHeuao
zFO0hTa)LX8;A+*@a~4J2hjW7gi&s7F2`o*Ac(1reigTTJcu~}O!b@5ljl@ri)zjZA
z!d`&QP2<C<k)H{*^FvK<4uu9Q#0I$caW+8gD}B3zmtM$?=PjX7SKt2LD=Cb+EhYyO
zEx3cp^zxsGI=j4`PjGicOom_P?Nj)^#n1DNSNLQ!(srtU^GY3$ddW{kBNyHp3SIx_
z4nN7;int4rJ6sYq@Y0q<BLk=Lsl9K1?iDYIy3KA61|^~i;mq{1pN_iQ(KJcI{^}{~
zIZLB%zr3Ks!hX6XUIAL;=|LC8@+K{dMm|B~j+y$#dPUe<@<XAhZ^wHbmPaGw?uf;|
z<?Y2zzB6V&<fX5OI&XW+IoI?`Rz%$!?h1uk;72ga7kK$Aqs|d;C+9>jaaGj0)*HZi
zo>#ak8u{(sP^h&xc$J<6l2=C)-kurw=A}K}*z1+*dUaA0xW;T<9d#GoM?d++7Tle}
z4OrSUQMdE`!No7=|2w?mXQGkaXubTq(eu6RXQS@u2l(-epRcG_3Rib$P1LF8b>%$P
zD_9eCUzrtKyt=Ee<RukFolGy2^HQ&<C>lQbp!aK0XKoNWJjYHjJJ^9D{!Uij+lw|}
zPAHT@1r_{Vf3=ssHtK$X#&w>tNb8&8aO;KEryy`P$jc+wx~RJot(BinR|3aNTpxAP
zyaAk7d4-(6^Nw+D<0U^Ib?@<FyN4R`mbdl!Xe9KoCan5zu$Q(W8rg_Fz_$~<;tf$}
zw13{FbL9L-VsSi$ZPI<S&KG$Fo1&4aMw3+KyzM1zW>U_hvweG#SF}0myzZZ?dL3TS
zorKOsI!FGPuLYufPk8AsMrpxv&QY)A#c1S?NAWF~*zF%~!i6+{OEl8vF($76Y`_Nk
zQZ(`&cHnRmuMqqGg`rSCzratu<d?avUld%lg1s)s+xoILarYHn{nK8Fy8Raiof_QG
zKkO9~v&U<&HR@FNvbRPfeID0kwc*xO=PS>7RZm@AIX~nTyc&&sT^I`8<X-~2c}d%(
zW^(3Eb6eD1{$y}TV-oZ1aop?h8ms-OV5WrqeRPhu_cg8d>f57S2GcpO@RoC~?3HjH
z?X`YA>Tr+!dNlmcr@dXT>zO6-4Q;RkI4|=G-{5&*DL3C<Lsng7FL_7Q9l9(O>g3O)
zr0pr(fN$NQEzsQ=b$WSeJEQLX%Y#`})+>B0g>EP&CgL^NrN`84&U3v@oZs@CH=}OF
zmBB@#tlxlXUcsBu$X2xWYH;}cRo>M1JG%o{1-<KEaKjI;^3M98bL3sbre68{)JVc=
zMmHG2H6Ju_M__7~59xU=yk@m`>4%-&?-2C>!LHLQC0yqjZ}W$p!~LJ}!bdts=00;e
z|4m1lxbI*F`L|w^;?{UJXbe4kuzdoC?ldCuHu8X?bT8x{Ak@~^6Z2EtifdwZ$+{X#
zYsb;!xH}aq8LNy}_(6)h601!tF7kyewcEX*D5x}KvdcLsZUN@$3$l9{OHPEmv^6P_
z^3R1rJ=G2F4TP@r^`dzxVe_1~tGKg!3Q_k2Wpxkd4p<wM%O!Sc`veR*&23`86!(a=
z{AC}xY#rBPJ<CUKA=D)3+;=84NnDD_bBulv>K_ffg4<h$KU(LV^?7Hv_WI!FEWvN;
zwOH4luKF>oE3gv0qKPT)KCC`ij+eYE#Z7%an8juM`-VkWeTggMsr$kkVl$kZyM$g?
zYJ2I8*S*UoadqqNet@NB`8VzE#T#Q+8?}D~mijwR`<;6bOFJS%Ta@C~+Z4>|u$O;J
ziaQxgabd4RN=jq{mOmriGMi)f$=sxbui5O?IM&(CLsZ-RCpmXLmNwOh@Bcq+96Q5=
z6t~$6u|8*Rx>?rZ6Op@8+;v!O{3^4*YM+3ihWhup?&U8A*~)54yEkKX^ea%CwqYq7
z&+-RSBB!vLdxO`fy2)Dtr~H11WMj4P${$Y+&v?l@>v(6k;>$rH{x!)Rg(aUIc^P>c
zE7eRZ>vT*Yq-DdM5M$B&l^{=9jZ<VYRx4e>+%<%hn|qr9DUt86c*;7S8fmpv+pa?M
z2=(woKN9NhhuXbLhb!bhMMyKnU$JhbZL#G;7e_i`HS<p0n(E#{=t|#5boV)|w!WoR
z{@pgO#*dvN$*(bLe&N#zwe~|N2(dt@X7u*pRxi$Dfka-y3Y@F(dd#H(gaX$eIUU+h
zC@87Q8@3N40|;HEJM+l-J9UexP!6GierPwL8~jlHU7^qrKXebFoBYt1gogT|E^o%t
zJw+%;7v8PgKb6;)P*CzJLOj@`{XwXI5WB~wb5{`RNJsc{BmCVSZ}iE|k&E8e^=jP7
z)W~h8Lk9`<^R>(0(F3$%rxCi*4}C}|h;6o47g@#5AauPS`rx$IWS>To*u-gsw6TTk
z;dq68TSnHScJRA9VSnt=f@K-*z26&ns<UelTac-uHZONKmgX*>a7|8$lsRBWB%FP~
zoBBuR$e@F|N1FCWYGfrLKEfq*k`SLE5$g1=|1lMz*{4H?V<C6udpuoGG^>y$Q-Y;V
z@^ALs7KdWi)(=zMDc16z%oDd@wN^^os&YJSw{(*Z2Rm?_NlJCv$G;y6jraE4+c7}_
z-+wLc>p$SfFsH5USbxSf`;agFPRBioHSx4n^+?QBp4-BCM@)@)r?VUXQ7~KCBDoBu
zW2v**4_JEhu~NM+CZ~o!{K&M4kh;;wLBGa%1-GR{hGF@0KJpx)VBzimlwZ*JD`Na-
zcD{!<eP+Hc<8+SvjxyMf8}PX%4yz^M9YUR{F}Bs3cdm2XgfD_k#sBQty#^~vl90Fe
zi4=DcmUaPG7f1IeEcLj5oA0*zGFYwL%uh)1Uil;5Y2}S$O>agIQn7g@{(+^wkIkrx
zUg4;gZp*J?wIuzR;@*y>TKql8eGyB$K)g2e$O$a}6X<Z0qh@qD8aC=E<@?*=DnjZ&
z{}Chn`B8rp?0KxzBWif@F^Q3XBKGlTaQClcc{GO%))n&3>oC840!GkS9Ct7M=5+HI
zoh4X9y**!dO!zjqlW=s?k(h?1wwATctD%_{-teurd4FfO*72aK;4YyLmP!xl@z5>A
zQpNrU=k9x0?Xmo8n0Y6TPq98c(9xanU2viEKdgzofaQOd?*6P0$+;WskrHYAy;ih#
z<U3A>4iZZ9wM%}8g>E?=+CiwfcKOKfr?nm>vFY{L>CiW^P`LAtW<er-KldL@C9^Qm
zNsW9*@Wvq6<EKz)SP)!8Ff#~N|CtB1AUKuapdfgVpiSHApQlSO1P2ERej?Z}2zLJ^
z=F<X&{Hs?yp<wb~aUvGF^K|GPLcx`&=E+!S#OYAc>Co?|L(yOLT&>=lqmY?a-RT(b
zhgP3Q=r=u#DmF6~id*wr$b3`H>6CaB=}L{LJ<iqOM=tu^UIHVd2>C@jn@xTNhmXM!
zl;LcDH8nmJOb`G0A~F)IhdxP;`}L2IxvZws$(<K+{Dlzm3i_u+9LM3~bne*Qu7sMX
zUN3z;TOF2`OGqE1yX&pRcM;685-d#=p6+(0xR-^UV6vOTz1i@vI_pamcPSyIV#m%;
z3I7l_zt&=?d&W`j=?@3o`!PHEMRCuT_%@a%Y`krH8GlDTC*JWlOMkv5=41I2-llQ9
zlI|_tmr<LOGveP*{==pz<58-c%r8K+D1!UdX;@eJ_aZMSgkDCsL+(i|t@<EUavAdI
z8zy%op<sb&uUdlDg;WWCo?o!kNxE@rpTG}ARE__IKqM2ZiMM)QYUC+GeE!M}@~2AS
zZJChjR^vA!O6z}~?e@n~F?_HzAjN$cs|D6szO@hQS}cD!-8yd2r$IBPVKpNTXWmS4
z*I=ph68u}^lQyM)qvbZ^w<c;tSugqF6n8q7_G=dUf%auFuEvOM-ui&Tt-_B`)ESH&
z+u2C0rha;L=ls(a-4=ecoVl+aSC#tweB}l|jk@VBtX^2bTsnZI!HM^0RzmrpZ2yyl
z#P(S7CAQUtyu$33?meiQ(p=H-cPmzh)1`&^flD7hj(gg~eps4ib~c3k3qg2M1vBtc
zygEc|kW+W@)z1kgTgXeAm*Nh_YVDWG#UlL3IcDl*<aiTRz35*(-P-&HM!g^O!&t1A
zSQRw*;U_Da1(%b<Np$>&K-x1Z#qEyOl{8EVE_4rLUFTb@sjySYY;NduPVC7KTt=%@
z>vV$2zrtzdR5sljQQlB~Pooya`;+%EEUn5iW@|$yC9)ec_U%cRCXutwW$^sx%4-Oz
zrSV?Do)mW>mZmA|m5b#USn?@i>#O7?_Gsz0=I1t=gZ_5!W?`i$ze#K4q=cWTVrnF_
zTu&kQHLH`I)NtjhW`!if&u)hJQsifXy@O!aYK)^FbY~M(7Y0}Ux3Sb5SC2=oTRk@Q
z^gz-RE7&6V4lObhE2t~-F~MFz!HxMTc2IC+62UgwTf)!QFlV)JI>%j7)A62sr;~dx
zzt9;$C4PI|<5*fxTp>@T#5FkI@owGQ$sK=wFpIewK9J%*jx~@p!Snf5wHz*XY?I-F
zTISL#oX)1#<xYG=(~M`!eJO4gey5@2ewz{>#!_d+?)<8H`F&c3dtPX|wPXMnTo_Dn
zo>A`O`4vk`&+)6Rc#(C@IB{&2SX_JWN_FQG(nJgHI)B6J?_1gxufI50OtIR69q&oh
z-hLVy=_b|<mLK_9e&evTr~+$0mL?(FHH*3bB|)DD)<al+N|T=Cv`@g&vJbZTiuFpT
z?1mLgDV6dNR=1#rTT|Q*Pp4Gv=hct3SXOVWYy6b*^Leab@$yZoTdP4VPM4L}u!0(B
zb)*hIIcn?e>B6TK3Q<B>3nDTPtGPDO$nIFk4P6$S%9>+WU<Jc3Pjj$>*2|mMu=@Jm
zD6R&-PYSL+iW`EZHU-bQ&!3Ld)!|nxKcDH)gO6E;H?%{d56;|mSV3o~8Gm2}15Oo*
zZ5uiMCt!aLp7ytV)W8iMcp~p%1)t_5Hje3fN*IY1be$fx*J9n^PnL6<#HL4DkCgDp
zCZ<hCrrl;#Ev8@%{Dc)u0lD9X-#-N&>Iva4tYGT!bn70oaenu@&6>uhfEMT&EL|M9
z`dpI|UftA8?MzKSq6Yc(DN5&N!E$G>=IU?{mg<f3m-}uk<qsxejpnhG>h9TCx<&-~
zKE?_LU-i~&5%X8xXJZ8es`^%A1+`O3#JPg{{2ee#C>Us!F#ohAufD-LJ+<6sE!n~R
znpIu_*6GFO9>Y?f^HCQcw6x%7Sb_iQ>DjH!zV5XDs8zWtu)w>wj-}CU^DL}h-k!8n
z_Xk3DNne{1zN(FB(}TQs@HaM^9X$Hnni6>h>so(ID_j{&#o*5UIxJnA_%LN(O5}dU
z1@}zT?`jfx8?&!pMO}V<rH=7$2g2!X&D5S$(TbmNbwcI$KH2)tAwie)$U~@Y{6b8f
zUQUyQ-Lgsbm+O9+t74<C&$+I`YD$t|geG7$$13B0BK8zkuymN4;iFfX&1qEKG9}3G
zf1m7TVGZ^3>ppQWmhNl(xezYX-n@SuIcj!@&3J#Lu?CSQ-v7*VH&#0=K3PkxYTmit
zsqea1+iHV#*aI`@W39Z^SiySXbGgKmSpK-$t6s2erlrP4TRttv()d>PKM(u{OS8n)
z&ph0=9fP|owWTH97@tR5)E@sR&AN_fSiLk$A7yp1_JB-li>re>to`p;>F)&MyF#IG
zC}fuOb#8G&rhGrAYM$g-Ku2jNU1&B?{2ZV|Ed3!M-2*zrXMu%4@r!{DaRsm%DE%`)
zM=1`69J9WkbAj32&#7ZR@8?u=b%U`1IHp#Ar>dG4+N=}DU)VJ4?_7|l)USXt;B}zx
z+6i=&X4SvTR|A%xyR9u&{2punH#pC4@Y`fm#ruE?J^<puA)rI7_z!?8`Vc7o6QJW0
z{~WLy^o6y>N_Pw>-`7BgSmhn(SET-NoU<zC(b}I7-0%Cx|8@4~4^{o&tVnI)LBv1A
z>LG5){T?aLowgs~u9}%WZXi=y3AttVdx)D>KbkvGzk{kO8OOh4^(Z%o`sr<m3!i`d
zzhEvO9LlJII@^N&PuMYo2RYmwnQ4PqDNhY@s`+i~Ws5G&lG3a$)}*-J+ND`-?Q8Xa
z$BOD_<HhG<kFho!OuJG7(SJ$sU$!-v6DU~g_hwsxSixJYE!O^$Z|!`?PWwLvV*irh
zf49{WciIBP>VbQ#EmrVePD(e^>SCpPz}lxdHtkOfBv1<;vI)fsdYrU?jkV`V<Pb}L
z%<2oRE>>`nwZ&@rGHb^;PXT$l0#@8gn?Nj&pMe#>#_D1Pi>zIm<;Z#)|Gec5Hl0}I
zY_hhPf2Q#er%Ik8wgf`xC7VF3;LDuk$g9@gCXqv|;A@=pxc;Wq#d73rYl~I>UTc?T
zN&B48rG5nmZG!)d9dl#|E9cuGPMy4RWd79V`Tu}}3&!U-P#;Imrip501<Ms-`IZQ)
z_s+F;70c(r{0r%Cw-sL#R<B)P^(4y|!Rp;hEhobX*sa5?997T;K?SsfwFIxWb|+Zz
zoniikx>)W8D_u`(>yOD*-~d?V++g(~)=q~tamT<aPp=aYkJF@4K{>Ei%w!ue1y)O@
zS^IX_#l9C-1^2=H3q8O|>E^)7ulE>8pT|ipUJR>zz4xFzTm;L}O|Z(z)0-0H$rf0L
zSOspiwpazf0qf@FAguK7!b<l(tO`Dcb%<5)r#Aje_-yPSVL5aXz68F2MEuJOT^IyH
zbz$N{^(;4lRneueGA3KQsb#%fMlHG0#$OGq;8Cy~9uKR<x5DcByJ0!1mn`WJ`#bmj
zRuHSg2Vgn!ptWaPo&#4wUt;5zT74N@34JrH3SNf!7kZVG%G+l7HHjQz1>ev~JGURO
ztPDGBf;V9~vd7x*!0Pe?R(}`PAy&TkU`cu{m-2lm<8Q2<`PAy-L?tLKIHut+r)p~@
z`I3|B``V@#tAXFcs_zFI|C5auJ7(4}=K`(Q(65-{-+g%trB;{eP^5B)VcGGr&GBJQ
z<JOwsl`&P`c{W*9SVw7Ad=0CM9n)tx_r8*otSnY77s9ILVylZ~Ut(>s`s8w0=^Mgw
z;|d!uR<I2x<!cKoT|3KH!J3_&;u%W9p{_bvmP6NIOX_8Hv4XuhsldLlI&~1N^h2zE
z6Rbn53e&AERxpE;(vPzGsCcH53L0k<WW&msV-twg(#f#WO|$X0!~V_!^DlHiC#{#c
zu+lAn<>+IIv@E^Q#y@TKr}JWgQml;2tSy$k!rG--j;^%vt8Khk>7TW>SauPt^v_vc
zEIn_X6~s!g-tzOXJbuB(mu97V(duH2<u+@J75^Hn3SPIo!^Z!O^Fn_Ud|L(VB!k9k
zx8=8OL3=Ilhjo-@Ief^*zi;Ek(m%F(vE|SFc*b7=Rrt9t1T6atYl~%nY56Owi`Bwo
z))p(>*OtGr{H={I%}RG1{hT@kekb6k!A(Uta@R78d?c$>av2+47FNA_$W^xTHn~{(
zIj}melGVk^U)kFKjx~Zch}V;HGgx!E9W1?LgjK4G#x)2ks0XZydcr!y(tE+m&=1xY
zIm*WWpR+dn|6+l<dQGww|BtagAy5l%hSlX$Z3SZKw_01Qo|y(qx`UJM6=%u#Z?ejL
z(B{jF1xm9L%qD@l{1Kb*zr)IJ$fpK93Tw_RvgQ1ZYx@z(u-ImJ5>CQ?O}05Tnnz~k
ze-l&w?1PnjKdeJ6`v9!^4q06+{V=TjA6otxR!0`w_)lTw`_kH9!8*js_qFDz0>^EH
zSabGgYl~IjFR(WBQ?N!RL55`|Esw2=60KgERsOkF7t8S~)~-^9IV#~i1XWbcMu??X
zw{~e(g|*S;=p{B?Jy`i0z`DXTg>{IfH;0wJEv$0e!Tu`EBcK-bgmwH+vWo1(Nj!*?
z?oCI+>XFf~9LXDF17l&eEF0!u=oU`$@OD@k@?mxH-LNv=1M@HRfYs-~YT-Os@$(gF
zS@{-XtNbUdZaMESf;@bN1Q)@3VWoY~W)Q0@55ub9eXIXxtaKmPd`E2hzcS<hSK+U=
z3i!wt@QE!zEWOzBr<Omn@nXe)4$I*$tuB_X7l7*US$m`cia2T`#Om^ItSwgjx7HS`
z;P0&dJ*@OUTKgZcj?%3BKUrO@Avpp2d$a;N#7cP5+W!@nBfr`7rCItZTizcwUaZwo
zRud~=zkXj(3(m3;rC9}?ZFR9Oa_7O)t65zv$E#agEW3u~npPJpUoC6bDjU>aN(h!o
z0}?1r6HfBDHLQ$RO0=vB+G2~_S-uL^EKh}%z7wp*cek7d>kzBKz4L6KpN%NZD!4zo
zc!1@BmIvAN;)=xUHMA;lJj`!8LWQs@)@y2&e;KSpEXP*Bnge;y5KzK(uoA9^RnSIj
zZ-RA*m0=647QPBAonCh<-eKc+!>Zsd%kNm;2dn)3unsZx=7kOu(8i$`?dmq*J6IL{
z2&<r<U>*M%tKgq)zLT)*Uv2*1VL9xm63c3ES>I;-6;KP#vI)d0pd3uzP$g?uhE-5C
zSm|q8t_{oK3t^>iVD-ykHJ}l!e9d50+!|K;c5s~LUwa$T8P*||15qV_yII!D#AWw_
zRbU^>17Q_71XhJNSsn^2eTL;xmd98g5Bt~uYy$FpGOPlo!Yc4~SdQeuI>gfNw0y7S
z`(dSf09Fehf_3~CICzqL#AXod^X3(>DtgB1|BhARvo>C=mOckdUu$_CEQdD3I>eRX
zJ+K=3b^`scN%tXw3i#Oar?8gQkFW|j0jtYTSv!tRK^4WrDyWP$3408M1s$c?ABsT!
z^XtCe2#OeGBg85=)7s+y=J$NuAD;P|FBlemy{AL0Ufm;u<G;aYzUB+M?9A7EK|eI{
ze<ebgz?rZ4w5T}7{3on!a{}?&M$dfBcjjxpGhg#*vFK|9UH8v?&3EQ&zB6C*o%x!N
zt)PaUcr2g!nonQ%@o=WQhcjREo%x#Y%-4KpzUK3H$N&9n!ZTm<>3cujRG#^oFPI`{
zzUDjgHQ!&q)#Fa$ufkt#EuJ%9^ZjRE_wl%T=4-w)U-O;$n(xfleE)y^nlJi4^fljx
zt`9q_R+(wng}aA;am=pk!hOxW4&m~q;q@pd9W(WMlrC4J9Fg*yV=nEDaze_i-YBOW
z^S+d2sVMFGp!~}*_w_;P-x1|FisP8peZ&1sLMMcUeG%f!F$o(b^yr5WG4uN&jOvVV
zN<vxFwLe0&D8lOg2(CFPVTXjl0}#rY<pU5VcR?sW5TU#oFc6`BSA;DR&N1#FghO4!
z70mcS;ciZ%*(6~`H&WEPffSWZ<_!p~x+Cn7P{mXqjBr%Kw802f%}xpPu0d!x1fjZ_
zG6bPZ4}>EUYMKT&BAk#g>qdlH=CFii*CMpL3E=`W^CpD;JrRyeNHVR{5fXYKEKEnZ
z$Q+ZfQ9_TQ2zAZ;p$MbW5Kc*`XSxnUsCFH~>R|{C%t;A5Bn%#oaG6;?9AWbH2<0;n
z8kzwa2=#j-Y?08|xFZk_Nf<W*A=zw_FryDbt&s@LOy)?0R(%onNN8cIk3u*qVcIB!
zmS(4fdHoO?W+JpUQ!){{^hY=%;Y!nBG{Ol9vqmGdGlwNC8^ADJHHKkGF*C;?^dCry
z<6}tC!L%NWkT3{g;aG%Jb4<cU2|dOkbTaeDA&j~K;gp1^={g>v+F*p$;}N==lM;4F
z7@URB-7L>Sm^=ib`~-v^X21l5`ZpqMk<in)*$9UujLSwyGn*vLxCx<F4#M>&GY6qn
zI>H_aeN6RSgrgFs<s$SmI}x1zCTSuxz)TShG<!vZOoK_#4JKbS*c=uOG08VWH=3EE
zn@q7N-L$?18fpqe!^|<rY#c!)Jtk90hM7MZeS|3yjWk`SK%-2dDASx2jW%ghp)qE;
zXsmH=g~piyqVc9klx5u8DE823iXC?w#b%pL5@w7+s5K2C*JMsZXf+mLkAz94`t1lu
zB}}^=;TE$K!I^B5@}MbZifF3YE4tM*m=4`$@<r3kVaP1YB5S*RvgVnY`3U_dARL#F
zZ(84hkdTeA@D7AK%`pV$F4N&o=x#G#bdM<!-D|qu1<f#pqM7ET=suHnH*~*QE_%Q?
z_dv7E0MUb{NHp8H_d;__x~RZx5<O%RXF#6G6g_OVisqW?GoeRJw#b;BkeN3b=NjIJ
zbMwuV`_LDdy`o1=gZrV!OulHLIV@Uak{^H;o0+1=O|huZw4Mb$VG2Y~nq!dJcpJs`
zc#vY3nE4MPjGBgUO2Sgpbv8n^+YwgJMp$l6O4uP`@EnAdX89b7T4kI9Xtfz2dd3uq
zo;3}+LTgOEsK^|K%#3`pw(CaLwPt2FgjRPT9G9@(wC;{@R6>=95H^?s1ZSf;CfZ~=
zTmx-3^F=S1^oO7q%_h+nljxCk+1+HF<dOAdvsFU>dl2eAjIh;YKa7xYFTz0y+f342
zgpCsJo{O;E?3FNT211KR5Z*BPk5Kjwb6B*~BpYa#nJIeH6pMD7*7Kk}ra<(TIVO7B
zbeIplW9EzYni9y&cz|O2ETGu^rf>m5t62z<M-dL1v_}z+N?0%9J>xuvFz-QxjK{c&
z9p*itkLlVs8>PxZln=sY=t5olq->XRBy1`z(zS06%A`doABWAWQu-I5)Lo2H95y+N
zQ4$_PIVk0`u(|MYl#NpEejMeCu-PYNl!wxy5ap||xuX!J+QTScNI4cZO`ky7A!Y6p
zDBpz5r&1=*Md|b;%JHyy=t-3NkD&Z4<@>O?`l)bVy>4oOxFl?T6#p1D-Il=r2%9Iw
zKk+&$@y}s%-P7<t!)Ar}m#_&hg-?XdK=Da>1vXt4P(zhv)bJa<vJB;fl<iVZ(JRYQ
zmOY9xX*tTj=oKmbA493Tg6?)q_6oW?VIjgn32`QACBjAtcdtZ<n7tB4EkbCq3ZbmY
zUxiR@F~S!TT$8*SVTXjds}ahXVhNKUN9gnnLU~j03_|@vgr6mxV>&#Ga7e<EXAu%j
ziG&$XAoN*-P}vl&L1^_PLZk?xib*R%I4WVigsR4Q4q@I?2pP{IR5wKux-3DcvKFDH
zNneX_Lc(?lwM^nVgk?`7Oj?I<f!Qjd|5Ajy>k*Pn_IiYbWe5i)Tx61-N7yLg?&lHe
zn!OT6Ek|gv0imAB-+)kU1;Q5+8kppb2s<Rq-H33RDV8vKB|@i72n|iaCWQK{5Pp`>
z*mT&8a7e<E%?Qb+M8b^K2z_2aXl4puKxp+0LgYn+7AEaQgrgGHOK54FEeP|TMabBK
z(ApG9=&}Z(%1a1Wn)H_tPDt1;p`A&58DUuw!laiGQp{Ef{hvdq`wBt_ll=-p!dirb
z5>idlR)mcb?%v9r>J(>Q?aZ7SwN81WDA72R6Gf@EUYSt1C)le@J0!Gt6`{Mye-&Z!
z^9Wx^=wXt#A=KZ1Fn1e5Pg5-6kc3XJA*7jt*AQlGMEF_4^`^sigjSmnmTX7pV@f0(
zmC)yPgnp**b%c4F5h8CO3@~YLAar>FVZDSw#@T^zLPEw4gu$jr!m<|;s_aC#(WLK0
z=)VPFyM%O;xC<fSC4@=45Qdqp5;jVx`zAt$$$k@I)XNA5C5$vlyAi6rf^he4giNzn
z!VU>7_8^Qg`Fjv1Z$<b*!Z?%s7DD}35$3*ykY$P`9FoxKZG>!7@HWDXZ3sV0$Tc0_
zL1^_F!jg9oCYcfmM<w*xi*So6+>0=8J3?e1!W5IX524HJ2<s)>YMlKDCnRL-N0?@c
zBrJOap~?Y-Jd=I^q5lqq?Go}$;z5Ljod}Z-BHU@VO4ul&?z;$go9uTHM(sj4DB)g{
z^d3UBHxcfB4`HU+D`AI(7Kae-H~EJUChtc0Lc%PQd>Enr9)!7v5oViW35O(fdLN;{
z6ugfx<1K`rC3vR82MDd+Mp*Iz!dz1#;i!Z@A0il2_#wi)cMu{+5aye-BM4pgBCMD2
zsBu0*I3Xe9BZP&fNW!vx2vt5tSZvZiM(DpEVY`GvllTcj!U2RypCCMGwo2G2p>8q4
z5|dqwFzO(}K?zGu(x(X3-bJ|kQ-tMauY?^ET6~7E(&T@JF!?=%FC?rs$)6+CKZG#%
zbA)G2v4lesI(>mqWD34Om~j~4X9;Ufhc6LYy^pZuON8~NM8Z)CeZE52U<$uNnD+rf
z<S4=>lXeuL%ZCW-CA?sqV+bcCWE?}-Vv3H1Uv|#jko|SIUpVe~#n6VH_2O2CO`Q|r
z2YA0vywh-l`$Kr86M6bV{`gt%`I#-*T=Qc%A+ot{C{%7kTD`cHe`avUXH1@`kK0#m
zSom{zOgMbJqN#8){5p4TdryR~<aVq4$?zL-LpqhJ=_yq=(XX!lhQd?f@8g_R8w#8_
z-q2XQp)eBnLVWqy|LNYDH_lZ4vr0eb|HH|9{Py#GpL?Abmk=J(X~UwQ!z&yqXHA-v
zIb6Obt~ZFc`&#TjsqVaC!=h?&yPU|#E&K*tEx%0h<zxTnbMKe=m5$_({lc4E5tk52
z*hbR7d3TeatHXhi|NrClhpQ{st^6NK@#fG4al^}(IUM{St$&N#Q77))>f2xQ|L|b?
zu(6r^kM6;*SN;F!cSHFf!jC%YxIdeJgYU_zi}1ud&T#$BlNpLGmytU*b37w-{11Nw
zHiaV-d4-A__@oB*C>Q+Sd;Q>we=FiKzlJ%LsG(*}r}W_e>BWB>Iz1BVtSWwIg?J4U
z1CX0B?&gdfoH9MGh+7+!Esyr|pE=e4Ya{>T;?JZjH5blwQ|Xm)rZ>*?#+mKme{y@s
zIcxG>{ZN$`3LP{*{T$b-tHOW$D>xJ$PPD#2)n5?lh}qij`Ewcn$gpWtlK#k3#|V@C
z&$!BYBW;v^>7{pz=+KKzRHS}0-bw;TrqxtUdkGw)t)^=Dh~GcPSWSPC<NFGawVM8R
z@CH8>zbXr~Jpa#c^+%^V^d=QmEFaffEz4^9JE7%Pn_xA)Cgw@2WuvLh=YZH>x#n6;
ze@j$if8RIB=G7nDzoOr`>A2a7>VeqnCvLHt{$feLuvaT5+XBxe+z(ByoNCkQjV;@N
z4!sIS4bh9p^f!Y#ZnIid!VRr9O@9C;ud9JYcDSS|v;OdCnboFStp?gt8Y_-`tJNgj
z*lKrJ?R>QQR=d+`wa~7!+Fe%5tBt7lW2ohNag8dz0O&<YI_|Mr9m1d3uD;i5NoXI~
zZk=JZ3(=a<I<<19)h;63+-kwgaCl7$+LSWEAHarUFT|;fc*1(9m*dEXOMw2mSuLMs
zwR(j0x&R%qm*>=1*lMvC=`=vQoIE=8QXQ3dDQHMojV#a~07|?J=nsnPzz^AkmlM{X
z)YpYQt2HEikFDfkt2IK?D+T1hT&p!Ed@*4;@QBr#5Wa-4957Z(*8J1o>#MSPi2Tz_
zJN<+z<WZZj8DagIy^hDM)|{~Z#y=TeXf<BZ89IulxJ6d`<RAf#8$J*CthSSyHNC1%
z^E$biQ#b7XHSRGdPk$QxFBQ)yIUo$;Ks<<mG72-<^_DWd_)iP=S+E8afwf>A(4u`F
zYyca<Ch!7y5xfLm2Cslu!8Y(3*sfXdI)OL9POuBS33h|Gz}w(yumr3COM!NRl|ZZi
zDWDa<44hy(YNh`S{sDdgKY*XWN$^kb8~7Fc2)+lqv<tjRKyOXi1Ga*f!7Jb;@G8)&
zT{eJ?U=z?gVzg5%1dG68&=52NjX@KT44Q&bU<A-Bf|5XO@El{Y3akO^wc^);XTkGe
zH7Ejl;nNDR5o`b}!82eJSO=Davni|sC=bd3%>+&1CxE7{X2E>07%Tvf15H28wx@um
zY@VjslR#5T^Hp=Z5NKg)#eT+^e*g}FkHP!k2zU>C1U>}C;4t_EybIm{+rjH#CwK*{
z1J8lAK(FX~7|hkXu^u6yclyl&4}$x^{a`Y<72FQ=LYLdXbTAD}1-F1HU<eothJs<>
zMsO1t4$?t?Fc1s^13)6E1S*4yPIsOs34F!^_!N8sih*9MsyBun0SCZV@G95_444ZZ
z0rS9oumFrTJO35eFE5keXpjMhf?t@M{{;Huf4yMf7|>fUssg<ZL$6WL-{t=f{|dsa
z;W+RE;S!*i4CuuJ$AR8(pr1>94D^1Teek<LuWUE~_G>}us#6zS1d_nTpf<PwTncmr
zx(-|q^mqLgz&W5INCcID{vOzXd0;+R03HLnP%Q>ef~UX|uoUQGrN4+DqQC3Ek-$wL
z9SjA-K?WEFGQkTZ-U40*uYq0QO;ALup8?Ck3h*L$4m=B1f~UbMpsV0gunepQ&x4nM
zUb3=8KT6#SHiNZb19$<f0UN<4@G^J>tOKut^`I%Z7}N!qfrj8hpv&te;Bs(2xCrRg
zKf1)$1Q&oL&<E%en|CFr=3o)y@dsn{1mW)BAYr|HNiSyF&AeC&KMneWen2njx(cL#
z4&Z9g60`#PA^v!9j0LGb**FZ|1A04}Uj4QiR3)A(XB^jW^LjXbL7z97*So<U@D|t%
zHUhn0Qtzgm2j+tXzyQ73^A3;(s(|yrmpJ+b_zD~a-<$Pu@x$_V5_|)^0Q7?3Wnc+d
z1(t&q;AyZD6oSQIDR=@r2_6Sefjhv1U>49jFscE)Hbfr*#nWecv4&oz@deOZJw5?P
z^cJ*_Xsq5;rF)P*OsT%0CO99|0D4bFRiHnNp9LNSvq1sa1oRTnyWrJeC0GUWf&TFR
z4f1^re*?Y+$H8~td+-A&(ci8gCh$J^0B|$ozbHrdFO3N|0hfZGu-^dN!8xEJ(7nq%
zFdr-cx^K~&sYZYsz#uRZ3<nutC>REA0_k7~xKVR_Fc=6XfYBfeWP=<q7K{VAU_2ND
zMuALlh#u2B!S(^YbZi+|4hDf9pc7~VK440{4~~G3z{lVdPz-9FM}j5<bcfX#ED2K(
zSOLB??aIVg%{xx;d+-6!`yF2f6TwK33A%$>K%Y+OjhF+#env$v9eoG90A2)}z#_01
zJPDS9yTM&xHPhx9unDXIYr*rNh-K)%NxJ|;Z-4m&fAvB$y@PBu!&{b7bHRARSzrRl
z1rxy}FcsViZU^^(d%+BFA9w)F0<*zGU@kCV9#{Y#1&?VPTu5LMSPUKqm8h^OxDs3k
zt_QtAR~+mFt_9seH*gK;40?brAPV#jrhfsw9BLnU0Ne-e1^0s)U?$LA>Rp;5cY{a4
z98drr0v>o6%muI08*hLiU^CsX_jaxW&x47KYBSIR?8M$ecRxgL7L!(g5~8=a=}jdg
zXuwEtE=UBM(Ov|333yx%yhlavf&)PB0oCi{^vbtSNTgSqyaZkb6-cYw+=}2FpjTY!
zm2jUE_a*oWd<!ZQr#Fk}Z6)7>A3%w0((VL$!5(kx%L}b0@ETt0g~ED>>nElKdc}=?
zaH}`LJc`FpgB@Tes70mQ$fw65{poZzxE|~v--l>=ywT&#bEMU)GUiZDh&)q4Kd_24
zdcr6!Gm8BZqdke+f{rBom<03SJK@<tPYHS|&})qJATSH)g=Es|gU<<n3O)m}_2c@Z
zguewd><#_n31;)JaTj*Ii1-)5Dg2oMULbsw-u?=-0_THTKrgQ?PlNPVuzC@0IdB$8
z01*(kVcc2q^(y)AUigi4x(56TegP*z4R8WT*9Q@&;NKMne*lLvq=n&lpnPR4mxWz$
zHkx!nFW)@}=w-a+Z5(aL3)R3lp9FfHr{26<8Klv$O0fQPS8wN)165(Yp;ryuLi~$r
zJh%|Mw$(4NoCMbaEkRwNH}<MSl=ouGSHMm5#@>bm>Vr$bWuP8t0Hj?CE(eW3W6%^N
zgJz&PXaQ8H_BFkm_6yJl^Z>oU_24?t348`Rf``Dhpa8Va<D`TgKwF?!2VV(PV0&;C
zNCB77QoTm_8juRKsj5(=SE1cNXV4XN0Z|*4uJYwXHc%ermxCInJSCh1v}0>my#rPY
zl(9FsAKVNk0Xd+;azU(Ra$HWu3XeIY7Rn)&nE|WJSbjO9JUEl*zw}t%C}HV}Rgt_^
zA?l5oL&~h4Qk*JF1B#bJ(ll4(xbpV}sz^N)Yqfe;!`TE3*Z2=3FchSNo4}1gZ(1G<
zZUBS8K%nbZf6x!;+A{&p0^`9rFcypfqd_JZ1xA7qKu#%7%*h-yIW$q@ua?QfTY!2%
zo~xDW6%9u|m=2UyZ*HCjZUeW1sbC7244$KcJK_7lOfUo73+@4TgS&vztOK(NKM3+3
z;4}+pIcco<0?l_wPH1f9>8Idh@DVryJ_H|t_rYOs2)qa01qZ<aupjILd%<?_8rTM2
z1+RdY!AlzdEd*W!D?w|p0xSatJOVtRo{&Rxft-36sMlgnYVJJ#H*Ep-JTM<T3Kjv~
zRxE@cvskS0mk|@iN>m6d^AlhRcnUlTVi^^F`fv79?6N@4$hp`gl*5{s%R$WHRfK(q
zYnBp~=ouTa8aCM%#n&{`FN%-ky@0s^JP)1)nosNC=Rgry1FofBjpACu>%mjBV-vg)
zYzCz}Op8LD8U-<bHTp6C<VqVL-$|3_2b6FtLae9NKqZLvv@*%=2}+O1f0RxRsnXZM
z-z(NUeFyz*@Rmkt4}sm_O|T2>1UtYRpma~GWpYHVi;co0!lf&SwOIMqQ&H)b$MUQ7
z*Ab_3dTHgUWw9129P5RvmB7Ylz@@uc=~d8w)>6gA%2t`B%agA7ynok4iYVRkPi$go
zr3;BUQEcO5&Ps0wKL1;KeQNbI=mD+)-QyVlRs_0%j-VyD3}_M_C36G9x^2<zOcKy7
z%7vf~s0GdkH9-wf9h?hPaRvA;x_Ax~^=!f}NC0I(1n8bF1plh>KS_oY;1{6n`=8)v
zPy&7c$ABC<4u2261K)ygz}G;!Z1IoaC-4uTvVI4@fm7fQ@Gsy{aU2MPczt$P7L)^L
z0ePx$c_3Y=1QNkHpdzRYssgp*Jh%#|1}*@#fqF{L#d<_Nq1M+0YG`b^tATmCgRBRX
zNW!Ir)%90cO*in#K#yvAOw;3<dP9fOHNw{Is%*{vri69F-yEp2RJbirPhJgcI6Htg
zpuNUlh3Ixt^FU5q`DbLPHQ`vi;#7gUH3hvLP{FbEDnq>|Tj8r<4Mlx$31|qe08KzF
z&t25-7b4F}SEdA-e0ca5y(@MX(8+QX?hL-cvAcnstqYc*>7&!9z?0w!PzW9ei-FQF
zfahua)$RIBbuhRVsF2?9B+wJ+Bh|T}KahSsco=v<pVj_CVLyR?fUiLTS}xH4D)b|m
zLwGhQA>0?90=^?GC-U_9>`ZVSm;r`>d%=z17BCL{K*D?Ao59`SE^r6P2h)KZS3_<G
z)4*-uRxlMz2E)NX&<m7qL|Pm#1eI6E!F6U&1D^T&kft9{gT4i7M9gtDG}c&Y14yUN
z7zWg!LGVzJ4sHT!!wo=b6fZv&R@rK&!m;Yr8Q6KgFN%;)F;)fYc^vjLsAE)l1}HsJ
zu~CTi{0QPzMlMi!+3*CA1;zt8p$;Ak<orl|qoiIM14e^PFbb#;6)F}qtST_pB5AU7
z{!M&r%4j-G1Zt^9TfMC5piw<NG8)EMD>YBlQnm7DGL`OuSez<WtCcR+6PkymD=lrS
z(%8I~E(cV0tmn)pm&M2DsXt;RsM#94n5NuHtuD~u-HEMIrA>rYqVlL&nw+t6lutFP
zEXBpTQfXt}OT*6d3sXPckD!7z`yT|ezyl!GY-LuQ^uKGde5zQEmX25dYa+yEr_yTm
z1!<TBe;Psf5hB%+Sl=mwD%a9gCUNO_wRAq(BJdc{vV9c%y*EndSxCGZ-CL6&R*?!)
zMOsULPh5ni3f2HsqTQ}5couX7&j1zJ1=hA5+vrwf%b8U``^8eAO>ZT<0^}{{w9Fc%
zD^=kUP+C(@$VquGXEp;lvI)qM4WKNLBieH1#PhHLa-tjhdRWe^18ZX!rC1NBGIepx
zj#a2$(YR_tX&2RwsL7}~qw9iN-5JE3m6QLjEN$7boi5m>8UMay)EbKwzLBuDTg~*?
zkZ1)cUX{iw=}A})syF_w#d=8}?rb4mAN0JF5YL&_rLQ|V&T2cT=@lCWH;%6tHj9$u
z&#QSEm(p`sN$1t+-?m(*r!NmXLs~XU<{$r|<lD*d)mubKP=N%+mz?TwThCqtNzkfM
zawER4?n6u>G2a}je(`TfJ?7Y$WFA~it)}tSYv$UlKiBxJY2tVLo{5#+Jd|(JNWfn*
zjZr#%ZhJNb)m^`4{MIcscl=q!O0$>*E%X6zWfFY*+LpCB1Gm&BL9<59n&5=Kyx<oO
z(_bm`%J|`ncC;d<X`|%iMlC~Mnd2&3pEM~!g?E;fuk%u^Xa7u4%_KF$hZg2asAd||
zM(LJ*zWM131|NOw&vau=771G1OoH+xXtHC_x<#u>%Kn)^PtNjg_5Sp4+-*&}{~7a$
z*`l)b40sj^c9m(crF)b7pGc70sA;37tRPb&A6_)&nnOEH-RAK<ocB#`^Z1d@7v_WJ
z@%hg8W^fC&gEFd8MwiC-|Iunv+#{6Hs?il1hI35;37q<7rP4KH;Q1<k`t149Q9ssP
z(U^428#Pf~ZB2IX_$ub77V)+DV}i<8P*We1entHHn!27=A<w~*!xbw1(6bGBnlx(G
zs5u*{Np4Bm(@po5@y+-XwLDo5oB1u{d(_loR86;5yYkn}dwY*it6Ec4lh9J*v?ASB
zQxmHBKIznPPpqhR<%35qSwOlLelmurCka~oN&?NW%idkG{l@#g`c(xn!5Xy)Y4V;&
z%w3P)^lrNg%ic~*^G3~y2-P+VTg4yaZ?5ibO;_Dzisr>vHsLn$)gt;dyMZb07GEWz
zPsZz;tZU<IIUky$!|~^tacu~HWeR%6pKBJkiI3FOPaD+qS5I7i;@KU?pNMy8dGkii
z7*Uhni!wiI7hlHtU+sNoSX4>SE;F7%6ay;J8Iq{0A}Ao3FklV{7#B0<h?re7>YDSq
zQbx=X6DG{rHD}B@XB6Evt>M0Px(@>gy5INQKlgdAf7&zkR&{lCb#-<3>4PuDS3pZb
zu}f<L_{id~XPZBIxKz<`H=+wHx>3&Z0E`C!ugpZx*%f!|;>Rs|GhhV;0RVkVups`N
zb^+ib8Z~fy(P(Fg8JC5o0_X36jbmE?lE#g@VO6u&NV8g{L1B{&e$n=Ij!~;pDO`_k
zvJUMe;M2q)k6{;P_cOB&q&$JpVKRB5F!GTs-YbeW89z>Z=$HGF8Hc-XA&PBz)e2{&
zw4L{7UMfB<=QcCy5h!fAp35t48#(y-0yE`bD_R$*IN~DAkwAEjXwnbbER2FT_}N51
zu%R?^=Di@g3D=%ddd?V&0L7tYhhfoD<=BdN_APICDJCNNhOY4c2mp`GbK$Gc*8Y3J
zL%nX855gOK|9c8p*}W}>Q@x5X<T>h85zg0;&fv+vH9`Qp`HJx`I}~nHq^9btB@st0
zx`V?0z4TSW!@+;_+6GEVcrmINM9!5UXdIQUq<9vL0j>ye=?9jLPNRIxM`J1}r;Q`w
z8!WN#<8bd%fg^`PqMuN08bwuxGO-fiwRekiC(md<34k(dK;d}rU3!{--Bpd+O9~u*
zC+!BS@wfy$8S>~-0a}w+1*q}<DkTG;dqUPhz|}(Mv!EOicGt39eELSOE5;KH{@GF`
z01(`p1}Uwx#ly+iz&mL_e$Ds2W{2n{2-!{n$Km7><*tIz6hkempq6uZvC9U(zK{M|
zE9_*%KhVY(wnIbWXgUD8t<<I}qT0SHilVck!&MYd4|Ujs=X*P96k8gxNwKx`=SWh3
zysAQu7p><)73YWBue$1ry@L2EfA3Gnsw#fQP-mg!la&*4U%F)3Q?ILpUsypQl02&^
zuDWVew;CKjmWEeTsvE=HgaN)+CyZ`aQ`|*mPP%7gtd54qQWsGqR98H4r|UkRj71PF
zxR&o_6rs8`V7(^*u=SED5|6l&IJO4Z5<JADQFdL`sy6ybQ}wzr_yxv`K25!9!o1h<
zi2jbwH9W!b_hJLP>vaLJE?gX^_!9xZl~fh?GeMZ80Iyy_Q{!_XY->R7ty_EN$NBCq
z%fZ1HQ6FxL^9Zi-Xx1>Q@g(wqnNomq)`Ci9B*5|0C!Yq#13H)i!4w1lE{`>5TwmZg
z5ax8K_B3`~|08DH1eywfe=Gp3LznG=D@$2MJ~9I~$SSUn>R7`k=GuNU<q+Lu*_Wm4
zxEftr_OA5HJTu@W<*5xF6!Ju2bo@o=&^==Dw@cHv2bpo+)EWT)Dgdw!k7N42SybuW
zPBWkpC>%bEcXP=4_F&f<W=a=Y%d&?^*}i#(Ho3c_L0dE654y`bET?}Nw+%Sepzoqx
zhb(P8!;CvgCF%fon`+mAH(Jq9eu^Qgqj(xOmB0=gs{h`hHqlMSZKC&el=8-_=rU{I
zO01~3@6qVC9BDW_!iDBiy}GD=E&j{HyVCNfpM70=@BsA_@iT!&0DxOoa~T(k3?vV5
zz3XgGDt^T)P8Fm^(+E0KSM_`6U=+`&Td?A!f9prF4HQTH7e87UtT=jQD<$Iii6$|p
z&L@s+t%pPTd;9SCl@z}}+6~%2e<3uqqldwYyO9Gd8)k&h#lE(lGr}>+g2Oui`&8s!
z51NHjc@)Md;CLdO_Il;X8vRdtm~mq%iUA7%z}vRb>xU12k~iC{S!TdCTGSA6L=}3T
zcGrWMUr;i5^q)&nju7ab3mS4-S!(ODm^-dEy=_yX<oA{@O7%maR#EB}qLddIixXc&
z=N~=jIv45`ZkyGQ0~e-Qn^48kKf@G8MPxWdtCZ5zG88S#Fjr6kYL4WDIXRAT{CW%m
zarCS3n=^CO+2X)H=BMI9={5k!YwFfV;Y&VTbR(}Y6zYVYk8J8AgHq>YC*%TynR1ub
zrz+%+5|Wxr3X)=FC9=v&G`v3i#gk6eN1P0xkM$8sbCR(E^mPalbFt^eCB4se+t@-n
z8(h$lLK`T4re~P%I9#q<`F3oBIq}Ez>>K`^B}>QqA3EIq2AMgWDpYki+j8pv!{JSw
z$X_05AD`_)aZFoU)fqaX$}^TC8)oK+DnNBaC*674*--OA+pPXPPXG6gn5`(BjOPk<
z;ozrBq@c!%XN70gMMz8UzqUG!QmKXr3G)i}ZfiZRwTZ3IlXfYK+BCJX;zWfTEBU23
z4~;2vaVk?MW3`$h5=D8v9shj)Kj$Eo7dD7bp_HcyoT?RhqA*4R$9YN7*&B+MD5EPc
zacIa8YR!O20N4N!mviFCv3GyfR!HcUc{HO5%y*jZvOHN-r+=9%yp9+G{VV-3sN%;k
zMY<Hk3LMq?RSD7UBl;B*D$$8wAwkvLjz0a06_>Eye{HTE4G9O+W||ugIR`231B#1u
zCLF>S(1=_HC*4X4vPQ9mqOusAD6FZHU;iP5x;IrEjgv!#sj|+Se$r#qqs3BJ_`D+}
zH-n@SwD$|r8z`>|%TLoGUt`yWk$W@LGnv+ZMA4K^eFBRkP0Wt!f>fxcgA^w;qIX}B
zh=n#&43eB8@FewV4oQE~3NB*lIu|aKy9MkT+enPWYSW!}7Ym$)b*-9zqgz){)fO1w
z$7y;CrIV3QW;o@oePmCywTXKw>UDDYYjKM5wNyN_J!^vfe*j)lo0ia5E&PmO;bPtx
z{V5`^yWwdao;R>)LxR(S)&p0w9{_p4<~m=0r&Qj}j}>+8i?xs67*IH&&wYFDeV-{2
z13-Zr`(SN24-}3bIkK)?+^W=H+iY-8I(I9CpCaVb3Qa3V#@0}wIt_1y;uf7kK^t4a
z>DB+&lK^A-x@~3MKK{KZ6cYTCTZ)~9Bb}zKdi;-_A7X{rH?UAziOJ2n`N@7uqiW1C
zQyghNSdCr)aG1%twPCHu;+|G!Ks7qY+O?qPjOz;=uW2V$sblwQUfJ7b+%$5HfDUT_
z;7nn~*TN67I$f-31{?#$1(c0mRafuqGsn|Rc}$TJutOp(f&^VDx;X?z2(|egMLWtf
z6!rFOkAo~QSNu{ochz}w&+2u4-er9__nc0i0N}GP>luEWTJuvf^=gA6H+{j6M(++{
z{oLuq{6m(vHYS;w!)Pz#@L{6SDEiS|W}Zno+oIS=?wwE^qac2|NRvCGctxieX+cx@
z$Nc#04vO*=KMX|^y2(HGpiusC4CQHu0!xGLD0Wcm2`Da5n*k`EP;y_4pf4TiYzM4-
zvr{NzOyoKiMG3mgjG^=|7u_k6f1E-k+M`%Yi}>jv-R+6u8V%(iU(oa}Fdw2wdlW0^
zTYHRyFsj!fr3zo_*#iS!)+b9}sawjU71i$uarhp`I5Ve4)k@7Qb!qB&fMxR}tJ*Gm
z0|JGp%2!y=A&ZYic}iw$N~;JvNSTg^N_Qt<yCteKwp*m3RfE|Z5QH=<N%N@9bkgOb
z++EbR>jt8=@<(9_W1b!&MO)iEvQ6jubX$$-zPw8#?T^oebo;J}j`+Y)o32Vdt)*J2
zby^xGN7-96tXqm<Q?*w5fV55;i>7q9=tO)a3IqKzzWw!`LcX%*6h)-ebjC~THqteO
zMHS3as!e!$s?Y<w4{7=<#s0zpDF>?}5Gf=#Y90kUr*S;ixfE6is=IvG=c=!16-k2&
zZxnv7`A21pr!;=7s_2)l(OTnE6iU<8+CZ1%IF0VUw7GYxz7c^0<0AElmxDWvMSUeE
zrA9eCg$c;5FN`Fl7@Y=)uv)pp;WN$KTyii67AZK5xiv@fqQMyi0ojeR|Kylf2eTG7
zQWTQDFQKZ}YEd8sbDjqDSHl1|mw&y}UkTQ=CoisA8bNlB&_{Cm%7|;md|{5X?McI!
zKAK67N$rTNojOis#Uiw()F^+=PUi-qsvmWR);H-vljzkTo_vOgS)$dI)6p*3F4r*k
z$0<;-u@e2IU(S8wTjjPgQ(jVq!I&fR3>ARF#%0mo?drBO1AM3#0Gd5y+{-XlYNk6y
zK|F)WW@QY`XqLkVRem;?X+r;BpRuGjxQ~FH2GYxDOkBt#`RN6fAEC}>QCzH`B_mWf
zHX|j3GlWVb(R2Uce2mx3%T7J5agt`0MYNZ@n>N&EB$$I}KX6(m(P)I29NPa;L4V^*
zOYGoknZytKONNjC-?gyhe@I5sM%#>sfW(NgYs`G?{?`$jwr~E+K$Sh7I^}TE<~14P
z(xqzZyy~Y7^fVr$g)?K$-{soll~v<8FY@CMLEGw{PVp0AzeGAQ5p%IPDMY$iZxY;i
z(P*(bSZR0J91{(Vc@-v)Cb2UH0KWP+7lr9QaE@^IUBz`{lj?0PX~z9Kn$Awb4o|)@
zVgssX$;mTj)lNjNtVt>^DZMOD^s*h~c-~B@PR^5|L~8(eEUj^F=#y>tao)|BN(`d<
z06^JpjN1SlF9X6aZOHMhRAQhRcajzW;QvGdMz3D*$G#J{c-1TgDPsj|GwW|wQ(82&
zHdEZ_CCd&3fL9O&oSL+49*WN`rLZ<7_bJd}0F~#WJJp-5YLtgko{U|_iPie`iV0=x
zhiv0>SzZGn4;o0i8Q6UDD~&b7c<MD12Yv_>7IP?>g~gHeRMfp2?0Hdl)RMttBMXO4
zlk8Xko}o$rU@IypMzM8Mj}-m}*cRZG#RpaL3*Vtv!2!Hlw4%u@%`{$Y+O~@Fn3~Y!
z!vwV@Fa!2UXg^D<LDw1A95~*aZgghG(pj`%pDGBa=6FMha!-Rb#{$5sv&pZv)L44A
z;$9V?>JSSGd&A4*j^$pTe})CC+Fqo(Tk*wA$SyiT06M>Yc4(B}ul5}7)NK$8tjz(y
zhrr?(HwTU3h3$&)pw5@Gjwo)!f=Y2?2GVVTQ*Fk)bI9ipReP`LssNS1XFh?{M*Onq
zPn8}z1BEoaZ;Ii$P6_zJa49ZDs>&swB(r*;RD-y_jQdD!k`$YomDhGg)*_8`qxNa4
z&mRwLju>dWoy{h;hg8>a!cq5pa2eN575f3bL*iS+-&$7-I9P=LZKrcHFt^Mi*FP~$
zEvANl;whzF+^t%bs)yNHst5QrD78uaxLFIR!pzKCrSeFPgrgd3NS|`oecZdc);oTK
z0sD5?UrllFvTz*HT6!}RxvKcTF+*=v&8GS^4{dcIWmsf1*8T?!Qf68y8CI0xkNB$M
zBPCx}VR-fM-bq)BPRxSYI^dc#Zz^>D^kjoiTtq>b18w46`%(057EbqmaB?BfG}35A
z(X(N)G(X{^j%Q}0kJJ8`p`!A~60~3r`aeSk8_GHtvA-PUS&A(+#HBv8e;yk0SSMn@
z>Lqq_>IIx>XrrrG0inX%$G1Q2o~wAeS}zo{O8T8o8=Xo~Ut!3mfu>TSc~E%~tz8P)
zo57k7MjCx**zgD^d|i+usv4+{(A}kqooiW`_7*_d0NS6o{6DRO|2P2<hCdHlRYOk?
zO?D;<fK{H8`eM(_?>8E{3^o`?Rp(>3O*=_FO#|>K-?T{e(gpuF1$2jQ&&QhO{bKqw
zU-8xDAg@?RGEvP~rFynsmWX}3xim9YX>FxF(w#u;CbnLn80cuMQapp-@d?BZ3zX{F
zH4cd1yg+G{N*7~~Wq9oc?fAZhJ*ehF#ohEAfV==)%{uw<uVW{#RK3mDy9_odmeKDE
zp)3}B)uAlDg1r#-mru*dbrGU?CfqQ7=9F?2v;?n}L@&ajNFN%z2p;|Oeo)7Y6D2KD
zil?9(trYHaw7`ua=WIXN;Rpk}maMv3g&l9&pr?Obj6M6G*RTT8_?)l$B)4$y>-RlX
zk5Z@EjkI?$43O%aoi<ie@>=Z$2hT5}quiI^+*_^K3C(K0M5+Ft{2QOSy|@HNC*OCF
zrm{M&SSALQJq5wJtuzuvS5)lEsfUr7`}$Oj0`B2zznTgUpOu>fK8~U>R?7UhvGiZM
zM=0llJ?n9c#L-8Ur5#6~8uu*>wQ;tBuJ~>!d0J^>h}#kJf9*9ASM6ny?`^75)VPx3
zMc;!o>&k$JMv3Mr_@6B~uYfPSqS7lA&+HL#BCo^eB=@byu|w`PV#EB8>!Gdv$28(~
z8;5QmUyCs`bp!T>a%{jZQ$GsYfHx`X1I*E>V4f^nip}mJz?{Dcu%D^wTH)V&J6)T5
zX8U-4F_GWg!I@P3wG<JL7r5SRP|E0Yuc6}cietubyhi5ZBjCaM<LhZ%yt3KUGG3_p
zyyCtEzYN>{LRAwd!+0Y*o`!8yeDx#ZY2!v^v+>GCF(^iq&w6D?z=9AUIoCqMp!TMd
z{{BXqw+WT^&my{g+Ph^7cQ|Jm381exM_P*uo9OH&C0OsYnOrtwza}T`J%*e=!vjjy
zPkz}-3peB7+kY$V*bH69ZlxqJ>i^zKfm`r=G=X|<0sUM8P1u6p9k$UGl%|E-gbL3i
z56umKTwg?cyk>+KowiZstx$3c5H_&*#P)y2@49x3H&OBO8n@=~HY)j6aimFGmHYv=
z+r`{+Do4G<W?Nnr)$4fHg4r#)gTn7pjm=s#w%!taI$O<Dyb<oUY@-{fLjQg{z1s?<
ziteOp35st(+)mNSjU!%s`!uc1JGDx@9)R8ZT|(UoZ}-I?xAE@`3f?(oO6Og)CIPZ`
z?4rLCl#cr4yUBZ-;ux@gx8T_LBI(7X*y;6Ez0|j;wu8cY4T$-wFY!45%QI-KQV#E?
z=<R6wc_4BDVG&>R)3u$Yamb`0?(C)wkgiVx@&b?+d&CmJeZ|{ezb7TXH6v~JklRk^
zQ4|Qy?N{vn_*cIL6VI3tl|bR7zDsiZK0zb&3(b@!dnlOohy;RHV~b9g8tC9xVXzq?
zHPzqVLmO@b`4Y%HK<bzMy>)!e4$fxeSLksMXAC!J_W{KzW(Rgejr+*71C1!Wj{<gJ
z&JwS-={@(;YasP~_EW?jXg+ek(A;nJ(6E6uhsT;_J_Lo2x(3w@y5GE6vJZL#y~Mes
zw2NNWs+U&Kk32wkZb9~>1N0fP^=}SP4_HV4?EsD22{+ZAHJsKyX>U`{L&6zH<Q?xG
zxN2l7U9_IaT-)utWA?#YC+t$@nKJhZt>*2ADB=n<JA8<G-avWo5KY^S^41|*cpar?
zC8=S+b7;o4u(xX8b<Dbtx!KE+)*}P`xfjXa(=7h;R;IVBDRUnZmiE=xJWM6`!b37|
zdAb(qH6NFLkmBoMhsBZh>lSayxZm7>H)rrl2S*GG)xy3%sNy^0ih(9YJL!a1(CK~f
z&h%K#1u}Q>^iKEjFpb%-`2JuRYaBU_P||*MYD%X|z3LpHzytVQGl6tt)6bktj55E>
zqAQ{z9ibct(H+Z<2xEHIdwOr!hQwnELX0}8SnNGQm4OJj4ulgN%k9wXELVK0*Eb{n
z28F{y%(|JU`aeJSyP1;vC{1DBqDR$F(na4c7ZT7YxoVUdQ416o@E$FAYvs1($A_6I
z9gort)@&>gZa_5M_-uUZ+&f2`5i5?8%^^ttOUf`Bca2(9q%U6b)pUOV3UA%quR3M?
z;nVeInkhIyXvMr=urtBIx5nykt4#4#c)0KhJAN&6S_JG{{`Cj8%s-#El+?3#ABz&F
zX$^QyRe^8>Z*uLBmaB7A8pQ|57;C;h7R^u79hTl(B4XFx>i#LB@iH@F0w`?F#yOsj
z?$C6QdMqt?mz*Z=!{FTq1PAJ0o}M^0Dqp<`X5LGZ*E#=!r*S*oT+EbLr)dayjoHqK
z-rPKQ@8uhhmZ-<;LV7k@e^_z)L9;WD5?W+?cV48V%Rg^Aa-r80@lKsO5s%zYzJDQl
zYC{HY8ja^448(MCRWD;>{v%3$6Tz)=!2pg=zIxZ4+V3xPKmfW1S;?YA3OfQ5txpt)
zymP{$c1&EvcRS<@2D?FFr}-39t9+hA%Ma>x{O%m4XN#MO6wAEHK-dBi)GDD(LEZd)
z>>6d%Ji%~LP&_L)E2}%^e$-5Hx=1g;Yw`wyyQcS)C)@6gy6k2~RJ%xSN7dPl-`96V
zh3~G2nZox(gDWGdcWH*#Fk}+8JCS+-8_?w{uC7Abrk$PdY}vU8?#lpppv5duyg+Gx
zaP-#oGmmFCQx0FHUEnn(1K|zC=uL-Lg^qYp!HjUdMz4V|*1d*Hu|PO&uw8p-<5#?j
zuSpko3K~Mk@83b(cT>zFr%<w$o|kXa=9q6tHr2xZ-lhF4?n*?0<KY`;&whOX3a4W}
zWi66!(xhXU#zn4Z)V@9*HS0|7VdH|yMi+idq*db0qZDt^d_kLq-kqlw$I-@bw}rnI
zy%4sk$H^+I%=3PpJ2VZ5fP!~K&bQTOuvNVVzxOjEN`u1s*DbK<<-4aX3}#B*J9LYA
zTT4XC_4W<RguTF4rj}dv0mTlyEfVs#AC)(9oS8E24i!HE&E`wQzn87zN-PVRYesCm
zLlHm(9Fd4GBfng8>JoL|jJN>``%vd$N!1+fCS5mE-rS*e%xiU5Ahz5KnV0jU!+bNs
z1r*NIy6-#F@kQXcA!dsIUHZ(L1xrM3&;2E9$M^6sBih}ik|!a3kVH7gg)Kb&Zx_7P
zueEzRC>+*i9I0&4?cUO{X3DC&G>m!oOGJ*y{U3sjPw|eL#(Py#+=It|Xzv~0%1lYV
zODDl=%6?A-z6H;FUV2w>*HJUV<6g`u2+usptN>P?XKKxE>aqOgO)|5F-=h%b?E?fK
z100(EZ04C9Gme-MQ$gW*=J_%G^+OSqDq&lDkLH0_h9152LR0X4F#?uPx7k0^VhC(p
z8NcvUq4{Ui`{Z&Oj9Roy=f7lmL&;CEr&Fa6=@9yj4`|wDNZ9{?)*;8Ea%TXZ@sOIF
z!HVd{Loxq+yHui~{>ki$7+`$w2yx-jL#lihY_c@1c_hN%*kj?JJv;)D^s7S=fl@>K
zT-J?;)a)!mw@``S2`*_N)nbhfoW-&T7@KpV-ZdyqkDwt3=-RD1JsGt`Ij+{LUMLbs
zyRuLr1LZg!Mbych9cpt0vO+t$eom>MV&?R@k=7kr4psgsZ8#6+bjGI7=ao_^Leden
zoKipP8O^z%%+XJIMgfURw8<LRGI^OlC+ystW~XDa%O*m5+vjvX5e9R6PL>xHU%D5E
zzU%m$zQ*CiYXI2tfNjuqSDTaVyas{|vk&hAj{}7>lJXN4-|%(+xL*~Bh|I5nMy|u=
zgm?v5Kl24euTdNw&*c?s_;)>GM%rdyj)BbkKi)p{WQJlgIV1@ujdKrQ{Au(z-fd>%
zLR!HjIt_l)Mj*HW&vUprS&uB_3k1i1ATn{=lpIq|#fcYFn@ui4GBcmH%#wXVdoIB!
z+JibCa$HU&PU}jo3)78<lwQ&3VTb9%WjLay`u~()<I~ns<=#-qtKYjyO1<W_DrR#h
z{n$5j5^(3(HzK<lt~BuYFn!!P&cA%i^2prw2A`R{rZ|+o00?*Uu<?5yJlOVOpc(QS
z6i)n(S$dAPjy_Y!Ov(1vf<l?O&|8tbIC-6KxN^tb9cD;%P*|*2=U)s>CmSxCDQ&?#
zAIzqqfN=Eg(D~}K@egh#njxCC(s!P=sL%$G==jt|K6?$0Dc76nxh0nx?NambqSf^M
zwFh{wdXGlyg7o6jE2DKmHL|{mE|9vV=h9Ty97S`veK%7@-}LKB4O~;KNK=&0Ot|LU
z|4T1Qk+0ROS?=C#D4CgZ8d$6JKe}v6Wf^pO*xghqx<=2ee$BG7@uph~MLbD$DuZ~$
z*}tY?Cg!6Z_mI=ae-`ZP|14Omk=yF_YWPDq!*_M$ZcjS)EStYrP^J4A6-T~^RL=6@
zn|zJ4*!EXh)f3C>pl~Yne#4(Nvo!C|JEB-9aF9y|^JFj&xB4nZMU&YNqH~*KSE?5#
z)PP(K6dsQquU6XF*sBa)zj4Da1@TKuNomqIX<*ZDc34Ab7k~SM!ih+SN%_kEabi<j
zP%trbc%Kf68z@Ilo_>};td+NvW{IETzgkey2TIjK=OuTEZz3h>v#W93I(_bBNWlRY
zhvs_UENJ=z#lg8FAe_G5a(Bv`y+STN(dQH!m_dLXexUf29s@{rK<o`ookN^Q;VMX3
z?hi<r1`1}6=sv;S8b?$eIa+1L${3$}0khXb$X_p2DCbkRQT`FP*8n0X=Tm^RVaQ!T
zct5FPEB&s-S6003$`G_Q36P;L6d(HQAsiT63HKf%>ldf^dTR?R`3Rxa!GfkdLu%9Z
z5zYw2Igq}X1)Y2ZA6&gH<}r$L7E}slKy?e9MIqGGB!8`QuF0Fw5>1(|pm65Z<73$m
z^}04Nf>KJH7xqUr`3;Vy;XvdD!p<gs=b))QW~sdDO~5G@be3yLw4jAgpor-S-0&9Q
zJS*<Y^>|gyP3_tAyl{kR9$Qd@Cs?v317QQiZ`=PVZ75ee4hUY}pxIK8=`j#&_%bnG
zf4U#c3w4L_wOANlBKXfuCZS4w=`8g54NCl(yaG=lyORNb^$46z>YoT{W3w4qD*RRL
zvfc*j`4rpiS84ZCM7x)kbOn#5*;xfcWKoy4tN&~pD&CpEps@(CqRP)8@|cxq(5ycz
zA4=R7?g)|o@JL@?CvXQ8E7%Nwpo#B5z2-mEgtE;6_ro=3Iq`)zK6iuKkaYuHrI#h;
zdajf*^}?sa*|3%EZqF*W*NPYWYzM&q%1*7GLszv^)urwyYn|$?SH~6pTCw@KY{0Tb
zpl7ZebmuwLgjcDEzpr`NEn0QIl8R6(pPq}nUnq`Q*sp8Dsj^7#nyp8oH3T^om3#>=
z)B4-mMyH-2hps(0;N@i}e+c4hd#LJ#4Mo31e@i4g;OUo2vFwlVQFI=&+w+n>396jK
z2hzENJHOieszIr~MIixO1Uxt0%}ZfPSWLVGf<52;_?Y>(J6&xK1baSg`Uw>7z*c?U
z9-o?2qP5x#^{~Q_k7B`VN*}Du_vUivqw`6~Vd8d@+bdWbWw}?-cd{+@;Ad|;8uto)
z-Vom(<$gNUwB-BjleSJ(YggT?g+09n@&`WO**@lP*iwd(d~V!d(U8Zf!}NrM2fGyT
z!D_aQx3Ahc^X(~u-E)^cO?s^q3%CJf9w2AHzu3VS6pAkHIl4nz8{JD#IN?tpGi`ML
z+S7~IikrT<1LaDFth6$*ap^!Ul9ghvKaowZUMtS@`)M4VUrttB1CAz$>B6Vd(n3Q<
z<;f2t;KLc*1^wj+cGcf&RX-`ICn)^!hEli~Bg~Udm15a7<z+--`nor8gu8m-;Z64@
z8Rp%3Sp<^U!{JJD-2VLJ36V@aqoTHN;iC(;(J&lGrBlF>jx$lyPIQrGmx4dB3v4be
zYszreQ2j#mUy7|wKaxqG|5n_x<TUEY^&d<k_>bDLOS<;&H}Gq7XVnHi{CSR6ps*8+
z+R))lv9h7+i%GCfX&iKcxkMbof7?2W19kdGu`BoqpR=t7@b}%uy#|X~_`1--e=xQJ
zT||X;j`NG#>re6Gmd9@yeD4Mn-rIN?)I8ij)Rqrcu^r1@-o}NJ{y~RDNnX>3XzR^;
z*NgxHe#{|hs0#(YgXO2WP?L9<QRV{4Be>D^K}9@GW%v^xtO&yVN=cdMc`pA_|4?2Q
z@z^fQj-}2h`YkT>+8#5@5g<7L4qg&kr_H*Poh8x_AN_Qp9PbfXUI9@Uh$vU8{2sOc
z=1LnZ4UYQpuC!2Zuvh#nF1XSZP)yHVMGSf!eIl$_;g9?&5v~<ZYw1SOS-}GtVOA(j
zZuI&yWEFNJn-5q}2Ds_ey{NMRFLWU%?8IwzYAmWNDc45rceFp9tnJ3a*cslElb7*K
z5n$tHy=?#B>AP`*gH=`3NF3!xcTlCcpl7e3r_~E}PWmx!<oyvk&2yt#9}%&ZyV10-
zc;4eivCvswxHBDrWH!2IgY65#3J<ESN>;lk(T%>cfcq%fKuK=o`w1QT2^^fiIgUO$
zdr$Z(Y?5hav2my9PvCHJCl{E~+27(9cj1p$9mqRxbVuHH<dro#UtILl`?%A*To7K#
zoz~?*S;w7B|3cee-6`x}h>CQl8!qVAVGzUyxZUHy+>#zQi^)nM=!gr&0vRwF2#&x#
zio9BO=ff>wB6aGE0fl!4SHAgeZ1`;V1eF(AY)OkacX|O{(?KA3wskE0*!|YDIlOG=
zo`!$lbSF3TY``lZ*w1Z){Hydka0dH-Dgu6GSwK)mEIpX_nlhOW9;BBz7oZ-@TLK8y
z{dEq9uAR?+s;44UBUA*1V|VzP7H{0UH%OEepE8+vSTL?S@dZq+PjF9Cy<sVDXR1&3
z{OW}2OnhroXJ>FSjqwoE@9Ttd(`H*eETdMVz8v`2gL1(s(qEwzeAM?VLZI{;af?%4
z=5&$_d<iqZ>3u<Ay`8^3tAC}&7fut{0#HMa3*)9jVg|M-`*;7vH75?12t*0>+NYC#
zPa&$T80>flzEEM&kI&kyGgRoi{Gzl8q<I&nb>Glim4L8;)v`1mFyT>*iO>1jslcl_
zU}$0b45T_PvuVEWq?fLe^0T-}Iy1(QU;An1aYKG-V{yq<wm`G{4<AjLHxq&4tj>TJ
zGt`mc7?8Qi78Vhs%i?U<p)WP>YoiO9tQKt21}xck;!<t;D4^zf)<t#d!s2MPy=M}p
zR^<0eID3Y<xHT}3Uc?YP1(gW@3g`kJcFe)=-+1kBy_`d_%p(VZ!bydx#)$q;uIOFO
z-7~Hz?a2aZ3yRW}ECyfwFYc5>K`Hvy(X<(y+-(<@FKQI#N65fcH-QsWEI@q~L$E1F
zF%c~m9`9uHa)-i+8rKSheKESBK(=Oo;qcm{R`MN?X4w0XgCuo#b99!?m1NV(;-V!p
zb!)Q}y4UoH)W__$LY#VWIh{nUE2KIpb4ZvMMIegNJxjQhjGLy%7=64dylC2Yqv7U5
zOJzN<zZhC}22?5IpDDA55Rfh+1Z#0z3$}{C#lj+FLS#2N))zb98`oRTNc5>O(cCbh
z_xHS|w2`U>0vW;af+<*1Pm}UWcAA-wT}V1*W@H&>G?+HoX7T6O$oV$77G>nc?^GAX
zwNTU78a7RBcplg?@QElwX&{<LVvx(eq_@@vXVVoQ;oTdouSNbgdaHP$RrRxU@lf_>
zigwcNw9d+WQcA5SyPl?uywEPAo;K-eZlpP=tVRZlG>wKZt<j=k6r2lo$yJILnqUv{
zn>MSOnw1g_?SE$4qTtX(Zm5jR-Ad6}%)6$+K(KQ@&DqYQ_tl8c5`iJ7DI@Kt>SS*~
zGNw)0QbfwI$_$uJDa{sC&PK*vZc}RJl<7@B2qDD=T87FwVd3oT0j}F8y^>lY6HBY5
zDG9j=Z#~!qpKKD?yU2J6l(EiSQD#8d?*9Ztns_4*M^Bjqrj5(?@a;5>G9}6!E^^K;
z_vvl+9Dr`Tw=WxkD)m~%m2S+Xj22&Qv<xUi-uVof=H-av#mb6)?b^BKhXHrW?@$e)
zCiTd$hJe>p5ePN$bLcsvMZ<wfDni|3(;B3?Wm@OWti1?8H_K9SCxpLYwqmHJ4jkV#
zLMA7A%-JTp%*|*PtKS$%u|WP{HL@#EteUe2Rv58fH*J;LCUv8zSXp|(wbXGTOM6T;
znd}K-MR7Hdde|F$)z#J#TsBVGn$VUQFHi~3fPsZq`q)&Nwn(i+J?X1hmI^u;d`)pk
z7I{;@XXPPr`-Yd#B@sv`KLt{62SYKvRRxN5FqAV5tss(}ZPSO`uCj0dUl?Maz=SZS
z0{snHZ0(H9NWC2m0htlA_@?>NhU^wo=Bv2Il_>%pXUb$Xhb%X;GX3d<rj4#FQc1fe
zr|uW`IMhm77y}IZQ1=+|{VHx2czEL1c7s;pnGN`UW!vE2uewI7GSt<iG_f9r9EN?u
zG_Qeg$ZyDNwH2)Fv=r!I$ZtA`C*BNRy#L<7!WX9Swi1@s{0i`m$}vVmv4U>_C<4H5
zSjpu<S?f>*`;gutzsefXF0A@OjH$dYozJIuZ9r;^$_Pv*6S74S%YU$rl1rH%%sMi9
zJ7>OnmrH+#EOHs|kiP3Pns_;+qz_869Zsf$^~82_uF5gbjDs77!z7$*!6fp#F0zq7
zUOzeoWWIi!TSerZLEie#-8;QENuwj)$wi%Bn{DN+C?|87#7VnmK38WlGP3x|xT}|b
zpWaj{eVXAYp>=KuUVhc+xSPS(dY}A|E&hflWpy_U)GebC?gm#KzJP>c__mhfxVQi5
z5pEIPIv+^?9#h*cJ-oa2!D&hSwd;j1>t=df#`*?+cvQE3j`JUjV`|}<-T85Y<43w)
z&o-bjo{QqS;5%Epb^#BPhT)laE~j7LKF2g~ylp!9%@3xp;AaAUra(#lTc!B7plrgN
z0)`-6!cz~!!PR7Q-;ga~-)+OZiq`F-`b2hV7uBO<mrm5e#d3^om&l$`z59A~?A@VH
z=bmkP_vzr(wGUOEWN=PcbIA~*w}y%(y7uuJ*e0?&4X<u+A!}F5fCRg%1{YmIkgMev
zPlqmjyxK+e?%)*})xKZ%4vdGasP43=k)<>BxN68sdwN=0)6_(Rb;8O-gQqT`X<f@<
GMg9+v(i`gl

diff --git a/package.json b/package.json
index 1f829ad9..c25cb87d 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@elysiajs/static": "^1.3.0",
     "@elysiajs/stream": "^1.1.0",
     "@elysiajs/swagger": "^1.2.0",
+    "@emotion/react": "^11.14.0",
     "@mantine/carousel": "^7.16.2",
     "@mantine/charts": "^7.17.1",
     "@mantine/core": "^7.17.4",
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
index 6f101c47..dd41c2a9 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -96,11 +95,9 @@ function EditMediaSosial() {
       py="md"
     >
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Media Sosial
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
index ae615815..b42fb69a 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
@@ -11,8 +11,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -69,11 +68,9 @@ export default function CreateMediaSosial() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Media Sosial
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx
index b5232fb9..587590b3 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Image, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Image, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -56,11 +56,9 @@ function ListMediaSosial({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Media Sosial</Title>
-          <Tooltip label="Tambah Media Sosial" withArrow>
             <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/profile/media-sosial/create')}>
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
index 9b7c4a70..25599d5b 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
@@ -3,7 +3,7 @@
 import colors from '@/con/colors';
 import {
   Alert, Box, Button, Center, Group, Image,
-  Paper, Stack, Text, TextInput, Title, Tooltip
+  Paper, Stack, Text, TextInput, Title
 } from '@mantine/core';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -177,11 +177,9 @@ function EditPejabatDesa() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
-          </Tooltip>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Pejabat Desa
           </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
index d4b44eb3..b3892f26 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -104,11 +103,9 @@ function EditProgramInovasi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Program Inovasi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
index de402dd6..2954b30a 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -70,11 +69,9 @@ function CreateProgramInovasi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Program Inovasi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx
index b34a5887..ba77436b 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx
@@ -51,8 +51,7 @@ function ListProgramInovasi({ search }: { search: string }) {
       <Paper bg={colors['white-1']} withBorder p="lg" radius="md" shadow="sm">
         <Group justify='space-between'>
           <Title order={4}>Daftar Program Inovasi</Title>
-          <Tooltip label="Tambah Program Inovasi" withArrow>
-            <Button
+          <Button
               color="blue"
               leftSection={<IconPlus size={18} />}
               variant="light"
@@ -61,7 +60,6 @@ function ListProgramInovasi({ search }: { search: string }) {
             >
               Tambah Program
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover striped verticalSpacing="sm">
diff --git a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
index 031608aa..c78246d6 100644
--- a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
@@ -1,8 +1,9 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import stateDashboardBerita from '@/app/admin/(dashboard)/_state/desa/berita';
+import NewsReader from '@/app/darmasaba/_com/NewsReader';
 import colors from '@/con/colors';
-import { Box, Center, Container, Image, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Center, Container, Group, Image, Skeleton, Stack, Text } from '@mantine/core';
 import { useParams } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -49,6 +50,9 @@ function Page() {
 
   return (
     <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
+      <Group px={{ base: "md", md: 100 }}>
+        <NewsReader />
+      </Group>
       <Container w={{ base: "100%", md: "50%" }} >
         <Box pb={20}>
           <Text ta={"center"} fz={"2.4rem"} c={colors["blue-button"]} fw={"bold"}>
@@ -67,6 +71,7 @@ function Page() {
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={"xs"}>
           <Text
+           id='news-content'
             py={20}
             fz={{ base: "sm", md: "lg" }}
             lh={{ base: 1.6, md: 1.8 }} // ✅ line-height lebih rapat dan responsif
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
index 25bf241a..82a8ccd5 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
@@ -6,6 +6,7 @@ import { useShallowEffect } from '@mantine/hooks';
 import { useParams } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../../layanan/_com/BackButto';
+import NewsReader from '@/app/darmasaba/_com/NewsReader';
 
 function Page() {
   const detail = useProxy(stateDesaPengumuman.pengumuman.findUnique)
@@ -30,6 +31,9 @@ function Page() {
         <BackButton />
       </Box>
       <Container size="lg" px="md">
+        <Group>
+          <NewsReader />
+        </Group>
         <Stack gap="xs" >
             <Group justify={"space-between"} align={"center"}>
               <Text fz={{ base: "2rem", md: "2rem" }} c={colors["blue-button"]} fw="bold" >
@@ -42,7 +46,7 @@ function Page() {
               </Group>
             </Group>
           <Paper bg={colors["white-1"]} p="md">
-            <Text fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
+            <Text id='news-content' fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
             <Text fz={"md"} c={colors["blue-button"]} fw="bold" >
               {new Date(detail.data?.createdAt).toLocaleDateString('id-ID', {
                 weekday: 'long',
diff --git a/src/app/darmasaba/(pages)/desa/profile/page.tsx b/src/app/darmasaba/(pages)/desa/profile/page.tsx
index 9103580c..bb26f571 100644
--- a/src/app/darmasaba/(pages)/desa/profile/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/page.tsx
@@ -11,6 +11,7 @@ import ProfilPerbekel from './ui/profilPerbekel';
 import MotoDesa from './ui/motoDesa';
 import SemuaPerbekel from './ui/semuaPerbekel';
 import ScrollToTopButton from '@/app/darmasaba/_com/scrollToTopButton';
+import StrukturPerangkatDesa from './struktur-perangkat-desa/page';
 
 function Page() {
   return (
@@ -33,6 +34,7 @@ function Page() {
           <LambangDesa />
           <MaskotDesa />
           <ProfilPerbekel />
+          <StrukturPerangkatDesa/>
           <MotoDesa />
           <SemuaPerbekel />
         </Stack>
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx
new file mode 100644
index 00000000..5e9f9159
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx
@@ -0,0 +1,143 @@
+'use client';
+import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
+import colors from '@/con/colors';
+import {
+  Box,
+  Divider,
+  Group,
+  Image,
+  Paper,
+  Skeleton,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useParams } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+import BackButton from '../../_com/BackButto';
+
+function DetailPegawaiUser() {
+  const statePegawai = useProxy(stateStrukturPPID.pegawai);
+  const params = useParams();
+
+  useShallowEffect(() => {
+    stateStrukturPPID.posisiOrganisasi.findMany.load();
+    statePegawai.findUnique.load(params?.id as string);
+  }, []);
+
+
+  if (!statePegawai.findUnique.data) {
+    return (
+      <Stack py="lg">
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    );
+  }
+
+  const data = statePegawai.findUnique.data;
+
+  return (
+    <Box px={{ base: 'md', md: 100 }} py="xl">
+      {/* Back button */}
+      <Group mb="lg" px={{ base: 'md', md: 100 }}>
+        <BackButton/>
+      </Group>
+
+      <Paper
+        w={{ base: '100%', md: '70%' }}
+        mx="auto"
+        p="xl"
+        radius="lg"
+        shadow="sm"
+        bg="white"
+        style={{
+          border: '1px solid #eaeaea',
+        }}
+      >
+        <Stack align="center" gap="md">
+          {/* Foto Profil */}
+          <Image
+            src={data.image?.link || '/placeholder-profile.png'}
+            alt={data.namaLengkap || 'Foto Profil'}
+            w={160}
+            h={160}
+            radius={100}
+            fit="cover"
+            style={{ border: `2px solid ${colors['blue-button']}` }}
+            loading="lazy"
+          />
+
+          {/* Nama & Jabatan */}
+          <Stack align="center" gap={2}>
+            <Title order={3} fw={700} c={colors['blue-button']}>
+              {data.namaLengkap || '-'} {data.gelarAkademik || ''}
+            </Title>
+            <Text fz="sm" c="dimmed">
+              {data.posisi?.nama || 'Posisi tidak tersedia'}
+            </Text>
+          </Stack>
+        </Stack>
+
+        <Divider my="lg" />
+
+        {/* Informasi Detail */}
+        <Stack gap="md">
+          <InfoRow label="Email" value={data.email} />
+          <InfoRow label="Telepon" value={data.telepon} />
+          <InfoRow label="Alamat" value={data.alamat} multiline />
+          <InfoRow
+            label="Tanggal Masuk"
+            value={
+              data.tanggalMasuk
+                ? new Date(data.tanggalMasuk).toLocaleDateString('id-ID', {
+                  day: '2-digit',
+                  month: 'long',
+                  year: 'numeric',
+                })
+                : '-'
+            }
+          />
+          <InfoRow
+            label="Status"
+            value={data.isActive ? 'Aktif' : 'Tidak Aktif'}
+            valueColor={data.isActive ? 'green' : 'red'}
+          />
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+/* Komponen kecil untuk menampilkan baris informasi */
+function InfoRow({
+  label,
+  value,
+  valueColor,
+  multiline = false,
+}: {
+  label: string;
+  value?: string | null;
+  valueColor?: string;
+  multiline?: boolean;
+}) {
+  return (
+    <Box>
+      <Text fz="sm" fw={600} c="dark">
+        {label}
+      </Text>
+      <Text
+        fz="sm"
+        c={valueColor || 'dimmed'}
+        style={{
+          whiteSpace: multiline ? 'normal' : 'nowrap',
+          wordBreak: 'break-word',
+        }}
+      >
+        {value || '-'}
+      </Text>
+    </Box>
+  );
+}
+
+export default DetailPegawaiUser;
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
new file mode 100644
index 00000000..5ac50922
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
@@ -0,0 +1,469 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+'use client'
+import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID'
+import ScrollToTopButton from '@/app/darmasaba/_com/scrollToTopButton'
+import colors from '@/con/colors'
+import {
+  Box,
+  Button,
+  Card,
+  Center,
+  Group,
+  Image,
+  Loader,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+  Transition
+} from '@mantine/core'
+import {
+  IconArrowsMaximize,
+  IconArrowsMinimize,
+  IconRefresh,
+  IconSearch,
+  IconUsers,
+  IconZoomIn,
+  IconZoomOut,
+} from '@tabler/icons-react'
+import { debounce } from 'lodash'
+import { useTransitionRouter } from 'next-view-transitions'
+import { OrganizationChart } from 'primereact/organizationchart'
+import { useEffect, useRef, useState } from 'react'
+import { useProxy } from 'valtio/utils'
+import './struktur.css'
+import BackButton from '../_com/BackButto'
+
+export default function StrukturPerangkatDesa() {
+  return (
+    <Box
+      style={{
+        minHeight: '100vh',
+        background: colors['Bg'],
+        color: '#E6F0FF',
+        paddingBottom: 48,
+      }}
+    >
+      <Box px={{ base: 'md', md: 100 }} py={"xl"}>
+        <BackButton />
+
+        <Stack align="center" gap="xl" mt="xl">
+          <Title
+            order={1}
+            ta="center"
+            c={colors['blue-button']}
+            fz={{ base: 28, md: 36, lg: 44 }}
+          >
+            Struktur Perangkat Desa
+          </Title>
+          <Text ta="center" c="black" maw={800}>
+            Gambaran visual peran dan pegawai yang ditugaskan. Arahkan kursor
+            untuk melihat detail atau klik node untuk fokus tampilan.
+          </Text>
+        </Stack>
+
+        <Box mt="lg">
+          <StrukturPerangkatDesaNode />
+        </Box>
+      </Box>
+
+      <ScrollToTopButton />
+    </Box>
+  )
+}
+
+function StrukturPerangkatDesaNode() {
+  const stateOrganisasi: any = useProxy(stateStrukturPPID.pegawai)
+  const router = useTransitionRouter()
+  const chartContainerRef = useRef<HTMLDivElement>(null)
+  const [scale, setScale] = useState(1)
+  const [isFullscreen, setFullscreen] = useState(false)
+  const [searchQuery, setSearchQuery] = useState('')
+
+  // debounce pencarian
+  const debouncedSearch = useRef(
+    debounce((value: string) => {
+      setSearchQuery(value)
+    }, 400)
+  ).current
+
+  useEffect(() => {
+    void stateOrganisasi.findMany.load()
+  }, [])
+
+  const isLoading =
+    !stateOrganisasi.findMany.data && stateOrganisasi.findMany.loading !== false
+
+  if (isLoading) {
+    return (
+      <Center py={48}>
+        <Stack align="center" gap="sm">
+          <Loader size="lg" />
+          <Text fw={600}>Memuat struktur organisasi…</Text>
+          <Text c="dimmed" size="sm">
+            Mengambil data pegawai dan posisi. Mohon tunggu sebentar.
+          </Text>
+        </Stack>
+      </Center>
+    )
+  }
+
+  const data = stateOrganisasi.findMany.data || []
+  if (data.length === 0) {
+    return (
+      <Center py={40}>
+        <Stack align="center" gap="md">
+          <Paper
+            radius="md"
+            p="xl"
+            style={{
+              width: 560,
+              background: 'rgba(28,110,164,0.2)',
+              border: `1px solid rgba(255,255,255,0.1)`,
+              textAlign: 'center',
+            }}
+          >
+            <Center>
+              <IconUsers size={56} />
+            </Center>
+            <Title order={3} mt="md">
+              Data pegawai belum tersedia
+            </Title>
+            <Text c="dimmed" mt="xs">
+              Belum ada data pegawai yang tercatat untuk PPID.
+            </Text>
+            <Group justify="center" mt="lg">
+              <Button
+                leftSection={<IconRefresh size={16} />}
+                variant="gradient"
+                gradient={{ from: 'indigo', to: 'cyan' }}
+                onClick={() => stateOrganisasi.findMany.load()}
+              >
+                Muat Ulang
+              </Button>
+            </Group>
+          </Paper>
+        </Stack>
+      </Center>
+    )
+  }
+
+  // 🧩 buat struktur organisasi
+  const posisiMap = new Map<string, any>()
+  const aktifPegawai = data.filter((p: any) => p.isActive)
+
+  for (const pegawai of aktifPegawai) {
+    const posisiId = pegawai.posisi.id
+    if (!posisiMap.has(posisiId)) {
+      posisiMap.set(posisiId, {
+        ...pegawai.posisi,
+        pegawaiList: [],
+        children: [],
+      })
+    }
+    posisiMap.get(posisiId)!.pegawaiList.push(pegawai)
+  }
+
+  const root: any[] = []
+  posisiMap.forEach((posisi) => {
+    if (posisi.parentId) {
+      const parent = posisiMap.get(posisi.parentId)
+      if (parent) parent.children.push(posisi)
+      else root.push(posisi)
+    } else root.push(posisi)
+  })
+
+  const toOrgChartFormat = (node: any): any => {
+    const pegawai = node.pegawaiList?.[0]
+    return {
+      expanded: true,
+      data: {
+        id: pegawai?.id,
+        name: pegawai?.namaLengkap || 'Belum Ditugaskan',
+        title: node.nama || 'Tanpa Jabatan',
+        image: pegawai?.image?.link || '/img/default.png',
+      },
+      children: node.children?.map(toOrgChartFormat) || [],
+    }
+  }
+
+  let chartData = root.map(toOrgChartFormat)
+
+  // 🔍 filter by search
+  if (searchQuery) {
+    const filterNodes = (nodes: any[]): any[] =>
+      nodes
+        .map((n) => ({
+          ...n,
+          children: filterNodes(n.children || []),
+        }))
+        .filter(
+          (n) =>
+            n.data.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+            n.data.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
+            n.children.length > 0
+        )
+    chartData = filterNodes(chartData)
+  }
+
+  // 🎬 fullscreen & zoom control
+  const toggleFullscreen = () => {
+    if (!document.fullscreenElement) {
+      chartContainerRef.current?.requestFullscreen()
+      setFullscreen(true)
+    } else {
+      document.exitFullscreen()
+      setFullscreen(false)
+    }
+  }
+
+  const handleZoomIn = () => setScale((s) => Math.min(s + 0.1, 2))
+  const handleZoomOut = () => setScale((s) => Math.max(s - 0.1, 0.5))
+  const resetZoom = () => setScale(1)
+
+  return (
+    <Stack align="center" mt="xl">
+      {/* 🔍 Controls */}
+      <Paper
+        shadow="xs"
+        p="md"
+        radius="md"
+        style={{
+          background: colors['blue-button']
+        }}
+      >
+        <Group gap="sm" wrap="wrap" justify="center">
+          <TextInput
+            placeholder="Cari nama atau jabatan..."
+            leftSection={<IconSearch size={16} />}
+            onChange={(e) => debouncedSearch(e.target.value)}
+            styles={{
+              input: {
+                minWidth: 250,
+              },
+            }}
+          />
+
+          <Group gap="xs">
+            <Button
+              variant="light"
+              bg={colors['blue-button-2']}
+              size="sm"
+              onClick={handleZoomOut}
+              leftSection={<IconZoomOut size={16} />}
+              c={colors['blue-button']}
+            >
+              Zoom Out
+            </Button>
+
+            <Box
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              px={16}
+              py={8}
+              style={{
+                fontSize: 14,
+                fontWeight: 700,
+                borderRadius: '8px',
+                minWidth: 70,
+                textAlign: 'center',
+              }}
+            >
+              {Math.round(scale * 100)}%
+            </Box>
+
+            <Button
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              variant="light"
+              size="sm"
+              onClick={handleZoomIn}
+              leftSection={<IconZoomIn size={16} />}
+            >
+              Zoom In
+            </Button>
+
+            <Button
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              variant="light"
+              size="sm"
+              onClick={resetZoom}
+            >
+              Reset
+            </Button>
+
+            <Button
+              bg={colors['blue-button-2']}
+              c={colors['blue-button']}
+              size="sm"
+              onClick={toggleFullscreen}
+              leftSection={
+                isFullscreen ? (
+                  <IconArrowsMinimize size={16} />
+                ) : (
+                  <IconArrowsMaximize size={16} />
+                )
+              }
+            >
+              Fullscreen
+            </Button>
+          </Group>
+        </Group>
+      </Paper>
+
+      {/* 🧩 Chart Container */}
+      <Center style={{ width: '100%' }}>
+        <Box
+          ref={chartContainerRef}
+          style={{
+            overflowX: 'auto',
+            overflowY: 'auto',
+            width: '100%',
+            maxWidth: '100%',
+            padding: '32px 16px',
+            transition: 'transform 0.2s ease',
+            transform: `scale(${scale})`,
+            transformOrigin: 'center top',
+          }}
+        >
+          <OrganizationChart
+            value={chartData}
+            nodeTemplate={(node) => <NodeCard node={node} router={router} />}
+            className="p-organizationchart p-organizationchart-horizontal"
+          />
+        </Box>
+      </Center>
+    </Stack>
+  )
+}
+
+function NodeCard({ node, router }: any) {
+  const imageSrc = node?.data?.image || '/img/default.png'
+  const name = node?.data?.name || 'Tanpa Nama'
+  const title = node?.data?.title || 'Tanpa Jabatan'
+  const hasId = Boolean(node?.data?.id)
+
+  return (
+    <Transition mounted transition="pop" duration={300}>
+      {(styles) => (
+        <Card
+          shadow="md"
+          radius="xl"
+          withBorder
+          style={{
+            ...styles,
+            width: 240,
+            minHeight: 280,
+            padding: 20,
+            background: 'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
+            borderColor: 'rgba(28, 110, 164, 0.3)',
+            borderWidth: 2,
+            transition: 'all 0.3s ease',
+            cursor: hasId ? 'pointer' : 'default',
+          }}
+          onMouseEnter={(e) => {
+            if (hasId) {
+              e.currentTarget.style.transform = 'translateY(-4px)'
+              e.currentTarget.style.boxShadow = '0 8px 24px rgba(28, 110, 164, 0.25)'
+            }
+          }}
+          onMouseLeave={(e) => {
+            if (hasId) {
+              e.currentTarget.style.transform = 'translateY(0)'
+              e.currentTarget.style.boxShadow = ''
+            }
+          }}
+        >
+          <Stack align="center" gap={12}>
+            {/* Photo */}
+            <Box
+              style={{
+                width: 96,
+                height: 96,
+                borderRadius: '50%',
+                overflow: 'hidden',
+                border: '3px solid rgba(28, 110, 164, 0.4)',
+                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+                background: 'white',
+              }}
+            >
+              <Image
+                src={imageSrc}
+                alt={name}
+                width={96}
+                height={96}
+                fit="cover"
+                loading="lazy"
+                style={{
+                  objectFit: 'cover',
+                }}
+              />
+            </Box>
+
+            {/* Name */}
+            <Text
+              fw={700}
+              size="sm"
+              ta="center"
+              c={colors['blue-button']}
+              lineClamp={2}
+              style={{
+                minHeight: 40,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                wordBreak: 'break-word',
+                lineHeight: 1.3,
+              }}
+            >
+              {name}
+            </Text>
+
+            {/* Title/Position */}
+            <Text
+              size="xs"
+              c="dimmed"
+              ta="center"
+              fw={500}
+              lineClamp={2}
+              style={{
+                minHeight: 32,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                wordBreak: 'break-word',
+                lineHeight: 1.2,
+              }}
+            >
+              {title}
+            </Text>
+
+            {/* Detail Button */}
+            {hasId && (
+              <Button
+                variant="gradient"
+                gradient={{ from: 'blue', to: 'cyan' }}
+                size="xs"
+                fullWidth
+                mt={8}
+                radius="md"
+                onClick={() =>
+                  router.push(`/darmasaba/desa/profile/struktur-perangkat-desa/${node.data.id}`)
+                }
+                style={{
+                  height: 32,
+                  fontWeight: 600,
+                }}
+              >
+                Lihat Detail
+              </Button>
+            )}
+          </Stack>
+        </Card>
+      )}
+    </Transition>
+  )
+}
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css
new file mode 100644
index 00000000..0f9f4fdb
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css
@@ -0,0 +1,68 @@
+/* ============================================
+   STRUKTUR ORGANISASI PPID - STYLING
+   ============================================ */
+
+/* Tabel chart selalu center */
+.p-organizationchart-table {
+    margin: 0 auto !important;
+  }
+  
+  /* Jarak vertikal antar level - lebih lega */
+  .p-organizationchart-line-down {
+    height: 32px !important;
+  }
+  
+  /* Padding di dalam node - lebih rapi */
+  .p-organizationchart-node-content {
+    padding: 0 !important;
+    background: transparent !important;
+    border: none !important;
+  }
+  
+  /* Garis connector antar node - lebih tebal dan jelas */
+  .p-organizationchart-line-down,
+  .p-organizationchart-line-left,
+  .p-organizationchart-line-right,
+  .p-organizationchart-line-top {
+    border-color: rgba(28, 110, 164, 0.4) !important;
+    border-width: 2px !important;
+  }
+  
+  /* Garis horizontal */
+  .p-organizationchart-line-left,
+  .p-organizationchart-line-right {
+    border-top-width: 2px !important;
+  }
+  
+  /* Jarak horizontal antar node - lebih proporsional */
+  .p-organizationchart-table > tbody > tr > td {
+    padding: 0 24px !important;
+    vertical-align: top !important;
+  }
+  
+  /* Node container spacing */
+  .p-organizationchart-node {
+    padding: 8px !important;
+  }
+  
+  /* Responsive adjustments */
+  @media (max-width: 768px) {
+    .p-organizationchart-table > tbody > tr > td {
+      padding: 0 12px !important;
+    }
+    
+    .p-organizationchart-line-down {
+      height: 24px !important;
+    }
+  }
+  
+  /* Smooth transitions untuk zoom */
+  .p-organizationchart {
+    transition: transform 0.2s ease;
+  }
+  
+  /* Fullscreen mode adjustments */
+  .p-organizationchart-table:fullscreen {
+    background: rgba(230, 240, 255, 0.98);
+    padding: 40px;
+  }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/musik/musik-desa/page.tsx b/src/app/darmasaba/(pages)/musik/musik-desa/page.tsx
new file mode 100644
index 00000000..7c8ee6e8
--- /dev/null
+++ b/src/app/darmasaba/(pages)/musik/musik-desa/page.tsx
@@ -0,0 +1,248 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+'use client'
+import { ActionIcon, Avatar, Badge, Box, Card, Flex, Grid, Group, Paper, Slider, Stack, Text, TextInput } from '@mantine/core';
+import { IconArrowsShuffle, IconPlayerPauseFilled, IconPlayerPlayFilled, IconPlayerSkipBackFilled, IconPlayerSkipForwardFilled, IconRepeat, IconRepeatOff, IconSearch, IconVolume, IconVolumeOff, IconX } from '@tabler/icons-react';
+import { useEffect, useState } from 'react';
+import BackButton from '../../desa/layanan/_com/BackButto';
+
+const MusicPlayer = () => {
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [currentTime, setCurrentTime] = useState(0);
+  const [duration, setDuration] = useState(245);
+  const [volume, setVolume] = useState(70);
+  const [isMuted, setIsMuted] = useState(false);
+  const [isRepeat, setIsRepeat] = useState(false);
+  const [isShuffle, setIsShuffle] = useState(false);
+
+  const songs = [
+    { id: 1, title: 'Midnight Dreams', artist: 'The Wanderers', duration: '4:05', cover: 'https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=400&h=400&fit=crop' },
+    { id: 2, title: 'Summer Breeze', artist: 'Coastal Vibes', duration: '3:42', cover: 'https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=400&h=400&fit=crop' },
+    { id: 3, title: 'City Lights', artist: 'Urban Echo', duration: '4:18', cover: 'https://images.unsplash.com/photo-1514320291840-2e0a9bf2a9ae?w=400&h=400&fit=crop' },
+    { id: 4, title: 'Ocean Waves', artist: 'Serenity Sound', duration: '5:20', cover: 'https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=400&h=400&fit=crop' },
+    { id: 5, title: 'Neon Nights', artist: 'Electric Dreams', duration: '3:55', cover: 'https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=400&h=400&fit=crop' },
+    { id: 6, title: 'Mountain High', artist: 'Peak Performers', duration: '4:32', cover: 'https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?w=400&h=400&fit=crop' }
+  ];
+
+  const [currentSong, setCurrentSong] = useState(songs[0]);
+
+  useEffect(() => {
+    let interval: any;
+    if (isPlaying) {
+      interval = setInterval(() => {
+        setCurrentTime(prev => {
+          if (prev >= duration) {
+            setIsPlaying(false);
+            return 0;
+          }
+          return prev + 1;
+        });
+      }, 1000);
+    }
+    return () => clearInterval(interval);
+  }, [isPlaying, duration]);
+
+  const formatTime = (seconds: number) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+  };
+
+  const playSong = (song: any) => {
+    setCurrentSong(song);
+    setCurrentTime(0);
+    setIsPlaying(true);
+    const durationInSeconds = parseInt(song.duration.split(':')[0]) * 60 + parseInt(song.duration.split(':')[1]);
+    setDuration(durationInSeconds);
+  };
+
+  const toggleMute = () => {
+    setIsMuted(!isMuted);
+  };
+
+  return (
+    <Box px={{ base: 'md', md: 100 }} py="xl">
+      <Paper
+        mx="auto"
+        p="xl"
+        radius="lg"
+        shadow="sm"
+        bg="white"
+        style={{
+          border: '1px solid #eaeaea',
+        }}
+      >
+        <Stack gap="md">
+          <BackButton />
+          <Group justify="space-between" mb="xl" mt={"md"}>
+            <div>
+              <Text size="32px" fw={700} c="#0B4F78">Selamat Datang Kembali</Text>
+              <Text size="md" c="#5A6C7D">Temukan musik favorit Anda hari ini</Text>
+            </div>
+            <Group gap="md">
+              <TextInput
+                placeholder="Cari lagu..."
+                leftSection={<IconSearch size={18} />}
+                radius="xl"
+                w={280}
+                styles={{ input: { backgroundColor: '#fff' } }}
+              />
+            </Group>
+          </Group>
+          <Stack gap="xl">
+            <div>
+              <Text size="xl" fw={700} c="#0B4F78" mb="md">Sedang Diputar</Text>
+              <Card radius="md" p="xl" shadow="md">
+                <Group align="center" gap="xl">
+                  <Avatar src={currentSong.cover} size={180} radius="md" />
+                  <Stack gap="md" style={{ flex: 1 }}>
+                    <div>
+                      <Text size="28px" fw={700} c="#0B4F78">{currentSong.title}</Text>
+                      <Text size="lg" c="#5A6C7D">{currentSong.artist}</Text>
+                    </div>
+                    <Group gap="xs" align="center">
+                      <Text size="xs" c="#5A6C7D" w={42}>{formatTime(currentTime)}</Text>
+                      <Slider
+                        value={currentTime}
+                        max={duration}
+                        onChange={setCurrentTime}
+                        color="#0B4F78"
+                        size="sm"
+                        style={{ flex: 1 }}
+                        styles={{ thumb: { borderWidth: 2 } }}
+                      />
+                      <Text size="xs" c="#5A6C7D" w={42}>{formatTime(duration)}</Text>
+                    </Group>
+                  </Stack>
+                </Group>
+              </Card>
+            </div>
+
+            <div>
+              <Text size="xl" fw={700} c="#0B4F78" mb="md">Daftar Putar</Text>
+              <Grid gutter="md">
+                {songs.map(song => (
+                  <Grid.Col span={{ base: 12, sm: 6, lg: 4 }} key={song.id}>
+                    <Card
+                      radius="md"
+                      p="md"
+                      shadow="sm"
+                      style={{
+                        cursor: 'pointer',
+                        border: currentSong.id === song.id ? '2px solid #0B4F78' : '2px solid transparent',
+                        transition: 'all 0.2s'
+                      }}
+                      onClick={() => playSong(song)}
+                    >
+                      <Group gap="md" align="center">
+                        <Avatar src={song.cover} size={64} radius="md" />
+                        <Stack gap={4} style={{ flex: 1, minWidth: 0 }}>
+                          <Text size="sm" fw={600} c="#0B4F78" truncate>{song.title}</Text>
+                          <Text size="xs" c="#5A6C7D">{song.artist}</Text>
+                          <Text size="xs" c="#8A9BA8">{song.duration}</Text>
+                        </Stack>
+                        {currentSong.id === song.id && isPlaying && (
+                          <Badge color="#0B4F78" variant="filled">Memutar</Badge>
+                        )}
+                      </Group>
+                    </Card>
+                  </Grid.Col>
+                ))}
+              </Grid>
+            </div>
+          </Stack>
+
+        </Stack>
+
+      </Paper>
+
+      <Paper
+        mt="xl"
+        mx="auto"
+        p="xl"
+        radius="lg"
+        shadow="sm"
+        bg="white"
+        style={{
+          border: '1px solid #eaeaea',
+        }}
+      >
+        <Flex align="center" justify="space-between" gap="xl" h="100%">
+          <Group gap="md" style={{ flex: 1 }}>
+            <Avatar src={currentSong.cover} size={56} radius="md" />
+            <div style={{ flex: 1, minWidth: 0 }}>
+              <Text size="sm" fw={600} c="#0B4F78" truncate>{currentSong.title}</Text>
+              <Text size="xs" c="#5A6C7D">{currentSong.artist}</Text>
+            </div>
+          </Group>
+
+          <Stack gap="xs" style={{ flex: 1 }} align="center">
+            <Group gap="md">
+              <ActionIcon
+                variant={isShuffle ? 'filled' : 'subtle'}
+                color="#0B4F78"
+                onClick={() => setIsShuffle(!isShuffle)}
+                radius="xl"
+              >
+                {isShuffle ? <IconArrowsShuffle size={18} /> : <IconX size={18} />}
+              </ActionIcon>
+              <ActionIcon variant="light" color="#0B4F78" size={40} radius="xl">
+                <IconPlayerSkipBackFilled size={20} />
+              </ActionIcon>
+              <ActionIcon
+                variant="filled"
+                color="#0B4F78"
+                size={56}
+                radius="xl"
+                onClick={() => setIsPlaying(!isPlaying)}
+              >
+                {isPlaying ? <IconPlayerPauseFilled size={26} /> : <IconPlayerPlayFilled size={26} />}
+              </ActionIcon>
+              <ActionIcon variant="light" color="#0B4F78" size={40} radius="xl">
+                <IconPlayerSkipForwardFilled size={20} />
+              </ActionIcon>
+              <ActionIcon
+                variant={isRepeat ? 'filled' : 'subtle'}
+                color="#0B4F78"
+                onClick={() => setIsRepeat(!isRepeat)}
+                radius="xl"
+              >
+                {isRepeat ? <IconRepeat size={18} /> : <IconRepeatOff size={18} />}
+              </ActionIcon>
+            </Group>
+            <Group gap="xs" style={{ width: '100%', maxWidth: 500 }}>
+              <Text size="xs" c="#5A6C7D" w={40} ta="right">{formatTime(currentTime)}</Text>
+              <Slider
+                value={currentTime}
+                max={duration}
+                onChange={setCurrentTime}
+                color="#0B4F78"
+                size="xs"
+                style={{ flex: 1 }}
+              />
+              <Text size="xs" c="#5A6C7D" w={40}>{formatTime(duration)}</Text>
+            </Group>
+          </Stack>
+
+          <Group gap="xs" style={{ flex: 1 }} justify="flex-end">
+            <ActionIcon variant="subtle" color="gray" onClick={toggleMute}>
+              {isMuted || volume === 0 ? <IconVolumeOff size={20} /> : <IconVolume size={20} />}
+            </ActionIcon>
+            <Slider
+              value={isMuted ? 0 : volume}
+              onChange={(val) => {
+                setVolume(val);
+                if (val > 0) setIsMuted(false);
+              }}
+              color="#0B4F78"
+              size="xs"
+              w={100}
+            />
+            <Text size="xs" c="#5A6C7D" w={32}>{isMuted ? 0 : volume}%</Text>
+          </Group>
+        </Flex>
+      </Paper>
+    </Box>
+  );
+};
+
+export default MusicPlayer;
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/NewsReader.tsx b/src/app/darmasaba/_com/NewsReader.tsx
new file mode 100644
index 00000000..3973a3d8
--- /dev/null
+++ b/src/app/darmasaba/_com/NewsReader.tsx
@@ -0,0 +1,96 @@
+'use client';
+import { Button } from '@mantine/core';
+import { useEffect, useRef, useState } from 'react';
+
+const NewsReader = () => {
+  const [isSpeaking, setIsSpeaking] = useState(false);
+  const [isAllowed, setIsAllowed] = useState(false);
+  const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);
+
+  // Fungsi untuk membaca teks
+  const speakText = () => {
+    if (typeof window === 'undefined' || !window.speechSynthesis) {
+      console.warn('Browser tidak mendukung SpeechSynthesis.');
+      return;
+    }
+
+    const contentElement = document.getElementById('news-content');
+    const rawText = contentElement?.innerText || '';
+    if (!rawText.trim()) return;
+
+    // Hentikan semua suara sebelumnya
+    window.speechSynthesis.cancel();
+
+    const utterance = new SpeechSynthesisUtterance(rawText);
+    utterance.lang = 'id-ID';
+    utterance.rate = 1;
+    utterance.pitch = 1;
+
+    utterance.onstart = () => setIsSpeaking(true);
+    utterance.onend = () => setIsSpeaking(false);
+
+    utteranceRef.current = utterance;
+
+    try {
+      window.speechSynthesis.speak(utterance);
+    } catch (err) {
+      console.warn('Autoplay gagal karena kebijakan browser:', err);
+    }
+  };
+
+  // Auto play jika sudah pernah diizinkan
+  useEffect(() => {
+    const hasPermission = localStorage.getItem('ttsAllowed') === 'true';
+    setIsAllowed(hasPermission);
+
+    if (hasPermission) {
+      const trySpeak = setInterval(() => {
+        const contentElement = document.getElementById('news-content');
+        if (contentElement && contentElement.innerText.trim()) {
+          speakText();
+          clearInterval(trySpeak);
+        }
+      }, 1000);
+      return () => clearInterval(trySpeak);
+    }
+  }, []);
+
+  // Hentikan suara saat user keluar halaman / komponen unmount
+  useEffect(() => {
+    return () => {
+      if (typeof window !== 'undefined' && window.speechSynthesis) {
+        window.speechSynthesis.cancel();
+        setIsSpeaking(false);
+      }
+    };
+  }, []);
+
+  // Handle tombol manual
+  const handleToggle = () => {
+    if (isSpeaking) {
+      window.speechSynthesis.cancel();
+      setIsSpeaking(false);
+    } else {
+      if (!isAllowed) {
+        localStorage.setItem('ttsAllowed', 'true');
+        setIsAllowed(true);
+      }
+      speakText();
+    }
+  };
+
+  return (
+    <Button
+      onClick={handleToggle}
+      color="#0B4F78"
+      variant="filled"
+      radius="xl"
+      size="md"
+      mt="md"
+    >
+      {isSpeaking ? '🔇 Hentikan Suara' : '🔊 Dengarkan Berita'}
+    </Button>
+  );
+};
+
+export default NewsReader;
diff --git a/src/app/darmasaba/_com/RunningText.tsx b/src/app/darmasaba/_com/RunningText.tsx
new file mode 100644
index 00000000..c670818e
--- /dev/null
+++ b/src/app/darmasaba/_com/RunningText.tsx
@@ -0,0 +1,185 @@
+"use client";
+
+import { Box } from "@mantine/core";
+import { IconBell } from "@tabler/icons-react";
+import { useMemo, useState, useEffect } from "react";
+
+interface RunningTextProps {
+  news?: string[];
+  speed?: number; // dalam detik (jika mau manual)
+  autoSpeed?: boolean; // otomatis sesuaikan speed dengan panjang text
+  bgColor?: string;
+  textColor?: string;
+  maxLength?: number; // max karakter per item
+}
+
+// Utility function untuk strip HTML (works on both server and client)
+function stripHtmlTags(html: string): string {
+  const text = html
+    .replace(/<style[^>]*>.*?<\/style>/gi, '')
+    .replace(/<script[^>]*>.*?<\/script>/gi, '')
+    .replace(/<[^>]+>/g, '')
+    .replace(/&nbsp;/gi, ' ')
+    .replace(/&amp;/gi, '&')
+    .replace(/&lt;/gi, '<')
+    .replace(/&gt;/gi, '>')
+    .replace(/&quot;/gi, '"')
+    .replace(/&#039;/gi, "'")
+    .replace(/&#8217;/gi, "'")
+    .replace(/&mdash;/gi, '—')
+    .replace(/&ndash;/gi, '–')
+    .replace(/\s+/g, ' ')
+    .trim();
+  
+  return text;
+}
+
+export default function RunningText({
+  news = [
+    "Selamat datang di Portal Desa Darmasaba",
+    "Jam operasional kantor: Senin - Jumat 08:00 - 17:00",
+  ],
+  speed = 20,
+  autoSpeed = true,
+  bgColor = "#1e5a7e",
+  textColor = "white",
+  maxLength = 200 // default max 200 karakter per item
+}: RunningTextProps) {
+  
+  const [isMounted, setIsMounted] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  // Process news data
+  const processedNews = useMemo(() => {
+    return news
+      .filter(item => item && item.trim() !== "")
+      .map(item => {
+        let text = stripHtmlTags(item);
+        // Limit panjang per item
+        if (text.length > maxLength) {
+          text = text.substring(0, maxLength) + "...";
+        }
+        return text;
+      })
+      .filter(item => item.length > 0);
+  }, [news, maxLength]);
+
+  const allNews = processedNews.length > 0 
+    ? processedNews.join(" • ") 
+    : "Tidak ada pengumuman";
+
+  // Hitung speed berdasarkan mode
+  const calculatedSpeed = useMemo(() => {
+    if (!autoSpeed) {
+      return speed; // Gunakan speed manual
+    }
+
+    // Auto speed: berdasarkan panjang text
+    const textLength = allNews.length;
+    
+    // Formula yang lebih natural:
+    // - Text pendek (< 100 char): 15 detik
+    // - Text sedang (100-300 char): 20-30 detik  
+    // - Text panjang (> 300 char): 30-45 detik
+    let calculatedTime;
+    
+    if (textLength < 100) {
+      calculatedTime = 15;
+    } else if (textLength < 300) {
+      calculatedTime = 15 + ((textLength - 100) / 200) * 15; // 15-30 detik
+    } else {
+      calculatedTime = 30 + Math.min(((textLength - 300) / 500) * 15, 15); // 30-45 detik max
+    }
+    
+    return Math.round(calculatedTime);
+  }, [allNews, speed, autoSpeed]);
+
+  // Prevent hydration mismatch
+  if (!isMounted) {
+    return (
+      <Box
+        style={{
+          backgroundColor: bgColor,
+          overflow: "hidden",
+          position: "relative",
+          width: "100%",
+          padding: "12px 0",
+          borderBottom: "2px solid rgba(255, 255, 255, 0.1)"
+        }}
+      >
+        <div style={{ 
+          display: "inline-flex", 
+          alignItems: "center", 
+          gap: "8px",
+          whiteSpace: "nowrap"
+        }}>
+          <IconBell size={20} color={textColor} style={{ flexShrink: 0 }} />
+          <span style={{ 
+            color: textColor, 
+            fontSize: "15px", 
+            fontWeight: 500,
+            whiteSpace: "nowrap"
+          }}>
+            Memuat pengumuman...
+          </span>
+        </div>
+      </Box>
+    );
+  }
+
+  return (
+    <Box
+      style={{
+        backgroundColor: bgColor,
+        overflow: "hidden",
+        position: "relative",
+        width: "100%",
+        padding: "12px 0",
+        borderBottom: "2px solid rgba(255, 255, 255, 0.1)"
+      }}
+    >
+      <style dangerouslySetInnerHTML={{
+        __html: `
+          @keyframes scrollText {
+            0% {
+              transform: translateX(100%);
+            }
+            100% {
+              transform: translateX(-100%);
+            }
+          }
+          
+          .running-text-wrapper {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            white-space: nowrap;
+            animation: scrollText ${calculatedSpeed}s linear infinite;
+          }
+
+          .running-text-wrapper:hover {
+            animation-play-state: paused;
+            cursor: pointer;
+          }
+
+          .running-text-content {
+            color: ${textColor};
+            font-size: 18px;
+            font-weight: 500;
+            white-space: nowrap;
+          }
+        `
+      }} />
+      
+      <div className="running-text-wrapper">
+        <IconBell size={20} color={textColor} style={{ flexShrink: 0 }} />
+        <span className="running-text-content">
+          {allNews}
+        </span>
+      </div>
+    </Box>
+  );
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index 470ecfe4..afee4f88 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -124,7 +124,7 @@ function LandingPage() {
     <Stack bg={colors.Bg} p="md" gap="lg">
       <Flex gap="lg" wrap={{ base: "wrap", md: "nowrap" }}>
         <Stack w={{ base: "100%", md: "65%" }} gap="lg">
-          <Card radius="xl" bg={colors.grey[1]} p="lg" shadow="xl">
+          <Card radius="xl" bg={colors.grey[1]} p="lg" mt={10} shadow="xl">
             <Stack gap="xl">
               <Flex gap="md" wrap="wrap">
                 <Group>
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index 3b37c8df..9997978d 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -1,3 +1,4 @@
+'use client'
 import DesaAntiKorupsi from "@/app/darmasaba/_com/main-page/desaantikorupsi";
 import Kepuasan from "@/app/darmasaba/_com/main-page/kepuasan";
 import LandingPage from "@/app/darmasaba/_com/main-page/landing-page";
@@ -6,21 +7,85 @@ import Penghargaan from "@/app/darmasaba/_com/main-page/penghargaan";
 import Potensi from "@/app/darmasaba/_com/main-page/potensi";
 import colors from "@/con/colors";
 import SDGS from "./_com/main-page/sdgs";
-// import ApiFetch from "@/lib/api-fetch";
 
 import { Box, Stack } from "@mantine/core";
 import Apbdes from "./_com/main-page/apbdes";
 import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
+import RunningText from "./_com/RunningText";
+import { useProxy } from "valtio/utils";
+import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
+import { useEffect, useMemo } from "react";
+import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
 
 
 export default function Page() {
+  const featured = useProxy(stateDashboardBerita.berita.findFirst);
+  const loadingFeatured = featured.loading;
+  const pengumuman = useProxy(stateDesaPengumuman.pengumuman.findFirst);
+  const loadingPengumuman = pengumuman.loading;
+
+  useEffect(() => {
+    if (!featured.data && !loadingFeatured) {
+      stateDashboardBerita.berita.findFirst.load();
+    }
+  }, [featured.data, loadingFeatured]);
+
+  useEffect(() => {
+    if (!pengumuman.data && !loadingPengumuman) {
+      stateDesaPengumuman.pengumuman.findFirst.load();
+    }
+  }, [pengumuman.data, loadingPengumuman]);
+
+  // Memoize news data untuk performa lebih baik
+  const newsData = useMemo(() => {
+    const items = [];
+    
+    // Tambahkan judul berita jika ada
+    if (featured.data?.judul) {
+      items.push(`📰 BERITA: ${featured.data.judul}`);
+    }
+    
+    // Tambahkan content berita (akan di-strip HTML di component)
+    if (featured.data?.content) {
+      items.push(featured.data.content);
+    }
+    
+    // Tambahkan judul pengumuman jika ada
+    if (pengumuman.data?.judul) {
+      items.push(`📢 PENGUMUMAN: ${pengumuman.data.judul}`);
+    }
+    
+    // Tambahkan content pengumuman
+    if (pengumuman.data?.content) {
+      items.push(pengumuman.data.content);
+    }
+    
+    // Jika tidak ada data, return default message
+    if (items.length === 0) {
+      return [
+        "Selamat datang di Portal Desa Darmasaba",
+        "Jam operasional kantor: Senin - Jumat 08:00 - 17:00"
+      ];
+    }
+    
+    return items;
+  }, [featured.data, pengumuman.data]);
+
   return (
     <Box>
       <Stack 
-      bg={colors.grey[1]} 
-      gap={0}
+        bg={colors.grey[1]} 
+        gap={0}
       >
+        <RunningText 
+          news={newsData}
+          autoSpeed={false}
+          maxLength={150}  // Potong text panjang
+          speed={100}       // Base speed (tidak dipakai jika autoSpeed=true)
+          bgColor="#1e5a7e"
+          textColor="white"
+        />
         <LandingPage />
         <Penghargaan />
         <Layanan />
@@ -35,4 +100,4 @@ export default function Page() {
       <ScrollToTopButton />
     </Box>
   );
-}
+}
\ No newline at end of file
diff --git a/src/con/navbar-list-menu.ts b/src/con/navbar-list-menu.ts
index f9f0455b..c9574c47 100644
--- a/src/con/navbar-list-menu.ts
+++ b/src/con/navbar-list-menu.ts
@@ -292,7 +292,8 @@ const navbarListMenu = [
                 href: "/darmasaba/lingkungan/konservasi-adat-bali"
             }
         ]
-    }, {
+    }, 
+    {
         id: "8",
         name: "Pendidikan",
         children: [
@@ -332,6 +333,17 @@ const navbarListMenu = [
                 href: "/darmasaba/pendidikan/data-pendidikan"
             }
         ]
+    },
+    {
+        id: "9",
+        name: "Musik",
+        children: [
+            {
+                id: "9.1",
+                name: "Musik Desa",
+                href: "/darmasaba/musik/musik-desa"
+            }
+        ]
     }
 ]
 
-- 
2.49.1


From f66a46f645759e938b0d5d9122497e11741f2c35 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 5 Nov 2025 14:32:38 +0800
Subject: [PATCH 06/97] QC ToolTip Admin Keano Masih di Menu Landing Page -
 Keamanan, QC Dari Darmasaba Pop Up Notifikasi

---
 .../desa/_com/layoutTabLayanan.tsx            |  28 +-
 .../desa/berita/_com/layoutTabs.tsx           |  75 ++--
 .../desa/berita/kategori-berita/[id]/page.tsx |   5 +-
 .../berita/kategori-berita/create/page.tsx    |   5 +-
 .../desa/berita/kategori-berita/page.tsx      |   9 +-
 .../berita/list-berita/[id]/edit/page.tsx     |   5 +-
 .../desa/berita/list-berita/[id]/page.tsx     |  10 +-
 .../desa/berita/list-berita/create/page.tsx   |   5 +-
 .../desa/berita/list-berita/page.tsx          |   5 +-
 .../(dashboard)/desa/gallery/foto/page.tsx    |   5 +-
 .../desa/gallery/lib/layoutTabs.tsx           |  37 +-
 .../desa/gallery/video/[id]/edit/page.tsx     |   7 +-
 .../desa/gallery/video/[id]/page.tsx          |   6 +-
 .../desa/gallery/video/create/page.tsx        |   5 +-
 .../(dashboard)/desa/gallery/video/page.tsx   |   5 +-
 .../ajukan_permohonan/[id]/edit/page.tsx      |   5 +-
 .../layanan/ajukan_permohonan/[id]/page.tsx   |   7 +-
 .../[id]/page.tsx                             |   5 +-
 .../pelayanan_penduduk_non_permanent/page.tsx |   5 +-
 .../[id]/page.tsx                             |   5 +-
 .../pelayanan_perizinan_berusaha/page.tsx     |  11 +-
 .../[id]/edit/page.tsx                        |   7 +-
 .../pelayanan_surat_keterangan/[id]/page.tsx  |   7 +-
 .../create/page.tsx                           |   5 +-
 .../pelayanan_surat_keterangan/page.tsx       |   5 +-
 .../[id]/edit/page.tsx                        |   5 +-
 .../[id]/page.tsx                             |   7 +-
 .../create/page.tsx                           |   5 +-
 .../pelayanan_telunjuk_sakti_desa/page.tsx    | 161 +--------
 .../desa/penghargaan/[id]/edit/page.tsx       |  11 +-
 .../desa/penghargaan/[id]/page.tsx            |  65 ++--
 .../desa/penghargaan/create/page.tsx          |  11 +-
 .../(dashboard)/desa/penghargaan/page.tsx     |   5 +-
 .../desa/pengumuman/_com/layoutTabs.tsx       |  35 +-
 .../kategori-pengumuman/[id]/page.tsx         |   5 +-
 .../kategori-pengumuman/create/page.tsx       |   5 +-
 .../pengumuman/kategori-pengumuman/page.tsx   |  64 ++--
 .../list-pengumuman/[id]/edit/page.tsx        |  21 +-
 .../pengumuman/list-pengumuman/[id]/page.tsx  |  15 +-
 .../list-pengumuman/create/page.tsx           |   5 +-
 .../desa/pengumuman/list-pengumuman/page.tsx  |  21 +-
 .../desa/potensi/_lib/layoutTabs.tsx          |  33 +-
 .../potensi/kategori-potensi/[id]/page.tsx    |   5 +-
 .../potensi/kategori-potensi/create/page.tsx  |   5 +-
 .../desa/potensi/kategori-potensi/page.tsx    |   8 +-
 .../potensi/list-potensi/[id]/edit/page.tsx   |   5 +-
 .../desa/potensi/list-potensi/[id]/page.tsx   |  18 +-
 .../desa/potensi/list-potensi/create/page.tsx |   5 +-
 .../desa/potensi/list-potensi/page.tsx        |   5 +-
 .../desa/profile/_lib/layoutTabsDetail.tsx    |  72 ++--
 .../profile-desa/[id]/lambang_desa/page.tsx   |  10 +-
 .../profile-desa/[id]/maskot_desa/page.tsx    |   6 +-
 .../profile-desa/[id]/sejarah_desa/page.tsx   |  10 +-
 .../profile-desa/[id]/visi_misi_desa/page.tsx |   6 +-
 .../desa/profile/profile-desa/page.tsx        |  16 +-
 .../[id]/edit/page.tsx                        |   5 +-
 .../[id]/page.tsx                             |   6 +-
 .../create/page.tsx                           |   4 +-
 .../page.tsx                                  |   4 +-
 .../profile/profile-perbekel/[id]/page.tsx    |   6 +-
 .../desa/profile/profile-perbekel/page.tsx    |   4 +-
 .../ekonomi/pasar-desa/_lib/layoutTabs.tsx    |   3 +-
 .../[id]/edit/page.tsx                        |  21 +-
 .../[id]/page.tsx                             |  56 ++-
 .../create/page.tsx                           |  21 +-
 .../page.tsx                                  |  25 +-
 .../kontak-darurat/_lib/layoutTabs.tsx        |  33 +-
 .../kontak-darurat-item/[id]/edit/page.tsx    |  11 +-
 .../kontak-darurat-item/[id]/page.tsx         |  48 ++-
 .../kontak-darurat-item/create/page.tsx       |  21 +-
 .../kontak-darurat-item/page.tsx              |  21 +-
 .../[id]/edit/page.tsx                        |  23 +-
 .../kontak-darurat-keamanan/[id]/page.tsx     |  48 ++-
 .../kontak-darurat-keamanan/create/page.tsx   |  21 +-
 .../kontak-darurat-keamanan/page.tsx          |  21 +-
 .../laporan-publik/[id]/edit/page.tsx         |  19 +-
 .../keamanan/laporan-publik/[id]/page.tsx     |  67 ++--
 .../keamanan/laporan-publik/create/page.tsx   |  11 +-
 .../keamanan/laporan-publik/page.tsx          |  33 +-
 .../[id]/edit/page.tsx                        |  21 +-
 .../pencegahan-kriminalitas/[id]/page.tsx     |  54 ++-
 .../pencegahan-kriminalitas/create/page.tsx   |   9 +-
 .../keamanan/pencegahan-kriminalitas/page.tsx |  37 +-
 .../polsek-terdekat/[id]/edit/page.tsx        |  83 +++--
 .../keamanan/polsek-terdekat/[id]/page.tsx    |  50 ++-
 .../keamanan/polsek-terdekat/create/page.tsx  |  25 +-
 .../keamanan/polsek-terdekat/page.tsx         |  29 +-
 .../keamanan/tips-keamanan/[id]/edit/page.tsx |  21 +-
 .../keamanan/tips-keamanan/[id]/page.tsx      |  52 ++-
 .../keamanan/tips-keamanan/create/page.tsx    |  11 +-
 .../keamanan/tips-keamanan/page.tsx           |  23 +-
 .../data-kesehatan-warga/_lib/layoutTabs.tsx  |  80 ++---
 .../artikel_kesehatan/[id]/edit/page.tsx      |  11 +-
 .../artikel_kesehatan/[id]/page.tsx           |  57 ++-
 .../artikel_kesehatan/create/page.tsx         |  21 +-
 .../artikel_kesehatan/page.tsx                |  21 +-
 .../fasilitas_kesehatan/[id]/edit/page.tsx    |  11 +-
 .../fasilitas_kesehatan/[id]/page.tsx         |  57 ++-
 .../fasilitas_kesehatan/create/page.tsx       |  21 +-
 .../fasilitas_kesehatan/page.tsx              |  31 +-
 .../grafik_hasil_kepuasan/[id]/edit/page.tsx  |  23 +-
 .../grafik_hasil_kepuasan/[id]/page.tsx       |  58 ++-
 .../grafik_hasil_kepuasan/create/page.tsx     |  22 +-
 .../grafik_hasil_kepuasan/page.tsx            |  29 +-
 .../jadwal_kegiatan/[id]/edit/page.tsx        |  10 +-
 .../jadwal_kegiatan/[id]/page.tsx             |  54 ++-
 .../jadwal_kegiatan/create/page.tsx           |  21 +-
 .../jadwal_kegiatan/page.tsx                  |  45 ++-
 .../kelahiran/[id]/edit/page.tsx              |  13 +-
 .../kelahiran/[id]/page.tsx                   | 236 ++++++------
 .../kelahiran/create/page.tsx                 | 199 +++++-----
 .../kelahiran/page.tsx                        | 327 +++++++++--------
 .../kematian/[id]/edit/page.tsx               |  11 +-
 .../kematian/[id]/page.tsx                    |  54 ++-
 .../kematian/create/page.tsx                  | 223 ++++++------
 .../kematian/page.tsx                         | 323 +++++++++--------
 .../info-wabah-penyakit/[id]/edit/page.tsx    |  13 +-
 .../info-wabah-penyakit/[id]/page.tsx         |  69 ++--
 .../info-wabah-penyakit/create/page.tsx       |  23 +-
 .../kesehatan/info-wabah-penyakit/page.tsx    |  21 +-
 .../kontak-darurat/[id]/edit/page.tsx         |  11 +-
 .../kesehatan/kontak-darurat/[id]/page.tsx    |  54 ++-
 .../kesehatan/kontak-darurat/create/page.tsx  |  25 +-
 .../kesehatan/kontak-darurat/page.tsx         |  21 +-
 .../penanganan-darurat/[id]/edit/page.tsx     |  11 +-
 .../penanganan-darurat/[id]/page.tsx          |  60 ++--
 .../penanganan-darurat/create/page.tsx        |  21 +-
 .../kesehatan/penanganan-darurat/page.tsx     |  25 +-
 .../kesehatan/posyandu/[id]/edit/page.tsx     |  11 +-
 .../kesehatan/posyandu/[id]/page.tsx          | 274 +++++++-------
 .../kesehatan/posyandu/create/page.tsx        | 339 +++++++++---------
 .../(dashboard)/kesehatan/posyandu/page.tsx   | 287 ++++++++-------
 .../program-kesehatan/[id]/edit/page.tsx      |  11 +-
 .../kesehatan/program-kesehatan/[id]/page.tsx |  56 ++-
 .../program-kesehatan/create/page.tsx         |  13 +-
 .../kesehatan/program-kesehatan/page.tsx      |  21 +-
 .../kesehatan/puskesmas/[id]/edit/page.tsx    |  11 +-
 .../kesehatan/puskesmas/[id]/page.tsx         |  12 +-
 .../kesehatan/puskesmas/create/page.tsx       |   5 +-
 .../(dashboard)/kesehatan/puskesmas/page.tsx  |   5 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    |  11 +-
 .../landing-page/apbdes/[id]/page.tsx         |   6 +-
 .../landing-page/apbdes/create/page.tsx       |   5 +-
 .../(dashboard)/landing-page/apbdes/page.tsx  |   4 +-
 .../desa-anti-korupsi/_lib/layouTabs.tsx      |  44 +--
 .../kategori-desa-anti-korupsi/[id]/page.tsx  |   6 +-
 .../create/page.tsx                           |   4 +-
 .../kategori-desa-anti-korupsi/page.tsx       |   8 +-
 .../list-desa-anti-korupsi/[id]/edit/page.tsx |  20 +-
 .../list-desa-anti-korupsi/[id]/page.tsx      |   6 +-
 .../list-desa-anti-korupsi/create/page.tsx    |   6 +-
 .../list-desa-anti-korupsi/page.tsx           |   4 +-
 .../_lib/layoutTab.tsx                        |  27 +-
 .../responden/[id]/edit/page.tsx              |  19 +-
 .../responden/[id]/page.tsx                   |   9 +-
 .../prestasi-desa/_lib/layoutTabs.tsx         |  33 +-
 .../kategori-prestasi-desa/[id]/page.tsx      |  10 +-
 .../kategori-prestasi-desa/create/page.tsx    |  10 +-
 .../kategori-prestasi-desa/page.tsx           |   8 +-
 .../list-prestasi-desa/[id]/edit/page.tsx     |  12 +-
 .../list-prestasi-desa/[id]/page.tsx          |   6 +-
 .../list-prestasi-desa/create/page.tsx        |   4 +-
 .../prestasi-desa/list-prestasi-desa/page.tsx |   6 +-
 .../landing-page/profile/_lib/layoutTabs.tsx  |  45 +--
 .../profile/media-sosial/[id]/page.tsx        |   6 +-
 .../profile/pejabat-desa/page.tsx             |   6 +-
 .../profile/program-inovasi/[id]/page.tsx     |   6 +-
 .../landing-page/sdgs-desa/[id]/edit/page.tsx |   7 +-
 .../landing-page/sdgs-desa/[id]/page.tsx      |   8 +-
 .../landing-page/sdgs-desa/create/page.tsx    |   4 +-
 .../landing-page/sdgs-desa/page.tsx           |   8 +-
 .../[id]/edit/page.tsx                        |   4 +-
 .../[id]/page.tsx                             |   8 +-
 .../create/page.tsx                           |   4 +-
 .../page.tsx                                  |  19 +-
 .../ppid/dasar-hukum/edit/page.tsx            |   8 +-
 .../(dashboard)/ppid/dasar-hukum/page.tsx     |   4 +-
 .../responden/[id]/edit/page.tsx              |   6 +-
 .../responden/[id]/page.tsx                   |   6 +-
 .../ppid/permohonan-informasi-publik/page.tsx |   4 +-
 .../page.tsx                                  |  12 +-
 .../(dashboard)/ppid/profile-ppid/page.tsx    |   4 +-
 .../ppid/struktur-ppid/_lib/layoutTabs.tsx    |  44 ++-
 .../struktur-ppid/pegawai/[id]/edit/page.tsx  |   5 +-
 .../ppid/struktur-ppid/pegawai/[id]/page.tsx  |   6 +-
 .../struktur-ppid/pegawai/create/page.tsx     |   4 +-
 .../ppid/struktur-ppid/pegawai/page.tsx       |   6 +-
 .../posisi-organisasi/[id]/page.tsx           |   4 +-
 .../posisi-organisasi/create/page.tsx         |   4 +-
 .../struktur-ppid/posisi-organisasi/page.tsx  |   8 +-
 .../struktur-organisasi/page.tsx              |   4 +-
 .../ppid/visi-misi-ppid/edit/page.tsx         |   4 +-
 .../(dashboard)/ppid/visi-misi-ppid/page.tsx  |   4 +-
 .../_com/ModernNeewsNotification.tsx          | 320 +++++++++++++++++
 src/app/darmasaba/page.tsx                    |  69 ++--
 195 files changed, 2819 insertions(+), 3323 deletions(-)
 create mode 100644 src/app/darmasaba/_com/ModernNeewsNotification.tsx

diff --git a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
index 4ec40e47..9d44874b 100644
--- a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
+++ b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconBuildingStore, IconFileText, IconSparkles, IconUsers, IconUsersPlus } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconFileText, IconBuildingStore, IconSparkles, IconUsers, IconUsersPlus } from '@tabler/icons-react';
 
 function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
     const router = useRouter()
@@ -14,36 +14,31 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
             label: "Pelayanan Surat Keterangan",
             value: "pelayanansuratketerangan",
             href: "/admin/desa/layanan/pelayanan_surat_keterangan",
-            icon: <IconFileText size={18} stroke={1.8} />,
-            tooltip: "Layanan terkait surat keterangan resmi desa"
+            icon: <IconFileText size={18} stroke={1.8} />
         },
         {
             label: "Pelayanan Perizinan Berusaha",
             value: "pelayananperizinanusaha",
             href: "/admin/desa/layanan/pelayanan_perizinan_berusaha",
-            icon: <IconBuildingStore size={18} stroke={1.8} />,
-            tooltip: "Layanan untuk izin usaha masyarakat"
+            icon: <IconBuildingStore size={18} stroke={1.8} />
         },
         {
             label: "Pelayanan Telunjuk Sakti Desa",
             value: "pelayanantelunjuksaktidesa",
             href: "/admin/desa/layanan/pelayanan_telunjuk_sakti_desa",
-            icon: <IconSparkles size={18} stroke={1.8} />,
-            tooltip: "Layanan inovasi khusus desa"
+            icon: <IconSparkles size={18} stroke={1.8} />
         },
         {
             label: "Pelayanan Penduduk Non-Permanent",
             value: "pelayanannonpermanent",
             href: "/admin/desa/layanan/pelayanan_penduduk_non_permanent",
-            icon: <IconUsers size={18} stroke={1.8} />,
-            tooltip: "Pendataan penduduk non-permanent"
+            icon: <IconUsers size={18} stroke={1.8} />
         },
         {
             label: "Ajukan Permohonan",
             value: "ajukanpermohonan",
             href: "/admin/desa/layanan/ajukan_permohonan",
-            icon: <IconUsersPlus size={18} stroke={1.8} />,
-            tooltip: "Ajukan permohonan"
+            icon: <IconUsersPlus size={18} stroke={1.8} />
         }
     ];
 
@@ -91,14 +86,8 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
                         }}
                     >
                         {tabs.map((tab, i) => (
-                            <Tooltip
-                                key={i}
-                                label={tab.tooltip}
-                                position="bottom"
-                                withArrow
-                                transitionProps={{ transition: 'pop', duration: 200 }}
-                            >
                                 <TabsTab
+                                key={i}
                                     value={tab.value}
                                     leftSection={tab.icon}
                                     style={{
@@ -109,7 +98,6 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
                                 >
                                     {tab.label}
                                 </TabsTab>
-                            </Tooltip>
                         ))}
                     </TabsList>
                 </ScrollArea>
diff --git a/src/app/admin/(dashboard)/desa/berita/_com/layoutTabs.tsx b/src/app/admin/(dashboard)/desa/berita/_com/layoutTabs.tsx
index d19825c5..dfd56b13 100644
--- a/src/app/admin/(dashboard)/desa/berita/_com/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/_com/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconCategory, IconNews } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconNews, IconCategory } from '@tabler/icons-react';
 
 function LayoutTabsBerita({ children }: { children: React.ReactNode }) {
     const router = useRouter();
@@ -15,15 +15,13 @@ function LayoutTabsBerita({ children }: { children: React.ReactNode }) {
             label: "List Berita",
             value: "list_berita",
             href: "/admin/desa/berita/list-berita",
-            icon: <IconNews size={18} stroke={1.8} />,
-            tooltip: "Lihat dan kelola semua berita desa"
+            icon: <IconNews size={18} stroke={1.8} />
         },
         {
             label: "Kategori Berita",
             value: "kategori_berita",
             href: "/admin/desa/berita/kategori-berita",
-            icon: <IconCategory size={18} stroke={1.8} />,
-            tooltip: "Kelola kategori berita desa"
+            icon: <IconCategory size={18} stroke={1.8} />
         },
     ];
 
@@ -71,46 +69,39 @@ function LayoutTabsBerita({ children }: { children: React.ReactNode }) {
                         }}
                     >
                         {tabs.map((tab, i) => (
-                            <Tooltip
+                            <TabsTab
                                 key={i}
-                                label={tab.tooltip}
-                                position="bottom"
-                                withArrow
-                                transitionProps={{ transition: 'pop', duration: 200 }}
+                                value={tab.value}
+                                leftSection={tab.icon}
+                                style={{
+                                    fontWeight: 600,
+                                    fontSize: "0.9rem",
+                                    transition: "all 0.2s ease",
+                                }}
                             >
-                                <TabsTab
-                                    value={tab.value}
-                                    leftSection={tab.icon}
-                                    style={{
-                                        fontWeight: 600,
-                                        fontSize: "0.9rem",
-                                        transition: "all 0.2s ease",
-                                    }}
-                                >
-                                    {tab.label}
-                                </TabsTab>
-                            </Tooltip>
+                                {tab.label}
+                            </TabsTab>
                         ))}
-                    </TabsList>
-                </ScrollArea>
+                </TabsList>
+            </ScrollArea>
 
-                {tabs.map((tab, i) => (
-                    <TabsPanel
-                        key={i}
-                        value={tab.value}
-                        style={{
-                            padding: "1.5rem",
-                            background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-                            borderRadius: "1rem",
-                            boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-                        }}
-                    >
-                        {/* Konten dummy, bisa diganti sesuai routing */}
-                        <>{children}</>
-                    </TabsPanel>
-                ))}
-            </Tabs>
-        </Stack>
+            {tabs.map((tab, i) => (
+                <TabsPanel
+                    key={i}
+                    value={tab.value}
+                    style={{
+                        padding: "1.5rem",
+                        background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
+                        borderRadius: "1rem",
+                        boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+                    }}
+                >
+                    {/* Konten dummy, bisa diganti sesuai routing */}
+                    <>{children}</>
+                </TabsPanel>
+            ))}
+        </Tabs>
+        </Stack >
     );
 }
 
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
index 4ffdd64a..14494532 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -77,7 +76,6 @@ function EditKategoriBerita() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back Button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -86,7 +84,6 @@ function EditKategoriBerita() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Berita
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
index db9e2b6a..197ae1b7 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -35,7 +34,6 @@ function CreateKategoriBerita() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan back button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -44,7 +42,6 @@ function CreateKategoriBerita() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Berita
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
index 94dc8326..391ccb48 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
@@ -17,8 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -86,7 +85,6 @@ function ListKategoriBerita({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kategori Berita</Title>
-          <Tooltip label="Tambah Kategori Berita" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -97,7 +95,6 @@ function ListKategoriBerita({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
@@ -123,7 +120,6 @@ function ListKategoriBerita({ search }: { search: string }) {
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Edit Kategori Berita" withArrow>
                         <Button
                           variant="light"
                           color="green"
@@ -135,10 +131,8 @@ function ListKategoriBerita({ search }: { search: string }) {
                         >
                           <IconEdit size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Hapus Kategori Berita" withArrow>
                         <Button
                           variant="light"
                           color="red"
@@ -150,7 +144,6 @@ function ListKategoriBerita({ search }: { search: string }) {
                         >
                           <IconTrash size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
index c34049cc..7c181f33 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
@@ -15,8 +15,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import { Dropzone } from "@mantine/dropzone";
 import {
@@ -116,7 +115,6 @@ function EditBerita() {
     <Box px={{ base: "sm", md: "lg" }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -125,7 +123,6 @@ function EditBerita() {
           >
             <IconArrowBack color={colors["blue-button"]} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Berita
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
index 2030f188..54f53634 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
@@ -1,14 +1,14 @@
 'use client'
-import { useProxy } from 'valtio/utils';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
-import colors from '@/con/colors';
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import stateDashboardBerita from '@/app/admin/(dashboard)/_state/desa/berita';
+import colors from '@/con/colors';
 
 function DetailBerita() {
   const beritaState = useProxy(stateDashboardBerita);
@@ -111,7 +111,6 @@ function DetailBerita() {
 
               {/* Action Button */}
               <Group gap="sm">
-                <Tooltip label="Hapus Berita" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -124,9 +123,7 @@ function DetailBerita() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Berita" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/desa/berita/list-berita/${data.id}/edit`)}
@@ -136,7 +133,6 @@ function DetailBerita() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
index ab176266..8789e590 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { useShallowEffect } from '@mantine/hooks';
@@ -73,7 +72,6 @@ export default function CreateBerita() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -82,7 +80,6 @@ export default function CreateBerita() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Berita
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
index 47b628d8..38bd0ffa 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconCircleDashedPlus, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
@@ -68,7 +67,6 @@ function ListBerita({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Berita</Title>
-          <Tooltip label="Tambah Berita" withArrow>
             <Button
               leftSection={<IconCircleDashedPlus size={18} />}
               color="blue"
@@ -77,7 +75,6 @@ function ListBerita({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
index 3b08fbea..ac66a2df 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { IconSearch, IconTrash, IconX } from "@tabler/icons-react";
@@ -103,7 +102,6 @@ export default function ListImage() {
                   </Box>
 
                   <Group justify="space-between" align="center" pt="xs">
-                    <Tooltip label="Hapus foto" withArrow>
                       <ActionIcon
                         variant="subtle"
                         color="red"
@@ -116,7 +114,6 @@ export default function ListImage() {
                       >
                         <IconTrash size={18} />
                       </ActionIcon>
-                    </Tooltip>
                   </Group>
                 </Stack>
               </Card>
diff --git a/src/app/admin/(dashboard)/desa/gallery/lib/layoutTabs.tsx b/src/app/admin/(dashboard)/desa/gallery/lib/layoutTabs.tsx
index 803a6884..43a029bb 100644
--- a/src/app/admin/(dashboard)/desa/gallery/lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconPhoto, IconVideo } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconPhoto, IconVideo } from '@tabler/icons-react';
 
 function LayoutTabsGallery({ children }: { children: React.ReactNode }) {
     const router = useRouter()
@@ -14,15 +14,13 @@ function LayoutTabsGallery({ children }: { children: React.ReactNode }) {
             label: "Foto",
             value: "foto",
             href: "/admin/desa/gallery/foto",
-            icon: <IconPhoto size={18} stroke={1.8} />,
-            tooltip: "Kelola foto-foto galeri desa"
+            icon: <IconPhoto size={18} stroke={1.8} />
         },
         {
             label: "Video",
             value: "video",
             href: "/admin/desa/gallery/video",
-            icon: <IconVideo size={18} stroke={1.8} />,
-            tooltip: "Kelola video galeri desa"
+            icon: <IconVideo size={18} stroke={1.8} />
         },
     ];
 
@@ -70,25 +68,18 @@ function LayoutTabsGallery({ children }: { children: React.ReactNode }) {
                         }}
                     >
                         {tabs.map((tab, i) => (
-                            <Tooltip
+                            <TabsTab
                                 key={i}
-                                label={tab.tooltip}
-                                position="bottom"
-                                withArrow
-                                transitionProps={{ transition: 'pop', duration: 200 }}
+                                value={tab.value}
+                                leftSection={tab.icon}
+                                style={{
+                                    fontWeight: 600,
+                                    fontSize: "0.9rem",
+                                    transition: "all 0.2s ease",
+                                }}
                             >
-                                <TabsTab
-                                    value={tab.value}
-                                    leftSection={tab.icon}
-                                    style={{
-                                        fontWeight: 600,
-                                        fontSize: "0.9rem",
-                                        transition: "all 0.2s ease",
-                                    }}
-                                >
-                                    {tab.label}
-                                </TabsTab>
-                            </Tooltip>
+                                {tab.label}
+                            </TabsTab>
                         ))}
                     </TabsList>
                 </ScrollArea>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
index 1b4260fd..30933f6f 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
@@ -10,12 +10,11 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import { convertYoutubeUrlToEmbed } from '../../../lib/youtube-utils';
@@ -89,7 +88,6 @@ function EditVideo() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -98,7 +96,6 @@ function EditVideo() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Video
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
index 65a579a0..598c745b 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -111,7 +111,6 @@ function DetailVideo() {
 
               {/* Tombol Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Video" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -124,9 +123,7 @@ function DetailVideo() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Video" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() =>
@@ -138,7 +135,6 @@ function DetailVideo() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
index 9badd230..6c4f5cc7 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -51,7 +50,6 @@ function CreateVideo() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header Back Button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -60,7 +58,6 @@ function CreateVideo() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Video
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
index 232204ff..384fb7d9 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -74,7 +73,6 @@ function ListVideo({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Video</Title>
-          <Tooltip label="Tambah Video Baru" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -83,7 +81,6 @@ function ListVideo({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
index bd56c1c3..ac92c919 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
@@ -10,8 +10,7 @@ import {
   Select,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -87,11 +86,9 @@ function EditAjukanPermohonan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back Button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Ajukan Permohonan
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
index 7d10ba08..c53534c0 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -121,7 +120,6 @@ function DetailAjukanPermohonan() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Surat" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -135,9 +133,7 @@ function DetailAjukanPermohonan() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Surat" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() =>
@@ -151,7 +147,6 @@ function DetailAjukanPermohonan() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
index 7f26b666..41b4027a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -83,7 +82,6 @@ function EditPelayananPendudukNonPermanent() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
             <Button
               variant="subtle"
               onClick={() => router.back()}
@@ -92,7 +90,6 @@ function EditPelayananPendudukNonPermanent() {
             >
               <IconArrowBack color={colors['blue-button']} size={24} />
             </Button>
-          </Tooltip>
           <Title order={4} ml="sm" c="dark">
             Edit Pelayanan Penduduk Non Permanent
           </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
index e5ce63bd..cfa734ca 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
@@ -11,8 +11,7 @@ import {
   Skeleton,
   Stack,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
@@ -51,7 +50,6 @@ function PelayananPendudukNonPermanent() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Data Pelayanan" withArrow>
               <Button
                 c="green"
                 variant="light"
@@ -65,7 +63,6 @@ function PelayananPendudukNonPermanent() {
               >
                 Edit
               </Button>
-            </Tooltip>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
index e8f4a8b6..a59a202a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
@@ -12,8 +12,7 @@ import {
   Skeleton,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -100,7 +99,6 @@ function EditPelayananPerizinanBerusaha() {
       <Stack gap="xs">
         {/* Header */}
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
             <Button
               variant="subtle"
               onClick={() => router.back()}
@@ -109,7 +107,6 @@ function EditPelayananPerizinanBerusaha() {
             >
               <IconArrowBack color={colors['blue-button']} size={24} />
             </Button>
-          </Tooltip>
           <Title order={4} ml="sm" c="dark">
             Edit Pelayanan Perizinan Berusaha
           </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
index 3edb28cd..a1cac551 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
@@ -16,14 +16,13 @@ import {
   StepperCompleted,
   StepperStep,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconEdit } from '@tabler/icons-react';
-import { useEffect, useState } from 'react';
-import stateLayananDesa from '../../../_state/desa/layananDesa';
-import { useProxy } from 'valtio/utils';
 import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import stateLayananDesa from '../../../_state/desa/layananDesa';
 
 function PerizinanBerusaha() {
   const router = useRouter();
@@ -85,7 +84,6 @@ function PerizinanBerusaha() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Data Perizinan" withArrow>
               <Button
                 c="green"
                 variant="light"
@@ -99,7 +97,6 @@ function PerizinanBerusaha() {
               >
                 Edit
               </Button>
-            </Tooltip>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
index 092eadcd..b245d8de 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
@@ -12,13 +12,12 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
@@ -112,11 +111,9 @@ function EditSuratKeterangan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back Button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Surat Keterangan
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
index 59d992ac..4c911ca3 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -142,7 +141,6 @@ function DetailSuratKeterangan() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Surat" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -156,9 +154,7 @@ function DetailSuratKeterangan() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Surat" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() =>
@@ -172,7 +168,6 @@ function DetailSuratKeterangan() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
index ba52a647..0ccbbb23 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -85,11 +84,9 @@ function CreateSuratKeterangan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Surat Keterangan
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
index e4948edf..2b90ada8 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
@@ -17,8 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -82,7 +81,6 @@ function ListSuratKeterangan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>List Surat Keterangan</Title>
-          <Tooltip label="Tambah Surat Keterangan" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -93,7 +91,6 @@ function ListSuratKeterangan({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
index 27b89bdb..67bd5688 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -81,11 +80,9 @@ function EditPelayananTelunjukSakti() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back Button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Pelayanan Telunjuk Sakti Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
index 04b7a37f..180534c2 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -130,7 +129,6 @@ function DetailPelayananTelunjukSakti() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Layanan" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -144,9 +142,7 @@ function DetailPelayananTelunjukSakti() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Layanan" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() =>
@@ -160,7 +156,6 @@ function DetailPelayananTelunjukSakti() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
index 2fd23ace..3ebc515f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -45,11 +44,9 @@ function CreatePelayananTelunjukDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Pelayanan Telunjuk Sakti Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
index 03752f68..b553773f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
@@ -1,159 +1,3 @@
-// /* eslint-disable react-hooks/exhaustive-deps */
-// 'use client'
-// import colors from '@/con/colors';
-// import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
-// import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
-// import { useRouter } from 'next/navigation';
-// import { useEffect, useMemo, useState } from 'react';
-// import { useProxy } from 'valtio/utils';
-// import HeaderSearch from '../../../_com/header';
-// import JudulList from '../../../_com/judulList';
-// import stateLayananDesa from '../../../_state/desa/layananDesa';
-
-// function PelayananTelunjukSakti() {
-//   const [search, setSearch] = useState("");
-//   return (
-//     <Box>
-//       <HeaderSearch
-//         title='Posisi Organisasi'
-//         placeholder='pencarian'
-//         searchIcon={<IconSearch size={20} />}
-//         value={search}
-//         onChange={(e) => setSearch(e.currentTarget.value)}
-//       />
-//       <ListPelayananTelunjukSakti search={search} />
-//     </Box>
-//   );
-// }
-
-// function ListPelayananTelunjukSakti({ search }: { search: string }) {
-//   const telunjukSaktiState = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa)
-//   const router = useRouter()
-
-//   const {
-//     data,
-//     page,
-//     totalPages,
-//     loading,
-//     load,
-//   } = telunjukSaktiState.findMany;
-
-//   useEffect(() => {
-//     load(page, 10)
-//   }, [])
-
-//   const filteredData = useMemo(() => {
-//     if (!data) return [];
-//     return data.filter(item => {
-//       const keyword = search.toLowerCase();
-//       return (
-//         item.name?.toLowerCase().includes(keyword) ||
-//         item.link?.toLowerCase().includes(keyword) ||
-//         item.deskripsi?.toLowerCase().includes(keyword)
-//       );
-//     })
-//       .sort((a, b) => a.posisi?.hierarki - b.posisi?.hierarki);
-//   }, [data, search]);
-
-//   if (loading || !data) {
-//     return (
-//       <Stack py={10}>
-//         <Skeleton height={300} />
-//       </Stack>
-//     );
-//   }
-
-//   if (data.length === 0) {
-//     return (
-//       <Box py={10}>
-//         <Paper bg={colors['white-1']} p={'md'}>
-//           <JudulList
-//             title='List Pelayanan Telunjuk Sakti Desa'
-//             href='/admin/desa/layanan/pelayanan_telunjuk_sakti_desa/create'
-//           />
-//           <Table striped withTableBorder withRowBorders>
-//             <TableThead>
-//               <TableTr>
-//                 <TableTh>Nama</TableTh>
-//                 <TableTh>Link</TableTh>
-//                 <TableTh>Detail</TableTh>
-//               </TableTr>
-//             </TableThead>
-//             <TableTbody>
-//               <TableTr>
-//                 <TableTd colSpan={3}>
-//                   <Text fz={"sm"} color="gray.5">
-//                     Tidak ada data
-//                   </Text>
-//                 </TableTd>
-//               </TableTr>
-//             </TableTbody>
-//           </Table>
-//         </Paper>
-//       </Box>
-//     );
-//   }
-
-//   return (
-//     <Box py={10}>
-//       <Paper bg={colors['white-1']} p={'md'}>
-//         <JudulList
-//           title='List Pelayanan Telunjuk Sakti Desa'
-//           href='/admin/desa/layanan/pelayanan_telunjuk_sakti_desa/create'
-//         />
-//         <Table striped withTableBorder withRowBorders>
-//           <TableThead>
-//             <TableTr>
-//               <TableTh>Nama</TableTh>
-//               <TableTh>Link</TableTh>
-//               <TableTh>Detail</TableTh>
-//             </TableTr>
-//           </TableThead>
-//           <TableTbody>
-//             {filteredData.map((item) => (
-//               <TableTr key={item.id}>
-//                 <TableTd>
-//                   <Box w={100}>
-//                     <Text truncate="end" lineClamp={1} fz={"sm"} dangerouslySetInnerHTML={{ __html: item.name }} />
-//                   </Box>
-//                 </TableTd>
-//                 <TableTd>
-//                   <Box w={100}>
-//                     <a href={item.link} target="_blank" rel="noopener noreferrer">
-//                       <Text dangerouslySetInnerHTML={{ __html: item.deskripsi }} truncate="end" fz={"sm"} />
-//                     </a>
-//                   </Box>
-//                 </TableTd>
-//                 <TableTd>
-//                   <Text>
-//                     <Button onClick={() => router.push(`/admin/desa/layanan/pelayanan_telunjuk_sakti_desa/${item.id}`)}>
-//                       <IconDeviceImac size={20} />
-//                     </Button>
-//                   </Text>
-//                 </TableTd>
-//               </TableTr>
-//             ))}
-//           </TableTbody>
-//         </Table>
-//       </Paper>
-//       <Center>
-//         <Pagination
-//           value={page}
-//           onChange={(newPage) => {
-//             load(newPage, 10);
-//             window.scrollTo(0, 0);
-//           }}
-//           total={totalPages}
-//           mt="md"
-//           mb="md"
-//         />
-//       </Center>
-//     </Box>
-//   );
-// }
-
-// export default PelayananTelunjukSakti;
-
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 
@@ -174,8 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -225,7 +68,6 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pelayanan Telunjuk Sakti</Title>
-          <Tooltip label="Tambah Layanan" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -236,7 +78,6 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover style={{ minWidth: '700px' }}>
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
index 2f68bc4e..bbf9b7d6 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -102,11 +101,9 @@ function EditPenghargaan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Tombol Back + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Penghargaan
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
index 05a5774a..fb8fb55e 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
@@ -1,9 +1,5 @@
 'use client'
-import React, { useState } from 'react';
-import penghargaanState from '../../../_state/desa/penghargaan';
-import { useProxy } from 'valtio/utils';
-import { useParams, useRouter } from 'next/navigation';
-import { useShallowEffect } from '@mantine/hooks';
+import colors from '@/con/colors';
 import {
   Box,
   Button,
@@ -12,12 +8,15 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
-import colors from '@/con/colors';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import penghargaanState from '../../../_state/desa/penghargaan';
 
 function DetailPenghargaan() {
   const statePenghargaan = useProxy(penghargaanState);
@@ -127,34 +126,30 @@ function DetailPenghargaan() {
               </Box>
 
               <Group gap="sm" mt={10}>
-                <Tooltip label="Hapus Penghargaan" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Penghargaan" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/desa/penghargaan/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/desa/penghargaan/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
index dbfb717c..e3089f6d 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -66,11 +65,9 @@ function CreatePenghargaan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Penghargaan
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
index ac4de300..40e2420b 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
@@ -18,8 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -69,7 +68,6 @@ function ListPenghargaan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>List Penghargaan</Title>
-          <Tooltip label="Tambah Penghargaan" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -78,7 +76,6 @@ function ListPenghargaan({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx b/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx
index e8702d32..3ae568ed 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconCategory, IconListDetails } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconListDetails, IconCategory } from '@tabler/icons-react';
 
 function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
     const router = useRouter()
@@ -14,15 +14,13 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
             label: "List Pengumuman",
             value: "listpengumuman",
             href: "/admin/desa/pengumuman/list-pengumuman",
-            icon: <IconListDetails size={18} stroke={1.8} />,
-            tooltip: "Lihat semua daftar pengumuman"
+            icon: <IconListDetails size={18} stroke={1.8} />
         },
         {
             label: "Kategori Pengumuman",
             value: "kategoripengumuman",
             href: "/admin/desa/pengumuman/kategori-pengumuman",
-            icon: <IconCategory size={18} stroke={1.8} />,
-            tooltip: "Kelola kategori pengumuman"
+            icon: <IconCategory size={18} stroke={1.8} />
         },
     ];
 
@@ -70,19 +68,18 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
                         }}
                     >
                         {tabs.map((tab, i) => (
-                            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-                                <TabsTab
-                                    value={tab.value}
-                                    leftSection={tab.icon}
-                                    style={{
-                                        fontWeight: 600,
-                                        fontSize: "0.9rem",
-                                        transition: "all 0.2s ease",
-                                    }}
-                                >
-                                    {tab.label}
-                                </TabsTab>
-                            </Tooltip>
+                            <TabsTab
+                                key={i}
+                                value={tab.value}
+                                leftSection={tab.icon}
+                                style={{
+                                    fontWeight: 600,
+                                    fontSize: "0.9rem",
+                                    transition: "all 0.2s ease",
+                                }}
+                            >
+                                {tab.label}
+                            </TabsTab>
                         ))}
                     </TabsList>
                 </ScrollArea>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
index c2eeb624..1ed44942 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -74,7 +73,6 @@ function EditKategoriPengumuman() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -83,7 +81,6 @@ function EditKategoriPengumuman() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Pengumuman
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
index c5e4bac0..e7515eb0 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -35,7 +34,6 @@ function CreateKategoriPengumuman() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan back button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -44,7 +42,6 @@ function CreateKategoriPengumuman() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Pengumuman
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
index 541c0cae..bbd20857 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
@@ -2,11 +2,13 @@
 'use client'
 import colors from '@/con/colors';
 import {
-  Box, Button, Center, Paper, Skeleton, Stack,
+  Box, Button, Center,
+  Pagination,
+  Paper, Skeleton, Stack,
   Table, TableTbody, TableTd, TableTh, TableThead, TableTr,
-  Text, Title, Tooltip, Pagination
+  Text, Title
 } from '@mantine/core';
-import { IconEdit, IconSearch, IconTrash, IconPlus } from '@tabler/icons-react';
+import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -66,16 +68,14 @@ function ListKategoriPengumuman({ search }: { search: string }) {
         <Stack>
           <Box style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 15 }}>
             <Title order={4}>List Kategori Pengumuman</Title>
-            <Tooltip label="Tambah Kategori Pengumuman" withArrow>
-              <Button
-                leftSection={<IconPlus size={18} />}
-                color="blue"
-                variant="light"
-                onClick={() => router.push('/admin/desa/pengumuman/kategori-pengumuman/create')}
-              >
-                Tambah Baru
-              </Button>
-            </Tooltip>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() => router.push('/admin/desa/pengumuman/kategori-pengumuman/create')}
+            >
+              Tambah Baru
+            </Button>
           </Box>
 
           <Box style={{ overflowX: 'auto' }}>
@@ -99,29 +99,25 @@ function ListKategoriPengumuman({ search }: { search: string }) {
                         <Text truncate lineClamp={1}>{item.name}</Text>
                       </TableTd>
                       <TableTd>
-                        <Tooltip label="Edit Kategori Pengumuman" withArrow>
-                          <Button
-                            variant='light'
-                            color='green'
-                            onClick={() => router.push(`/admin/desa/pengumuman/kategori-pengumuman/${item.id}`)}
-                          >
-                            <IconEdit size={20} />
-                          </Button>
-                        </Tooltip>
+                        <Button
+                          variant='light'
+                          color='green'
+                          onClick={() => router.push(`/admin/desa/pengumuman/kategori-pengumuman/${item.id}`)}
+                        >
+                          <IconEdit size={20} />
+                        </Button>
                       </TableTd>
                       <TableTd>
-                        <Tooltip label="Hapus Kategori Pengumuman" withArrow>
-                          <Button
-                            variant='light'
-                            color='red'
-                            disabled={listDataState.delete.loading}
-                            onClick={() => {
-                              setSelectedId(item.id)
-                              setModalHapus(true)
-                            }}>
-                            <IconTrash size={20} />
-                          </Button>
-                        </Tooltip>
+                        <Button
+                          variant='light'
+                          color='red'
+                          disabled={listDataState.delete.loading}
+                          onClick={() => {
+                            setSelectedId(item.id)
+                            setModalHapus(true)
+                          }}>
+                          <IconTrash size={20} />
+                        </Button>
                       </TableTd>
                     </TableTr>
                   ))
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
index 9e7a622f..086f119a 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useParams, useRouter } from "next/navigation";
@@ -85,16 +84,14 @@ function EditPengumuman() {
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Pengumuman
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
index e1847094..5484c688 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
@@ -1,5 +1,7 @@
 'use client'
 
+import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
+import stateDesaPengumuman from '@/app/admin/(dashboard)/_state/desa/pengumuman';
 import colors from '@/con/colors';
 import {
   Box,
@@ -8,16 +10,13 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
-import { useRouter, useParams } from 'next/navigation';
+import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { useShallowEffect } from '@mantine/hooks';
-import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
-import stateDesaPengumuman from '@/app/admin/(dashboard)/_state/desa/pengumuman';
 
 export default function DetailPengumuman() {
   const pengumumanState = useProxy(stateDesaPengumuman);
@@ -117,7 +116,6 @@ export default function DetailPengumuman() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Pengumuman" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -130,9 +128,7 @@ export default function DetailPengumuman() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Pengumuman" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() =>
@@ -146,7 +142,6 @@ export default function DetailPengumuman() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
index d2d62314..fe2bea16 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
@@ -47,11 +46,9 @@ function CreatePengumuman() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Pengumuman
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
index e4c819e4..358fc1c5 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
@@ -17,8 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconCircleDashedPlus, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
@@ -69,16 +68,14 @@ function ListPengumuman({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pengumuman</Title>
-          <Tooltip label="Tambah Pengumuman" withArrow>
-            <Button
-              leftSection={<IconCircleDashedPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/desa/pengumuman/list-pengumuman/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconCircleDashedPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/desa/pengumuman/list-pengumuman/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover style={{ minWidth: '700px' }}>
diff --git a/src/app/admin/(dashboard)/desa/potensi/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/desa/potensi/_lib/layoutTabs.tsx
index dc981aff..cccd64a8 100644
--- a/src/app/admin/(dashboard)/desa/potensi/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconCategory, IconListCheck } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -14,15 +14,13 @@ function LayoutTabsPotensi({ children }: { children: React.ReactNode }) {
             label: "List Potensi",
             value: "list_potensi",
             href: "/admin/desa/potensi/list-potensi",
-            icon: <IconListCheck size={18} stroke={1.8} />,
-            tooltip: "Lihat semua potensi desa"
+            icon: <IconListCheck size={18} stroke={1.8} />
         },
         {
             label: "Kategori Potensi",
             value: "kategori_potensi",
             href: "/admin/desa/potensi/kategori-potensi",
-            icon: <IconCategory size={18} stroke={1.8} />,
-            tooltip: "Kelola kategori potensi"
+            icon: <IconCategory size={18} stroke={1.8} />
         },
     ];
 
@@ -70,19 +68,18 @@ function LayoutTabsPotensi({ children }: { children: React.ReactNode }) {
                         }}
                     >
                         {tabs.map((tab, i) => (
-                            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-                                <TabsTab
-                                    value={tab.value}
-                                    leftSection={tab.icon}
-                                    style={{
-                                        fontWeight: 600,
-                                        fontSize: "0.9rem",
-                                        transition: "all 0.2s ease",
-                                    }}
-                                >
-                                    {tab.label}
-                                </TabsTab>
-                            </Tooltip>
+                            <TabsTab
+                                key={i}
+                                value={tab.value}
+                                leftSection={tab.icon}
+                                style={{
+                                    fontWeight: 600,
+                                    fontSize: "0.9rem",
+                                    transition: "all 0.2s ease",
+                                }}
+                            >
+                                {tab.label}
+                            </TabsTab>
                         ))}
                     </TabsList>
                 </ScrollArea>
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
index 16d0d951..c92b307c 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -76,7 +75,6 @@ function EditKategoriPotensi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -85,7 +83,6 @@ function EditKategoriPotensi() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Potensi
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
index 68f63d0a..19903663 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -35,7 +34,6 @@ function CreateKategoriPotensi() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan back button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -44,7 +42,6 @@ function CreateKategoriPotensi() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Potensi
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
index 3d408f8f..55e51247 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
@@ -1,14 +1,14 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip, Pagination, Group } from '@mantine/core';
-import { IconEdit, IconSearch, IconTrash, IconPlus } from '@tabler/icons-react';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
-import potensiDesaState from '../../../_state/desa/potensi';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import potensiDesaState from '../../../_state/desa/potensi';
 
 function KategoriPotensi() {
   const [search, setSearch] = useState('');
@@ -62,7 +62,6 @@ function ListKategoriPotensi({ search }: { search: string }) {
         <Stack>
           <Group justify="space-between">
             <Title order={4}>List Kategori Potensi</Title>
-            <Tooltip label="Tambah Kategori Potensi" withArrow>
               <Button
                 leftSection={<IconPlus size={18} />}
                 color="blue"
@@ -71,7 +70,6 @@ function ListKategoriPotensi({ search }: { search: string }) {
               >
                 Tambah Baru
               </Button>
-            </Tooltip>
           </Group>
 
           <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
index 68a453b3..301133e9 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
@@ -15,8 +15,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import { Dropzone } from "@mantine/dropzone";
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from "@tabler/icons-react";
@@ -122,7 +121,6 @@ function EditPotensi() {
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -131,7 +129,6 @@ function EditPotensi() {
           >
             <IconArrowBack color={colors["blue-button"]} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Potensi Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
index 73531d4e..b2e5cf17 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
@@ -1,13 +1,13 @@
 'use client'
-import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
-import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
-import { useRouter, useParams } from 'next/navigation';
-import { useState } from 'react';
-import { useProxy } from 'valtio/utils';
-import { useShallowEffect } from '@mantine/hooks';
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import potensiDesaState from '@/app/admin/(dashboard)/_state/desa/potensi';
+import colors from '@/con/colors';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 export default function DetailPotensi() {
   const router = useRouter();
@@ -108,7 +108,6 @@ export default function DetailPotensi() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Potensi" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -121,9 +120,7 @@ export default function DetailPotensi() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Potensi" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() =>
@@ -135,7 +132,6 @@ export default function DetailPotensi() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
index 6eeb29b4..ebc0879d 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -72,11 +71,9 @@ function CreatePotensi() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Potensi Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
index 0599c55b..9ee2259b 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
@@ -18,8 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -76,7 +75,6 @@ function ListPotensi({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Potensi Desa</Title>
-          <Tooltip label="Tambah Potensi" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -85,7 +83,6 @@ function ListPotensi({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover style={{ minWidth: '700px' }}>
diff --git a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx b/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx
index 7554a1c8..25771ec3 100644
--- a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconCalendar, IconUser, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconUser, IconUsers, IconCalendar } from '@tabler/icons-react';
 
 function LayoutTabsDetail({ children }: { children: React.ReactNode }) {
     const router = useRouter()
@@ -14,22 +14,19 @@ function LayoutTabsDetail({ children }: { children: React.ReactNode }) {
             label: "Profile Desa",
             value: "profiledesa",
             href: "/admin/desa/profile/profile-desa",
-            icon: <IconUser size={18} stroke={1.8} />,
-            tooltip: "Lihat dan kelola profil desa"
+            icon: <IconUser size={18} stroke={1.8} />
         },
         {
             label: "Profile Perbekel",
             value: "profileperbekel",
             href: "/admin/desa/profile/profile-perbekel",
-            icon: <IconUsers size={18} stroke={1.8} />,
-            tooltip: "Kelola data Perbekel"
+            icon: <IconUsers size={18} stroke={1.8} />
         },
         {
             label: "Profile Perbekel Dari Masa Ke Masa",
             value: "profile-perbekel-dari-masa-ke-masa",
             href: "/admin/desa/profile/profile-perbekel-dari-masa-ke-masa",
-            icon: <IconCalendar size={18} stroke={1.8} />,
-            tooltip: "Riwayat Perbekel dari masa ke masa"
+            icon: <IconCalendar size={18} stroke={1.8} />
         }
     ];
 
@@ -76,42 +73,41 @@ function LayoutTabsDetail({ children }: { children: React.ReactNode }) {
                             paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
                         }}
                     >
-                            {tabs.map((tab, i) => (
-                                <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-                                    <TabsTab
-                                        value={tab.value}
-                                        leftSection={tab.icon}
-                                        style={{
-                                            fontWeight: 600,
-                                            fontSize: "0.9rem",
-                                            transition: "all 0.2s ease",
-                                        }}
-                                    >
-                                        {tab.label}
-                                    </TabsTab>
-                                </Tooltip>
-                            ))}
-                        </TabsList>
-                        </ScrollArea>
-
                         {tabs.map((tab, i) => (
-                            <TabsPanel
+                            <TabsTab
                                 key={i}
                                 value={tab.value}
+                                leftSection={tab.icon}
                                 style={{
-                                    padding: "1.5rem",
-                                    background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-                                    borderRadius: "1rem",
-                                    boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+                                    fontWeight: 600,
+                                    fontSize: "0.9rem",
+                                    transition: "all 0.2s ease",
                                 }}
                             >
-                                {/* Konten dummy, bisa diganti sesuai routing */}
-                                <>{children}</>
-                            </TabsPanel>
+                                {tab.label}
+                            </TabsTab>
                         ))}
-                    </Tabs>
-                </Stack>
-                );
+                    </TabsList>
+                </ScrollArea>
+
+                {tabs.map((tab, i) => (
+                    <TabsPanel
+                        key={i}
+                        value={tab.value}
+                        style={{
+                            padding: "1.5rem",
+                            background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
+                            borderRadius: "1rem",
+                            boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+                        }}
+                    >
+                        {/* Konten dummy, bisa diganti sesuai routing */}
+                        <>{children}</>
+                    </TabsPanel>
+                ))}
+            </Tabs>
+        </Stack>
+    );
 }
 
-                export default LayoutTabsDetail;
+export default LayoutTabsDetail;
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
index 03660631..4aec56e8 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
@@ -3,7 +3,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Alert, Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Alert, Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconAlertCircle, IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -99,11 +99,9 @@ function Page() {
         <Box>
             <Stack gap="xs">
                 <Group mb="md">
-                    <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-                        <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-                            <IconArrowBack color={colors['blue-button']} size={24} />
-                        </Button>
-                    </Tooltip>
+                    <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+                        <IconArrowBack color={colors['blue-button']} size={24} />
+                    </Button>
                     <Title order={4} ml="sm" c="dark">Edit Lambang Desa</Title>
                 </Group>
 
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
index 8ead63e3..92829667 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
@@ -5,9 +5,9 @@ import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, SimpleGrid, Stack, Text, TextInput, Title, Tooltip, Center, Alert } from '@mantine/core';
+import { Alert, Box, Button, Center, Group, Image, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
-import { IconArrowBack, IconPhoto, IconUpload, IconX, IconAlertCircle } from '@tabler/icons-react';
+import { IconAlertCircle, IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -161,11 +161,9 @@ function Page() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
             <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
               <IconArrowBack color={colors['blue-button']} size={24} />
             </Button>
-          </Tooltip>
           <Title order={4} ml="sm" c="dark">Edit Maskot Desa</Title>
         </Group>
 
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
index c941dd4f..c30ad4d8 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
@@ -3,7 +3,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Alert, Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Alert, Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconAlertCircle, IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -100,11 +100,9 @@ function Page() {
         <Box>
             <Stack gap="xs">
                 <Group mb="md">
-                    <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-                        <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-                            <IconArrowBack color={colors['blue-button']} size={24} />
-                        </Button>
-                    </Tooltip>
+                    <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+                        <IconArrowBack color={colors['blue-button']} size={24} />
+                    </Button>
                     <Title order={4} ml="sm" c="dark">Edit Sejarah Desa</Title>
                 </Group>
 
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
index 0a06bc88..481105ad 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
@@ -3,7 +3,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Alert, Box, Button, Center, Group, Paper, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Alert, Box, Button, Center, Group, Paper, Stack, Text, Title } from '@mantine/core';
 import { IconAlertCircle, IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -100,11 +100,11 @@ function Page() {
         <Box>
             <Stack gap="xs">
                 <Group mb="md">
-                    <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
+                    <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
                         <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
                             <IconArrowBack color={colors['blue-button']} size={24} />
                         </Button>
-                    </Tooltip>
+                    </Button>
                     <Title order={4} ml="sm" c="dark">Edit Visi Misi Desa</Title>
                 </Group>
 
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
index 0dee1b80..14a4fd5b 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
@@ -1,12 +1,12 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Card, Center, Divider, Grid, GridCol, Image, Paper, SimpleGrid, Stack, Text, Title, Tooltip } from '@mantine/core';
-import { useSnapshot } from 'valtio';
-import stateProfileDesa from '../../../_state/desa/profile';
-import { useEffect } from 'react';
+import { Box, Button, Card, Center, Divider, Grid, GridCol, Image, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { useSnapshot } from 'valtio';
+import stateProfileDesa from '../../../_state/desa/profile';
 
 function Page() {
   const router = useRouter();
@@ -37,7 +37,6 @@ function Page() {
                 <Title order={3} c={colors['blue-button']}>Preview Sejarah Desa</Title>
               </GridCol>
               <GridCol span={{ base: 12, md: 1 }}>
-                <Tooltip label="Edit Sejarah Desa" withArrow>
                   <Button
                     c="green"
                     variant="light"
@@ -47,7 +46,6 @@ function Page() {
                   >
                     Edit
                   </Button>
-                </Tooltip>
               </GridCol>
             </Grid>
 
@@ -84,7 +82,6 @@ function Page() {
                 <Title order={3} c={colors['blue-button']}>Preview Visi Misi Desa</Title>
               </GridCol>
               <GridCol span={{ base: 12, md: 1 }}>
-                <Tooltip label="Edit Visi Misi Desa" withArrow>
                   <Button
                     c="green"
                     variant="light"
@@ -94,7 +91,6 @@ function Page() {
                   >
                     Edit
                   </Button>
-                </Tooltip>
               </GridCol>
             </Grid>
 
@@ -134,7 +130,6 @@ function Page() {
                 <Title order={3} c={colors['blue-button']}>Preview Lambang Desa</Title>
               </GridCol>
               <GridCol span={{ base: 12, md: 1 }}>
-                <Tooltip label="Edit Lambang Desa" withArrow>
                   <Button
                     c="green"
                     variant="light"
@@ -144,7 +139,6 @@ function Page() {
                   >
                     Edit
                   </Button>
-                </Tooltip>
               </GridCol>
             </Grid>
 
@@ -181,7 +175,6 @@ function Page() {
                 <Title order={3} c={colors['blue-button']}>Preview Maskot Desa</Title>
               </GridCol>
               <GridCol span={{ base: 12, md: 1 }}>
-                <Tooltip label="Edit Maskot Desa" withArrow>
                   <Button
                     c="green"
                     variant="light"
@@ -191,7 +184,6 @@ function Page() {
                   >
                     Edit
                   </Button>
-                </Tooltip>
               </GridCol>
             </Grid>
 
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
index 56f2c2e2..fda2ae79 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -97,11 +96,9 @@ function EditPerbekelDariMasaKeMasa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Perbekel Dari Masa Ke Masa
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx
index 048d8494..8a63f508 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -98,7 +98,6 @@ function DetailPerbekelDariMasa() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Perbekel" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -111,9 +110,7 @@ function DetailPerbekelDariMasa() {
                   >
                     <IconX size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Perbekel" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/desa/profile/profile-perbekel-dari-masa-ke-masa/${data.id}/edit`)}
@@ -123,7 +120,6 @@ function DetailPerbekelDariMasa() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
index d2c5ca5e..2f499e55 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
@@ -2,7 +2,7 @@
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -50,11 +50,9 @@ function CreatePerbekelDariMasaKeMasa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Create Perbekel Dari Masa Ke Masa
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx
index 6957d8f5..aaaac6d3 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -49,7 +49,6 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify='space-between' mb="md">
           <Title order={4}>List Perbekel Dari Masa Ke Masa</Title>
-          <Tooltip label="Tambah Perbekel Baru" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -58,7 +57,6 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
 
         <Box style={{ overflowX: "auto" }}>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
index 43eefc8a..771e3f37 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
@@ -4,9 +4,9 @@ import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Center, Group, Image, Paper, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Image, Paper, Stack, Text, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
-import { IconArrowBack, IconPhoto, IconUpload, IconX, IconImageInPicture } from '@tabler/icons-react';
+import { IconArrowBack, IconImageInPicture, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -101,11 +101,9 @@ function ProfilePerbekel() {
       <Stack gap="xs">
         {/* Header */}
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
             <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
               <IconArrowBack color={colors['blue-button']} size={24} />
             </Button>
-          </Tooltip>
           <Title order={4} ml="sm" c="dark">
             Edit Profil Perbekel
           </Title>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
index 73da958e..2d2ddf4a 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -36,7 +36,6 @@ function Page() {
             <Title order={3} c={colors['blue-button']}>Preview Profil PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Profil Perbekel" withArrow>
               <Button
                 c="green"
                 variant="light"
@@ -46,7 +45,6 @@ function Page() {
               >
                 Edit
               </Button>
-            </Tooltip>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
index 6c4e5e2e..98809ce9 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
@@ -24,8 +24,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Produk Pasar Desa",
       value: "produkpasardesa",
       href: "/admin/ekonomi/pasar-desa/produk-pasar-desa",
-      icon: <IconShoppingBag size={18} stroke={1.8} />,
-      tooltip: "Kelola data produk yang ada di pasar desa",
+      icon: <IconShoppingBag size={18} stroke={1.8} />
     },
     {
       label: "Kategori Produk",
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
index c1a7d88e..af3209fd 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import {
   IconArrowBack,
@@ -116,16 +115,14 @@ function EditKeamananLingkungan() {
     <Box px={{ base: "sm", md: "lg" }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Keamanan Lingkungan
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
index 1ce73db9..55b8629b 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import { useProxy } from 'valtio/utils';
 
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -93,36 +93,32 @@ function DetailKeamananLingkungan() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(
-                        `/admin/keamanan/keamanan-lingkungan-pecalang-patwal/${data.id}/edit`
-                      )
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/keamanan/keamanan-lingkungan-pecalang-patwal/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
index 4ff05394..e5d799d7 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import {
@@ -71,16 +70,14 @@ function CreateKeamananLingkungan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Keamanan Lingkungan
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index 8fde1a33..e9791329 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -78,18 +77,16 @@ function ListKeamananLingkungan({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Keamanan Lingkungan</Title>
-          <Tooltip label="Tambah Data Keamanan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/keamanan/keamanan-lingkungan-pecalang-patwal/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/keamanan/keamanan-lingkungan-pecalang-patwal/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx
index 17c298f4..fe7c756e 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconPhone, IconTag } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -15,15 +15,13 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Kontak Darurat Keamanan",
       value: "kontak-darurat-keamanan",
       href: "/admin/keamanan/kontak-darurat/kontak-darurat-keamanan",
-      icon: <IconPhone size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola kontak darurat keamanan",
+      icon: <IconPhone size={18} stroke={1.8} />
     },
     {
       label: "Kontak Darurat Item",
       value: "kontak-darurat-item",
       href: "/admin/keamanan/kontak-darurat/kontak-darurat-item",
-      icon: <IconTag size={18} stroke={1.8} />,
-      tooltip: "Kelola data kontak darurat item",
+      icon: <IconTag size={18} stroke={1.8} />
     }
   ];
 
@@ -73,19 +71,18 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+              <TabsTab
+                key={i}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
+              >
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
index 270ff1b4..79f0da80 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -86,11 +85,9 @@ function EditKontakItem() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kontak Darurat Item
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx
index 93c858cd..5ca14f61 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx
@@ -3,7 +3,7 @@ import { IconKey, IconMapper } from '@/app/admin/(dashboard)/_com/iconMap';
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import kontakDarurat from '@/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -92,32 +92,28 @@ function DetailKontakDarurat() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/keamanan/kontak-darurat/kontak-darurat-item/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/keamanan/kontak-darurat/kontak-darurat-item/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
index 3b962470..b4cc93f5 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -38,16 +37,14 @@ function CreateKontakItem() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kontak Darurat Item
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
index dab73629..52f19b7c 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -79,16 +78,14 @@ function ListKontakItem({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kontak Darurat Item</Title>
-          <Tooltip label="Tambah Kontak Item" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/keamanan/kontak-darurat/kontak-darurat-item/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/keamanan/kontak-darurat/kontak-darurat-item/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
index 7492194c..a522c3c7 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useParams, useRouter } from "next/navigation";
@@ -42,7 +41,7 @@ function EditKontakDaruratKeamanan() {
       try {
         setIsLoading(true);
         await kontakDarurat.kontakDaruratItem.findMany.load();
-    
+
         const id = params?.id as string;
         if (id) {
           const data = await kontakState.update.load(id);
@@ -88,16 +87,14 @@ function EditKontakDaruratKeamanan() {
     <Box px={{ base: "sm", md: "lg" }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kontak Darurat Keamanan
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx
index c25192d5..10fb1461 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx
@@ -3,7 +3,7 @@ import { IconKey, IconMapper } from '@/app/admin/(dashboard)/_com/iconMap';
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import kontakDarurat from '@/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -108,32 +108,28 @@ function DetailKontakDaruratKeamanan() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/keamanan/kontak-darurat/kontak-darurat-keamanan/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/keamanan/kontak-darurat/kontak-darurat-keamanan/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
index afdbd448..3c4bc1ad 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
@@ -11,8 +11,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
@@ -45,16 +44,14 @@ function CreateKontakDaruratKeamanan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kontak Darurat Keamanan
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
index a5b6239e..cecb0841 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -79,16 +78,14 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kontak Darurat Keamanan</Title>
-          <Tooltip label="Tambah Kontak Darurat Keamanan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/keamanan/kontak-darurat/kontak-darurat-keamanan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/keamanan/kontak-darurat/kontak-darurat-keamanan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
index c01627df..c2772a32 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { DateTimePicker } from '@mantine/dates';
 import { IconArrowBack } from '@tabler/icons-react';
@@ -49,7 +48,7 @@ function EditLaporanPublik() {
     const loadLaporanPublik = async () => {
       const id = params?.id as string;
       if (!id) return;
-  
+
       try {
         const data = await stateLaporan.edit.load(id);
         if (data) {
@@ -67,11 +66,11 @@ function EditLaporanPublik() {
         toast.error("Gagal mengambil data laporan publik");
       }
     };
-  
+
     loadLaporanPublik();
   }, [params?.id]);
-  
-  
+
+
 
   const handleChange = (field: string, value: string | Status) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
@@ -97,11 +96,9 @@ function EditLaporanPublik() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Laporan Publik
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
index b5f83ee9..2a6ac687 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
@@ -7,16 +7,15 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import laporanPublikState from '../../../_state/keamanan/laporan-publik';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import laporanPublikState from '../../../_state/keamanan/laporan-publik';
 
 function DetailLaporanPublik() {
   const [modalHapus, setModalHapus] = useState(false);
@@ -102,12 +101,12 @@ function DetailLaporanPublik() {
                     padding: '4px 12px',
                     borderRadius: '16px',
                     backgroundColor:
-                     data.status === 'Selesai' ? '#94EF95FF' :
-                       data.status === 'Proses' ? '#F1D295FF' :
+                      data.status === 'Selesai' ? '#94EF95FF' :
+                        data.status === 'Proses' ? '#F1D295FF' :
                           '#F38E8EFF',
                     color:
-                     data.status === 'Selesai' ? '#01BA01FF' :
-                       data.status === 'Proses' ? '#B67A00FF' :
+                      data.status === 'Selesai' ? '#01BA01FF' :
+                        data.status === 'Proses' ? '#B67A00FF' :
                           '#AE1700FF',
                     fontWeight: 900,
                     fontSize: '0.75rem',
@@ -146,35 +145,31 @@ function DetailLaporanPublik() {
 
               {/* Tombol Aksi */}
               <Group gap="sm" mt="sm">
-                <Tooltip label="Hapus Laporan Publik" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={stateLaporan.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={stateLaporan.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Laporan Publik" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/keamanan/laporan-publik/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/keamanan/laporan-publik/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
index 994af691..bbe1037a 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { DateTimePicker } from '@mantine/dates';
 import { IconArrowBack } from '@tabler/icons-react';
@@ -42,11 +41,9 @@ function CreateLaporanPublik() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header with Back Button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Laporan Publik
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
index 68b5d055..e317592c 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
@@ -5,8 +5,8 @@ import {
   Button,
   Center,
   Group,
-  Paper,
   Pagination,
+  Paper,
   Skeleton,
   Stack,
   Table,
@@ -16,16 +16,15 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
-import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
-import HeaderSearch from '../../_com/header';
-import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import laporanPublikState from '../../_state/keamanan/laporan-publik';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../_com/header';
+import laporanPublikState from '../../_state/keamanan/laporan-publik';
 
 function LaporanPublik() {
   const [search, setSearch] = useState("");
@@ -74,16 +73,14 @@ function ListLaporanPublik({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Laporan Publik</Title>
-          <Tooltip label="Tambah Laporan Publik" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/keamanan/laporan-publik/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/keamanan/laporan-publik/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
index de2e39aa..44e9f527 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -96,16 +95,14 @@ function EditPencegahanKriminalitas() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Pencegahan Kriminalitas
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
index 46ffedf0..6dfdfcb0 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
@@ -1,10 +1,10 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Flex, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
-import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
-import { useRouter, useParams } from 'next/navigation';
-import { useState } from 'react';
+import { Box, Button, Flex, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import pencegahanKriminalitasState from '../../../_state/keamanan/pencegahan-kriminalitas';
@@ -108,32 +108,28 @@ function DetailPencegahanKriminalitas() {
 
               {/* Tombol Aksi */}
               <Flex gap="sm" mt="sm">
-                <Tooltip label="Hapus" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/keamanan/pencegahan-kriminalitas/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/keamanan/pencegahan-kriminalitas/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Flex>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
index 89b189fc..39711915 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
@@ -9,17 +9,16 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import pencegahanKriminalitasState from '../../../_state/keamanan/pencegahan-kriminalitas';
-import { useState } from 'react';
 import { convertYoutubeUrlToEmbed } from '../../../desa/gallery/lib/youtube-utils';
-import { toast } from 'react-toastify';
 
 function CreatePencegahanKriminalitas() {
   const router = useRouter();
@@ -53,7 +52,6 @@ function CreatePencegahanKriminalitas() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header Back Button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -62,7 +60,6 @@ function CreatePencegahanKriminalitas() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Pencegahan Kriminalitas
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
index be9eefc9..6bea17ac 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
@@ -16,16 +16,15 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
-import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
-import HeaderSearch from '../../_com/header';
-import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import pencegahanKriminalitasState from '../../_state/keamanan/pencegahan-kriminalitas';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../_com/header';
+import pencegahanKriminalitasState from '../../_state/keamanan/pencegahan-kriminalitas';
 
 function PencegahanKriminalitas() {
   const [search, setSearch] = useState("");
@@ -77,16 +76,14 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pencegahan Kriminalitas</Title>
-          <Tooltip label="Tambah Program Pencegahan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/keamanan/pencegahan-kriminalitas/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/keamanan/pencegahan-kriminalitas/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
@@ -106,9 +103,9 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
                   <TableTr key={item.id}>
                     <TableTd>
                       <Box w={200}>
-                       <Text fw={500} truncate="end" lineClamp={1}>
-                        {item.judul}
-                      </Text>
+                        <Text fw={500} truncate="end" lineClamp={1}>
+                          {item.judul}
+                        </Text>
                       </Box>
                     </TableTd>
                     <TableTd>
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
index bf826e3d..a07fbb11 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
+import polsekTerdekat from "@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat";
 import colors from "@/con/colors";
 import {
   Box,
@@ -14,15 +15,13 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useParams, useRouter } from "next/navigation";
-import { useProxy } from "valtio/utils";
 import { useEffect, useState } from "react";
 import { toast } from "react-toastify";
-import polsekTerdekat from "@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat";
+import { useProxy } from "valtio/utils";
 
 function EditPolsekTerdekat() {
   const polsekState = useProxy(polsekTerdekat);
@@ -52,36 +51,36 @@ function EditPolsekTerdekat() {
     layananPolsekId: "",
   });
 
-    // load data untuk form edit
-    useEffect(() => {
-      const loadPolsekTerdekat = async () => {
-        const id = params?.id as string;
-        if (!id) return;
-  
-        try {
-          const data = await polsekState.edit.load(id);
-          if (data) {
-            setFormData({
-              nama: data.nama || "",
-              jarakKeDesa: data.jarakKeDesa || "",
-              alamat: data.alamat || "",
-              nomorTelepon: data.nomorTelepon || "",
-              jamOperasional: data.jamOperasional || "",
-              embedMapUrl: data.embedMapUrl || "",
-              namaTempatMaps: data.namaTempatMaps || "",
-              alamatMaps: data.alamatMaps || "",
-              linkPetunjukArah: data.linkPetunjukArah || "",
-              layananPolsekId: data.layananPolsekId || "",
-            });
-          }
-        } catch (error) {
-          console.error("Error loading polsek terdekat:", error);
-          toast.error("Gagal memuat data polsek terdekat");
+  // load data untuk form edit
+  useEffect(() => {
+    const loadPolsekTerdekat = async () => {
+      const id = params?.id as string;
+      if (!id) return;
+
+      try {
+        const data = await polsekState.edit.load(id);
+        if (data) {
+          setFormData({
+            nama: data.nama || "",
+            jarakKeDesa: data.jarakKeDesa || "",
+            alamat: data.alamat || "",
+            nomorTelepon: data.nomorTelepon || "",
+            jamOperasional: data.jamOperasional || "",
+            embedMapUrl: data.embedMapUrl || "",
+            namaTempatMaps: data.namaTempatMaps || "",
+            alamatMaps: data.alamatMaps || "",
+            linkPetunjukArah: data.linkPetunjukArah || "",
+            layananPolsekId: data.layananPolsekId || "",
+          });
         }
-      };
-  
-      loadPolsekTerdekat();
-    }, [params?.id]);
+      } catch (error) {
+        console.error("Error loading polsek terdekat:", error);
+        toast.error("Gagal memuat data polsek terdekat");
+      }
+    };
+
+    loadPolsekTerdekat();
+  }, [params?.id]);
 
   const fetchLayanan = async () => {
     try {
@@ -248,16 +247,14 @@ function EditPolsekTerdekat() {
 
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Polsek Terdekat
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
index 8cc1ec2a..6cbd7aba 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
@@ -1,13 +1,13 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
 
 function DetailPolsekTerdekat() {
   const router = useRouter();
@@ -157,32 +157,28 @@ function DetailPolsekTerdekat() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
index 1db2d012..7ffcab93 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
@@ -11,15 +11,14 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
 
 function CreatePolsekTerdekat() {
   const polsekState = useProxy(polsekTerdekat);
@@ -122,16 +121,14 @@ function CreatePolsekTerdekat() {
 
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Polsek Terdekat
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
index 22aa1d19..721847d1 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -76,16 +75,14 @@ function ListPolsekTerdekat({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Polsek Terdekat</Title>
-          <Tooltip label="Tambah Polsek" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/keamanan/polsek-terdekat/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/keamanan/polsek-terdekat/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: "auto" }}>
@@ -110,11 +107,11 @@ function ListPolsekTerdekat({ search }: { search: string }) {
                       </Box>
                     </TableTd>
                     <TableTd>{item.jarakKeDesa}</TableTd>
-                      <TableTd>
-                    <Box w={150}>
+                    <TableTd>
+                      <Box w={150}>
                         <Text truncate="end" lineClamp={1}>{item.alamat}</Text>
-                    </Box>
-                      </TableTd>
+                      </Box>
+                    </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
index 2de3db48..cc44dc55 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
@@ -9,8 +9,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import {
   IconArrowBack,
@@ -105,16 +104,14 @@ function EditTipsKeamanan() {
     <Box px={{ base: "sm", md: "lg" }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Tips Keamanan
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
index 61bb32c9..a241a76d 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { useProxy } from 'valtio/utils';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 import colors from '@/con/colors';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
@@ -99,33 +99,29 @@ function DetailTipsKeamanan() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Tips Keamanan" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={stateKeamanan.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={stateKeamanan.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Tips Keamanan" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/keamanan/tips-keamanan/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/keamanan/tips-keamanan/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
index 6f82636a..13ecc9bb 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -66,11 +65,9 @@ function CreateKeamananLingkungan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header Back + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Tips Keamanan
         </Title>
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
index 7305d94c..fe6aeef8 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
@@ -16,14 +16,13 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import tipsKeamananState from '../../_state/keamanan/tips-keamanan';
 
@@ -74,16 +73,14 @@ function ListTipsKeamanan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Tips Keamanan</Title>
-          <Tooltip label="Tambah Tips Keamanan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/keamanan/tips-keamanan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/keamanan/tips-keamanan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
index 8bcb314a..0125ef2e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconActivity, IconBuildingHospital, IconCalendarEvent, IconGauge, IconNotes } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -17,36 +17,31 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Presentase Kelahiran & Kematian",
       value: "presentasekelahiran&kematian",
       href: "/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian",
-      icon: <IconActivity size={18} stroke={1.8} />,
-      tooltip: "Lihat data kelahiran dan kematian"
+      icon: <IconActivity size={18} stroke={1.8} />
     },
     {
       label: "Grafik Hasil Kepuasan Masyarakat",
       value: "grafikhasilkepuasan",
       href: "/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan",
-      icon: <IconGauge size={18} stroke={1.8} />,
-      tooltip: "Grafik kepuasan masyarakat terhadap pelayanan"
+      icon: <IconGauge size={18} stroke={1.8} />
     },
     {
       label: "Fasilitas Kesehatan",
       value: "fasilitaskesehatan",
       href: "/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan",
-      icon: <IconBuildingHospital size={18} stroke={1.8} />,
-      tooltip: "Data fasilitas kesehatan desa"
+      icon: <IconBuildingHospital size={18} stroke={1.8} />
     },
     {
       label: "Jadwal Kegiatan",
       value: "jadwalkegiatan",
       href: "/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan",
-      icon: <IconCalendarEvent size={18} stroke={1.8} />,
-      tooltip: "Atur jadwal kegiatan kesehatan"
+      icon: <IconCalendarEvent size={18} stroke={1.8} />
     },
     {
       label: "Artikel Kesehatan",
       value: "artikelkesehatan",
       href: "/admin/kesehatan/data-kesehatan-warga/artikel_kesehatan",
-      icon: <IconNotes size={18} stroke={1.8} />,
-      tooltip: "Artikel & informasi seputar kesehatan"
+      icon: <IconNotes size={18} stroke={1.8} />
     },
   ];
 
@@ -100,46 +95,39 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
-          </TabsList>
-        </ScrollArea>
+        </TabsList>
+      </ScrollArea>
 
 
-        {tabs.map((tab, i) => (
-          <TabsPanel
-            key={i}
-            value={tab.value}
-            style={{
-              padding: "1.5rem",
-              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-              borderRadius: "1rem",
-              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-            }}
-          >
-            {children}
-          </TabsPanel>
-        ))}
-      </Tabs>
-    </Stack>
+      {tabs.map((tab, i) => (
+        <TabsPanel
+          key={i}
+          value={tab.value}
+          style={{
+            padding: "1.5rem",
+            background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
+            borderRadius: "1rem",
+            boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+          }}
+        >
+          {children}
+        </TabsPanel>
+      ))}
+    </Tabs>
+    </Stack >
   );
 }
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
index 227c8c1f..3393a626 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -151,11 +150,9 @@ function EditArtikelKesehatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Artikel Kesehatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
index e03b527f..10940912 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -158,36 +157,32 @@ function DetailArtikelKesehatan() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Artikel" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Artikel" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(
-                        `/admin/kesehatan/data-kesehatan-warga/artikel_kesehatan/${data.id}/edit`
-                      )
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/data-kesehatan-warga/artikel_kesehatan/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
index 7289cd05..62a2b28a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -88,16 +87,14 @@ function CreateArtikelKesehatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Artikel Kesehatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
index 961c6630..16091d4a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -72,16 +71,14 @@ function ListArtikelKesehatan({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Artikel Kesehatan</Title>
-          <Tooltip label="Tambah Artikel Kesehatan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/artikel_kesehatan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/artikel_kesehatan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
index 8a25e7ba..230e105d 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -108,11 +107,9 @@ function EditFasilitasKesehatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Fasilitas Kesehatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
index d6640e65..5d1e919b 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -128,36 +127,32 @@ function DetailFasilitasKesehatan() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(
-                        `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${data.id}/edit`
-                      )
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
index 530039a9..0a8ceeb9 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -64,16 +63,14 @@ function CreateFasilitasKesehatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Fasilitas Kesehatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
index 8c554c6a..a4acdfbf 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
@@ -5,8 +5,8 @@ import {
   Button,
   Center,
   Group,
-  Paper,
   Pagination,
+  Paper,
   Skeleton,
   Stack,
   Table,
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -82,20 +81,18 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Fasilitas Kesehatan</Title>
-          <Tooltip label="Tambah Fasilitas Kesehatan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create'
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
index f6501312..00ff55ef 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -77,16 +76,14 @@ function EditGrafikHasilKepuasan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Grafik Hasil Kepuasan
         </Title>
@@ -102,7 +99,7 @@ function EditGrafikHasilKepuasan() {
         style={{ border: '1px solid #e0e0e0' }}
       >
         <Stack gap="md">
-          {(['nama','tanggal','jenisKelamin','alamat','penyakit'] as const).map((field) => (
+          {(['nama', 'tanggal', 'jenisKelamin', 'alamat', 'penyakit'] as const).map((field) => (
             <TextInput
               key={field}
               value={formData[field]}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx
index c80da5f8..738e64fb 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { useProxy } from 'valtio/utils';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import grafikkepuasan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan';
@@ -101,36 +101,32 @@ function DetailGrafikHasilKepuasan() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(
-                        `/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/${data.id}/edit`
-                      )
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
index e33b6e1a..4a42acbb 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
@@ -9,10 +9,8 @@ import {
   Group,
   Paper,
   Stack,
-  Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -44,16 +42,14 @@ function CreateGrafikHasilKepuasanMasyarakat() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Grafik Hasil Kepuasan Masyarakat
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx
index 1897aba3..e5ba5b28 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx
@@ -18,8 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useMediaQuery, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -117,20 +116,18 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Grafik Hasil Kepuasan Masyarakat</Title>
-          <Tooltip label="Tambah Data" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create'
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
index de1b5922..88ce54d1 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
@@ -4,7 +4,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import jadwalKegiatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -112,11 +112,9 @@ function EditJadwalKegiatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jadwal Kegiatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
index 383cc54c..88e80740 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import jadwalKegiatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -109,37 +109,33 @@ function DetailJadwalKegiatan() {
                 <Text fz="lg" fw="bold">Dokumen</Text>
                 <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.dokumenjadwalkegiatan.content }} />
               </Box>
-              
+
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id)
-                      setModalHapus(true)
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id)
+                    setModalHapus(true)
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
index 55121d4a..a63a5c8e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -59,16 +58,14 @@ function CreateJadwalKegiatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jadwal Kegiatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
index 2114f56f..91370aef 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
@@ -5,8 +5,8 @@ import {
   Button,
   Center,
   Group,
-  Paper,
   Pagination,
+  Paper,
   Skeleton,
   Stack,
   Table,
@@ -16,16 +16,15 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import jadwalKegiatanState from '../../../_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
-import { useState } from 'react';
 
 function JadwalKegiatan() {
   const router = useRouter();
@@ -80,18 +79,16 @@ function ListJadwalKegiatan({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Jadwal Kegiatan</Title>
-          <Tooltip label="Tambah Jadwal Kegiatan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
@@ -119,14 +116,14 @@ function ListJadwalKegiatan({ search }: { search: string }) {
                     </TableTd>
                     <TableTd>
                       <Box w={150}>
-                      {new Date(item.informasijadwalkegiatan.tanggal).toLocaleDateString(
-                        'id-ID',
-                        {
-                          day: '2-digit',
-                          month: 'long',
-                          year: 'numeric',
-                        }
-                      )}
+                        {new Date(item.informasijadwalkegiatan.tanggal).toLocaleDateString(
+                          'id-ID',
+                          {
+                            day: '2-digit',
+                            month: 'long',
+                            year: 'numeric',
+                          }
+                        )}
                       </Box>
                     </TableTd>
                     <TableTd>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
index ac5e2805..a48a6ef0 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -39,7 +38,7 @@ function EditKelahiran() {
 
       try {
         const data = await editState.edit.load(id);
-        if (data) setFormData({ 
+        if (data) setFormData({
           nama: data.nama || '',
           tanggal: data.tanggal || '',
           jenisKelamin: data.jenisKelamin || '',
@@ -75,11 +74,9 @@ function EditKelahiran() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Data Kelahiran
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
index 18a2e587..549a7fee 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -13,151 +13,147 @@ import colors from '@/con/colors';
 
 
 function DetailKelahiran() {
- const state = useProxy(persentaseKelahiranKematian.kelahiran);
- const [modalHapus, setModalHapus] = useState(false);
- const [selectedId, setSelectedId] = useState<string | null>(null);
- const params = useParams();
- const router = useRouter();
+  const state = useProxy(persentaseKelahiranKematian.kelahiran);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const params = useParams();
+  const router = useRouter();
 
 
- useShallowEffect(() => {
-   state.findUnique.load(params?.id as string);
- }, []);
+  useShallowEffect(() => {
+    state.findUnique.load(params?.id as string);
+  }, []);
 
 
- const handleHapus = () => {
-   if (selectedId) {
-     state.delete.byId(selectedId);
-     setModalHapus(false);
-     setSelectedId(null);
-     router.push(
-       "/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran"
-     );
-   }
- };
+  const handleHapus = () => {
+    if (selectedId) {
+      state.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      router.push(
+        "/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran"
+      );
+    }
+  };
 
 
- if (!state.findUnique.data) {
-   return (
-     <Stack py={10}>
-       <Skeleton height={500} radius="md" />
-     </Stack>
-   );
- }
+  if (!state.findUnique.data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    );
+  }
 
 
- const data = state.findUnique.data;
+  const data = state.findUnique.data;
 
 
- return (
-   <Box py={10}>
-     {/* Tombol Back */}
-     <Button
-       variant="subtle"
-       onClick={() => router.back()}
-       leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
-       mb={15}
-     >
-       Kembali
-     </Button>
+  return (
+    <Box py={10}>
+      {/* Tombol Back */}
+      <Button
+        variant="subtle"
+        onClick={() => router.back()}
+        leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
+        mb={15}
+      >
+        Kembali
+      </Button>
 
 
-     {/* Wrapper Detail */}
-     <Paper
-       withBorder
-       w={{ base: "100%", md: "50%" }}
-       bg={colors['white-1']}
-       p="lg"
-       radius="md"
-       shadow="sm"
-     >
-       <Stack gap="md">
-         <Text fz="2xl" fw="bold" c={colors['blue-button']}>
-           Detail Data Kelahiran
-         </Text>
+      {/* Wrapper Detail */}
+      <Paper
+        withBorder
+        w={{ base: "100%", md: "50%" }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+      >
+        <Stack gap="md">
+          <Text fz="2xl" fw="bold" c={colors['blue-button']}>
+            Detail Data Kelahiran
+          </Text>
 
 
-         <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
-           <Stack gap="sm">
-             <Box>
-               <Text fz="lg" fw="bold">Nama</Text>
-               <Text fz="md" c="dimmed">{data.nama || '-'}</Text>
-             </Box>
+          <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
+            <Stack gap="sm">
+              <Box>
+                <Text fz="lg" fw="bold">Nama</Text>
+                <Text fz="md" c="dimmed">{data.nama || '-'}</Text>
+              </Box>
 
 
-             <Box>
-               <Text fz="lg" fw="bold">Tanggal</Text>
-               <Text fz="md" c="dimmed">
-                 {new Date(data.tanggal).toLocaleDateString("id-ID", {
-                   day: "2-digit",
-                   month: "long",
-                   year: "numeric",
-                 })}
-               </Text>
-             </Box>
+              <Box>
+                <Text fz="lg" fw="bold">Tanggal</Text>
+                <Text fz="md" c="dimmed">
+                  {new Date(data.tanggal).toLocaleDateString("id-ID", {
+                    day: "2-digit",
+                    month: "long",
+                    year: "numeric",
+                  })}
+                </Text>
+              </Box>
 
 
-             <Box>
-               <Text fz="lg" fw="bold">Jenis Kelamin</Text>
-               <Text fz="md" c="dimmed">{data.jenisKelamin || '-'}</Text>
-             </Box>
+              <Box>
+                <Text fz="lg" fw="bold">Jenis Kelamin</Text>
+                <Text fz="md" c="dimmed">{data.jenisKelamin || '-'}</Text>
+              </Box>
 
 
-             <Box>
-               <Text fz="lg" fw="bold">Alamat</Text>
-               <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.alamat || '-'}</Text>
-             </Box>
+              <Box>
+                <Text fz="lg" fw="bold">Alamat</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.alamat || '-'}</Text>
+              </Box>
 
 
-             {/* Aksi */}
-             <Group gap="sm">
-               <Tooltip label="Hapus Data" withArrow position="top">
-                 <Button
-                   color="red"
-                   onClick={() => {
-                     setSelectedId(data.id);
-                     setModalHapus(true);
-                   }}
-                   variant="light"
-                   radius="md"
-                   size="md"
-                 >
-                   <IconTrash size={20} />
-                 </Button>
-               </Tooltip>
+              {/* Aksi */}
+              <Group gap="sm">
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
 
-               <Tooltip label="Edit Data" withArrow position="top">
-                 <Button
-                   color="green"
-                   onClick={() =>
-                     router.push(
-                       `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/${data.id}/edit`
-                     )
-                   }
-                   variant="light"
-                   radius="md"
-                   size="md"
-                 >
-                   <IconEdit size={20} />
-                 </Button>
-               </Tooltip>
-             </Group>
-           </Stack>
-         </Paper>
-       </Stack>
-     </Paper>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
+              </Group>
+            </Stack>
+          </Paper>
+        </Stack>
+      </Paper>
 
 
-     {/* Modal Konfirmasi Hapus */}
-     <ModalKonfirmasiHapus
-       opened={modalHapus}
-       onClose={() => setModalHapus(false)}
-       onConfirm={handleHapus}
-       text="Apakah anda yakin ingin menghapus data ini?"
-     />
-   </Box>
- );
+      {/* Modal Konfirmasi Hapus */}
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleHapus}
+        text="Apakah anda yakin ingin menghapus data ini?"
+      />
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
index b8476a66..71d7721f 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
@@ -2,15 +2,14 @@
 import persentaseKelahiranKematian from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
 import colors from '@/con/colors';
 import {
- Box,
- Button,
- Group,
- Paper,
- Stack,
- Text,
- TextInput,
- Title,
- Tooltip,
+  Box,
+  Button,
+  Group,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -18,108 +17,106 @@ import { useProxy } from 'valtio/utils';
 
 
 function CreateKelahiran() {
- const createState = useProxy(persentaseKelahiranKematian.kelahiran);
- const router = useRouter();
+  const createState = useProxy(persentaseKelahiranKematian.kelahiran);
+  const router = useRouter();
 
 
- const resetForm = () => {
-   createState.create.form = {
-     nama: '',
-     tanggal: '',
-     jenisKelamin: '',
-     alamat: '',
-   };
- };
+  const resetForm = () => {
+    createState.create.form = {
+      nama: '',
+      tanggal: '',
+      jenisKelamin: '',
+      alamat: '',
+    };
+  };
 
 
- const handleSubmit = async () => {
-   await createState.create.create();
-   resetForm();
-   router.push(
-     '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran'
-   );
- };
+  const handleSubmit = async () => {
+    await createState.create.create();
+    resetForm();
+    router.push(
+      '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran'
+    );
+  };
 
 
- return (
-   <Box px={{ base: 'sm', md: 'lg' }} py="md">
-     {/* Header */}
-     <Group mb="md">
-       <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-         <Button
-           variant="subtle"
-           onClick={() => router.back()}
-           p="xs"
-           radius="md"
-         >
-           <IconArrowBack color={colors['blue-button']} size={24} />
-         </Button>
-       </Tooltip>
-       <Title order={4} ml="sm" c="dark">
-         Tambah Data Kelahiran
-       </Title>
-     </Group>
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Header */}
+      <Group mb="md">
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Data Kelahiran
+        </Title>
+      </Group>
 
 
-     {/* Form */}
-     <Paper
-       w={{ base: '100%', md: '50%' }}
-       bg={colors['white-1']}
-       p="lg"
-       radius="md"
-       shadow="sm"
-       style={{ border: '1px solid #e0e0e0' }}
-     >
-       <Stack gap="md">
-         <TextInput
-           label={<Text fw="bold" fz="sm">Nama</Text>}
-           placeholder="Masukkan nama"
-           defaultValue={createState.create.form.nama}
-           onChange={(e) => (createState.create.form.nama = e.target.value)}
-           required
-         />
-         <TextInput
-           type="date"
-           label={<Text fw="bold" fz="sm">Tanggal</Text>}
-           placeholder="Masukkan tanggal"
-           defaultValue={createState.create.form.tanggal}
-           onChange={(e) => (createState.create.form.tanggal = e.target.value)}
-           required
-         />
-         <TextInput
-           label={<Text fw="bold" fz="sm">Jenis Kelamin</Text>}
-           placeholder="Masukkan jenis kelamin"
-           defaultValue={createState.create.form.jenisKelamin}
-           onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
-           required
-         />
-         <TextInput
-           label={<Text fw="bold" fz="sm">Alamat</Text>}
-           placeholder="Masukkan alamat"
-           defaultValue={createState.create.form.alamat}
-           onChange={(e) => (createState.create.form.alamat = e.target.value)}
-           required
-         />
+      {/* Form */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <TextInput
+            label={<Text fw="bold" fz="sm">Nama</Text>}
+            placeholder="Masukkan nama"
+            defaultValue={createState.create.form.nama}
+            onChange={(e) => (createState.create.form.nama = e.target.value)}
+            required
+          />
+          <TextInput
+            type="date"
+            label={<Text fw="bold" fz="sm">Tanggal</Text>}
+            placeholder="Masukkan tanggal"
+            defaultValue={createState.create.form.tanggal}
+            onChange={(e) => (createState.create.form.tanggal = e.target.value)}
+            required
+          />
+          <TextInput
+            label={<Text fw="bold" fz="sm">Jenis Kelamin</Text>}
+            placeholder="Masukkan jenis kelamin"
+            defaultValue={createState.create.form.jenisKelamin}
+            onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
+            required
+          />
+          <TextInput
+            label={<Text fw="bold" fz="sm">Alamat</Text>}
+            placeholder="Masukkan alamat"
+            defaultValue={createState.create.form.alamat}
+            onChange={(e) => (createState.create.form.alamat = e.target.value)}
+            required
+          />
 
 
-         <Group justify="right">
-           <Button
-             onClick={handleSubmit}
-             radius="md"
-             size="md"
-             style={{
-               background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
-               color: '#fff',
-               boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
-             }}
-           >
-             Simpan
-           </Button>
-         </Group>
-       </Stack>
-     </Paper>
-   </Box>
- );
+          <Group justify="right">
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              Simpan
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
index 255ed68d..13aeebd8 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
@@ -3,23 +3,22 @@ import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
 import persentasekelahiran from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
 import colors from '@/con/colors';
 import {
- Box,
- Button,
- Center,
- Group,
- Paper,
- Pagination,
- Skeleton,
- Stack,
- Table,
- TableTbody,
- TableTd,
- TableTh,
- TableThead,
- TableTr,
- Text,
- Title,
- Tooltip,
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -29,178 +28,176 @@ import { useProxy } from 'valtio/utils';
 
 
 function Kelahiran() {
- const router = useRouter();
- const [search, setSearch] = useState("");
+  const router = useRouter();
+  const [search, setSearch] = useState("");
 
 
- return (
-   <Box>
-     {/* Tombol Back */}
-     <Box mb={10}>
-       <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian')}>
-         <IconArrowBack color={colors["blue-button"]} size={25} />
-       </Button>
-     </Box>
+  return (
+    <Box>
+      {/* Tombol Back */}
+      <Box mb={10}>
+        <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian')}>
+          <IconArrowBack color={colors["blue-button"]} size={25} />
+        </Button>
+      </Box>
 
 
-     {/* Header Search */}
-     <HeaderSearch
-       title='Data Kelahiran'
-       placeholder='Cari nama atau alamat...'
-       searchIcon={<IconSearch size={20} />}
-       value={search}
-       onChange={(e) => setSearch(e.currentTarget.value)}
-     />
+      {/* Header Search */}
+      <HeaderSearch
+        title='Data Kelahiran'
+        placeholder='Cari nama atau alamat...'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
 
 
-     <ListKelahiran search={search} />
-   </Box>
- );
+      <ListKelahiran search={search} />
+    </Box>
+  );
 }
 
 
 function ListKelahiran({ search }: { search: string }) {
- const statePersentase = useProxy(persentasekelahiran.kelahiran);
- const router = useRouter();
+  const statePersentase = useProxy(persentasekelahiran.kelahiran);
+  const router = useRouter();
 
 
- const { data, page, totalPages, loading, load } = statePersentase.findMany;
+  const { data, page, totalPages, loading, load } = statePersentase.findMany;
 
 
- useShallowEffect(() => {
-   load(page, 10, search);
- }, [page, search]);
+  useShallowEffect(() => {
+    load(page, 10, search);
+  }, [page, search]);
 
 
- const filteredData = data || [];
+  const filteredData = data || [];
 
 
- if (loading || !data) {
-   return (
-     <Stack py={10}>
-       <Skeleton height={600} radius="md" />
-     </Stack>
-   );
- }
+  if (loading || !data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={600} radius="md" />
+      </Stack>
+    );
+  }
 
 
- return (
-   <Box py={10}>
-     <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-       {/* Judul + Tombol Tambah */}
-       <Group justify="space-between" mb="md">
-         <Title order={4}>Daftar Data Kelahiran</Title>
-         <Tooltip label="Tambah Data Kelahiran" withArrow>
-           <Button
-             leftSection={<IconPlus size={18} />}
-             color="blue"
-             variant="light"
-             onClick={() =>
-               router.push(
-                 '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create'
-               )
-             }
-           >
-             Tambah Baru
-           </Button>
-         </Tooltip>
-       </Group>
+  return (
+    <Box py={10}>
+      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+        {/* Judul + Tombol Tambah */}
+        <Group justify="space-between" mb="md">
+          <Title order={4}>Daftar Data Kelahiran</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
+        </Group>
 
 
-       {/* Tabel */}
-       <Box style={{ overflowX: "auto" }}>
-         <Table highlightOnHover>
-           <TableThead>
-             <TableTr>
-               <TableTh>Nama</TableTh>
-               <TableTh>Tanggal</TableTh>
-               <TableTh>Jenis Kelamin</TableTh>
-               <TableTh>Alamat</TableTh>
-               <TableTh>Aksi</TableTh>
-             </TableTr>
-           </TableThead>
-           <TableTbody>
-             {filteredData.length > 0 ? (
-               filteredData.map((item) => (
-                 <TableTr key={item.id}>
-                   <TableTd>
-                    <Box w={150}>
-                     <Text fw={500} truncate="end" lineClamp={1}>
-                       {item.nama}
-                     </Text>
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                    <Box w={150}>
-                     {new Date(item.tanggal).toLocaleDateString('id-ID', {
-                       day: '2-digit',
-                       month: 'long',
-                       year: 'numeric',
-                     })}
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                    <Box w={150}>
-                     {item.jenisKelamin}
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                    <Box w={150}>
-                     <Text truncate fz="sm" c="dimmed">
-                       {item.alamat}
-                     </Text>
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                     <Button
-                       variant="light"
-                       color="blue"
-                       onClick={() =>
-                         router.push(
-                           `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/${item.id}`
-                         )
-                       }
-                     >
-                       <IconDeviceImacCog size={20} />
-                       <Text ml={5}>Detail</Text>
-                     </Button>
-                   </TableTd>
-                 </TableTr>
-               ))
-             ) : (
-               <TableTr>
-                 <TableTd colSpan={5}>
-                   <Center py={20}>
-                     <Text color="dimmed">
-                       Tidak ada data kelahiran yang cocok
-                     </Text>
-                   </Center>
-                 </TableTd>
-               </TableTr>
-             )}
-           </TableTbody>
-         </Table>
-       </Box>
-     </Paper>
+        {/* Tabel */}
+        <Box style={{ overflowX: "auto" }}>
+          <Table highlightOnHover>
+            <TableThead>
+              <TableTr>
+                <TableTh>Nama</TableTh>
+                <TableTh>Tanggal</TableTh>
+                <TableTh>Jenis Kelamin</TableTh>
+                <TableTh>Alamat</TableTh>
+                <TableTh>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd>
+                      <Box w={150}>
+                        <Text fw={500} truncate="end" lineClamp={1}>
+                          {item.nama}
+                        </Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Box w={150}>
+                        {new Date(item.tanggal).toLocaleDateString('id-ID', {
+                          day: '2-digit',
+                          month: 'long',
+                          year: 'numeric',
+                        })}
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Box w={150}>
+                        {item.jenisKelamin}
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Box w={150}>
+                        <Text truncate fz="sm" c="dimmed">
+                          {item.alamat}
+                        </Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() =>
+                          router.push(
+                            `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/${item.id}`
+                          )
+                        }
+                      >
+                        <IconDeviceImacCog size={20} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
+                    </TableTd>
+                  </TableTr>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={5}>
+                    <Center py={20}>
+                      <Text color="dimmed">
+                        Tidak ada data kelahiran yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+      </Paper>
 
 
-     {/* Pagination */}
-     <Center>
-       <Pagination
-         value={page}
-         onChange={(newPage) => {
-           load(newPage, 10);
-           window.scrollTo({ top: 0, behavior: 'smooth' });
-         }}
-         total={totalPages}
-         mt="md"
-         mb="md"
-         color="blue"
-         radius="md"
-       />
-     </Center>
-   </Box>
- );
+      {/* Pagination */}
+      <Center>
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 10);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
+          total={totalPages}
+          mt="md"
+          mb="md"
+          color="blue"
+          radius="md"
+        />
+      </Center>
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
index 9f7ada02..a70c1a42 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -83,11 +82,9 @@ function EditKematian() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Data Kematian
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
index 41b4fa96..1cab8f69 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -113,35 +113,31 @@ function DetailKematian() {
 
 
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(
-                      `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/${data.id}/edit`
-                    )}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(
+                    `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/${data.id}/edit`
+                  )}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
@@ -155,7 +151,7 @@ function DetailKematian() {
         onConfirm={handleHapus}
         text="Apakah Anda yakin ingin menghapus data ini?"
       />
-    </Box>
+    </Box >
   );
 }
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
index 2f1c92b7..8d1e0790 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
@@ -3,14 +3,13 @@ import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import persentaseKelahiranKematian from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
 import colors from '@/con/colors';
 import {
- Box,
- Button,
- Group,
- Paper,
- Stack,
- TextInput,
- Title,
- Tooltip
+  Box,
+  Button,
+  Group,
+  Paper,
+  Stack,
+  TextInput,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -23,123 +22,121 @@ import { useProxy } from 'valtio/utils';
 
 
 function CreateKematian() {
- const createState = useProxy(persentaseKelahiranKematian.kematian);
- const router = useRouter();
+  const createState = useProxy(persentaseKelahiranKematian.kematian);
+  const router = useRouter();
 
 
- const resetForm = () => {
-   createState.create.form = {
-     nama: '',
-     tanggal: '',
-     jenisKelamin: '',
-     alamat: '',
-     penyebab: '',
-   };
- };
+  const resetForm = () => {
+    createState.create.form = {
+      nama: '',
+      tanggal: '',
+      jenisKelamin: '',
+      alamat: '',
+      penyebab: '',
+    };
+  };
 
 
- const handleSubmit = async () => {
-   if (!createState.create.form.nama) {
-     return toast.warn('Nama wajib diisi');
-   }
-   if (!createState.create.form.tanggal) {
-     return toast.warn('Tanggal wajib diisi');
-   }
+  const handleSubmit = async () => {
+    if (!createState.create.form.nama) {
+      return toast.warn('Nama wajib diisi');
+    }
+    if (!createState.create.form.tanggal) {
+      return toast.warn('Tanggal wajib diisi');
+    }
 
 
-   await createState.create.create();
-   resetForm();
-   router.push(
-     '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian'
-   );
- };
+    await createState.create.create();
+    resetForm();
+    router.push(
+      '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian'
+    );
+  };
 
 
- return (
-   <Box px={{ base: 'sm', md: 'lg' }} py="md">
-     {/* Header */}
-     <Group mb="md">
-       <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-           <IconArrowBack color={colors['blue-button']} size={24} />
-         </Button>
-       </Tooltip>
-       <Title order={4} ml="sm" c="dark">
-         Tambah Data Kematian
-       </Title>
-     </Group>
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Header */}
+      <Group mb="md">
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Data Kematian
+        </Title>
+      </Group>
 
 
-     {/* Form Card */}
-     <Paper
-       w={{ base: '100%', md: '50%' }}
-       bg={colors['white-1']}
-       p="lg"
-       radius="md"
-       shadow="sm"
-       style={{ border: '1px solid #e0e0e0' }}
-     >
-       <Stack gap="md">
-         <TextInput
-           label="Nama"
-           placeholder="Masukkan nama"
-           defaultValue={createState.create.form.nama}
-           onChange={(e) => (createState.create.form.nama = e.target.value)}
-           required
-         />
-         <TextInput
-           type="date"
-           label="Tanggal"
-           placeholder="Masukkan tanggal"
-           defaultValue={createState.create.form.tanggal}
-           onChange={(e) => (createState.create.form.tanggal = e.target.value)}
-           required
-         />
-         <TextInput
-           label="Jenis Kelamin"
-           placeholder="Masukkan jenis kelamin"
-           defaultValue={createState.create.form.jenisKelamin}
-           onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
-           required
-         />
-         <TextInput
-           label="Alamat"
-           placeholder="Masukkan alamat"
-           defaultValue={createState.create.form.alamat}
-           onChange={(e) => (createState.create.form.alamat = e.target.value)}
-           required
-         />
-         <Box>
-           <Title order={6} mb={6}>
-             Penyebab
-           </Title>
-           <CreateEditor
-             value={createState.create.form.penyebab}
-             onChange={(htmlContent) => {
-               createState.create.form.penyebab = htmlContent;
-             }}
-           />
-         </Box>
+      {/* Form Card */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <TextInput
+            label="Nama"
+            placeholder="Masukkan nama"
+            defaultValue={createState.create.form.nama}
+            onChange={(e) => (createState.create.form.nama = e.target.value)}
+            required
+          />
+          <TextInput
+            type="date"
+            label="Tanggal"
+            placeholder="Masukkan tanggal"
+            defaultValue={createState.create.form.tanggal}
+            onChange={(e) => (createState.create.form.tanggal = e.target.value)}
+            required
+          />
+          <TextInput
+            label="Jenis Kelamin"
+            placeholder="Masukkan jenis kelamin"
+            defaultValue={createState.create.form.jenisKelamin}
+            onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
+            required
+          />
+          <TextInput
+            label="Alamat"
+            placeholder="Masukkan alamat"
+            defaultValue={createState.create.form.alamat}
+            onChange={(e) => (createState.create.form.alamat = e.target.value)}
+            required
+          />
+          <Box>
+            <Title order={6} mb={6}>
+              Penyebab
+            </Title>
+            <CreateEditor
+              value={createState.create.form.penyebab}
+              onChange={(htmlContent) => {
+                createState.create.form.penyebab = htmlContent;
+              }}
+            />
+          </Box>
 
 
-         <Group justify="right">
-           <Button
-             onClick={handleSubmit}
-             radius="md"
-             size="md"
-             style={{
-               background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
-               color: '#fff',
-               boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
-             }}
-           >
-             Simpan
-           </Button>
-         </Group>
-       </Stack>
-     </Paper>
-   </Box>
- );
+          <Group justify="right">
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              Simpan
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
index b9ab8ec7..52c3a269 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
@@ -3,23 +3,22 @@ import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
 import persentasekelahiran from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
 import colors from '@/con/colors';
 import {
- Box,
- Button,
- Center,
- Group,
- Pagination,
- Paper,
- Skeleton,
- Stack,
- Table,
- TableTbody,
- TableTd,
- TableTh,
- TableThead,
- TableTr,
- Text,
- Title,
- Tooltip,
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -29,176 +28,174 @@ import { useProxy } from 'valtio/utils';
 
 
 function Kematian() {
- const [search, setSearch] = useState("");
- const router = useRouter();
+  const [search, setSearch] = useState("");
+  const router = useRouter();
 
 
- return (
-   <Box>
-     {/* Tombol Back */}
-     <Box mb={10}>
-       <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian')}>
-         <IconArrowBack color={colors["blue-button"]} size={30} />
-       </Button>
-     </Box>
+  return (
+    <Box>
+      {/* Tombol Back */}
+      <Box mb={10}>
+        <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian')}>
+          <IconArrowBack color={colors["blue-button"]} size={30} />
+        </Button>
+      </Box>
 
 
-     {/* Header dengan Search */}
-     <HeaderSearch
-       title='Data Kematian'
-       placeholder='Cari nama atau alamat...'
-       searchIcon={<IconSearch size={20} />}
-       value={search}
-       onChange={(e) => setSearch(e.currentTarget.value)}
-     />
+      {/* Header dengan Search */}
+      <HeaderSearch
+        title='Data Kematian'
+        placeholder='Cari nama atau alamat...'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
 
 
-     <ListKematian search={search} />
-   </Box>
- );
+      <ListKematian search={search} />
+    </Box>
+  );
 }
 
 
 function ListKematian({ search }: { search: string }) {
- const statePersentase = useProxy(persentasekelahiran.kematian);
- const router = useRouter();
+  const statePersentase = useProxy(persentasekelahiran.kematian);
+  const router = useRouter();
 
 
- const { data, page, totalPages, loading, load } = statePersentase.findMany;
+  const { data, page, totalPages, loading, load } = statePersentase.findMany;
 
 
- useShallowEffect(() => {
-   load(page, 10, search);
- }, [page, search]);
+  useShallowEffect(() => {
+    load(page, 10, search);
+  }, [page, search]);
 
 
- const filteredData = data || [];
+  const filteredData = data || [];
 
 
- if (loading || !data) {
-   return (
-     <Stack py={10}>
-       <Skeleton height={600} radius="md" />
-     </Stack>
-   );
- }
+  if (loading || !data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={600} radius="md" />
+      </Stack>
+    );
+  }
 
 
- return (
-   <Box py={10}>
-     <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-       <Group justify="space-between" mb="md">
-         <Title order={4}>Daftar Data Kematian</Title>
-         <Tooltip label="Tambah Data Kematian" withArrow>
-           <Button
-             leftSection={<IconPlus size={18} />}
-             color="blue"
-             variant="light"
-             onClick={() =>
-               router.push(
-                 '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create'
-               )
-             }
-           >
-             Tambah Baru
-           </Button>
-         </Tooltip>
-       </Group>
+  return (
+    <Box py={10}>
+      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+        <Group justify="space-between" mb="md">
+          <Title order={4}>Daftar Data Kematian</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
+        </Group>
 
 
-       <Box style={{ overflowX: "auto" }}>
-         <Table highlightOnHover>
-           <TableThead>
-             <TableTr>
-               <TableTh>Nama</TableTh>
-               <TableTh>Tanggal</TableTh>
-               <TableTh>Jenis Kelamin</TableTh>
-               <TableTh>Alamat</TableTh>
-               <TableTh>Aksi</TableTh>
-             </TableTr>
-           </TableThead>
-           <TableTbody>
-             {filteredData.length > 0 ? (
-               filteredData.map((item) => (
-                 <TableTr key={item.id}>
-                   <TableTd>
-                    <Box w={150}>
-                     <Text fw={500} truncate="end" lineClamp={1}>
-                       {item.nama}
-                     </Text>
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                    <Box w={150}> 
-                     {new Date(item.tanggal).toLocaleDateString('id-ID', {
-                       day: '2-digit',
-                       month: 'long',
-                       year: 'numeric',
-                     })}
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                    <Box w={150}>
-                     {item.jenisKelamin}
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                    <Box w={150}>
-                     <Text truncate fz="sm" c="dimmed">
-                       {item.alamat}
-                     </Text>
-                     </Box>
-                   </TableTd>
-                   <TableTd>
-                     <Button
-                       variant="light"
-                       color="blue"
-                       onClick={() =>
-                         router.push(
-                           `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/${item.id}`
-                         )
-                       }
-                     >
-                       <IconEdit size={18} />
-                       <Text ml={5}>Detail</Text>
-                     </Button>
-                   </TableTd>
-                 </TableTr>
-               ))
-             ) : (
-               <TableTr>
-                 <TableTd colSpan={5}>
-                   <Center py={20}>
-                     <Text color="dimmed">
-                       Tidak ada data kematian yang cocok
-                     </Text>
-                   </Center>
-                 </TableTd>
-               </TableTr>
-             )}
-           </TableTbody>
-         </Table>
-       </Box>
-     </Paper>
+        <Box style={{ overflowX: "auto" }}>
+          <Table highlightOnHover>
+            <TableThead>
+              <TableTr>
+                <TableTh>Nama</TableTh>
+                <TableTh>Tanggal</TableTh>
+                <TableTh>Jenis Kelamin</TableTh>
+                <TableTh>Alamat</TableTh>
+                <TableTh>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd>
+                      <Box w={150}>
+                        <Text fw={500} truncate="end" lineClamp={1}>
+                          {item.nama}
+                        </Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Box w={150}>
+                        {new Date(item.tanggal).toLocaleDateString('id-ID', {
+                          day: '2-digit',
+                          month: 'long',
+                          year: 'numeric',
+                        })}
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Box w={150}>
+                        {item.jenisKelamin}
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Box w={150}>
+                        <Text truncate fz="sm" c="dimmed">
+                          {item.alamat}
+                        </Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() =>
+                          router.push(
+                            `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={18} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
+                    </TableTd>
+                  </TableTr>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={5}>
+                    <Center py={20}>
+                      <Text color="dimmed">
+                        Tidak ada data kematian yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+      </Paper>
 
 
-     {/* Pagination */}
-     <Center>
-       <Pagination
-         value={page}
-         onChange={(newPage) => {
-           load(newPage, 10, search);
-           window.scrollTo({ top: 0, behavior: 'smooth' });
-         }}
-         total={totalPages}
-         mt="md"
-         mb="md"
-         color="blue"
-         radius="md"
-       />
-     </Center>
-   </Box>
- );
+      {/* Pagination */}
+      <Center>
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 10, search);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
+          total={totalPages}
+          mt="md"
+          mb="md"
+          color="blue"
+          radius="md"
+        />
+      </Center>
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
index 6d751dd5..a00cf493 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
@@ -13,13 +13,12 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, ChangeEvent } from 'react';
+import { ChangeEvent, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
@@ -112,11 +111,9 @@ function EditInfoWabahPenyakit() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Info Wabah Penyakit
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
index 03fda087..675b4e8a 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
@@ -3,21 +3,20 @@ import colors from '@/con/colors';
 import {
   Box,
   Button,
-  Paper,
-  Stack,
-  Text,
-  Skeleton,
-  Tooltip,
   Group,
   Image,
+  Paper,
+  Skeleton,
+  Stack,
+  Text
 } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import React, { useState } from 'react';
-import infoWabahPenyakit from '../../../_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { useShallowEffect } from '@mantine/hooks';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import infoWabahPenyakit from '../../../_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit';
 
 function DetailInfoWabahPenyakit() {
   const state = useProxy(infoWabahPenyakit);
@@ -114,36 +113,32 @@ function DetailInfoWabahPenyakit() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(
-                        `/admin/kesehatan/info-wabah-penyakit/${data.id}/edit`
-                      )
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/info-wabah-penyakit/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
index 06a0d39c..f55b0e68 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
@@ -10,9 +10,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -20,7 +20,6 @@ import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import infoWabahPenyakit from '../../../_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit';
-import { Dropzone } from '@mantine/dropzone';
 
 function CreateInfoWabahPenyakit() {
   const router = useRouter();
@@ -65,16 +64,14 @@ function CreateInfoWabahPenyakit() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Info Wabah Penyakit
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
index e4215822..c5ca0547 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -76,16 +75,14 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Info Wabah Penyakit</Title>
-          <Tooltip label="Tambah Info Wabah" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/kesehatan/info-wabah-penyakit/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/kesehatan/info-wabah-penyakit/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
index 8ede9489..98014e3a 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -98,11 +97,9 @@ function EditKontakDarurat() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kontak Darurat
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
index 628338cb..ea22b9e3 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -104,35 +104,31 @@ function DetailKontakDarurat() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={state.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={state.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/kesehatan/kontak-darurat/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/kesehatan/kontak-darurat/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
index 65a84277..4fc6d685 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
@@ -10,9 +10,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
 import {
   IconArrowBack,
   IconPhoto,
@@ -25,7 +25,6 @@ import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import kontakDarurat from '../../../_state/kesehatan/kontak-darurat/kontakDarurat';
-import { Dropzone } from '@mantine/dropzone';
 
 function CreateKontakDarurat() {
   const router = useRouter();
@@ -71,16 +70,14 @@ function CreateKontakDarurat() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kontak Darurat
         </Title>
@@ -107,7 +104,7 @@ function CreateKontakDarurat() {
           />
 
           <TextInput
-          type='number'
+            type='number'
             defaultValue={kontakDaruratState.create.form.whatsapp}
             onChange={(val) => {
               kontakDaruratState.create.form.whatsapp = val.target.value;
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
index 2c341cf0..6a8a42b8 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -73,16 +72,14 @@ function ListKontakDarurat({ search }: { search: string }) {
         <Stack mb="md" gap="sm">
           <Group justify="space-between">
             <Title order={4}>Daftar Kontak Darurat</Title>
-            <Tooltip label="Tambah Kontak Darurat" withArrow>
-              <Button
-                leftSection={<IconPlus size={18} />}
-                color="blue"
-                variant="light"
-                onClick={() => router.push('/admin/kesehatan/kontak-darurat/create')}
-              >
-                Tambah Baru
-              </Button>
-            </Tooltip>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() => router.push('/admin/kesehatan/kontak-darurat/create')}
+            >
+              Tambah Baru
+            </Button>
           </Group>
         </Stack>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
index 3d1d0da1..47a054ae 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -117,11 +116,9 @@ function EditPenangananDarurat() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Penanganan Darurat
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
index 36967755..ab622c6e 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
@@ -1,11 +1,11 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip, Image } from '@mantine/core';
-import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
-import { useRouter, useParams } from 'next/navigation';
-import React, { useState } from 'react';
-import { useProxy } from 'valtio/utils';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import penangananDarurat from '../../../_state/kesehatan/penanganan-darurat/penangananDarurat';
 
@@ -96,34 +96,30 @@ function DetailPenangananDarurat() {
 
               {/* Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/kesehatan/penanganan-darurat/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/kesehatan/penanganan-darurat/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
index f28e0a92..00839be0 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import {
@@ -70,16 +69,14 @@ function CreatePenangananDarurat() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Penanganan Darurat
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
index 7d397e4d..a845350e 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -71,16 +70,14 @@ function ListPenangananDarurat({ search }: { search: string }) {
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Penanganan Darurat</Title>
-          <Tooltip label="Tambah Penanganan Darurat" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/kesehatan/penanganan-darurat/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/kesehatan/penanganan-darurat/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
@@ -111,8 +108,8 @@ function ListPenangananDarurat({ search }: { search: string }) {
                           c="dimmed"
                           truncate
                           lineClamp={1}
-                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                      />
+                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        />
                       </Box>
                     </TableTd>
                     <TableTd>
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
index 1a47aefa..8c90a4b6 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -94,11 +93,9 @@ function EditPosyandu() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Tombol Back */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Posyandu
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
index 75af2397..f75cda27 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
@@ -1,177 +1,173 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Text, Image, Skeleton, Group, Tooltip } from '@mantine/core';
-import { IconArrowBack, IconTrash, IconEdit } from '@tabler/icons-react';
-import { useParams, useRouter } from 'next/navigation';
-import React, { useState } from 'react';
-import { useProxy } from 'valtio/utils';
-import posyanduState from '../../../_state/kesehatan/posyandu/posyandu';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import posyanduState from '../../../_state/kesehatan/posyandu/posyandu';
 
 
 function DetailPosyandu() {
- const statePosyandu = useProxy(posyanduState);
- const params = useParams();
- const router = useRouter();
- const [modalHapus, setModalHapus] = useState(false);
- const [selectedId, setSelectedId] = useState<string | null>(null);
+  const statePosyandu = useProxy(posyanduState);
+  const params = useParams();
+  const router = useRouter();
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
 
 
- useShallowEffect(() => {
-   statePosyandu.findUnique.load(params?.id as string);
- }, []);
+  useShallowEffect(() => {
+    statePosyandu.findUnique.load(params?.id as string);
+  }, []);
 
 
- const handleHapus = () => {
-   if (selectedId) {
-     statePosyandu.delete.byId(selectedId);
-     setModalHapus(false);
-     setSelectedId(null);
-     router.push("/admin/kesehatan/posyandu");
-   }
- };
+  const handleHapus = () => {
+    if (selectedId) {
+      statePosyandu.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      router.push("/admin/kesehatan/posyandu");
+    }
+  };
 
 
- if (!statePosyandu.findUnique.data) {
-   return (
-     <Stack py={10}>
-       <Skeleton height={500} radius="md" />
-     </Stack>
-   );
- }
+  if (!statePosyandu.findUnique.data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    );
+  }
 
 
- const data = statePosyandu.findUnique.data;
+  const data = statePosyandu.findUnique.data;
 
 
- return (
-   <Box py={10}>
-     {/* Tombol kembali */}
-     <Button
-       variant="subtle"
-       onClick={() => router.back()}
-       leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
-       mb={15}
-     >
-       Kembali
-     </Button>
+  return (
+    <Box py={10}>
+      {/* Tombol kembali */}
+      <Button
+        variant="subtle"
+        onClick={() => router.back()}
+        leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
+        mb={15}
+      >
+        Kembali
+      </Button>
 
 
-     {/* Card utama */}
-     <Paper
-       withBorder
-       w={{ base: "100%", md: "60%" }}
-       bg={colors['white-1']}
-       p="lg"
-       radius="md"
-       shadow="sm"
-     >
-       <Stack gap="md">
-         <Text fz="2xl" fw="bold" c={colors['blue-button']}>
-           Detail Posyandu
-         </Text>
+      {/* Card utama */}
+      <Paper
+        withBorder
+        w={{ base: "100%", md: "60%" }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+      >
+        <Stack gap="md">
+          <Text fz="2xl" fw="bold" c={colors['blue-button']}>
+            Detail Posyandu
+          </Text>
 
 
-         <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
-           <Stack gap="sm">
-             <Box>
-               <Text fz="lg" fw="bold">Nama Posyandu</Text>
-               <Text fz="md" c="dimmed">{data.name || '-'}</Text>
-             </Box>
+          <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
+            <Stack gap="sm">
+              <Box>
+                <Text fz="lg" fw="bold">Nama Posyandu</Text>
+                <Text fz="md" c="dimmed">{data.name || '-'}</Text>
+              </Box>
 
 
-             <Box>
-               <Text fz="lg" fw="bold">Nomor Posyandu</Text>
-               <Text fz="md" c="dimmed">{data.nomor || '-'}</Text>
-             </Box>
+              <Box>
+                <Text fz="lg" fw="bold">Nomor Posyandu</Text>
+                <Text fz="md" c="dimmed">{data.nomor || '-'}</Text>
+              </Box>
 
 
-             <Box>
-               <Text fz="lg" fw="bold">Deskripsi</Text>
-               <Text
-                 fz="md"
-                 c="dimmed"
-                 dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
-                 style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-               />
-             </Box>
+              <Box>
+                <Text fz="lg" fw="bold">Deskripsi</Text>
+                <Text
+                  fz="md"
+                  c="dimmed"
+                  dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                />
+              </Box>
 
 
-             <Box>
-               <Text fz="lg" fw="bold">Jadwal Pelayanan</Text>
-               <Text
-                 fz="md"
-                 c="dimmed"
-                 dangerouslySetInnerHTML={{ __html: data.jadwalPelayanan || '-' }}
-                 style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-               />
-             </Box>
+              <Box>
+                <Text fz="lg" fw="bold">Jadwal Pelayanan</Text>
+                <Text
+                  fz="md"
+                  c="dimmed"
+                  dangerouslySetInnerHTML={{ __html: data.jadwalPelayanan || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                />
+              </Box>
 
 
-             <Box>
-               <Text fz="lg" fw="bold">Gambar</Text>
-               {data.image?.link ? (
-                 <Image
-                   src={data.image.link}
-                   alt={data.name || 'Gambar Posyandu'}
-                   w={200}
-                   h={200}
-                   radius="md"
-                   fit="cover"
-                   loading="lazy"
-                 />
-               ) : (
-                 <Text fz="sm" c="dimmed">Tidak ada gambar</Text>
-               )}
-             </Box>
+              <Box>
+                <Text fz="lg" fw="bold">Gambar</Text>
+                {data.image?.link ? (
+                  <Image
+                    src={data.image.link}
+                    alt={data.name || 'Gambar Posyandu'}
+                    w={200}
+                    h={200}
+                    radius="md"
+                    fit="cover"
+                    loading="lazy"
+                  />
+                ) : (
+                  <Text fz="sm" c="dimmed">Tidak ada gambar</Text>
+                )}
+              </Box>
 
 
-             {/* Aksi */}
-             <Group gap="sm">
-               <Tooltip label="Hapus Posyandu" withArrow position="top">
-                 <Button
-                   color="red"
-                   onClick={() => {
-                     setSelectedId(data.id);
-                     setModalHapus(true);
-                   }}
-                   variant="light"
-                   radius="md"
-                   size="md"
-                 >
-                   <IconTrash size={20} />
-                 </Button>
-               </Tooltip>
+              {/* Aksi */}
+              <Group gap="sm">
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
 
-               <Tooltip label="Edit Posyandu" withArrow position="top">
-                 <Button
-                   color="green"
-                   onClick={() => router.push(`/admin/kesehatan/posyandu/${data.id}/edit`)}
-                   variant="light"
-                   radius="md"
-                   size="md"
-                 >
-                   <IconEdit size={20} />
-                 </Button>
-               </Tooltip>
-             </Group>
-           </Stack>
-         </Paper>
-       </Stack>
-     </Paper>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/kesehatan/posyandu/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
+              </Group>
+            </Stack>
+          </Paper>
+        </Stack>
+      </Paper>
 
 
-     {/* Modal konfirmasi hapus */}
-     <ModalKonfirmasiHapus
-       opened={modalHapus}
-       onClose={() => setModalHapus(false)}
-       onConfirm={handleHapus}
-       text="Apakah Anda yakin ingin menghapus posyandu ini?"
-     />
-   </Box>
- );
+      {/* Modal konfirmasi hapus */}
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleHapus}
+        text="Apakah Anda yakin ingin menghapus posyandu ini?"
+      />
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
index 9542eefe..66fdb61c 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
@@ -2,16 +2,15 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
- Box,
- Button,
- Group,
- Image,
- Paper,
- Stack,
- Text,
- TextInput,
- Title,
- Tooltip,
+  Box,
+  Button,
+  Group,
+  Image,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -24,191 +23,189 @@ import posyandustate from '../../../_state/kesehatan/posyandu/posyandu';
 
 
 function CreatePosyandu() {
- const statePosyandu = useProxy(posyandustate);
- const router = useRouter();
- const [file, setFile] = useState<File | null>(null);
- const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const statePosyandu = useProxy(posyandustate);
+  const router = useRouter();
+  const [file, setFile] = useState<File | null>(null);
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
 
 
- const resetForm = () => {
-   statePosyandu.create.form = {
-     name: '',
-     nomor: '',
-     deskripsi: '',
-     imageId: '',
-     jadwalPelayanan: '',
-   };
-   setFile(null);
-   setPreviewImage(null);
- };
+  const resetForm = () => {
+    statePosyandu.create.form = {
+      name: '',
+      nomor: '',
+      deskripsi: '',
+      imageId: '',
+      jadwalPelayanan: '',
+    };
+    setFile(null);
+    setPreviewImage(null);
+  };
 
 
- const handleSubmit = async () => {
-   if (!file) {
-     return toast.warn('Silakan pilih file gambar terlebih dahulu');
-   }
+  const handleSubmit = async () => {
+    if (!file) {
+      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    }
 
 
-   // Upload gambar dulu
-   const res = await ApiFetch.api.fileStorage.create.post({
-     file,
-     name: file.name,
-   });
+    // Upload gambar dulu
+    const res = await ApiFetch.api.fileStorage.create.post({
+      file,
+      name: file.name,
+    });
 
 
-   const uploaded = res.data?.data;
-   if (!uploaded?.id) {
-     return toast.error('Gagal upload gambar');
-   }
+    const uploaded = res.data?.data;
+    if (!uploaded?.id) {
+      return toast.error('Gagal upload gambar');
+    }
 
 
-   statePosyandu.create.form.imageId = uploaded.id;
+    statePosyandu.create.form.imageId = uploaded.id;
 
 
-   await statePosyandu.create.create();
+    await statePosyandu.create.create();
 
 
-   resetForm();
-   router.push('/admin/kesehatan/posyandu');
- };
+    resetForm();
+    router.push('/admin/kesehatan/posyandu');
+  };
 
 
- return (
-   <Box px={{ base: 'sm', md: 'lg' }} py="md">
-     {/* Header */}
-     <Group mb="md">
-       <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-           <IconArrowBack color={colors['blue-button']} size={24} />
-         </Button>
-       </Tooltip>
-       <Title order={4} ml="sm" c="dark">
-         Tambah Posyandu
-       </Title>
-     </Group>
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Header */}
+      <Group mb="md">
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Posyandu
+        </Title>
+      </Group>
 
 
-     <Paper
-       w={{ base: '100%', md: '50%' }}
-       bg={colors['white-1']}
-       p="lg"
-       radius="md"
-       shadow="sm"
-       style={{ border: '1px solid #e0e0e0' }}
-     >
-       <Stack gap="md">
-         {/* Upload Gambar */}
-         <Box>
-           <Text fw="bold" fz="sm" mb={6}>
-             Gambar Posyandu
-           </Text>
-           <Dropzone
-             onDrop={(files) => {
-               const selectedFile = files[0];
-               if (selectedFile) {
-                 setFile(selectedFile);
-                 setPreviewImage(URL.createObjectURL(selectedFile));
-               }
-             }}
-             onReject={() => toast.error('File tidak valid, gunakan format gambar')}
-             maxSize={5 * 1024 ** 2}
-             accept={{ 'image/*': [] }}
-             radius="md"
-             p="xl"
-           >
-             <Group justify="center" gap="xl" mih={180}>
-               <Dropzone.Accept>
-                 <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
-               </Dropzone.Accept>
-               <Dropzone.Reject>
-                 <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
-               </Dropzone.Reject>
-               <Dropzone.Idle>
-                 <IconPhoto size={48} color="var(--mantine-color-dimmed)" stroke={1.5} />
-               </Dropzone.Idle>
-             </Group>
-             <Text ta="center" mt="sm" size="sm" color="dimmed">
-               Seret gambar atau klik untuk memilih file (maks 5MB)
-             </Text>
-           </Dropzone>
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          {/* Upload Gambar */}
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Gambar Posyandu
+            </Text>
+            <Dropzone
+              onDrop={(files) => {
+                const selectedFile = files[0];
+                if (selectedFile) {
+                  setFile(selectedFile);
+                  setPreviewImage(URL.createObjectURL(selectedFile));
+                }
+              }}
+              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
+              maxSize={5 * 1024 ** 2}
+              accept={{ 'image/*': [] }}
+              radius="md"
+              p="xl"
+            >
+              <Group justify="center" gap="xl" mih={180}>
+                <Dropzone.Accept>
+                  <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                </Dropzone.Accept>
+                <Dropzone.Reject>
+                  <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
+                </Dropzone.Reject>
+                <Dropzone.Idle>
+                  <IconPhoto size={48} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                </Dropzone.Idle>
+              </Group>
+              <Text ta="center" mt="sm" size="sm" color="dimmed">
+                Seret gambar atau klik untuk memilih file (maks 5MB)
+              </Text>
+            </Dropzone>
 
 
-           {previewImage && (
-             <Box mt="sm" style={{ textAlign: 'center' }}>
-               <Image
-                 src={previewImage}
-                 alt="Preview Gambar"
-                 radius="md"
-                 style={{
-                   maxHeight: 200,
-                   objectFit: 'contain',
-                   border: '1px solid #ddd',
-                 }}
-                 loading="lazy"
-               />
-             </Box>
-           )}
-         </Box>
+            {previewImage && (
+              <Box mt="sm" style={{ textAlign: 'center' }}>
+                <Image
+                  src={previewImage}
+                  alt="Preview Gambar"
+                  radius="md"
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
+                  loading="lazy"
+                />
+              </Box>
+            )}
+          </Box>
 
 
-         {/* Input Form */}
-         <TextInput
-           label="Nama Posyandu"
-           placeholder="Masukkan nama posyandu"
-           defaultValue={statePosyandu.create.form.name || ''}
-           onChange={(e) => (statePosyandu.create.form.name = e.target.value)}
-           required
-         />
-         <TextInput
-           label="Telepon Posyandu"
-           placeholder="Masukkan telepon posyandu"
-           defaultValue={statePosyandu.create.form.nomor || ''}
-           onChange={(e) => (statePosyandu.create.form.nomor = e.target.value)}
-           required
-         />
-         <Box>
-           <Text fw="bold" fz="sm" mb={6}>
-             Deskripsi Posyandu
-           </Text>
-           <CreateEditor
-             value={statePosyandu.create.form.deskripsi}
-             onChange={(htmlContent) => {
-               statePosyandu.create.form.deskripsi = htmlContent;
-             }}
-           />
-         </Box>
-         <Box>
-           <Text fw="bold" fz="sm" mb={6}>
-             Jadwal Pelayanan
-           </Text>
-           <CreateEditor
-             value={statePosyandu.create.form.jadwalPelayanan}
-             onChange={(htmlContent) => {
-               statePosyandu.create.form.jadwalPelayanan = htmlContent;
-             }}
-           />
-         </Box>
+          {/* Input Form */}
+          <TextInput
+            label="Nama Posyandu"
+            placeholder="Masukkan nama posyandu"
+            defaultValue={statePosyandu.create.form.name || ''}
+            onChange={(e) => (statePosyandu.create.form.name = e.target.value)}
+            required
+          />
+          <TextInput
+            label="Telepon Posyandu"
+            placeholder="Masukkan telepon posyandu"
+            defaultValue={statePosyandu.create.form.nomor || ''}
+            onChange={(e) => (statePosyandu.create.form.nomor = e.target.value)}
+            required
+          />
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Deskripsi Posyandu
+            </Text>
+            <CreateEditor
+              value={statePosyandu.create.form.deskripsi}
+              onChange={(htmlContent) => {
+                statePosyandu.create.form.deskripsi = htmlContent;
+              }}
+            />
+          </Box>
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Jadwal Pelayanan
+            </Text>
+            <CreateEditor
+              value={statePosyandu.create.form.jadwalPelayanan}
+              onChange={(htmlContent) => {
+                statePosyandu.create.form.jadwalPelayanan = htmlContent;
+              }}
+            />
+          </Box>
 
 
-         {/* Button */}
-         <Group justify="right">
-           <Button
-             onClick={handleSubmit}
-             radius="md"
-             size="md"
-             style={{
-               background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
-               color: '#fff',
-               boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
-             }}
-           >
-             Simpan
-           </Button>
-         </Group>
-       </Stack>
-     </Paper>
-   </Box>
- );
+          {/* Button */}
+          <Group justify="right">
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              Simpan
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
index b8528787..85691f00 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
@@ -1,23 +1,22 @@
 'use client'
 import colors from '@/con/colors';
 import {
- Box,
- Button,
- Center,
- Group,
- Pagination,
- Paper,
- Skeleton,
- Stack,
- Table,
- TableTbody,
- TableTd,
- TableTh,
- TableThead,
- TableTr,
- Text,
- Title,
- Tooltip
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -29,148 +28,146 @@ import posyandustate from '../../_state/kesehatan/posyandu/posyandu';
 
 
 function Posyandu() {
- const [search, setSearch] = useState("");
- return (
-   <Box>
-     <HeaderSearch
-       title='Posyandu'
-       placeholder='Cari nama posyandu atau nomor...'
-       searchIcon={<IconSearch size={20} />}
-       value={search}
-       onChange={(e) => setSearch(e.currentTarget.value)}
-     />
-     <ListPosyandu search={search} />
-   </Box>
- );
+  const [search, setSearch] = useState("");
+  return (
+    <Box>
+      <HeaderSearch
+        title='Posyandu'
+        placeholder='Cari nama posyandu atau nomor...'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListPosyandu search={search} />
+    </Box>
+  );
 }
 
 
 function ListPosyandu({ search }: { search: string }) {
- const statePosyandu = useProxy(posyandustate)
- const router = useRouter();
+  const statePosyandu = useProxy(posyandustate)
+  const router = useRouter();
 
 
- const {
-   data,
-   page,
-   totalPages,
-   loading,
-   load,
- } = statePosyandu.findMany;
+  const {
+    data,
+    page,
+    totalPages,
+    loading,
+    load,
+  } = statePosyandu.findMany;
 
 
- useShallowEffect(() => {
-   load(page, 10, search)
- }, [page, search])
+  useShallowEffect(() => {
+    load(page, 10, search)
+  }, [page, search])
 
 
- const filteredData = data || [];
+  const filteredData = data || [];
 
 
- if (loading || !data) {
-   return (
-     <Stack py={10}>
-       <Skeleton height={600} radius="md" />
-     </Stack>
-   )
- }
+  if (loading || !data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={600} radius="md" />
+      </Stack>
+    )
+  }
 
 
- return (
-   <Box py={10}>
-     <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-       <Group justify="space-between" mb="md">
-         <Title order={4}>Daftar Posyandu</Title>
-         <Tooltip label="Tambah Posyandu" withArrow>
-           <Button
-             leftSection={<IconPlus size={18} />}
-             color="blue"
-             variant="light"
-             onClick={() => router.push('/admin/kesehatan/posyandu/create')}
-           >
-             Tambah Baru
-           </Button>
-         </Tooltip>
-       </Group>
-       <Box style={{ overflowX: "auto" }}>
-         <Table highlightOnHover>
-           <TableThead>
-             <TableTr>
-               <TableTh style={{ width: '25%' }}>Nama Posyandu</TableTh>
-               <TableTh style={{ width: '20%' }}>Nomor Posyandu</TableTh>
-               <TableTh style={{ width: '30%' }}>Deskripsi</TableTh>
-               <TableTh style={{ width: '15%' }}>Aksi</TableTh>
-             </TableTr>
-           </TableThead>
-           <TableTbody>
-             {filteredData.length > 0 ? (
-               filteredData.map((item) => (
-                 <TableTr key={item.id}>
-                   <TableTd style={{ width: '25%' }}>
-                    <Box w={150}>
-                     <Text fw={500} truncate="end" lineClamp={1}>
-                       {item.name}
-                     </Text>
-                     </Box>
-                   </TableTd>
-                   <TableTd style={{ width: '20%' }}>
-                    <Box w={150}>
-                     <Text truncate fz="sm" c="dimmed">
-                       {item.nomor || '-'}
-                     </Text>
-                     </Box>
-                   </TableTd>
-                   <TableTd style={{ width: '30%' }}>
-                    <Box w={150}>
-                     <Text
-                     lineClamp={1}
-                       truncate
-                       fz="sm"
-                       dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                     />
-                     </Box>
-                   </TableTd>
-                   <TableTd style={{ width: '15%' }}>
-                     <Button
-                       variant="light"
-                       color="blue"
-                       onClick={() => router.push(`/admin/kesehatan/posyandu/${item.id}`)}
-                     >
-                       <IconDeviceImac size={20} />
-                       <Text ml={5}>Detail</Text>
-                     </Button>
-                   </TableTd>
-                 </TableTr>
-               ))
-             ) : (
-               <TableTr>
-                 <TableTd colSpan={4}>
-                   <Center py={20}>
-                     <Text color="dimmed">Tidak ada data posyandu yang cocok</Text>
-                   </Center>
-                 </TableTd>
-               </TableTr>
-             )}
-           </TableTbody>
-         </Table>
-       </Box>
-     </Paper>
-     <Center>
-       <Pagination
-         value={page}
-         onChange={(newPage) => {
-           load(newPage, 10);
-           window.scrollTo({ top: 0, behavior: 'smooth' });
-         }}
-         total={totalPages}
-         mt="md"
-         mb="md"
-         color="blue"
-         radius="md"
-       />
-     </Center>
-   </Box>
- );
+  return (
+    <Box py={10}>
+      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+        <Group justify="space-between" mb="md">
+          <Title order={4}>Daftar Posyandu</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/kesehatan/posyandu/create')}
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+        <Box style={{ overflowX: "auto" }}>
+          <Table highlightOnHover>
+            <TableThead>
+              <TableTr>
+                <TableTh style={{ width: '25%' }}>Nama Posyandu</TableTh>
+                <TableTh style={{ width: '20%' }}>Nomor Posyandu</TableTh>
+                <TableTh style={{ width: '30%' }}>Deskripsi</TableTh>
+                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd style={{ width: '25%' }}>
+                      <Box w={150}>
+                        <Text fw={500} truncate="end" lineClamp={1}>
+                          {item.name}
+                        </Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd style={{ width: '20%' }}>
+                      <Box w={150}>
+                        <Text truncate fz="sm" c="dimmed">
+                          {item.nomor || '-'}
+                        </Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd style={{ width: '30%' }}>
+                      <Box w={150}>
+                        <Text
+                          lineClamp={1}
+                          truncate
+                          fz="sm"
+                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        />
+                      </Box>
+                    </TableTd>
+                    <TableTd style={{ width: '15%' }}>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/kesehatan/posyandu/${item.id}`)}
+                      >
+                        <IconDeviceImac size={20} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
+                    </TableTd>
+                  </TableTr>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={4}>
+                    <Center py={20}>
+                      <Text color="dimmed">Tidak ada data posyandu yang cocok</Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+      </Paper>
+      <Center>
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 10);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
+          total={totalPages}
+          mt="md"
+          mb="md"
+          color="blue"
+          radius="md"
+        />
+      </Center>
+    </Box>
+  );
 }
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
index 1f0dcbec..249ade53 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -96,11 +95,9 @@ function EditProgramKesehatan() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Program Kesehatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
index 5a36bca6..b1a1e6ec 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
@@ -1,13 +1,13 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip, Image } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import React, { useState } from 'react';
-import programKesehatan from '../../../_state/kesehatan/program-kesehatan/programKesehatan';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { useShallowEffect } from '@mantine/hooks';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import programKesehatan from '../../../_state/kesehatan/program-kesehatan/programKesehatan';
 
 function DetailProgramKesehatan() {
   const state = useProxy(programKesehatan);
@@ -84,39 +84,35 @@ function DetailProgramKesehatan() {
               <Box>
                 <Text fz="lg" fw="bold">Gambar</Text>
                 {data?.image?.link ? (
-                  <Image src={data.image.link} alt="gambar program kesehatan" radius="md" loading="lazy"/>
+                  <Image src={data.image.link} alt="gambar program kesehatan" radius="md" loading="lazy" />
                 ) : (
                   <Text fz="md" c="dimmed">-</Text>
                 )}
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/kesehatan/program-kesehatan/${data?.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/kesehatan/program-kesehatan/${data?.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
index 35d642df..75537a6e 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
@@ -10,9 +10,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -20,7 +20,6 @@ import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import programKesehatan from '../../../_state/kesehatan/program-kesehatan/programKesehatan';
-import { Dropzone } from '@mantine/dropzone';
 
 function CreateProgramKesehatan() {
   const router = useRouter();
@@ -71,11 +70,9 @@ function CreateProgramKesehatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Program Kesehatan
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
index 55ce2a2b..c033c538 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -70,16 +69,14 @@ function ListProgramKesehatan({ search }: { search: string }) {
         {/* Header List + Tombol Tambah */}
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Program Kesehatan</Title>
-          <Tooltip label="Tambah Program Kesehatan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/kesehatan/program-kesehatan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/kesehatan/program-kesehatan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         {/* Tabel */}
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
index 9dd41e85..61f43035 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -150,11 +149,9 @@ function EditPuskesmas() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol back */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Puskesmas
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
index 2384ae36..d9947978 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
@@ -1,13 +1,13 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Text, Image, Skeleton, Group, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import React, { useState } from 'react';
-import puskesmasState from '../../../_state/kesehatan/puskesmas/puskesmas';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { useShallowEffect } from '@mantine/hooks';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import puskesmasState from '../../../_state/kesehatan/puskesmas/puskesmas';
 
 function DetailPuskesmas() {
   const params = useParams();
@@ -106,7 +106,6 @@ function DetailPuskesmas() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -119,9 +118,7 @@ function DetailPuskesmas() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Data" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() =>
@@ -133,7 +130,6 @@ function DetailPuskesmas() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
index 871b1235..59787839 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -77,11 +76,9 @@ function CreatePuskesmas() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Puskesmas
         </Title>
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
index 44e4b74c..0ec25757 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -71,7 +70,6 @@ function ListPuskesmas({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Puskesmas</Title>
-          <Tooltip label="Tambah Puskesmas" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -80,7 +78,6 @@ function ListPuskesmas({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
 
         <Box style={{ overflowX: "auto" }}>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index 4327ad4e..bdfc7be5 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconFile, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -114,11 +113,9 @@ function EditAPBDes() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit APBDes
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
index ce342456..4cd49a60 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import { useProxy } from 'valtio/utils';
 
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconFile, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -117,7 +117,6 @@ function DetailAPBDes() {
               </Box>
 
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus APBDes" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -131,9 +130,7 @@ function DetailAPBDes() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit APBDes" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/landing-page/apbdes/${data.id}/edit`)}
@@ -143,7 +140,6 @@ function DetailAPBDes() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index 1925e0a5..ec13e669 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -11,8 +11,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconFile, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -83,11 +82,9 @@ function CreateAPBDes() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah APBDes
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index a2062280..e0fd60e5 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconFile, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -57,7 +57,6 @@ function ListAPBDes({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar APBDes</Title>
-          <Tooltip label="Tambah APBDes" withArrow>
             <Button 
               leftSection={<IconPlus size={18} />} 
               color="blue" 
@@ -66,7 +65,6 @@ function ListAPBDes({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
index b0fc00e7..401f85a3 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
@@ -1,20 +1,19 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 "use client";
 
-import { usePathname, useRouter } from "next/navigation";
-import React, { useEffect, useState } from "react";
+import colors from "@/con/colors";
 import {
+    ScrollArea,
     Stack,
     Tabs,
     TabsList,
     TabsPanel,
     TabsTab,
-    Title,
-    Tooltip,
-    ScrollArea,
+    Title
 } from "@mantine/core";
-import { IconList, IconCategory } from "@tabler/icons-react";
-import colors from "@/con/colors";
+import { IconCategory, IconList } from "@tabler/icons-react";
+import { usePathname, useRouter } from "next/navigation";
+import React, { useEffect, useState } from "react";
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
     const router = useRouter();
@@ -26,14 +25,12 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             value: "listDesaAntiKorupsi",
             href: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi",
             icon: <IconList size={18} stroke={1.8} />,
-            tooltip: "Kelola daftar program desa anti korupsi",
         },
         {
             label: "Kategori Desa Anti Korupsi",
             value: "kategoriDesaAntiKorupsi",
             href: "/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi",
             icon: <IconCategory size={18} stroke={1.8} />,
-            tooltip: "Kelola kategori desa anti korupsi",
         },
     ];
 
@@ -85,26 +82,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                         }}
                     >
                         {tabs.map((tab, i) => (
-                            <Tooltip
+                            <TabsTab
                                 key={i}
-                                label={tab.tooltip}
-                                position="bottom"
-                                withArrow
-                                transitionProps={{ transition: "pop", duration: 200 }}
+                                value={tab.value}
+                                leftSection={tab.icon}
+                                style={{
+                                    fontWeight: 600,
+                                    fontSize: "0.9rem",
+                                    transition: "all 0.2s ease",
+                                    flexShrink: 0, // ✅ mencegah tab mengecil
+                                }}
                             >
-                                <TabsTab
-                                    value={tab.value}
-                                    leftSection={tab.icon}
-                                    style={{
-                                        fontWeight: 600,
-                                        fontSize: "0.9rem",
-                                        transition: "all 0.2s ease",
-                                        flexShrink: 0, // ✅ mencegah tab mengecil
-                                    }}
-                                >
-                                    {tab.label}
-                                </TabsTab>
-                            </Tooltip>
+                                {tab.label}
+                            </TabsTab>
                         ))}
                     </TabsList>
                 </ScrollArea>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
index 48af5204..b73a741d 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
@@ -3,10 +3,10 @@
 
 import korupsiState from '@/app/admin/(dashboard)/_state/landing-page/desa-anti-korupsi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
@@ -76,11 +76,9 @@ export default function EditKategoriDesaAntiKorupsi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Desa Anti Korupsi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
index 15e3645c..bb816f12 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -35,11 +35,9 @@ export default function CreateKategoriDesaAntiKorupsi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya"  withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Desa Anti Korupsi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
index 19a507a2..6a5e8c88 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -68,7 +68,6 @@ function ListKategoriKegiatan({ search }: { search: string }) {
       <Paper bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kategori Kegiatan</Title>
-          <Tooltip label="Tambah Kategori" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -77,7 +76,6 @@ function ListKategoriKegiatan({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover striped verticalSpacing="sm">
@@ -98,7 +96,6 @@ function ListKategoriKegiatan({ search }: { search: string }) {
                       </Box>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Edit" withArrow>
                         <Button
                           variant="light"
                           color="green"
@@ -107,10 +104,8 @@ function ListKategoriKegiatan({ search }: { search: string }) {
                         >
                           <IconEdit size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Hapus" withArrow>
                         <Button
                           variant="light"
                           color="red"
@@ -122,7 +117,6 @@ function ListKategoriKegiatan({ search }: { search: string }) {
                         >
                           <IconTrash size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
index d60eb719..dfb4b0e6 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
@@ -1,19 +1,19 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 
-import { Box, Button, Group, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
-import { IconArrowBack, IconFile, IconUpload, IconX } from '@tabler/icons-react';
-import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, ChangeEvent } from 'react';
-import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
+import { Box, Button, Group, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconFile, IconUpload, IconX } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { ChangeEvent, useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
-import colors from '@/con/colors';
-import korupsiState from '@/app/admin/(dashboard)/_state/landing-page/desa-anti-korupsi';
-import ApiFetch from '@/lib/api-fetch';
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import korupsiState from '@/app/admin/(dashboard)/_state/landing-page/desa-anti-korupsi';
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
 
 interface FormDesaAntiKorupsi {
   name: string;
@@ -123,11 +123,9 @@ export default function EditDesaAntiKorupsi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Desa Anti Korupsi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
index 919eb39d..5b1f738c 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import korupsiState from '@/app/admin/(dashboard)/_state/landing-page/desa-anti-korupsi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -113,7 +113,6 @@ export default function DetailKegiatanDesa() {
               </Box>
 
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Data" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -127,9 +126,7 @@ export default function DetailKegiatanDesa() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Data" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/${data.id}/edit`)}
@@ -139,7 +136,6 @@ export default function DetailKegiatanDesa() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
index 1756842b..dc6e1210 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconFile, IconUpload, IconX } from '@tabler/icons-react';
@@ -23,7 +22,6 @@ import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
-
 export default function CreateDesaAntiKorupsi() {
   const router = useRouter();
   const stateKorupsi = useProxy(korupsiState.desaAntikorupsi);
@@ -87,11 +85,9 @@ export default function CreateDesaAntiKorupsi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Dokumen Desa Anti Korupsi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
index 097722fd..79046061 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -65,13 +65,11 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
         <Paper p="lg" radius="lg" shadow="md" withBorder>
           <Group justify="space-between" mb="md">
             <Title order={4}>Daftar Program Desa Anti Korupsi</Title>
-            <Tooltip label="Tambah Program Baru" withArrow>
               <Button leftSection={<IconPlus size={18} />} color="blue" variant="light"
                 onClick={() => router.push('/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create')}
               >
                 Tambah Baru
               </Button>
-            </Tooltip>
           </Group>
           <Box style={{ overflowX: 'auto' }}>
             <Table
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx
index 687c7c48..4b910589 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconChartBar, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -68,19 +68,18 @@ function LayoutTabsKepuasan({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((e, i) => (
-              <Tooltip key={i} label={e.description} withArrow position="bottom" transitionProps={{ transition: 'pop', duration: 200 }}>
-                <TabsTab
-                  value={e.value}
-                  leftSection={e.icon}
-                  style={{
-                    fontWeight: 500,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {e.label}
-                </TabsTab>
-              </Tooltip>
+              <TabsTab
+                key={i}
+                value={e.value}
+                leftSection={e.icon}
+                style={{
+                  fontWeight: 500,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
+              >
+                {e.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
index 98785c88..f203df16 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
@@ -1,24 +1,23 @@
 'use client'
 /* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect, useState, useCallback } from 'react';
-import { useRouter, useParams } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
+import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
 import colors from '@/con/colors';
 import {
   Box,
   Button,
   Group,
   Paper,
-  Stack,
-  Title,
-  TextInput,
-  Text,
   Select,
-  Tooltip,
+  Stack,
+  Text,
+  TextInput,
+  Title
 } from '@mantine/core';
 import { IconArrowBack, IconDeviceFloppy } from '@tabler/icons-react';
-import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
+import { useParams, useRouter } from 'next/navigation';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 interface FormResponden {
   name: string;
@@ -120,11 +119,9 @@ function EditResponden() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Responden
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
index 7bb65dc6..69178422 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
@@ -3,7 +3,7 @@
 import { ModalKonfirmasiHapus } from "@/app/admin/(dashboard)/_com/modalKonfirmasiHapus"
 import indeksKepuasanState from "@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan"
 import colors from "@/con/colors"
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from "@mantine/core"
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from "@mantine/core"
 import { useShallowEffect } from "@mantine/hooks"
 import { IconArrowBack, IconEdit, IconTrash } from "@tabler/icons-react"
 import { useParams, useRouter } from "next/navigation"
@@ -89,7 +89,6 @@ export default function DetailResponden() {
               </Box>
               
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Responden" withArrow position="top">
                   <Button
                     color="red"
                     variant="light"
@@ -104,9 +103,8 @@ export default function DetailResponden() {
                   >
                     Hapus
                   </Button>
-                </Tooltip>
-                <Tooltip label="Edit Responden" withArrow position="top">
-                  <Button
+                
+                <Button
                     color="green"
                     variant="light"
                     onClick={() => {
@@ -119,7 +117,6 @@ export default function DetailResponden() {
                   >
                     Edit
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx
index 53da55c1..109e8f80 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
+import colors from '@/con/colors';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconCategory, IconListDetails } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
-import { IconCategory, IconListDetails } from '@tabler/icons-react';
-import colors from '@/con/colors';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -16,14 +16,12 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       value: "listPrestasiDesa",
       href: "/admin/landing-page/prestasi-desa/list-prestasi-desa",
       icon: <IconListDetails size={18} stroke={1.8} />,
-      tooltip: "Kelola daftar prestasi desa",
     },
     {
       label: "Kategori Prestasi",
       value: "kategoriPrestasiDesa",
       href: "/admin/landing-page/prestasi-desa/kategori-prestasi-desa",
       icon: <IconCategory size={18} stroke={1.8} />,
-      tooltip: "Kelola kategori prestasi desa",
     },
   ];
 
@@ -59,17 +57,17 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         <ScrollArea type="auto" offsetScrollbars>
-        <TabsList
-          p="sm"
-          style={{
-            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-            borderRadius: "1rem",
-            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-          }}
-        >
-          {tabs.map((tab, i) => (
-            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
+          <TabsList
+            p="sm"
+            style={{
+              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+              borderRadius: "1rem",
+              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+            }}
+          >
+            {tabs.map((tab, i) => (
               <TabsTab
+                key={i}
                 value={tab.value}
                 leftSection={tab.icon}
                 style={{
@@ -80,9 +78,8 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               >
                 {tab.label}
               </TabsTab>
-            </Tooltip>
-          ))}
-        </TabsList>
+            ))}
+          </TabsList>
         </ScrollArea>
 
         {tabs.map((tab, i) => (
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
index 40f7b19c..6614f2eb 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
@@ -3,7 +3,7 @@
 
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -67,11 +67,9 @@ function EditKategoriPrestasi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Prestasi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
index c03a0ba6..3d3a09d3 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
@@ -2,7 +2,7 @@
 'use client'
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -32,11 +32,9 @@ function CreateKategoriPrestasi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Prestasi
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
index 7fe4cb43..a8684a78 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -68,11 +68,9 @@ function ListKategoriPrestasi({ search }: { search: string }) {
       <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm" withBorder>
         <Group justify="space-between" mb="md">
           <Title order={4} c="dark">List Kategori Prestasi</Title>
-          <Tooltip label="Tambah Kategori Prestasi" withArrow>
             <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/prestasi-desa/kategori-prestasi-desa/create')}>
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
@@ -102,7 +100,6 @@ function ListKategoriPrestasi({ search }: { search: string }) {
                       </Box>
                     </TableTd>
                     <TableTd style={{ textAlign: 'center', width: '120px' }}>
-                      <Tooltip label="Edit" withArrow position="top">
                         <Button
                           variant="light"
                           color="green"
@@ -111,10 +108,8 @@ function ListKategoriPrestasi({ search }: { search: string }) {
                         >
                           <IconEdit size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                     <TableTd style={{ textAlign: 'center', width: '120px' }}>
-                      <Tooltip label="Hapus" withArrow position="top">
                         <Button
                           variant="light"
                           color="red"
@@ -126,7 +121,6 @@ function ListKategoriPrestasi({ search }: { search: string }) {
                         >
                           <IconTrash size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
index b68990ac..b10fea7a 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
@@ -1,16 +1,16 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
-import { useProxy } from 'valtio/utils';
-import { useEffect, useState } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
-import colors from '@/con/colors';
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
+import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 
 interface FormPrestasiDesa {
@@ -96,11 +96,9 @@ export default function EditPrestasiDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">Edit Prestasi Desa</Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
index d7c3ecba..1a4e101c 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -104,7 +104,6 @@ function DetailPrestasiDesa() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Prestasi" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -120,9 +119,7 @@ function DetailPrestasiDesa() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Prestasi" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => {
@@ -137,7 +134,6 @@ function DetailPrestasiDesa() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
index 8462f93d..cb15bb3d 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
@@ -4,7 +4,7 @@ import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -61,11 +61,9 @@ function CreatePrestasiDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Prestasi Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
index 0b18c124..1059a1f7 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -70,7 +70,6 @@ function ListPrestasi({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Prestasi Desa</Title>
-          <Tooltip label="Tambah Prestasi" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -79,7 +78,6 @@ function ListPrestasi({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
@@ -109,7 +107,6 @@ function ListPrestasi({ search }: { search: string }) {
                       </Box>
                     </TableTd>
                     <TableTd style={{ width: '25%', textAlign: 'center' }}>
-                      <Tooltip label="Kelola Prestasi" withArrow>
                         <Button
                           size="xs"
                           radius="md"
@@ -120,7 +117,6 @@ function ListPrestasi({ search }: { search: string }) {
                         >
                           Detail
                         </Button>
-                      </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/landing-page/profile/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/landing-page/profile/_lib/layoutTabs.tsx
index 24595d4b..c5e029cb 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/_lib/layoutTabs.tsx
@@ -1,19 +1,18 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
-import { usePathname, useRouter } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
+import colors from '@/con/colors';
 import {
+  ScrollArea,
   Stack,
   Tabs,
   TabsList,
   TabsPanel,
   TabsTab,
-  Title,
-  Tooltip,
-  ScrollArea,
+  Title
 } from '@mantine/core';
-import { IconBulb, IconUsers, IconBrandFacebook } from '@tabler/icons-react';
-import colors from '@/con/colors';
+import { IconBrandFacebook, IconBulb, IconUsers } from '@tabler/icons-react';
+import { usePathname, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -25,21 +24,18 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       value: "program-inovasi",
       href: "/admin/landing-page/profile/program-inovasi",
       icon: <IconBulb size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola program inovasi desa",
     },
     {
       label: "Pejabat Desa",
       value: "pejabat-desa",
       href: "/admin/landing-page/profile/pejabat-desa",
       icon: <IconUsers size={18} stroke={1.8} />,
-      tooltip: "Kelola data pejabat desa",
     },
     {
       label: "Media Sosial",
       value: "media-sosial",
       href: "/admin/landing-page/profile/media-sosial",
       icon: <IconBrandFacebook size={18} stroke={1.8} />,
-      tooltip: "Atur tautan media sosial desa",
     },
   ];
 
@@ -92,26 +88,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: "pop", duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                  flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/page.tsx
index c1ed2c0b..d6aecffd 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page/profile';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -95,7 +95,6 @@ function DetailMediaSosial() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Media Sosial" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -108,9 +107,7 @@ function DetailMediaSosial() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Media Sosial" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/landing-page/profile/media-sosial/${data.id}/edit`)}
@@ -120,7 +117,6 @@ function DetailMediaSosial() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/page.tsx
index 62e0116d..a425140a 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/page.tsx
@@ -1,11 +1,11 @@
 'use client'
+import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page/profile';
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
-import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page/profile';
 
 function Page() {
   const router = useRouter();
@@ -35,7 +35,6 @@ function Page() {
             <Title order={3} c={colors['blue-button']}>Preview Pejabat Desa</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Profil Pejabat" withArrow>
               <Button
                 c="green"
                 variant="light"
@@ -45,7 +44,6 @@ function Page() {
               >
                 Edit
               </Button>
-            </Tooltip>
           </GridCol>
         </Grid>
         {dataArray.map((item) => (
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
index 8d57d922..8ae6df07 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page/profile';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -106,7 +106,6 @@ function DetailProgramInovasi() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Program Inovasi" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -119,9 +118,7 @@ function DetailProgramInovasi() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Program Inovasi" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/landing-page/profile/program-inovasi/${data.id}/edit`)}
@@ -131,7 +128,6 @@ function DetailProgramInovasi() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
index dd65bf5a..ca6d3b99 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
@@ -8,13 +8,12 @@ import {
   Box,
   Button,
   Group,
+  Image,
   Paper,
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
-  Image,
+  Title
 } from "@mantine/core";
 import { Dropzone } from "@mantine/dropzone";
 import { IconArrowBack, IconDeviceFloppy, IconPhoto, IconUpload, IconX } from "@tabler/icons-react";
@@ -94,11 +93,9 @@ export default function EditKolaborasiInovasi() {
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors["blue-button"]} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Sdgs Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/page.tsx
index 59b8f825..7cd5265d 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/page.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { useProxy } from 'valtio/utils';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 import colors from '@/con/colors';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
@@ -95,7 +95,6 @@ function DetailSDGSDesa() {
               </Box>
 
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Sdgs Desa" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -109,9 +108,7 @@ function DetailSDGSDesa() {
                   >
                     <IconX size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Sdgs Desa" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/landing-page/sdgs-desa/${data.id}/edit`)}
@@ -121,7 +118,6 @@ function DetailSDGSDesa() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
index 0b1b6517..474ea855 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
@@ -2,7 +2,7 @@
 'use client'
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconDeviceFloppy, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -58,11 +58,9 @@ function CreateSDGsDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Sdgs Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/page.tsx
index e7eadb5e..644ba1cd 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/sdgs-desa/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -59,7 +59,6 @@ function ListSdgsDesa({ search }: { search: string }) {
         <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
           <Group justify="space-between" mb="md">
             <Title order={4}>Daftar Sdgs Desa</Title>
-            <Tooltip label="Tambah Sdgs Desa" withArrow>
               <Button 
                 leftSection={<IconPlus size={18} />} 
                 color={colors['blue-button']} 
@@ -68,7 +67,6 @@ function ListSdgsDesa({ search }: { search: string }) {
               >
                 Tambah Baru
               </Button>
-            </Tooltip>
           </Group>
           <Box style={{ overflowX: 'auto' }}>
             <Table highlightOnHover striped verticalSpacing="sm">
@@ -98,13 +96,11 @@ function ListSdgsDesa({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Sdgs Desa</Title>
-          <Tooltip label="Tambah Sdgs Desa" withArrow>
             <Button leftSection={<IconPlus size={18} />} color="blue" variant="light"
               onClick={() => router.push('/admin/landing-page/sdgs-desa/create')}
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
@@ -129,7 +125,6 @@ function ListSdgsDesa({ search }: { search: string }) {
                     </Text>
                   </TableTd>
                   <TableTd style={{ width: '20%', textAlign: 'center' }}>
-                    <Tooltip label="Lihat Detail" withArrow>
                       <Button 
                         size="xs"
                         radius="md"
@@ -140,7 +135,6 @@ function ListSdgsDesa({ search }: { search: string }) {
                       >
                         Detail
                       </Button>
-                    </Tooltip>
                   </TableTd>
                 </TableTr>
               ))}
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
index 8a7b9a43..86196775 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
@@ -4,7 +4,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import daftarInformasiPublik from '@/app/admin/(dashboard)/_state/ppid/daftar_informasi_publik/daftarInformasiPublik';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -81,11 +81,9 @@ function EditDaftarInformasiPublik() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Daftar Informasi Publik
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
index ac4f92d8..69f1da44 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useShallowEffect } from '@mantine/hooks';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
@@ -93,7 +93,6 @@ function DetailDaftarInformasiPublik() {
               </Box>
 
               <Group gap="sm" mt="md">
-                <Tooltip label="Edit Informasi" withArrow position="top">
                   <Button
                     variant="light"
                     color="green"
@@ -103,9 +102,7 @@ function DetailDaftarInformasiPublik() {
                   >
                     Edit
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Hapus Informasi" withArrow position="top">
                   <Button
                     variant="light"
                     color="red"
@@ -119,7 +116,6 @@ function DetailDaftarInformasiPublik() {
                   >
                     Hapus
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
index aadfe5d0..45495a93 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -43,11 +43,9 @@ export default function CreateDaftarInformasi() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Informasi Publik
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
index 02624b52..8562b7c8 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { useShallowEffect, useViewportSize } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useShallowEffect, useViewportSize } from '@mantine/hooks';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
@@ -52,7 +52,6 @@ function ListDaftarInformasi({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Informasi Publik</Title>
-          <Tooltip label="Tambah Informasi Publik" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -61,7 +60,6 @@ function ListDaftarInformasi({ search }: { search: string }) {
             >
               {isMobile ? 'Tambah' : 'Tambah Baru'}
             </Button>
-          </Tooltip>
         </Group>
 
         {filteredData.length === 0 ? (
@@ -92,29 +90,19 @@ function ListDaftarInformasi({ search }: { search: string }) {
                       <Text fz="sm">{(page - 1) * 10 + index + 1}</Text>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label={item.jenisInformasi} position="top-start" openDelay={500}>
                         <Box w={200}>
                           <Text fw={500} lineClamp={1}>{item.jenisInformasi}</Text>
                         </Box>
-                      </Tooltip>
                     </TableTd>
                     <TableTd>
-                      <Tooltip
-                        label={item.deskripsi?.replace(/<[^>]*>?/gm, '')}
-                        position="top-start"
-                        openDelay={500}
-                        multiline
-                        maw={400}
-                      >
                         <Box w={200}>
                           <Text lineClamp={1} fz="sm" c="dimmed">
                             {item.deskripsi?.replace(/<[^>]*>?/gm, '').substring(0, 80) + '...'}
                           </Text>
                         </Box>
-                      </Tooltip>
+
                     </TableTd>
                     <TableTd style={{ textAlign: 'center' }}>
-                      <Tooltip label="Lihat Detail" withArrow>
                         <Button
                           size="xs"
                           radius="md"
@@ -125,7 +113,6 @@ function ListDaftarInformasi({ search }: { search: string }) {
                         >
                           Detail
                         </Button>
-                      </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))}
diff --git a/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx b/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
index 28fcaef5..4867d90b 100644
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
@@ -1,13 +1,13 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
+import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import stateDasarHukumPPID from '../../../_state/ppid/dasar_hukum/dasarHukum';
-import { useRouter } from 'next/navigation';
-import { IconArrowBack } from '@tabler/icons-react';
 
 const PPIDTextEditor = dynamic(
   () => import('../../_com/PPIDTextEditor').then(mod => mod.PPIDTextEditor),
@@ -50,11 +50,9 @@ function EditDasarHukum() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Dasar Hukum PPID
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
index 520a5111..aa38d47e 100644
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -40,7 +40,6 @@ function Page() {
             <Title order={3} c={colors['blue-button']}>Preview Dasar Hukum PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Dasar Hukum" withArrow>
               <Button
                 c="green"
                 variant="light"
@@ -50,7 +49,6 @@ function Page() {
               >
                 Edit
               </Button>
-            </Tooltip>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
index 808be9ac..f11990e2 100644
--- a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
@@ -2,10 +2,10 @@
 'use client'
 import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Select, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Select, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack, IconDeviceFloppy } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, ChangeEvent } from 'react';
+import { ChangeEvent, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
@@ -87,11 +87,9 @@ function EditResponden() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Responden
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx
index 5f132b8a..a965cd88 100644
--- a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx
@@ -3,7 +3,7 @@
 import { ModalKonfirmasiHapus } from "@/app/admin/(dashboard)/_com/modalKonfirmasiHapus"
 import indeksKepuasanState from "@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan"
 import colors from "@/con/colors"
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from "@mantine/core"
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from "@mantine/core"
 import { useShallowEffect } from "@mantine/hooks"
 import { IconArrowBack, IconEdit, IconTrash } from "@tabler/icons-react"
 import { useParams, useRouter } from "next/navigation"
@@ -89,7 +89,6 @@ export default function DetailResponden() {
               </Box>
               
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Responden" withArrow position="top">
                   <Button
                     color="red"
                     variant="light"
@@ -104,8 +103,6 @@ export default function DetailResponden() {
                   >
                     Hapus
                   </Button>
-                </Tooltip>
-                <Tooltip label="Edit Responden" withArrow position="top">
                   <Button
                     color="green"
                     variant="light"
@@ -119,7 +116,6 @@ export default function DetailResponden() {
                   >
                     Edit
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
index 8aa329ce..3afd656b 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors'
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core'
+import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core'
 import { useShallowEffect } from '@mantine/hooks'
 import { IconDeviceImacCog, IconId, IconInfoCircle, IconPhone, IconUser } from '@tabler/icons-react'
 import { useRouter } from 'next/navigation'
@@ -32,9 +32,7 @@ function Page() {
         <Stack gap="md">
           <Group justify="space-between">
             <Title order={2} c="dark">Daftar Permohonan Informasi Publik</Title>
-            <Tooltip label="Data permohonan informasi sesuai dengan pengajuan masyarakat" position="bottom">
               <IconInfoCircle size={20} stroke={1.5} />
-            </Tooltip>
           </Group>
 
           {data.length === 0 ? (
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 2d651a3e..6471f29b 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -1,11 +1,11 @@
 'use client'
 import colors from '@/con/colors'
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core'
+import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core'
 import { useShallowEffect } from '@mantine/hooks'
 import { IconDeviceImacCog, IconInfoCircle, IconMail, IconPhone, IconUser } from '@tabler/icons-react'
+import { useRouter } from 'next/navigation'
 import { useProxy } from 'valtio/utils'
 import statePermohonanKeberatan from '../../_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi'
-import { useRouter } from 'next/navigation'
 
 function Page() {
   const listState = useProxy(statePermohonanKeberatan)
@@ -31,9 +31,7 @@ function Page() {
         <Stack gap="md">
           <Group justify="space-between">
             <Title order={2} c="dark">Daftar Permohonan Keberatan Informasi Publik</Title>
-            <Tooltip label="Data permohonan keberatan atas informasi yang diajukan masyarakat" position="bottom">
-              <IconInfoCircle size={20} stroke={1.5} />
-            </Tooltip>
+            <IconInfoCircle size={20} stroke={1.5} />
           </Group>
 
           {data.length === 0 ? (
@@ -65,9 +63,7 @@ function Page() {
                     <TableTr key={item.id}>
                       <TableTd>{index + 1}</TableTd>
                       <TableTd>
-                        <Tooltip label={item.name}>
-                          <Text lineClamp={1} fw={500}>{item.name}</Text>
-                        </Tooltip>
+                        <Text lineClamp={1} fw={500}>{item.name}</Text>
                       </TableTd>
                       <TableTd>
                         <Text size="sm">{item.email || '-'}</Text>
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
index a7bc90e9..c6c5fdc7 100644
--- a/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -35,7 +35,6 @@ function Page() {
             <Title order={3} c={colors['blue-button']}>Preview Profil PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Profil PPID" withArrow>
               <Button
                 c="green"
                 variant="light"
@@ -45,7 +44,6 @@ function Page() {
               >
                 Edit
               </Button>
-            </Tooltip>
           </GridCol>
         </Grid>
         {dataArray.map((item) => (
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
index 9986926b..4cc3d2b6 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBuildingCommunity, IconHierarchy2, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -9,28 +9,25 @@ import React, { useEffect, useState } from 'react';
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
   const pathname = usePathname();
-  
+
   const tabs = [
     {
       label: "Pegawai",
       value: "pegawai",
       href: "/admin/ppid/struktur-ppid/pegawai",
       icon: <IconUsers size={18} stroke={1.8} />,
-      tooltip: "Kelola daftar pegawai PPID"
     },
     {
       label: "Posisi Organisasi",
       value: "posisiorganisasi",
       href: "/admin/ppid/struktur-ppid/posisi-organisasi",
       icon: <IconHierarchy2 size={18} stroke={1.8} />,
-      tooltip: "Kelola posisi dalam struktur organisasi"
     },
     {
       label: "Struktur Organisasi",
       value: "strukturorganisasi",
       href: "/admin/ppid/struktur-ppid/struktur-organisasi",
       icon: <IconBuildingCommunity size={18} stroke={1.8} />,
-      tooltip: "Kelola struktur organisasi PPID"
     }
   ];
 
@@ -79,9 +76,9 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
             }}
           >
-          {tabs.map((tab, i) => (
-            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
+            {tabs.map((tab, i) => (
               <TabsTab
+                key={i}
                 value={tab.value}
                 leftSection={tab.icon}
                 style={{
@@ -92,27 +89,26 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               >
                 {tab.label}
               </TabsTab>
-            </Tooltip>
           ))}
         </TabsList>
       </ScrollArea>
 
-        {tabs.map((tab, i) => (
-          <TabsPanel
-            key={i}
-            value={tab.value}
-            style={{
-              padding: "1.5rem",
-              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-              borderRadius: "1rem",
-              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-            }}
-          >
-            {children}
-          </TabsPanel>
-        ))}
-      </Tabs>
-    </Stack>
+      {tabs.map((tab, i) => (
+        <TabsPanel
+          key={i}
+          value={tab.value}
+          style={{
+            padding: "1.5rem",
+            background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
+            borderRadius: "1rem",
+            boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+          }}
+        >
+          {children}
+        </TabsPanel>
+      ))}
+    </Tabs>
+    </Stack >
   );
 }
 
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
index c09fd141..f4c68282 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -109,11 +108,9 @@ export default function EditPegawaiPPID() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">Edit Data Pegawai PPID</Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
index e4bb5bbb..84952385 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -149,7 +149,6 @@ function DetailPegawai() {
               </Button>
 
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Pegawai" withArrow position="top">
                   <Button
                     color="red"
                     onClick={() => {
@@ -162,9 +161,7 @@ function DetailPegawai() {
                   >
                     <IconTrash size={20} />
                   </Button>
-                </Tooltip>
 
-                <Tooltip label="Edit Pegawai" withArrow position="top">
                   <Button
                     color="green"
                     onClick={() => router.push(`/admin/ppid/struktur-ppid/pegawai/${data.id}/edit`)}
@@ -174,7 +171,6 @@ function DetailPegawai() {
                   >
                     <IconEdit size={20} />
                   </Button>
-                </Tooltip>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
index 38c8e0db..202b9b15 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
@@ -3,7 +3,7 @@
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -74,11 +74,9 @@ function CreatePegawaiPPID() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Pegawai PPID
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
index 994b8628..aaa1ff9c 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title, Tooltip } from '@mantine/core';
+import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title } from '@mantine/core';
 import { IconCheck, IconDeviceImacCog, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -58,7 +58,6 @@ function ListPegawaiPPID({ search }: { search: string }) {
         <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
           <Group justify="space-between" mb="md">
             <Title order={4}>Daftar Pegawai PPID</Title>
-            <Tooltip label="Tambah Pegawai Baru" withArrow>
               <Button
                 leftSection={<IconPlus size={18} />}
                 color="blue"
@@ -67,7 +66,6 @@ function ListPegawaiPPID({ search }: { search: string }) {
               >
                 Tambah Baru
               </Button>
-            </Tooltip>
           </Group>
           <Center py="xl">
             <Text c="dimmed">Tidak ada data pegawai yang ditemukan</Text>
@@ -81,7 +79,6 @@ function ListPegawaiPPID({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pegawai PPID</Title>
-          <Tooltip label="Tambah Pegawai Baru" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -90,7 +87,6 @@ function ListPegawaiPPID({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
index c07319ca..27634d4f 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
@@ -5,7 +5,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -84,11 +84,9 @@ function EditPosisiOrganisasiPPID() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Posisi Organisasi PPID
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
index 942e723e..f986fe98 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
@@ -3,7 +3,7 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -51,11 +51,9 @@ function CreatePosisiOrganisasiPPID() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Posisi Organisasi PPID
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
index 26d6bd4d..955dd9d3 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -67,7 +67,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Posisi Organisasi PPID</Title>
-          <Tooltip label="Tambah Posisi Organisasi" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -76,7 +75,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
@@ -105,7 +103,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                       <Text>{item.hierarki || '-'}</Text>
                     </TableTd>
                     <TableTd style={{ width: '20%' }}>
-                      <Tooltip label="Edit" withArrow>
                         <Button
                           variant="light"
                           color="green"
@@ -114,10 +111,8 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                         >
                           <IconEdit size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                     <TableTd style={{ width: '20%' }}>
-                    <Tooltip label="Hapus" withArrow>
                       <Button
                         variant="light"
                         color="red"
@@ -129,7 +124,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                       >
                         <IconTrash size={18} />
                       </Button>
-                    </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/struktur-organisasi/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/struktur-organisasi/page.tsx
index b331cfe4..e0c6a1ab 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/struktur-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/struktur-organisasi/page.tsx
@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
-import { Box, Center, Image, Loader, Paper, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Center, Image, Loader, Paper, Stack, Text } from '@mantine/core';
 import { IconUsers } from '@tabler/icons-react';
 import { OrganizationChart } from 'primereact/organizationchart';
 import { useEffect } from 'react';
@@ -110,7 +110,6 @@ function nodeTemplate(node: any) {
 
   return (
     <Stack align="center" gap={6} p="sm" style={{ minWidth: 160 }}>
-      <Tooltip label={name} position="top" withArrow>
         <Image
           src={imageSrc}
           alt={name}
@@ -123,7 +122,6 @@ function nodeTemplate(node: any) {
           }}
           loading='lazy'
         />
-      </Tooltip>
       <Text fw={600} ta="center" size="sm">{name}</Text>
       <Text size="xs" c="dimmed" ta="center">{status}</Text>
     </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
index 0bf1df96..2514499b 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -50,11 +50,9 @@ function VisiMisiPPIDEdit() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Edit Visi Misi PPID
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
index 3ae5c332..2488cae9 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -41,7 +41,6 @@ function VisiMisiPPIDList() {
             <Title order={3} c={colors['blue-button']}>Preview Visi Misi PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Visi Misi PPID" withArrow>
               <Button
                 c="green"
                 variant="light"
@@ -51,7 +50,6 @@ function VisiMisiPPIDList() {
               >
                 Edit
               </Button>
-            </Tooltip>
           </GridCol>
         </Grid>
 
diff --git a/src/app/darmasaba/_com/ModernNeewsNotification.tsx b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
new file mode 100644
index 00000000..cc69df8e
--- /dev/null
+++ b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
@@ -0,0 +1,320 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { Box, Paper, Text, Group, CloseButton, Badge, ActionIcon, Stack, Transition } from "@mantine/core";
+import { IconBell, IconChevronRight } from "@tabler/icons-react";
+import { useRouter } from "next/navigation"; // 👉 tambahkan ini
+
+interface NewsItem {
+  id: string | number;
+  type: "berita" | "pengumuman";
+  title: string;
+  content: string;
+  timestamp?: string | Date;
+}
+
+interface ModernNewsNotificationProps {
+  news: NewsItem[];
+  autoShowDelay?: number;
+}
+
+function stripHtml(html: string): string {
+  return html
+    .replace(/<[^>]+>/g, '')
+    .replace(/&nbsp;/gi, ' ')
+    .replace(/&amp;/gi, '&')
+    .replace(/\s+/g, ' ')
+    .trim();
+}
+
+export default function ModernNewsNotification({ 
+  news = [],
+  autoShowDelay = 2000 
+}: ModernNewsNotificationProps) {
+  const router = useRouter(); // 👉 router Next.js
+  const [toastVisible, setToastVisible] = useState(false);
+  const [widgetOpen, setWidgetOpen] = useState(false);
+  const [hasNewNotifications, setHasNewNotifications] = useState(true);
+  const [hasShownToast, setHasShownToast] = useState(false);
+  const [iconVisible, setIconVisible] = useState(true);
+
+  useEffect(() => {
+    if (news.length > 0 && !toastVisible && !hasShownToast) {
+      const timer = setTimeout(() => {
+        setToastVisible(true);
+        setHasShownToast(true);
+      }, autoShowDelay);
+      return () => clearTimeout(timer);
+    }
+  }, [news.length, autoShowDelay, toastVisible, hasShownToast]);
+
+  useEffect(() => {
+    if (toastVisible) {
+      const timer = setTimeout(() => {
+        setToastVisible(false);
+      }, 8000);
+      return () => clearTimeout(timer);
+    }
+  }, [toastVisible]);
+
+  useEffect(() => {
+    let lastScrollY = window.scrollY;
+
+    const handleScroll = () => {
+      const currentScrollY = window.scrollY;
+      
+      if (currentScrollY > lastScrollY && currentScrollY > 100) {
+        setIconVisible(false);
+      } 
+      else if (currentScrollY < lastScrollY) {
+        setIconVisible(true);
+      }
+      
+      lastScrollY = currentScrollY;
+    };
+
+    window.addEventListener('scroll', handleScroll, { passive: true });
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, []);
+
+  const currentNews = news[0];
+
+  // 👉 Fungsi baru untuk handle klik notifikasi
+  const handleNotificationClick = (item: NewsItem) => {
+    setWidgetOpen(false);
+    if (item.type === "berita") {
+      router.push("/darmasaba/desa/berita/semua");
+    } else if (item.type === "pengumuman") {
+      router.push("/darmasaba/desa/pengumuman");
+    }
+  };
+
+  const handleLihatSemua = () => {
+    setToastVisible(false);
+    setWidgetOpen(true);
+    setHasNewNotifications(false);
+  };
+
+  return (
+    <>
+      <Transition mounted={iconVisible} transition="slide-down" duration={200}>
+        {(transitionStyles) => (
+          <Box
+            style={{
+              ...transitionStyles,
+              position: "fixed",
+              bottom: "24px",
+              right: "24px",
+              zIndex: 1000,
+            }}
+          >
+            <ActionIcon
+              size="xl"
+              radius="xl"
+              variant="filled"
+              color="#1e5a7e"
+              onClick={() => {
+                setWidgetOpen(!widgetOpen);
+                setHasNewNotifications(false);
+              }}
+              style={{
+                width: "60px",
+                height: "60px",
+                boxShadow: "0 4px 20px rgba(0,0,0,0.15)",
+                position: "relative",
+              }}
+            >
+              <IconBell size={28} />
+              {hasNewNotifications && news.length > 0 && (
+                <Badge
+                  size="sm"
+                  variant="filled"
+                  color="red"
+                  style={{
+                    position: "absolute",
+                    top: "-5px",
+                    right: "-5px",
+                    minWidth: "22px",
+                    height: "22px",
+                    padding: "0 6px",
+                  }}
+                >
+                  {news.length}
+                </Badge>
+              )}
+            </ActionIcon>
+          </Box>
+        )}
+      </Transition>
+
+      <Transition mounted={widgetOpen} transition="slide-up" duration={300}>
+        {(styles) => (
+          <Paper
+            style={{
+              ...styles,
+              position: "fixed",
+              bottom: "100px",
+              right: "24px",
+              width: "380px",
+              maxHeight: "500px",
+              zIndex: 999,
+              boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
+              borderRadius: "16px",
+              overflow: "hidden",
+            }}
+          >
+            <Box
+              style={{
+                background: "linear-gradient(135deg, #1e5a7e 0%, #2c7da0 100%)",
+                padding: "16px 20px",
+                color: "white",
+              }}
+            >
+              <Group justify="space-between">
+                <Group gap="xs">
+                  <IconBell size={20} />
+                  <Text c={"white"} fw={600} size="md">Berita & Pengumuman</Text>
+                </Group>
+                <CloseButton 
+                  onClick={() => setWidgetOpen(false)}
+                  variant="transparent"
+                  c="white"
+                />
+              </Group>
+            </Box>
+
+            <Box
+              style={{
+                maxHeight: "400px",
+                overflowY: "auto",
+                padding: "12px",
+              }}
+            >
+              {news.length === 0 ? (
+                <Box p="xl" style={{ textAlign: "center" }}>
+                  <Text c="dimmed" size="sm">Tidak ada berita terbaru</Text>
+                </Box>
+              ) : (
+                <Stack gap="xs">
+                  {news.map((item, index) => (
+                    <Paper
+                      key={item.id || index}
+                      p="md"
+                      radius="md"
+                      style={{
+                        border: "1px solid #e9ecef",
+                        cursor: "pointer",
+                        transition: "all 0.2s ease",
+                      }}
+                      onMouseEnter={(e) => {
+                        e.currentTarget.style.borderColor = "#1e5a7e";
+                        e.currentTarget.style.transform = "translateY(-2px)";
+                        e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.08)";
+                      }}
+                      onMouseLeave={(e) => {
+                        e.currentTarget.style.borderColor = "#e9ecef";
+                        e.currentTarget.style.transform = "translateY(0)";
+                        e.currentTarget.style.boxShadow = "none";
+                      }}
+                      onClick={() => handleNotificationClick(item)}
+                    >
+                      <Group justify="space-between" mb="xs">
+                        <Badge
+                          size="sm"
+                          color={item.type === "berita" ? "blue" : "orange"}
+                          variant="light"
+                        >
+                          {item.type === "berita" ? "📰 Berita" : "📢 Pengumuman"}
+                        </Badge>
+                        <IconChevronRight size={16} color="#adb5bd" />
+                      </Group>
+                      <Text fw={600} size="sm" mb={4} lineClamp={2}>
+                        {item.title || "Tanpa Judul"}
+                      </Text>
+                      <Text size="xs" c="dimmed" lineClamp={2}>
+                        {stripHtml(item.content).substring(0, 100)}...
+                      </Text>
+                    </Paper>
+                  ))}
+                </Stack>
+              )}
+            </Box>
+          </Paper>
+        )}
+      </Transition>
+
+      <Transition mounted={toastVisible && !!currentNews} transition="slide-left" duration={300}>
+        {(styles) => (
+          <Paper
+            style={{
+              ...styles,
+              position: "fixed",
+              bottom: "100px",
+              right: "24px",
+              width: "380px",
+              zIndex: 1001,
+              boxShadow: "0 8px 32px rgba(0,0,0,0.15)",
+              borderRadius: "12px",
+              overflow: "hidden",
+              border: "1px solid #e9ecef",
+            }}
+          >
+            <Box
+              style={{
+                height: "3px",
+                background: "#1e5a7e",
+                animation: "shrink 8s linear forwards",
+              }}
+            />
+            <style>{`
+              @keyframes shrink {
+                from { width: 100%; }
+                to { width: 0%; }
+              }
+            `}</style>
+
+            <Box p="md">
+              <Group justify="space-between" mb="xs">
+                <Badge
+                  size="md"
+                  color={currentNews?.type === "berita" ? "blue" : "orange"}
+                  variant="light"
+                  leftSection={currentNews?.type === "berita" ? "📰" : "📢"}
+                >
+                  {currentNews?.type === "berita" ? "Berita Terbaru" : "Pengumuman"}
+                </Badge>
+                <CloseButton 
+                  onClick={() => setToastVisible(false)}
+                  size="sm"
+                />
+              </Group>
+              
+              <Text fw={600} size="sm" mb={6}>
+                {currentNews?.title || "Informasi Terbaru"}
+              </Text>
+              
+              <Text size="xs" c="dimmed" lineClamp={3}>
+                {stripHtml(currentNews?.content || "")}
+              </Text>
+
+              <Group justify="space-between" mt="md">
+                <Text size="xs" c="dimmed">
+                  {news.length > 1 ? `${news.length} berita tersedia` : '1 berita'}
+                </Text>
+                <Text
+                  size="xs"
+                  fw={500}
+                  c="#1e5a7e"
+                  style={{ cursor: "pointer" }}
+                  onClick={handleLihatSemua}
+                >
+                  Lihat Semua →
+                </Text>
+              </Group>
+            </Box>
+          </Paper>
+        )}
+      </Transition>
+    </>
+  );
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index 9997978d..eab9320c 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -12,11 +12,12 @@ import { Box, Stack } from "@mantine/core";
 import Apbdes from "./_com/main-page/apbdes";
 import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
-import RunningText from "./_com/RunningText";
+
 import { useProxy } from "valtio/utils";
 import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
 import { useEffect, useMemo } from "react";
 import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
+import ModernNewsNotification from "./_com/ModernNeewsNotification";
 
 
 export default function Page() {
@@ -37,36 +38,36 @@ export default function Page() {
     }
   }, [pengumuman.data, loadingPengumuman]);
 
-  // Memoize news data untuk performa lebih baik
+  // Transform data untuk notification system
   const newsData = useMemo(() => {
     const items = [];
     
-    // Tambahkan judul berita jika ada
-    if (featured.data?.judul) {
-      items.push(`📰 BERITA: ${featured.data.judul}`);
+    if (featured.data) {
+      items.push({
+        id: String(featured.data.id || "berita-1"),
+        type: "berita" as const,
+        title: String(featured.data.judul || "Berita Terbaru"),
+        content: String(featured.data.content || ""),
+        timestamp: featured.data.createdAt 
+          ? (typeof featured.data.createdAt === 'string' 
+              ? featured.data.createdAt 
+              : new Date(featured.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
     }
     
-    // Tambahkan content berita (akan di-strip HTML di component)
-    if (featured.data?.content) {
-      items.push(featured.data.content);
-    }
-    
-    // Tambahkan judul pengumuman jika ada
-    if (pengumuman.data?.judul) {
-      items.push(`📢 PENGUMUMAN: ${pengumuman.data.judul}`);
-    }
-    
-    // Tambahkan content pengumuman
-    if (pengumuman.data?.content) {
-      items.push(pengumuman.data.content);
-    }
-    
-    // Jika tidak ada data, return default message
-    if (items.length === 0) {
-      return [
-        "Selamat datang di Portal Desa Darmasaba",
-        "Jam operasional kantor: Senin - Jumat 08:00 - 17:00"
-      ];
+    if (pengumuman.data) {
+      items.push({
+        id: String(pengumuman.data.id || "pengumuman-1"),
+        type: "pengumuman" as const,
+        title: String(pengumuman.data.judul || "Pengumuman Penting"),
+        content: String(pengumuman.data.content || ""),
+        timestamp: pengumuman.data.createdAt
+          ? (typeof pengumuman.data.createdAt === 'string'
+              ? pengumuman.data.createdAt
+              : new Date(pengumuman.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
     }
     
     return items;
@@ -78,14 +79,7 @@ export default function Page() {
         bg={colors.grey[1]} 
         gap={0}
       >
-        <RunningText 
-          news={newsData}
-          autoSpeed={false}
-          maxLength={150}  // Potong text panjang
-          speed={100}       // Base speed (tidak dipakai jika autoSpeed=true)
-          bgColor="#1e5a7e"
-          textColor="white"
-        />
+        {/* HAPUS RUNNING TEXT, GANTI DENGAN MODERN NOTIFICATION */}
         <LandingPage />
         <Penghargaan />
         <Layanan />
@@ -96,8 +90,15 @@ export default function Page() {
         <Apbdes />
         <Prestasi />
       </Stack>
+
       {/* Tombol Scroll ke Atas */}
       <ScrollToTopButton />
+
+      {/* Modern Notification System */}
+      <ModernNewsNotification 
+        news={newsData}
+        autoShowDelay={2000} // Muncul 2 detik setelah load
+      />
     </Box>
   );
 }
\ No newline at end of file
-- 
2.49.1


From db8909b9ed6ee7ab412c9d84eb13f576248a82d0 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 6 Nov 2025 11:35:04 +0800
Subject: [PATCH 07/97] Fix Text to Speech Menu Landing Page && Add barchart
 Landing Page APBDes

---
 .../ekonomi/demografi-pekerjaan/page.tsx      |   3 +-
 src/app/api/tts/route.ts                      |  35 ++++
 .../desa/berita/[kategori]/[id]/page.tsx      |   2 +-
 .../_com/ModernNeewsNotification.tsx          |   4 +-
 src/app/darmasaba/_com/NewsReader.tsx         | 153 +++++++++++-------
 src/app/darmasaba/_com/NewsReaderalanding.tsx | 110 +++++++++++++
 .../darmasaba/_com/main-page/apbdes/index.tsx |  77 ++++++++-
 .../_com/main-page/apbdes/lib/convert.tsx     |  13 ++
 .../_com/main-page/layanan/index.tsx          |  20 +--
 .../_com/main-page/potensi/index.tsx          |   4 +-
 src/app/darmasaba/page.tsx                    |   8 +-
 11 files changed, 352 insertions(+), 77 deletions(-)
 create mode 100644 src/app/api/tts/route.ts
 create mode 100644 src/app/darmasaba/_com/NewsReaderalanding.tsx
 create mode 100644 src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx

diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
index 0b2d4a92..1b41b2ae 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
 import { BarChart } from '@mantine/charts';
@@ -85,7 +86,7 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
   useEffect(() => {
     if (data) {
       setChartData(
-        data.map((item) => ({
+        data.map((item: any) => ({
           id: item.id,
           pekerjaan: item.pekerjaan,
           lakiLaki: Number(item.lakiLaki),
diff --git a/src/app/api/tts/route.ts b/src/app/api/tts/route.ts
new file mode 100644
index 00000000..31106e6c
--- /dev/null
+++ b/src/app/api/tts/route.ts
@@ -0,0 +1,35 @@
+// app/api/tts/route.ts
+import { NextRequest } from 'next/server';
+
+export async function POST(req: NextRequest) {
+  const { text } = await req.json();
+
+  if (!text || text.length > 500) {
+    return new Response('Teks terlalu panjang atau kosong', { status: 400 });
+  }
+
+  const res = await fetch('https://api.elevenlabs.io/v1/text-to-speech/21m00Tcm4TlvDq8ikWAM', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'xi-api-key': process.env.ELEVENLABS_API_KEY!, // Simpan di .env.local
+    },
+    body: JSON.stringify({
+      text,
+      model_id: 'eleven_multilingual_v2',
+      voice_settings: {
+        stability: 0.7,
+        similarity_boost: 0.8,
+      },
+    }),
+  });
+
+  if (!res.ok) {
+    return new Response('Gagal generate suara', { status: 500 });
+  }
+
+  const audioBuffer = await res.arrayBuffer();
+  return new Response(audioBuffer, {
+    headers: { 'Content-Type': 'audio/mpeg' },
+  });
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
index c78246d6..858f739a 100644
--- a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
@@ -55,7 +55,7 @@ function Page() {
       </Group>
       <Container w={{ base: "100%", md: "50%" }} >
         <Box pb={20}>
-          <Text ta={"center"} fz={"2.4rem"} c={colors["blue-button"]} fw={"bold"}>
+          <Text id='news-title' ta={"center"} fz={"2.4rem"} c={colors["blue-button"]} fw={"bold"}>
             {state.findUnique.data?.judul}
           </Text>
           <Text
diff --git a/src/app/darmasaba/_com/ModernNeewsNotification.tsx b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
index cc69df8e..c03e9ec1 100644
--- a/src/app/darmasaba/_com/ModernNeewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
@@ -104,8 +104,7 @@ export default function ModernNewsNotification({
               ...transitionStyles,
               position: "fixed",
               bottom: "24px",
-              right: "24px",
-              zIndex: 1000,
+              right: "24px"
             }}
           >
             <ActionIcon
@@ -258,6 +257,7 @@ export default function ModernNewsNotification({
               overflow: "hidden",
               border: "1px solid #e9ecef",
             }}
+            onClick={handleLihatSemua}
           >
             <Box
               style={{
diff --git a/src/app/darmasaba/_com/NewsReader.tsx b/src/app/darmasaba/_com/NewsReader.tsx
index 3973a3d8..9b9dc700 100644
--- a/src/app/darmasaba/_com/NewsReader.tsx
+++ b/src/app/darmasaba/_com/NewsReader.tsx
@@ -1,82 +1,112 @@
 'use client';
 import { Button } from '@mantine/core';
+import { IconMusic, IconMusicOff } from '@tabler/icons-react';
 import { useEffect, useRef, useState } from 'react';
 
 const NewsReader = () => {
-  const [isSpeaking, setIsSpeaking] = useState(false);
-  const [isAllowed, setIsAllowed] = useState(false);
+  const [isPointerMode, setIsPointerMode] = useState(false);
   const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);
 
-  // Fungsi untuk membaca teks
-  const speakText = () => {
-    if (typeof window === 'undefined' || !window.speechSynthesis) {
-      console.warn('Browser tidak mendukung SpeechSynthesis.');
-      return;
-    }
+  const speakText = (text: string) => {
+    if (!window.speechSynthesis || !text.trim()) return;
 
-    const contentElement = document.getElementById('news-content');
-    const rawText = contentElement?.innerText || '';
-    if (!rawText.trim()) return;
-
-    // Hentikan semua suara sebelumnya
-    window.speechSynthesis.cancel();
-
-    const utterance = new SpeechSynthesisUtterance(rawText);
+    window.speechSynthesis.cancel(); // hentikan sebelumnya
+    const utterance = new SpeechSynthesisUtterance(text);
     utterance.lang = 'id-ID';
     utterance.rate = 1;
     utterance.pitch = 1;
-
-    utterance.onstart = () => setIsSpeaking(true);
-    utterance.onend = () => setIsSpeaking(false);
-
     utteranceRef.current = utterance;
-
-    try {
-      window.speechSynthesis.speak(utterance);
-    } catch (err) {
-      console.warn('Autoplay gagal karena kebijakan browser:', err);
-    }
+    window.speechSynthesis.speak(utterance);
   };
 
-  // Auto play jika sudah pernah diizinkan
+  // Tambahkan listener hover ke semua elemen teks
   useEffect(() => {
-    const hasPermission = localStorage.getItem('ttsAllowed') === 'true';
-    setIsAllowed(hasPermission);
+    const content = document.getElementById('news-title');
+    if (!content) return;
 
-    if (hasPermission) {
-      const trySpeak = setInterval(() => {
-        const contentElement = document.getElementById('news-content');
-        if (contentElement && contentElement.innerText.trim()) {
-          speakText();
-          clearInterval(trySpeak);
-        }
-      }, 1000);
-      return () => clearInterval(trySpeak);
+    // Atur cursor saat mode aktif/nonaktif
+    if (isPointerMode) {
+      content.style.cursor = 'pointer';
+    } else {
+      content.style.cursor = 'auto';
     }
-  }, []);
 
-  // Hentikan suara saat user keluar halaman / komponen unmount
-  useEffect(() => {
-    return () => {
-      if (typeof window !== 'undefined' && window.speechSynthesis) {
-        window.speechSynthesis.cancel();
-        setIsSpeaking(false);
+    if (!isPointerMode) return;
+
+    const handleMouseOver = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      // opsional: hanya baca teks dari elemen tertentu
+      if (target && target.innerText) {
+        speakText(target.innerText);
+        target.style.backgroundColor = '#eef6ff'; // highlight biar keliatan
       }
     };
-  }, []);
 
-  // Handle tombol manual
-  const handleToggle = () => {
-    if (isSpeaking) {
+    const handleMouseOut = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      if (target) target.style.backgroundColor = ''; // hilangkan highlight
       window.speechSynthesis.cancel();
-      setIsSpeaking(false);
+    };
+
+    content.addEventListener('mouseover', handleMouseOver);
+    content.addEventListener('mouseout', handleMouseOut);
+
+    return () => {
+      content.removeEventListener('mouseover', handleMouseOver);
+      content.removeEventListener('mouseout', handleMouseOut);
+      content.style.cursor = 'auto'; // reset cursor saat mode dimatikan
+      window.speechSynthesis.cancel();
+    };
+  }, [isPointerMode]);
+
+  useEffect(() => {
+    const content = document.getElementById('news-content');
+    if (!content) return;
+
+    // Atur cursor saat mode aktif/nonaktif
+    if (isPointerMode) {
+      content.style.cursor = 'pointer';
     } else {
-      if (!isAllowed) {
-        localStorage.setItem('ttsAllowed', 'true');
-        setIsAllowed(true);
-      }
-      speakText();
+      content.style.cursor = 'auto';
     }
+
+    if (!isPointerMode) return;
+
+    const handleMouseOver = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      // opsional: hanya baca teks dari elemen tertentu
+      if (target && target.innerText) {
+        speakText(target.innerText);
+        target.style.backgroundColor = '#eef6ff'; // highlight biar keliatan
+      }
+    };
+
+    const handleMouseOut = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      if (target) target.style.backgroundColor = ''; // hilangkan highlight
+      window.speechSynthesis.cancel();
+    };
+
+    content.addEventListener('mouseover', handleMouseOver);
+    content.addEventListener('mouseout', handleMouseOut);
+
+    return () => {
+      content.removeEventListener('mouseover', handleMouseOver);
+      content.removeEventListener('mouseout', handleMouseOut);
+      content.style.cursor = 'auto'; // reset cursor saat mode dimatikan
+      window.speechSynthesis.cancel();
+    };
+  }, [isPointerMode]);
+
+ 
+
+  const handleToggle = () => {
+    setIsPointerMode((prev) => {
+      if (prev) {
+        window.speechSynthesis.cancel();
+      }
+      return !prev;
+    });
   };
 
   return (
@@ -84,11 +114,20 @@ const NewsReader = () => {
       onClick={handleToggle}
       color="#0B4F78"
       variant="filled"
-      radius="xl"
       size="md"
       mt="md"
+      style={{
+        zIndex: 500,
+        position: 'fixed',
+        bottom: '350px',
+        left: '0px',
+        borderBottomRightRadius: '20px',
+        borderTopRightRadius: '20px',
+        borderBottomLeftRadius: '0px',
+        borderTopLeftRadius: '0px',
+      }}
     >
-      {isSpeaking ? '🔇 Hentikan Suara' : '🔊 Dengarkan Berita'}
+      {isPointerMode ? <IconMusicOff /> : <IconMusic />}
     </Button>
   );
 };
diff --git a/src/app/darmasaba/_com/NewsReaderalanding.tsx b/src/app/darmasaba/_com/NewsReaderalanding.tsx
new file mode 100644
index 00000000..53f21935
--- /dev/null
+++ b/src/app/darmasaba/_com/NewsReaderalanding.tsx
@@ -0,0 +1,110 @@
+'use client';
+import { Button } from '@mantine/core';
+import { IconMusic, IconMusicOff } from '@tabler/icons-react';
+import { useEffect, useRef, useState } from 'react';
+
+const NewsReaderLanding = () => {
+  const [isPointerMode, setIsPointerMode] = useState(false);
+  const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);
+  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const lastTextRef = useRef<string>('');
+
+  const speakText = (text: string) => {
+    if (!window.speechSynthesis || !text.trim()) return;
+
+    // Jangan baca ulang kalau teksnya sama
+    if (lastTextRef.current === text) return;
+    lastTextRef.current = text;
+
+    window.speechSynthesis.cancel();
+
+    const utterance = new SpeechSynthesisUtterance(text);
+    utterance.lang = 'id-ID';
+    utterance.rate = 1;
+    utterance.pitch = 1;
+
+    utteranceRef.current = utterance;
+    window.speechSynthesis.speak(utterance);
+  };
+
+  useEffect(() => {
+    const root = document.getElementById('page-root');
+    if (!root) return;
+
+    root.style.cursor = isPointerMode ? 'pointer' : 'auto';
+    if (!isPointerMode) return;
+
+    const handleMouseOver = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      if (
+        !target ||
+        !target.innerText ||
+        target.tagName === 'BUTTON' ||
+        target.tagName === 'SVG' ||
+        target.closest('button')
+      )
+        return;
+
+      // Hapus timeout sebelumnya biar gak spam
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+
+      // Delay dikit biar smooth (hindari brebet)
+      timeoutRef.current = setTimeout(() => {
+        speakText(target.innerText);
+      }, 250); // 250ms delay kasih waktu pindah cursor
+    };
+
+    const handleMouseOut = () => {
+      // Delay kecil sebelum cancel supaya gak motong kasar
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => {
+        window.speechSynthesis.cancel();
+        lastTextRef.current = '';
+      }, 150);
+    };
+
+    root.addEventListener('mouseover', handleMouseOver);
+    root.addEventListener('mouseout', handleMouseOut);
+
+    return () => {
+      root.removeEventListener('mouseover', handleMouseOver);
+      root.removeEventListener('mouseout', handleMouseOut);
+      root.style.cursor = 'auto';
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      window.speechSynthesis.cancel();
+      lastTextRef.current = '';
+    };
+  }, [isPointerMode]);
+
+  const handleToggle = () => {
+    setIsPointerMode((prev) => {
+      if (prev) {
+        window.speechSynthesis.cancel();
+        lastTextRef.current = '';
+      }
+      return !prev;
+    });
+  };
+
+  return (
+    <Button
+      onClick={handleToggle}
+      color="#0B4F78"
+      variant="filled"
+      size="md"
+      mt="md"
+      style={{
+        position: 'fixed',
+        bottom: '350px',
+        left: '0px',
+        borderBottomRightRadius: '20px',
+        borderTopRightRadius: '20px',
+        transition: 'all 0.3s ease',
+      }}
+    >
+      {isPointerMode ? <IconMusicOff /> : <IconMusic />}
+    </Button>
+  );
+};
+
+export default NewsReaderLanding;
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 0c77e8c7..803065b4 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -1,14 +1,25 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
 import colors from '@/con/colors'
-import { ActionIcon, BackgroundImage, Box, Button, Center, Flex, Group, Loader, SimpleGrid, Stack, Text } from '@mantine/core'
+import { BarChart } from '@mantine/charts'
+import { ActionIcon, BackgroundImage, Box, Button, Center, Flex, Group, Loader, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
 import { useProxy } from 'valtio/utils'
+import parseJumlah from './lib/convert'
 
 function Apbdes() {
+  type APBDes = {
+    id: string
+    name: string
+    jumlah: number
+  };
+
+  const [chartData, setChartData] = useState<APBDes[]>([])
+  const [mounted, setMounted] = useState(false);
   const state = useProxy(apbdes)
   const [loading, setLoading] = useState(false)
 
@@ -17,9 +28,22 @@ function Apbdes() {
     des: 'Transparansi APBDes Darmasaba adalah langkah nyata menuju tata kelola desa yang bersih, terbuka, dan bertanggung jawab.'
   }
 
+  useEffect(() => {
+    if (state.findMany.data) {
+      setChartData(
+        state.findMany.data.map((item: any) => ({
+          id: item.id,
+          name: item.name,
+          jumlah: parseJumlah(item.jumlah),
+        }))
+      );
+    }
+  }, [state.findMany.data]);
+
   useEffect(() => {
     const loadData = async () => {
       try {
+        setMounted(true);
         setLoading(true)
         await state.findMany.load()
       } catch (error) {
@@ -46,6 +70,55 @@ function Apbdes() {
         </Stack>
       </Box>
 
+      {/* Chart */}
+      <Box mt={30} style={{ width: '100%', minHeight: 400 }}>
+        <Paper bg={colors['white-1']} py={50} px={90} mb={"xl"} radius="md" withBorder>
+          <Stack gap={"xs"}>
+            <Title ta={"center"} pb={10} order={2}>
+              Grafik APBDes
+            </Title>
+            {mounted && chartData.length > 0 ? (
+              <BarChart
+                orientation="vertical"
+                h={450}
+                barProps={{ radius: 50 }}
+                data={chartData}
+                dataKey="name"
+                type="stacked"
+                valueFormatter={(value: number) => {
+                  if (value >= 1_000_000_000_000)
+                    return `Rp ${(value / 1_000_000_000_000).toFixed(1)} T`;
+                  if (value >= 1_000_000_000)
+                    return `Rp ${(value / 1_000_000_000).toFixed(1)} M`;
+                  if (value >= 1_000_000)
+                    return `Rp ${(value / 1_000_000).toFixed(1)} Jt`;
+                  if (value >= 1_000)
+                    return `Rp ${(value / 1_000).toFixed(1)} Rb`;
+                  return `Rp ${value}`;
+                }}
+                series={[
+                  {
+                    name: 'jumlah',
+                    color: colors['blue-button'],
+                    label: 'Jumlah',
+                  },
+                ]}
+              />
+            ) : (
+              <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
+            )}
+            <Box py={10}>
+              <Group justify='center'>
+                <Flex align="center" gap={10}>
+                  <Box bg={colors['blue-button']} w={20} h={20} />
+                  <Text>Jumlah</Text>
+                </Flex>
+              </Group>
+            </Box>
+          </Stack>
+        </Paper>
+      </Box>
+
       <SimpleGrid cols={{ base: 1, sm: 3 }} spacing="lg">
         {loading ? (
           <Center mih={200}>
@@ -72,7 +145,7 @@ function Apbdes() {
               pos="relative"
               style={{ overflow: 'hidden' }}
             >
-               <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 16 }} />
+              <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 16 }} />
               <Stack justify="space-between" h="100%" p="xl" pos="relative">
                 <Text
                   c="white"
diff --git a/src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx b/src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx
new file mode 100644
index 00000000..91496335
--- /dev/null
+++ b/src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx
@@ -0,0 +1,13 @@
+export default function parseJumlah(value: string): number {
+  if (!value) return 0;
+
+  const cleaned = value.toUpperCase().trim().replace(",", ".");
+  const num = parseFloat(cleaned);
+
+  if (cleaned.includes("T")) return num * 1_000_000_000_000;
+  if (cleaned.includes("M")) return num * 1_000_000_000;
+  if (cleaned.includes("JT")) return num * 1_000_000;
+  if (cleaned.includes("K")) return num * 1_000;
+
+  return num;
+}
diff --git a/src/app/darmasaba/_com/main-page/layanan/index.tsx b/src/app/darmasaba/_com/main-page/layanan/index.tsx
index d7ba11f6..b8d01b8a 100644
--- a/src/app/darmasaba/_com/main-page/layanan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/layanan/index.tsx
@@ -72,14 +72,14 @@ function Slider() {
   const scrollPositionRef = useRef(0);
   const animationFrameRef = useRef<number>(0);
   const isHoveredRef = useRef(false);
-  
+
   // Refs for drag functionality
   const isDraggingRef = useRef(false);
   const startXRef = useRef(0);
   const scrollLeftRef = useRef(0);
   const velocityRef = useRef(0);
   const lastScrollTimeRef = useRef(0);
-  
+
   // Speed configuration
   const normalSpeed = 1.0; // pixels per frame
   const hoverSpeed = 0.3; // slower speed on hover
@@ -143,7 +143,7 @@ function Slider() {
       } else {
         // Sync scroll position when user is scrolling
         scrollPositionRef.current = container.scrollLeft;
-        
+
         // Apply momentum/velocity for smooth drag release
         if (!isDraggingRef.current && Math.abs(velocityRef.current) > 0.1) {
           scrollPositionRef.current += velocityRef.current;
@@ -176,26 +176,26 @@ function Slider() {
   // Mouse drag handlers
   const handleMouseDown = (e: React.MouseEvent) => {
     if (!containerRef.current) return;
-    
+
     isDraggingRef.current = true;
     startXRef.current = e.pageX - containerRef.current.offsetLeft;
     scrollLeftRef.current = containerRef.current.scrollLeft;
     velocityRef.current = 0;
-    
+
     containerRef.current.style.cursor = 'grabbing';
   };
 
   const handleMouseMove = (e: React.MouseEvent) => {
     if (!isDraggingRef.current || !containerRef.current) return;
-    
+
     e.preventDefault();
     const x = e.pageX - containerRef.current.offsetLeft;
     const walk = (x - startXRef.current) * 2; // Multiply for faster scroll
     const newScrollLeft = scrollLeftRef.current - walk;
-    
+
     // Calculate velocity for momentum
     velocityRef.current = containerRef.current.scrollLeft - newScrollLeft;
-    
+
     containerRef.current.scrollLeft = newScrollLeft;
     scrollPositionRef.current = newScrollLeft;
     lastScrollTimeRef.current = Date.now();
@@ -203,7 +203,7 @@ function Slider() {
 
   const handleMouseUp = () => {
     if (!containerRef.current) return;
-    
+
     isDraggingRef.current = false;
     containerRef.current.style.cursor = 'grab';
   };
@@ -211,7 +211,7 @@ function Slider() {
   // Wheel scroll handler
   const handleWheel = (e: React.WheelEvent) => {
     if (!containerRef.current) return;
-    
+
     e.preventDefault();
     containerRef.current.scrollLeft += e.deltaY;
     scrollPositionRef.current = containerRef.current.scrollLeft;
diff --git a/src/app/darmasaba/_com/main-page/potensi/index.tsx b/src/app/darmasaba/_com/main-page/potensi/index.tsx
index ff2bf284..7fc00670 100644
--- a/src/app/darmasaba/_com/main-page/potensi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/potensi/index.tsx
@@ -51,10 +51,10 @@ function Potensi() {
   return (
     <Stack p="sm" gap="xl">
       <Container w={{ base: "100%", md: "80%" }} p={"md"} >
-       <Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "1.8rem", md: "3.4rem" }}>
+       <Text id="news-title" ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "1.8rem", md: "3.4rem" }}>
           {textHeading.title}
         </Text>
-        <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
+        <Text id="news-content" ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
           {textHeading.des}
         </Text>
       </Container>
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index eab9320c..ba50fad1 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -13,11 +13,12 @@ import Apbdes from "./_com/main-page/apbdes";
 import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
 
+import { useEffect, useMemo } from "react";
 import { useProxy } from "valtio/utils";
 import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
-import { useEffect, useMemo } from "react";
 import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
 import ModernNewsNotification from "./_com/ModernNeewsNotification";
+import NewsReaderLanding from "./_com/NewsReaderalanding";
 
 
 export default function Page() {
@@ -74,7 +75,7 @@ export default function Page() {
   }, [featured.data, pengumuman.data]);
 
   return (
-    <Box>
+    <Box id="page-root">
       <Stack 
         bg={colors.grey[1]} 
         gap={0}
@@ -99,6 +100,9 @@ export default function Page() {
         news={newsData}
         autoShowDelay={2000} // Muncul 2 detik setelah load
       />
+
+      <NewsReaderLanding/>
+      
     </Box>
   );
 }
\ No newline at end of file
-- 
2.49.1


From 417a8937f5a97841aa1f9fa6191aa6e71cce6c61 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 7 Nov 2025 14:38:32 +0800
Subject: [PATCH 08/97] Semua tooltips di admin sudah dihilangkan

---
 package.json                                  |   6 +-
 .../_state/landing-page/sdgs-desa.ts          |  28 +++
 .../_lib/layoutTabs.tsx                       |  46 ++---
 .../apbdesa/[id]/edit/page.tsx                |  23 +--
 .../apbdesa/[id]/page.tsx                     |  57 +++---
 .../apbdesa/create/page.tsx                   |  11 +-
 .../apbdesa/page.tsx                          |  57 +++---
 .../belanja/[id]/page.tsx                     |  21 +-
 .../belanja/create/page.tsx                   |  23 +--
 .../belanja/page.tsx                          |  77 ++++----
 .../pembiayaan/[id]/page.tsx                  |  21 +-
 .../pembiayaan/create/page.tsx                |  28 ++-
 .../pembiayaan/page.tsx                       |  41 ++--
 .../pendapatan/[id]/page.tsx                  |  21 +-
 .../pendapatan/create/page.tsx                |  21 +-
 .../pendapatan/page.tsx                       |  25 ++-
 .../ekonomi/demografi-pekerjaan/[id]/page.tsx |  23 +--
 .../demografi-pekerjaan/create/page.tsx       |  21 +-
 .../ekonomi/demografi-pekerjaan/page.tsx      |  25 ++-
 .../jumlah-penduduk-miskin/[id]/page.tsx      |  25 ++-
 .../jumlah-penduduk-miskin/create/page.tsx    |  12 +-
 .../ekonomi/jumlah-penduduk-miskin/page.tsx   |  27 ++-
 .../_lib/layoutTabs.tsx                       |  42 ++--
 .../[id]/page.tsx                             |  22 +--
 .../create/page.tsx                           |  17 +-
 .../page.tsx                                  |  79 ++++----
 .../[id]/page.tsx                             |  25 ++-
 .../create/page.tsx                           |  16 +-
 .../ekonomi/jumlah-pengangguran/[id]/page.tsx |  48 +++--
 .../jumlah-pengangguran/create/page.tsx       |  25 ++-
 .../ekonomi/jumlah-pengangguran/page.tsx      |  22 +--
 .../lowongan-kerja-lokal/[id]/edit/page.tsx   |  12 +-
 .../lowongan-kerja-lokal/[id]/page.tsx        |  48 +++--
 .../lowongan-kerja-lokal/create/page.tsx      |  22 +--
 .../ekonomi/lowongan-kerja-lokal/page.tsx     |   5 +-
 .../ekonomi/pasar-desa/_lib/layoutTabs.tsx    |  39 ++--
 .../pasar-desa/kategori-produk/[id]/page.tsx  |  31 ++-
 .../kategori-produk/create/page.tsx           |   5 +-
 .../pasar-desa/kategori-produk/page.tsx       |  10 +-
 .../produk-pasar-desa/[id]/edit/page.tsx      |  11 +-
 .../produk-pasar-desa/[id]/page.tsx           |  58 +++---
 .../produk-pasar-desa/create/page.tsx         |  11 +-
 .../pasar-desa/produk-pasar-desa/page.tsx     |  25 ++-
 .../program-kemiskinan/[id]/edit/page.tsx     |  25 ++-
 .../ekonomi/program-kemiskinan/[id]/page.tsx  |  53 +++--
 .../program-kemiskinan/create/page.tsx        |  29 ++-
 .../ekonomi/program-kemiskinan/page.tsx       |  10 +-
 .../sektor-unggulan-desa/[id]/edit/page.tsx   |  33 ++--
 .../sektor-unggulan-desa/[id]/page.tsx        |  57 +++---
 .../sektor-unggulan-desa/create/page.tsx      |  23 +--
 .../ekonomi/sektor-unggulan-desa/page.tsx     |  29 ++-
 .../_lib/layoutTabs.tsx                       |  43 ++--
 .../pegawai/[id]/edit/page.tsx                |  11 +-
 .../pegawai/[id]/page.tsx                     |  48 +++--
 .../pegawai/create/page.tsx                   |  10 +-
 .../pegawai/page.tsx                          |  38 ++--
 .../posisi-organisasi/[id]/page.tsx           |  10 +-
 .../posisi-organisasi/create/page.tsx         |  20 +-
 .../posisi-organisasi/page.tsx                |  40 ++--
 .../struktur-organisasi/page.tsx              |  28 ++-
 .../inovasi/ajukan-ide-inovatif/[id]/page.tsx |  32 ++-
 .../[id]/edit/page.tsx                        |  11 +-
 .../desa-digital-smart-village/[id]/page.tsx  |  49 +++--
 .../create/page.tsx                           |  45 ++---
 .../desa-digital-smart-village/page.tsx       |  25 ++-
 .../[id]/edit/page.tsx                        |  11 +-
 .../info-teknologi-tepat-guna/[id]/page.tsx   |  54 +++--
 .../info-teknologi-tepat-guna/create/page.tsx |  13 +-
 .../info-teknologi-tepat-guna/page.tsx        |  27 ++-
 .../kolaborasi-inovasi/_lib/layoutTabs.tsx    |  33 ++--
 .../[id]/edit/page.tsx                        |  11 +-
 .../list-kolaborasi-inovasi/[id]/page.tsx     |  50 +++--
 .../list-kolaborasi-inovasi/create/page.tsx   |  10 +-
 .../list-kolaborasi-inovasi/page.tsx          |  25 ++-
 .../mitra-kolaborasi/[id]/page.tsx            |  11 +-
 .../mitra-kolaborasi/create/page.tsx          |  11 +-
 .../mitra-kolaborasi/page.tsx                 |  91 ++++-----
 .../layanan-online-desa/_lib/layoutTabs.tsx   |  50 ++---
 .../administrasi-online/[id]/page.tsx         |  28 ++-
 .../jenis-layanan/[id]/edit/page.tsx          |  21 +-
 .../jenis-layanan/[id]/page.tsx               |  50 +++--
 .../jenis-layanan/create/page.tsx             |  21 +-
 .../jenis-layanan/page.tsx                    |  29 ++-
 .../jenis-pengaduan/[id]/page.tsx             |  21 +-
 .../jenis-pengaduan/create/page.tsx           |  11 +-
 .../jenis-pengaduan/page.tsx                  |  29 ++-
 .../pengaduan-masyarakat/[id]/page.tsx        |  32 ++-
 .../pengaduan-masyarakat/page.tsx             |  25 ++-
 .../program-kreatif-desa/[id]/page.tsx        |  64 +++---
 .../program-kreatif-desa/create/page.tsx      |  17 +-
 .../inovasi/program-kreatif-desa/page.tsx     |  55 +++---
 .../landing-page/apbdes/create/page.tsx       |   2 +-
 .../(dashboard)/landing-page/apbdes/page.tsx  |  70 +++----
 .../data-lingkungan-desa/[id]/edit/page.tsx   |  11 +-
 .../data-lingkungan-desa/[id]/page.tsx        |  48 +++--
 .../data-lingkungan-desa/create/page.tsx      |  21 +-
 .../lingkungan/data-lingkungan-desa/page.tsx  |  19 +-
 .../edukasi-lingkungan/_lib/layouTabs.tsx     |  48 +++--
 .../gotong-royong/_lib/layoutTabs.tsx         |  35 ++--
 .../kategori-kegiatan/[id]/page.tsx           |  10 +-
 .../kategori-kegiatan/create/page.tsx         |  10 +-
 .../gotong-royong/kategori-kegiatan/page.tsx  |  21 +-
 .../kegiatan-desa/[id]/edit/page.tsx          |  11 +-
 .../gotong-royong/kegiatan-desa/[id]/page.tsx |  54 +++--
 .../kegiatan-desa/create/page.tsx             |  23 +--
 .../konservasi-adat-bali/_lib/layoutTabs.tsx  |  46 ++---
 .../[id]/edit/page.tsx                        |  10 +-
 .../create/page.tsx                           |  16 +-
 .../keterangan-bank-sampah-terdekat/page.tsx  |  28 ++-
 .../[id]/page.tsx                             |  12 +-
 .../create/page.tsx                           |   6 +-
 .../page.tsx                                  |  79 ++++----
 .../program-penghijauan/[id]/edit/page.tsx    |  21 +-
 .../program-penghijauan/[id]/page.tsx         |  50 +++--
 .../program-penghijauan/create/page.tsx       |  21 +-
 .../lingkungan/program-penghijauan/page.tsx   |  23 +--
 .../beasiswa-desa/_lib/layoutTabs.tsx         |  39 ++--
 .../beasiswa-pendaftar/[id]/page.tsx          |  28 ++-
 .../keunggulan-program/[id]/page.tsx          |  22 +--
 .../keunggulan-program/create/page.tsx        |  20 +-
 .../beasiswa-desa/keunggulan-program/page.tsx |  89 ++++-----
 .../_lib/layoutTabs.tsx                       |  40 ++--
 .../fasilitas-yang-disediakan/edit/page.tsx   |  23 +--
 .../fasilitas-yang-disediakan/page.tsx        |  30 ++-
 .../lokasi-dan-jadwal/edit/page.tsx           |  19 +-
 .../lokasi-dan-jadwal/page.tsx                |  30 ++-
 .../tujuan-program/edit/page.tsx              |  13 +-
 .../tujuan-program/page.tsx                   |  31 ++-
 .../pendidikan/data-pendidikan/[id]/page.tsx  |  10 +-
 .../data-pendidikan/create/page.tsx           |  10 +-
 .../pendidikan/data-pendidikan/page.tsx       |  56 +++---
 .../info-sekolah/_lib/layoutTabs.tsx          |  35 ++--
 .../jenjang-pendidikan/[id]/page.tsx          |  11 +-
 .../jenjang-pendidikan/create/page.tsx        |  21 +-
 .../info-sekolah/jenjang-pendidikan/page.tsx  |  20 +-
 .../info-sekolah/lembaga/[id]/edit/page.tsx   |  31 ++-
 .../info-sekolah/lembaga/[id]/page.tsx        |  56 +++---
 .../info-sekolah/lembaga/create/page.tsx      |  11 +-
 .../pendidikan/info-sekolah/lembaga/page.tsx  |  21 +-
 .../info-sekolah/pengajar/[id]/edit/page.tsx  |  11 +-
 .../info-sekolah/pengajar/[id]/page.tsx       |  52 +++--
 .../info-sekolah/pengajar/create/page.tsx     |  13 +-
 .../pendidikan/info-sekolah/pengajar/page.tsx |  24 ++-
 .../info-sekolah/siswa/[id]/edit/page.tsx     |  11 +-
 .../info-sekolah/siswa/[id]/page.tsx          |  52 +++--
 .../info-sekolah/siswa/create/page.tsx        |  11 +-
 .../pendidikan/info-sekolah/siswa/page.tsx    |  23 +--
 .../pendidikan-non-formal/_lib/layoutTabs.tsx |  42 ++--
 .../edit/page.tsx                             |  13 +-
 .../page.tsx                                  |  31 ++-
 .../tempat-kegiatan/edit/page.tsx             |  13 +-
 .../tempat-kegiatan/page.tsx                  |  30 ++-
 .../tujuan-program/edit/page.tsx              |  13 +-
 .../tujuan-program/page.tsx                   |  31 ++-
 .../perpustakaan-digital/_lib/layoutTabs.tsx  |  42 ++--
 .../data-perpustakaan/[id]/edit/page.tsx      |  18 +-
 .../data-perpustakaan/[id]/page.tsx           |  48 +++--
 .../data-perpustakaan/create/page.tsx         |  10 +-
 .../data-perpustakaan/page.tsx                |  24 ++-
 .../kategori-buku/[id]/page.tsx               |  10 +-
 .../kategori-buku/create/page.tsx             |  10 +-
 .../kategori-buku/page.tsx                    |  22 +--
 .../peminjam/[id]/edit/page.tsx               |  11 +-
 .../peminjam/[id]/page.tsx                    |  85 ++++----
 .../_lib/layoutTabs.tsx                       |  39 ++--
 .../program-unggulan/edit/page.tsx            |  13 +-
 .../program-unggulan/page.tsx                 |  30 ++-
 .../tujuan-program/edit/page.tsx              |  13 +-
 .../tujuan-program/page.tsx                   |  30 ++-
 .../[id]/edit/page.tsx                        |   2 +-
 .../[id]/page.tsx                             |   4 +-
 .../create/page.tsx                           |   2 +-
 .../page.tsx                                  |   8 +-
 .../_lib/layoutTabs.tsx                       |  12 +-
 .../grafik-kepuasan-masyarakat}/page.tsx      |   0
 .../layout.tsx                                |   0
 .../responden/[id]/edit/page.tsx              |   0
 .../responden/[id]/page.tsx                   |   0
 .../responden/create/page.tsx                 |   0
 .../responden/page.tsx                        |   0
 .../(dashboard)/ppid/visi-misi-ppid/page.tsx  |   2 +-
 .../admin/(dashboard)/user&role/layout.tsx    |  29 ++-
 .../(dashboard)/user&role/role/[id]/page.tsx  |  12 +-
 .../user&role/role/create/page.tsx            |  17 +-
 .../admin/(dashboard)/user&role/role/page.tsx |  80 ++++----
 src/app/admin/_com/list_PageAdmin.tsx         |   8 +-
 .../landing_page/sdgs-desa/findManyAll.ts     |  29 +++
 .../_lib/landing_page/sdgs-desa/index.ts      |   4 +
 .../darmasaba/(tambahan)/sdgs-desa/page.tsx   | 181 ++++++++++++++---
 .../_com/ModernNeewsNotification.tsx          |  39 ++--
 src/app/darmasaba/_com/RunningText.tsx        | 185 ------------------
 .../darmasaba/_com/main-page/apbdes/index.tsx |   4 +-
 .../_com/main-page/apbdes/lib/convert.tsx     |   2 +-
 .../_com/main-page/landing-page/index.tsx     |  64 +++++-
 src/app/darmasaba/page.tsx                    |  61 ------
 195 files changed, 2479 insertions(+), 3083 deletions(-)
 rename src/app/admin/(dashboard)/ppid/{daftar-informasi-publik-desa-darmasaba => daftar-informasi-publik}/[id]/edit/page.tsx (98%)
 rename src/app/admin/(dashboard)/ppid/{daftar-informasi-publik-desa-darmasaba => daftar-informasi-publik}/[id]/page.tsx (97%)
 rename src/app/admin/(dashboard)/ppid/{daftar-informasi-publik-desa-darmasaba => daftar-informasi-publik}/create/page.tsx (98%)
 rename src/app/admin/(dashboard)/ppid/{daftar-informasi-publik-desa-darmasaba => daftar-informasi-publik}/page.tsx (95%)
 rename src/app/admin/(dashboard)/ppid/{ikm-desa-darmasaba => indeks-kepuasan-masyarakat}/_lib/layoutTabs.tsx (91%)
 rename src/app/admin/(dashboard)/ppid/{ikm-desa-darmasaba/indeks-kepuasan-masyarakat => indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat}/page.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{ikm-desa-darmasaba => indeks-kepuasan-masyarakat}/layout.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{ikm-desa-darmasaba => indeks-kepuasan-masyarakat}/responden/[id]/edit/page.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{ikm-desa-darmasaba => indeks-kepuasan-masyarakat}/responden/[id]/page.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{ikm-desa-darmasaba => indeks-kepuasan-masyarakat}/responden/create/page.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{ikm-desa-darmasaba => indeks-kepuasan-masyarakat}/responden/page.tsx (100%)
 create mode 100644 src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/findManyAll.ts
 delete mode 100644 src/app/darmasaba/_com/RunningText.tsx

diff --git a/package.json b/package.json
index c25cb87d..c32725d5 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,9 @@
   "version": "0.1.5",
   "private": true,
   "scripts": {
-    "dev": "bun --bun next dev",
-    "build": "bun --bun next build",
-    "start": "bun --bun next start"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
   },
   "prisma": {
     "seed": "bun run prisma/seed.ts"
diff --git a/src/app/admin/(dashboard)/_state/landing-page/sdgs-desa.ts b/src/app/admin/(dashboard)/_state/landing-page/sdgs-desa.ts
index 51686ee5..832d6457 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/sdgs-desa.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/sdgs-desa.ts
@@ -93,6 +93,34 @@ const sdgsDesa = proxy({
       }
     },
   },
+  findManyAll: {
+    data: null as any[] | null,
+    loading: false,
+    load: async () => {  // Change to arrow function
+      sdgsDesa.findManyAll.loading = true;  // Use the full path to access the property
+      try {
+        const query: any = {};
+        
+        const res = await ApiFetch.api.landingpage.sdgsdesa[
+          "findManyAll"
+        ].get({
+          query,
+        });
+        
+        if (res.status === 200 && res.data?.success) {
+          sdgsDesa.findManyAll.data = res.data.data || [];
+        } else {
+          console.error("Failed to load media sosial:", res.data?.message);
+          sdgsDesa.findManyAll.data = [];
+        }
+      } catch (error) {
+        console.error("Error loading media sosial:", error);
+        sdgsDesa.findManyAll.data = [];
+      } finally {
+        sdgsDesa.findManyAll.loading = false;
+      }
+    },
+  },
   findUnique: {
     data: null as Prisma.SdgsDesaGetPayload<{
       include: {
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx
index dca2dfe2..ff6d98fc 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx
@@ -2,23 +2,22 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  ScrollArea,
   Stack,
   Tabs,
   TabsList,
   TabsPanel,
   TabsTab,
-  Title,
-  Tooltip,
-  ScrollArea,
+  Title
 } from '@mantine/core';
-import { usePathname, useRouter } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
 import {
-  IconFileAnalytics,
   IconCoins,
+  IconFileAnalytics,
   IconShoppingCart,
   IconWallet,
 } from '@tabler/icons-react';
+import { usePathname, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -29,29 +28,25 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "APB Desa",
       value: "apbdesa",
       href: "/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa",
-      icon: <IconFileAnalytics size={18} stroke={1.8} />,
-      tooltip: "Lihat ringkasan Anggaran Pendapatan dan Belanja Desa",
+      icon: <IconFileAnalytics size={18} stroke={1.8} />
     },
     {
       label: "Pendapatan",
       value: "pendapatan",
       href: "/admin/ekonomi/PADesa-pendapatan-asli-desa/pendapatan",
       icon: <IconCoins size={18} stroke={1.8} />,
-      tooltip: "Kelola data pendapatan desa",
     },
     {
       label: "Belanja",
       value: "belanja",
       href: "/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja",
       icon: <IconShoppingCart size={18} stroke={1.8} />,
-      tooltip: "Atur data belanja desa",
     },
     {
       label: "Pembiayaan",
       value: "pembiayaan",
       href: "/admin/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan",
       icon: <IconWallet size={18} stroke={1.8} />,
-      tooltip: "Kelola data pembiayaan desa",
     },
   ];
 
@@ -104,26 +99,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: "pop", duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                  flexShrink: 0,
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                    flexShrink: 0,
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
index 956f84e1..4e266661 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
@@ -6,15 +6,14 @@ import colors from '@/con/colors';
 import {
   Box,
   Button,
+  Group,
   MultiSelect,
   Paper,
   Skeleton,
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
-  Group,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
@@ -88,16 +87,14 @@ function EditAPBDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit APB Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
index ee57dc50..54f43121 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -159,36 +158,32 @@ function DetailAPBDesa() {
               </Box>
 
               <Group gap="sm" mt={10}>
-                <Tooltip label="Hapus APB Desa" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit APB Desa" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(
-                        `/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/${data.id}/edit`
-                      )
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
index 797cc92f..db01743c 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
@@ -43,11 +42,9 @@ function CreateAPBDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah APB Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
index ff0c6464..e87b21f1 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
@@ -5,8 +5,8 @@ import {
   Button,
   Center,
   Group,
-  Paper,
   Pagination,
+  Paper,
   Skeleton,
   Stack,
   Table,
@@ -15,8 +15,7 @@ import {
   TableTh,
   TableThead,
   TableTr,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -82,20 +81,18 @@ function ListAPBDesa({ search }: { search: string }) {
           <Text fw={600} fz="lg">
             List APB Desa
           </Text>
-          <Tooltip label="Tambah APB Desa" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  "/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create"
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                "/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create"
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
@@ -138,20 +135,18 @@ function ListAPBDesa({ search }: { search: string }) {
                       )}
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Lihat Detail" withArrow>
-                        <Button
-                          variant="light"
-                          color="green"
-                          onClick={() =>
-                            router.push(
-                              `/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/${item.id}`
-                            )
-                          }
-                        >
-                          <IconDeviceImacCog size={20} />
-                          <Text ml={5}>Detail</Text>
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        variant="light"
+                        color="green"
+                        onClick={() =>
+                          router.push(
+                            `/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/${item.id}`
+                          )
+                        }
+                      >
+                        <IconDeviceImacCog size={20} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
index 7c03d4a8..b4b21fdd 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -90,16 +89,14 @@ function EditBelanja() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jenis Belanja
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
index 7cc80cf9..50b6f1cd 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
@@ -10,13 +10,12 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 function CreateBelanja() {
   const belanjaState = useProxy(PendapatanAsliDesa.belanja);
@@ -57,16 +56,14 @@ function CreateBelanja() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan back button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jenis Belanja
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
index 467c8142..1a09d875 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
@@ -17,8 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
@@ -96,18 +95,16 @@ function ListBelanja({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Belanja</Title>
-          <Tooltip label="Tambah Belanja" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
@@ -138,34 +135,30 @@ function ListBelanja({ search }: { search: string }) {
                       </TableTd>
                       <TableTd>
                         <Group gap="xs">
-                          <Tooltip label="Edit" withArrow>
-                            <Button
-                              size="xs"
-                              variant="light"
-                              color="green"
-                              onClick={() =>
-                                router.push(
-                                  `/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja/${item.id}`
-                                )
-                              }
-                            >
-                              <IconEdit size={16} />
-                            </Button>
-                          </Tooltip>
-                          <Tooltip label="Hapus" withArrow>
-                            <Button
-                              size="xs"
-                              variant="light"
-                              color="red"
-                              disabled={belanjaState.delete.loading}
-                              onClick={() => {
-                                setSelectedId(item.id);
-                                setModalHapus(true);
-                              }}
-                            >
-                              <IconTrash size={16} />
-                            </Button>
-                          </Tooltip>
+                          <Button
+                            size="xs"
+                            variant="light"
+                            color="green"
+                            onClick={() =>
+                              router.push(
+                                `/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja/${item.id}`
+                              )
+                            }
+                          >
+                            <IconEdit size={16} />
+                          </Button>
+                          <Button
+                            size="xs"
+                            variant="light"
+                            color="red"
+                            disabled={belanjaState.delete.loading}
+                            onClick={() => {
+                              setSelectedId(item.id);
+                              setModalHapus(true);
+                            }}
+                          >
+                            <IconTrash size={16} />
+                          </Button>
                         </Group>
                       </TableTd>
                     </TableTr>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
index 25df9c5b..6a4ad0cf 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -87,16 +86,14 @@ function EditPembiayaan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jenis Pembiayaan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
index a432a431..549ad7e6 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
@@ -1,8 +1,5 @@
 'use client';
-import React from 'react';
-import { useProxy } from 'valtio/utils';
 import PendapatanAsliDesa from '@/app/admin/(dashboard)/_state/ekonomi/PADesa';
-import { useRouter } from 'next/navigation';
 import colors from '@/con/colors';
 import {
   Box,
@@ -10,13 +7,14 @@ import {
   Group,
   Paper,
   Stack,
-  Title,
-  TextInput,
   Text,
-  Tooltip,
+  TextInput,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 function CreatePembiayaan() {
   const pembiayaanState = useProxy(PendapatanAsliDesa.pembiayaan);
@@ -57,16 +55,14 @@ function CreatePembiayaan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jenis Pembiayaan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
index 627f5894..f9c265a6 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
@@ -1,9 +1,11 @@
 'use client'
+import colors from '@/con/colors';
 import {
   Box,
   Button,
   Center,
   Group,
+  Pagination,
   Paper,
   Skeleton,
   Stack,
@@ -14,19 +16,16 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
-  Pagination,
+  Title
 } from '@mantine/core';
-import React, { useState } from 'react';
-import HeaderSearch from '../../../_com/header';
-import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
-import PendapatanAsliDesa from '../../../_state/ekonomi/PADesa';
-import { useProxy } from 'valtio/utils';
-import { useRouter } from 'next/navigation';
 import { useShallowEffect } from '@mantine/hooks';
-import colors from '@/con/colors';
+import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import PendapatanAsliDesa from '../../../_state/ekonomi/PADesa';
 
 function Pembiayaan() {
   const [search, setSearch] = useState("");
@@ -95,18 +94,16 @@ function ListPembiayaan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pembiayaan</Title>
-          <Tooltip label="Tambah Pembiayaan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
index cf8e65f0..265f8386 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -94,16 +93,14 @@ function EditPendapatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header with Back Button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jenis Pendapatan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
index 663ae35b..2fa43d74 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -49,16 +48,14 @@ function CreatePendapatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol back + judul */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jenis Pendapatan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
index 47ba7b86..9c0fe175 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
@@ -17,8 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
@@ -96,18 +95,16 @@ function ListPendapatan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pendapatan</Title>
-          <Tooltip label="Tambah Pendapatan Baru" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
index 016cb96b..4a1b672b 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
@@ -9,12 +9,11 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import demografiPekerjaan from '../../../_state/ekonomi/demografi-pekerjaan';
@@ -96,16 +95,14 @@ export default function EditDemografiPekerjaan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Demografi Pekerjaan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
index d590b347..fec578be 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -49,16 +48,14 @@ function CreateDemografiPekerjaan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Demografi Pekerjaan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
index 1b41b2ae..ea4af5a2 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
@@ -6,7 +6,9 @@ import {
   Box,
   Button,
   Center,
+  Flex,
   Group,
+  Pagination,
   Paper,
   Skeleton,
   Stack,
@@ -17,10 +19,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
-  Pagination,
-  Flex,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
@@ -111,16 +110,14 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>List Demografi Pekerjaan</Title>
-          <Tooltip label="Tambah Data Pekerjaan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ekonomi/demografi-pekerjaan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ekonomi/demografi-pekerjaan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
index b7a217a4..a49738c5 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
@@ -6,18 +6,17 @@ import colors from '@/con/colors';
 import {
   Box,
   Button,
+  Group,
   Paper,
   Stack,
   TextInput,
-  Title,
-  Group,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 function EditJumlahPendudukMiskin() {
   const router = useRouter();
@@ -82,16 +81,14 @@ function EditJumlahPendudukMiskin() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jumlah Penduduk Miskin
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
index fdebedfd..4bad22be 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import colors from '@/con/colors';
 import jumlahPendudukMiskin from '../../../_state/ekonomi/jumlah-penduduk-miskin';
 
 export default function CreateJumlahPendudukMiskin() {
@@ -38,11 +38,9 @@ export default function CreateJumlahPendudukMiskin() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jumlah Penduduk Miskin
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
index 57fde078..c588820c 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
@@ -16,11 +16,10 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconEdit, IconSearch, IconTrash, IconPlus } from '@tabler/icons-react';
+import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -101,18 +100,16 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Jumlah Penduduk Miskin</Title>
-          <Tooltip label="Tambah Data" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/ekonomi/jumlah-penduduk-miskin/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/ekonomi/jumlah-penduduk-miskin/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx
index 8b884c50..ee70c101 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx
@@ -2,18 +2,17 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  ScrollArea,
   Stack,
   Tabs,
   TabsList,
   TabsPanel,
   TabsTab,
-  Title,
-  Tooltip,
-  ScrollArea,
+  Title
 } from '@mantine/core';
+import { IconSchool, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconUsers, IconSchool } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -24,15 +23,13 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Pengangguran Berdasarkan Usia",
       value: "pengangguranberdasarkanusia",
       href: "/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia",
-      icon: <IconUsers size={18} stroke={1.8} />,
-      tooltip: "Data pengangguran menurut kelompok usia",
+      icon: <IconUsers size={18} stroke={1.8} />
     },
     {
       label: "Pengangguran Berdasarkan Pendidikan",
       value: "pengangguranberdasarkanpendidikan",
       href: "/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan",
-      icon: <IconSchool size={18} stroke={1.8} />,
-      tooltip: "Data pengangguran menurut tingkat pendidikan",
+      icon: <IconSchool size={18} stroke={1.8} />
     },
   ];
 
@@ -78,26 +75,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: "pop", duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                  flexShrink: 0,
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                    flexShrink: 0,
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
index 7e069310..7677e027 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
@@ -2,7 +2,7 @@
 'use client';
 import grafikNganggur from '@/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -40,7 +40,7 @@ function EditGrafikBerdasarkanPendidikan() {
     }
   }, [id]);
 
-  const handleChange = (field: keyof typeof formData) => 
+  const handleChange = (field: keyof typeof formData) =>
     (e: React.ChangeEvent<HTMLInputElement>) => {
       setFormData((prev) => ({
         ...prev,
@@ -60,16 +60,14 @@ function EditGrafikBerdasarkanPendidikan() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Grafik Pengangguran Berdasarkan Pendidikan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
index e57a797a..5c890bc0 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
@@ -1,14 +1,13 @@
 'use client';
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { useRouter } from 'next/navigation';
 import grafikNganggur from '@/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur';
-import { useProxy } from 'valtio/utils';
-import { useState } from 'react';
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Title, TextInput, Group, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 function CreateGrafikBerdasarkanPendidikan() {
   const router = useRouter();
@@ -44,11 +43,9 @@ function CreateGrafikBerdasarkanPendidikan() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Pengangguran Berdasarkan Pendidikan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
index 74137342..5ef9d16a 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
+import { DonutChart } from '@mantine/charts';
 import {
   Box,
   Button,
@@ -17,15 +18,13 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { DonutChart } from '@mantine/charts';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import grafikNganggur from '../../../_state/ekonomi/usia-kerja-nganggur';
@@ -116,20 +115,18 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Flex justify="space-between" align="center" mb="md">
           <Title order={4}>List Pengangguran Berdasarkan Pendidikan</Title>
-          <Tooltip label="Tambah Data" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create',
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create',
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Flex>
 
         <Box style={{ overflowX: 'auto' }}>
@@ -165,34 +162,30 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
                     <TableTd>{item.D3}</TableTd>
                     <TableTd>{item.S1}</TableTd>
                     <TableTd>
-                      <Tooltip label="Edit Data" withArrow>
-                        <Button
-                          color="green"
-                          variant="light"
-                          onClick={() =>
-                            router.push(
-                              `/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/${item.id}`,
-                            )
-                          }
-                        >
-                          <IconEdit size={18} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        color="green"
+                        variant="light"
+                        onClick={() =>
+                          router.push(
+                            `/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/${item.id}`,
+                          )
+                        }
+                      >
+                        <IconEdit size={18} />
+                      </Button>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Hapus Data" withArrow>
-                        <Button
-                          color="red"
-                          variant="light"
-                          disabled={stategrafik.delete.loading}
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconTrash size={18} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        color="red"
+                        variant="light"
+                        disabled={stategrafik.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={18} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
index f5e77711..ab99accc 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
@@ -5,18 +5,17 @@ import colors from '@/con/colors';
 import {
   Box,
   Button,
+  Group,
   Paper,
   Stack,
   TextInput,
-  Title,
-  Group,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   const router = useRouter();
@@ -79,16 +78,14 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Grafik Pengangguran Berdasarkan Usia Kerja
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
index 77c362fd..3051f3f1 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
@@ -2,13 +2,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client';
 
-import React, { useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
 import grafikNganggur from '@/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur';
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Title, TextInput, Group, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   const router = useRouter();
@@ -42,11 +42,9 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Pengangguran Berdasarkan Usia
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx
index a4043b22..3138479b 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import jumlahPengangguranState from '@/app/admin/(dashboard)/_state/ekonomi/jumlah-pengangguran';
 import colors from '@/con/colors';
-import { Box, Button, Flex, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Flex, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -103,32 +103,28 @@ function DetailJumlahPengangguran() {
 
               {/* Tombol Edit & Hapus */}
               <Flex gap="sm">
-                <Tooltip label="Hapus Data Pengangguran" withArrow position="top">
-                  <Button
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    color="red"
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconX size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  color="red"
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconX size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data Pengangguran" withArrow position="top">
-                  <Button
-                    onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/${data.id}/edit`)}
-                    color="green"
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/${data.id}/edit`)}
+                  color="green"
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Flex>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
index df0cb26a..c16fce6d 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
@@ -7,13 +7,12 @@ import {
   Box,
   Button,
   Group,
+  NumberInput,
   Paper,
+  Select,
   Stack,
   Text,
-  NumberInput,
-  Title,
-  Select,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -89,16 +88,14 @@ function CreateJumlahPengangguran() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Pengangguran
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
index ff3a8209..698ba948 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
@@ -1,17 +1,17 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
+import { BarChart } from '@mantine/charts';
 import {
   Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack,
   Table, TableTbody, TableTd, TableTh, TableThead, TableTr,
-  Text, Title, Tooltip
+  Text, Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { BarChart } from '@mantine/charts';
 
 import HeaderSearch from '../../_com/header';
 import jumlahPengangguranState from '../../_state/ekonomi/jumlah-pengangguran';
@@ -85,16 +85,14 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Detail Data Pengangguran</Title>
-          <Tooltip label="Tambah Data Baru" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ekonomi/jumlah-pengangguran/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ekonomi/jumlah-pengangguran/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
index ec501ee0..cc7371db 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
@@ -11,8 +11,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -88,13 +87,10 @@ function EditLowonganKerja() {
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
-      {/* Header dengan tombol back */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Lowongan Kerja Lokal
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
index 980529aa..c9776908 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -108,32 +108,28 @@ function DetailLowonganKerjaLokal() {
               </Box>
 
               <Group gap="sm" mt="sm">
-                <Tooltip label="Hapus Lowongan" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Lowongan" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/ekonomi/lowongan-kerja-lokal/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/ekonomi/lowongan-kerja-lokal/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
index 606100e8..aac19f6d 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -42,18 +41,15 @@ function CreateLowonganKerja() {
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
-      {/* Header dengan tombol kembali */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Lowongan Kerja Lokal
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
index 2c4452ac..149bed60 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -69,7 +68,6 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Lowongan Kerja Lokal</Title>
-          <Tooltip label="Tambah Lowongan Kerja" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -80,7 +78,6 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
index 98809ce9..a4edbe61 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
@@ -2,18 +2,17 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  ScrollArea,
   Stack,
   Tabs,
   TabsList,
   TabsPanel,
   TabsTab,
-  Title,
-  Tooltip,
-  ScrollArea,
+  Title
 } from '@mantine/core';
+import { IconCategory, IconShoppingBag } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconShoppingBag, IconCategory } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -30,8 +29,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Kategori Produk",
       value: "kategoriproduk",
       href: "/admin/ekonomi/pasar-desa/kategori-produk",
-      icon: <IconCategory size={18} stroke={1.8} />,
-      tooltip: "Atur kategori produk pasar desa",
+      icon: <IconCategory size={18} stroke={1.8} />
     },
   ];
 
@@ -84,26 +82,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: "pop", duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                  flexShrink: 0,
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                    flexShrink: 0,
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
index 451a4a71..e62f85a4 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
@@ -1,9 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
-import React, { useEffect, useState } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa';
 import colors from '@/con/colors';
 import {
   Box,
@@ -11,13 +7,16 @@ import {
   Group,
   Paper,
   Stack,
-  Title,
-  TextInput,
-  Tooltip,
   Text,
+  TextInput,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa';
 
 function EditKategoriProduk() {
   const router = useRouter();
@@ -93,16 +92,14 @@ function EditKategoriProduk() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol back */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Produk
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
index 93598be7..e0e6caa1 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -46,7 +45,6 @@ function CreateKategoriProduk() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
           <Button
             variant="subtle"
             onClick={() => router.back()}
@@ -55,7 +53,6 @@ function CreateKategoriProduk() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Produk
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
index 0115aefd..9c83d9b9 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -68,7 +68,6 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kategori Produk</Title>
-          <Tooltip label="Tambah Kategori Produk" withArrow>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -77,7 +76,6 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
@@ -99,7 +97,6 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Edit Kategori Produk" withArrow>
                         <Button
                           color="green"
                           variant="light"
@@ -107,10 +104,8 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
                         >
                           <IconEdit size={18} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Hapus Kategori Produk" withArrow>
                         <Button
                           color="red"
                           variant="light"
@@ -121,8 +116,7 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
                         >
                           <IconX size={18} />
                         </Button>
-                      </Tooltip>
-                    </TableTd>
+                     </TableTd>
                   </TableTr>
                 ))
               ) : (
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
index 17ebd925..b87e474b 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -117,11 +116,9 @@ function EditPasarDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Pasar Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx
index 96f52523..a36b7d9d 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx
@@ -1,13 +1,13 @@
 'use client'
+import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Text, Image, Skeleton, Group, Tooltip } from '@mantine/core';
-import { IconArrowBack, IconTrash, IconEdit } from '@tabler/icons-react';
-import { useRouter, useParams } from 'next/navigation';
-import React, { useState } from 'react';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa';
-import { useShallowEffect } from '@mantine/hooks';
-import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 
 function DetailPasarDesa() {
   const statePasar = useProxy(pasarDesaState);
@@ -123,32 +123,28 @@ function DetailPasarDesa() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Produk" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Produk" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/ekonomi/pasar-desa/produk-pasar-desa/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/ekonomi/pasar-desa/produk-pasar-desa/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
index 72265081..b611f44a 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -73,11 +72,9 @@ export default function CreatePasarDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Produk Pasar Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
index fc14e3f3..e7e1b444 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -68,18 +67,16 @@ function ListPasarDesa({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Produk Pasar Desa</Title>
-          <Tooltip label="Tambah Produk Baru" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/ekonomi/pasar-desa/produk-pasar-desa/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/ekonomi/pasar-desa/produk-pasar-desa/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
index 6dbb6b03..b6c0324e 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
@@ -13,14 +13,13 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
-import { useProxy } from 'valtio/utils';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 type Statistik = {
   tahun: string;
@@ -118,16 +117,14 @@ function EditProgramKemiskinan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Program Kemiskinan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
index 5e4acf64..25f58c09 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
@@ -8,17 +8,16 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
+import { IconKey, IconMapper } from '../../../_com/iconMap';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import programKemiskinanState from '../../../_state/ekonomi/program-kemiskinan';
-import { IconKey, IconMapper } from '../../../_com/iconMap';
 
 function DetailProgramKemiskinan() {
   const programState = useProxy(programKemiskinanState);
@@ -123,33 +122,29 @@ function DetailProgramKemiskinan() {
 
               {/* Action Buttons */}
               <Group gap="sm" mt="sm">
-                <Tooltip label="Hapus Program" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={programState.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={programState.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Program" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/ekonomi/program-kemiskinan/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/ekonomi/program-kemiskinan/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
index cf4c0696..d82b3ace 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
@@ -11,17 +11,16 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import programKemiskinanState from '../../../_state/ekonomi/program-kemiskinan';
-import CreateEditor from '../../../_com/createEditor';
-import SelectIconProgram from '../../../_com/selectIcon';
 import { useState } from 'react';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import CreateEditor from '../../../_com/createEditor';
+import SelectIconProgram from '../../../_com/selectIcon';
+import programKemiskinanState from '../../../_state/ekonomi/program-kemiskinan';
 
 function CreateProgramKemiskinan() {
   const programState = useProxy(programKemiskinanState);
@@ -65,16 +64,14 @@ function CreateProgramKemiskinan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol back */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Program Kemiskinan
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
index def7ec5e..36935bee 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -69,11 +69,9 @@ function ListProgramKemiskinan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Program Kemiskinan</Title>
-          <Tooltip label="Tambah Program Kemiskinan" withArrow>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/ekonomi/program-kemiskinan/create')}>
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/ekonomi/program-kemiskinan/create')}>
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
index f746afeb..b7525bf3 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 
+import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import grafikSektorUnggulan from '@/app/admin/(dashboard)/_state/ekonomi/sektor-unggulan-desa';
 import colors from '@/con/colors';
 import {
@@ -11,15 +12,13 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
-import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import { useProxy } from 'valtio/utils';
 
 function EditSektorUnggulanDesa() {
   const router = useRouter();
@@ -59,10 +58,10 @@ function EditSektorUnggulanDesa() {
 
   const handleChange =
     (field: keyof typeof formData) =>
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      const value = field === 'value' ? Number(e.currentTarget.value) : e.currentTarget.value;
-      setFormData((prev) => ({ ...prev, [field]: value }));
-    };
+      (e: React.ChangeEvent<HTMLInputElement>) => {
+        const value = field === 'value' ? Number(e.currentTarget.value) : e.currentTarget.value;
+        setFormData((prev) => ({ ...prev, [field]: value }));
+      };
 
   const handleSubmit = async () => {
     try {
@@ -80,16 +79,14 @@ function EditSektorUnggulanDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={22} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={22} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Sektor Unggulan Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
index 631a4f52..ee8c1561 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -92,36 +91,32 @@ function DetailSektorUnggulanDesa() {
 
               {/* Tombol Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Sektor Unggulan" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Sektor Unggulan" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(
-                        `/admin/ekonomi/sektor-unggulan-desa/${data.id}/edit`
-                      )
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/ekonomi/sektor-unggulan-desa/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
index 4761de26..db72d661 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
@@ -10,15 +10,14 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import grafikSektorUnggulan from '../../../_state/ekonomi/sektor-unggulan-desa';
 import CreateEditor from '../../../_com/createEditor';
+import grafikSektorUnggulan from '../../../_state/ekonomi/sektor-unggulan-desa';
 
 function CreateSektorUnggulanDesa() {
   const stateGrafik = useProxy(grafikSektorUnggulan);
@@ -50,16 +49,14 @@ function CreateSektorUnggulanDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan back button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Sektor Unggulan Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
index 3a7cc1e8..74d1153d 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -92,11 +91,9 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>List Sektor Unggulan Desa</Title>
-          <Tooltip label="Tambah Sektor Unggulan Desa" withArrow>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/ekonomi/sektor-unggulan-desa/create')}>
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/ekonomi/sektor-unggulan-desa/create')}>
+            Tambah Baru
+          </Button>
         </Group>
         {loading ? (
           <Skeleton height={300} radius="md" />
@@ -127,16 +124,14 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
                         </Box>
                       </TableTd>
                       <TableTd>
-                        <Tooltip label="Lihat detail sektor" withArrow>
-                          <Button
-                            variant="light"
-                            color="blue"
-                            onClick={() => router.push(`/admin/ekonomi/sektor-unggulan-desa/${item.id}`)}
-                          >
-                            <IconDeviceImac size={20} />
-                            <Text ml={6}>Detail</Text>
-                          </Button>
-                        </Tooltip>
+                        <Button
+                          variant="light"
+                          color="blue"
+                          onClick={() => router.push(`/admin/ekonomi/sektor-unggulan-desa/${item.id}`)}
+                        >
+                          <IconDeviceImac size={20} />
+                          <Text ml={6}>Detail</Text>
+                        </Button>
                       </TableTd>
                     </TableTr>
                   ))
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx
index 4425aa88..c85ac68f 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx
@@ -8,8 +8,7 @@ import {
   TabsList,
   TabsPanel,
   TabsTab,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import {
   IconBuildingCommunity,
@@ -28,22 +27,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Pegawai",
       value: "pegawai",
       href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai",
-      icon: <IconUsers size={18} stroke={1.8} />,
-      tooltip: "Kelola data pegawai BUMDesa",
+      icon: <IconUsers size={18} stroke={1.8} />
     },
     {
       label: "Posisi Organisasi",
       value: "posisiorganisasi",
       href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi",
-      icon: <IconHierarchy size={18} stroke={1.8} />,
-      tooltip: "Kelola daftar posisi organisasi",
+      icon: <IconHierarchy size={18} stroke={1.8} />
     },
     {
       label: "Struktur Organisasi",
       value: "strukturorganisasi",
       href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi",
-      icon: <IconBuildingCommunity size={18} stroke={1.8} />,
-      tooltip: "Kelola struktur organisasi BUMDesa"
+      icon: <IconBuildingCommunity size={18} stroke={1.8} />
     }
   ];
 
@@ -96,26 +92,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: "pop", duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                  flexShrink: 0,
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                    flexShrink: 0,
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
@@ -135,7 +124,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
           </TabsPanel>
         ))}
       </Tabs>
-    </Stack>
+    </Stack >
   );
 }
 
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
index c1a8eef5..d125418d 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -110,11 +109,9 @@ export default function EditPegawaiBumDes() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">Edit Data Pegawai PPID</Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
index 7a0626e4..0e0f0dd7 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
@@ -3,7 +3,7 @@ import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirma
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -150,32 +150,28 @@ function DetailPegawai() {
               </Button>
 
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Pegawai" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id || null);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id || null);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Pegawai" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
index dbf697ee..137fb7fc 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
@@ -4,7 +4,7 @@
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -75,11 +75,9 @@ function CreatePegawaiBumDes() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Pegawai BUMDesa
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx
index d56609de..fd17d099 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title, Tooltip } from '@mantine/core';
+import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title } from '@mantine/core';
 import { IconCheck, IconDeviceImacCog, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -59,16 +59,14 @@ function ListPegawaiBumdes({ search }: { search: string }) {
         <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
           <Group justify="space-between" mb="md">
             <Title order={4}>Daftar Pegawai BUMDesa</Title>
-            <Tooltip label="Tambah Pegawai Baru" withArrow>
-              <Button
-                leftSection={<IconPlus size={18} />}
-                color="blue"
-                variant="light"
-                onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create')}
-              >
-                Tambah Baru
-              </Button>
-            </Tooltip>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create')}
+            >
+              Tambah Baru
+            </Button>
           </Group>
           <Center py="xl">
             <Text c="dimmed">Tidak ada data pegawai yang ditemukan</Text>
@@ -82,16 +80,14 @@ function ListPegawaiBumdes({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pegawai BUMDesa</Title>
-          <Tooltip label="Tambah Pegawai Baru" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
index 0d8f7ed7..972a710c 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
@@ -5,7 +5,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -84,11 +84,9 @@ function EditPosisiOrganisasiBumDes() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Posisi Organisasi BUMDes
         </Title>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
index 2045244c..1241e1c2 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
@@ -3,7 +3,7 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -13,7 +13,7 @@ import { useProxy } from 'valtio/utils';
 function CreatePosisiOrganisasiBumDes() {
   const router = useRouter();
   const stateOrganisasi = useProxy(stateStrukturBumDes.posisiOrganisasi);
-  
+
   useEffect(() => {
     stateOrganisasi.findMany.load();
     // Initialize form with default values
@@ -22,7 +22,7 @@ function CreatePosisiOrganisasiBumDes() {
       deskripsi: "",
       hierarki: 0,
     };
-    
+
     return () => {
       // Clean up form on unmount
       stateOrganisasi.create.form = {
@@ -38,7 +38,7 @@ function CreatePosisiOrganisasiBumDes() {
       if (!stateOrganisasi.create.form.nama.trim()) {
         return toast.error('Nama posisi tidak boleh kosong');
       }
-      
+
       await stateOrganisasi.create.submit();
       toast.success('Posisi organisasi berhasil ditambahkan');
       router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi');
@@ -51,11 +51,9 @@ function CreatePosisiOrganisasiBumDes() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Posisi Organisasi BUMDes
         </Title>
@@ -77,7 +75,7 @@ function CreatePosisiOrganisasiBumDes() {
             onChange={(e) => (stateOrganisasi.create.form.nama = e.target.value)}
             required
           />
-          
+
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
               Deskripsi
@@ -89,7 +87,7 @@ function CreatePosisiOrganisasiBumDes() {
               }}
             />
           </Box>
-          
+
           <TextInput
             label="Hierarki"
             type="number"
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx
index ea181a8f..bf9dc0a2 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -68,16 +68,14 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Posisi Organisasi BumDes</Title>
-          <Tooltip label="Tambah Posisi Organisasi" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
@@ -106,19 +104,16 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
                       <Text>{item.hierarki || '-'}</Text>
                     </TableTd>
                     <TableTd style={{ width: '20%' }}>
-                      <Tooltip label="Edit" withArrow>
-                        <Button
-                          variant="light"
-                          color="green"
-                          size="sm"
-                          onClick={() => router.push(`/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/${item.id}`)}
-                        >
-                          <IconEdit size={18} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="sm"
+                        onClick={() => router.push(`/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/${item.id}`)}
+                      >
+                        <IconEdit size={18} />
+                      </Button>
                     </TableTd>
                     <TableTd style={{ width: '20%' }}>
-                    <Tooltip label="Hapus" withArrow>
                       <Button
                         variant="light"
                         color="red"
@@ -130,7 +125,6 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
                       >
                         <IconTrash size={18} />
                       </Button>
-                    </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi/page.tsx
index be24d78b..89ab5a7e 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi/page.tsx
@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
-import { Box, Center, Image, Loader, Paper, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Center, Image, Loader, Paper, Stack, Text } from '@mantine/core';
 import { IconUsers } from '@tabler/icons-react';
 import { OrganizationChart } from 'primereact/organizationchart';
 import { useEffect } from 'react';
@@ -110,20 +110,18 @@ function nodeTemplate(node: any) {
 
   return (
     <Stack align="center" gap={6} p="sm" style={{ minWidth: 160 }}>
-      <Tooltip label={name} position="top" withArrow>
-        <Image
-          src={imageSrc}
-          alt={name}
-          radius="xl"
-          w={100}
-          h={100}
-          fit="cover"
-          style={{
-            border: '1px solid #D3D1D1FF',
-          }}
-          loading='lazy'
-        />
-      </Tooltip>
+      <Image
+        src={imageSrc}
+        alt={name}
+        radius="xl"
+        w={100}
+        h={100}
+        fit="cover"
+        style={{
+          border: '1px solid #D3D1D1FF',
+        }}
+        loading='lazy'
+      />
       <Text fw={600} ta="center" size="sm">{name}</Text>
       <Text size="xs" c="dimmed" ta="center">{status}</Text>
     </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
index f1857aec..51a1ab7f 100644
--- a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Flex, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Flex, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -67,21 +67,19 @@ function DetailAjukanIdeInofativDesa() {
               Detail Ajukan Ide Inovatif Desa
             </Text>
 
-            <Tooltip label="Hapus Ide Inovatif" withArrow position="top">
-              <Button
-                color="red"
-                onClick={() => {
-                  setSelectedId(data.id);
-                  setModalHapus(true);
-                }}
-                variant="light"
-                radius="md"
-                size="md"
-                disabled={state.delete.loading}
-              >
-                <IconTrash size={20} />
-              </Button>
-            </Tooltip>
+            <Button
+              color="red"
+              onClick={() => {
+                setSelectedId(data.id);
+                setModalHapus(true);
+              }}
+              variant="light"
+              radius="md"
+              size="md"
+              disabled={state.delete.loading}
+            >
+              <IconTrash size={20} />
+            </Button>
           </Flex>
 
           {/* Detail Data */}
@@ -104,7 +102,7 @@ function DetailAjukanIdeInofativDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}  dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
index 05c93b59..ad7f2184 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -87,11 +86,9 @@ function EditDigitalSmartVillage() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Desa Digital Smart Village
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
index c82485e0..236f2b17 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip,
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -112,32 +111,28 @@ function DetailDesaDigital() {
 
               {/* Tombol Aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Data" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/inovasi/desa-digital-smart-village/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/inovasi/desa-digital-smart-village/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
index 5d905597..cb0f810f 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
@@ -9,18 +9,17 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import ExifOrientationImg from 'react-exif-orientation-img';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import desaDigitalState from '../../../_state/inovasi/desa-digital';
-import { Dropzone } from '@mantine/dropzone';
-import ExifOrientationImg from 'react-exif-orientation-img';
 
 export default function CreateDesaDigital() {
   const stateDesaDigital = useProxy(desaDigitalState);
@@ -71,17 +70,15 @@ export default function CreateDesaDigital() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol kembali */}
       <Group mb="md" align="center">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-            style={{ transition: 'background 0.2s ease' }}
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+          style={{ transition: 'background 0.2s ease' }}
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Desa Digital Smart Village
         </Title>
@@ -174,15 +171,15 @@ export default function CreateDesaDigital() {
                 }}
               >
                 <ExifOrientationImg
-      src={previewImage}
-      alt="Preview"
-      style={{
-        maxHeight: 220,
-        objectFit: 'cover',
-        border: '1px solid #e0e0e0',
-        borderRadius: 12,
-      }}
-    />
+                  src={previewImage}
+                  alt="Preview"
+                  style={{
+                    maxHeight: 220,
+                    objectFit: 'cover',
+                    border: '1px solid #e0e0e0',
+                    borderRadius: 12,
+                  }}
+                />
               </Box>
             )}
           </Box>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
index 84cb3baf..72d12073 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -68,18 +67,16 @@ function ListDesaDigitalSmartVillage({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>List Desa Digital Smart Village</Title>
-          <Tooltip label="Tambah Inovasi" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/inovasi/desa-digital-smart-village/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/inovasi/desa-digital-smart-village/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
index e7d83362..248c8a72 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -100,11 +99,9 @@ function EditInfoTeknologiTepatGuna() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Tombol back + title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Info Teknologi Tepat Guna
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
index a75b7207..1ddee92a 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -101,35 +101,31 @@ function DetailInfoTeknologiTepatGuna() {
 
               {/* Action Buttons */}
               <Group gap="sm" mt={10}>
-                <Tooltip label="Hapus Info Teknologi" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={stateInfoTekno.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={stateInfoTekno.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Info Teknologi" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/inovasi/info-teknologi-tepat-guna/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/inovasi/info-teknologi-tepat-guna/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
index be8b23b7..2021d79b 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
@@ -10,9 +10,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -20,7 +20,6 @@ import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import infoTeknoState from '../../../_state/inovasi/info-tekno';
-import { Dropzone } from '@mantine/dropzone';
 
 function CreateInfoTeknologiTepatGuna() {
   const stateInfoTekno = useProxy(infoTeknoState);
@@ -72,11 +71,9 @@ function CreateInfoTeknologiTepatGuna() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Info Teknologi Tepat Guna
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
index 3fcb8f8a..fe766900 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -4,6 +4,7 @@ import {
   Box,
   Button,
   Center,
+  Group,
   Pagination,
   Paper,
   Skeleton,
@@ -15,9 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Group,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -68,18 +67,16 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Info Teknologi Tepat Guna</Title>
-          <Tooltip label="Tambah Info Teknologi" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/inovasi/info-teknologi-tepat-guna/create')
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/inovasi/info-teknologi-tepat-guna/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx
index 781f1ec5..c208cdac 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconListDetails, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconListDetails, IconUsers } from '@tabler/icons-react';
 
 function LayoutTabsKolaborasi({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -15,14 +15,12 @@ function LayoutTabsKolaborasi({ children }: { children: React.ReactNode }) {
       label: "List Kolaborasi Inovasi",
       value: "listkolaborasiinovasi",
       href: "/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi",
-      tooltip: "Lihat daftar kolaborasi inovasi",
       icon: <IconListDetails size={18} stroke={1.8} />,
     },
     {
       label: "Mitra Kolaborasi",
       value: "mitarakolaborasi",
       href: "/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi",
-      tooltip: "Kelola mitra kolaborasi",
       icon: <IconUsers size={18} stroke={1.8} />,
     }
   ];
@@ -73,25 +71,18 @@ function LayoutTabsKolaborasi({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
index cce425a1..ffe7c536 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useParams, useRouter } from "next/navigation";
@@ -89,11 +88,9 @@ function EditKolaborasiInovasi() {
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kolaborasi Inovasi
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
index 0d3b0f9a..577f963f 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -96,33 +96,29 @@ function DetailKolaborasiInovasi() {
 
               {/* Tombol aksi */}
               <Group gap="sm">
-                <Tooltip label="Hapus Kolaborasi Inovasi" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={kolaborasiState.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={kolaborasiState.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Kolaborasi Inovasi" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
index 8ed78d71..0b63e248 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
@@ -3,7 +3,7 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import kolaborasiInovasiState from '@/app/admin/(dashboard)/_state/inovasi/kolaborasi-inovasi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { YearPickerInput } from '@mantine/dates';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -54,11 +54,9 @@ function CreateProgramKreatifDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back Button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kolaborasi Inovasi
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
index f0899d36..576ea0c4 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
@@ -17,15 +17,14 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
-import HeaderSearch from '../../../_com/header';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import kolaborasiInovasiState from '../../../_state/inovasi/kolaborasi-inovasi';
 import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
+import kolaborasiInovasiState from '../../../_state/inovasi/kolaborasi-inovasi';
 
 function KolaborasiInovasi() {
   const [search, setSearch] = useState('');
@@ -68,16 +67,14 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kolaborasi Inovasi</Title>
-          <Tooltip label="Tambah Kolaborasi Inovasi" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
index a1762db1..74c361e1 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import {
@@ -113,11 +112,9 @@ function EditMitraKolaborasi() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Mitra
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
index d7da8e8b..aa5ac040 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
@@ -11,8 +11,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -61,11 +60,9 @@ function CreateMitraKolaborasi() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back Button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Mitra Kolaborasi
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
index a2d6cbbb..9fde4fb1 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
@@ -18,16 +18,15 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
-import { IconEdit, IconSearch, IconX, IconPlus } from '@tabler/icons-react';
+import { IconEdit, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
-import mitraKolaborasi from '../../../_state/inovasi/mitra-kolaborasi';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import mitraKolaborasi from '../../../_state/inovasi/mitra-kolaborasi';
 
 function MitraKolaborasi() {
   const [search, setSearch] = useState('');
@@ -81,20 +80,18 @@ function ListMitraKolaborasi({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Mitra Kolaborasi</Title>
-          <Tooltip label="Tambah Mitra Baru" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create'
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
@@ -135,39 +132,35 @@ function ListMitraKolaborasi({ search }: { search: string }) {
                       </Box>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Hapus Mitra" withArrow>
-                        <Button
-                          size="xs"
-                          radius="md"
-                          variant="light"
-                          color="red"
-                          disabled={mitraKolaborasi.delete.loading || !item}
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconX size={16} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="red"
+                        disabled={mitraKolaborasi.delete.loading || !item}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconX size={16} />
+                      </Button>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Edit Mitra" withArrow>
-                        <Button
-                          size="xs"
-                          radius="md"
-                          variant="light"
-                          color="green"
-                          disabled={!item}
-                          onClick={() =>
-                            router.push(
-                              `/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/${item.id}`
-                            )
-                          }
-                        >
-                          <IconEdit size={16} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="green"
+                        disabled={!item}
+                        onClick={() =>
+                          router.push(
+                            `/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={16} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx
index 55a8cdb2..b12c50be 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx
@@ -8,17 +8,16 @@ import {
   TabsList,
   TabsPanel,
   TabsTab,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
-import { usePathname, useRouter } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
 import {
+  IconAlertCircle,
   IconFileText,
   IconListDetails,
-  IconMessage,
-  IconAlertCircle
+  IconMessage
 } from '@tabler/icons-react';
+import { usePathname, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
 
 function LayoutTabsLayananOnlineDesa({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -30,29 +29,25 @@ function LayoutTabsLayananOnlineDesa({ children }: { children: React.ReactNode }
       label: "Administrasi Online",
       value: "administrasionline",
       href: "/admin/inovasi/layanan-online-desa/administrasi-online",
-      icon: <IconFileText size={18} stroke={1.8} />,
-      tooltip: "Kelola administrasi online desa"
+      icon: <IconFileText size={18} stroke={1.8} />
     },
     {
       label: "Jenis Layanan",
       value: "jenislayanan",
       href: "/admin/inovasi/layanan-online-desa/jenis-layanan",
-      icon: <IconListDetails size={18} stroke={1.8} />,
-      tooltip: "Daftar jenis layanan desa"
+      icon: <IconListDetails size={18} stroke={1.8} />
     },
     {
       label: "Pengaduan Masyarakat",
       value: "pengaduanmasyarakat",
       href: "/admin/inovasi/layanan-online-desa/pengaduan-masyarakat",
-      icon: <IconMessage size={18} stroke={1.8} />,
-      tooltip: "Laporan pengaduan masyarakat"
+      icon: <IconMessage size={18} stroke={1.8} />
     },
     {
       label: "Jenis Pengaduan",
       value: "jenispengaduan",
       href: "/admin/inovasi/layanan-online-desa/jenis-pengaduan",
-      icon: <IconAlertCircle size={18} stroke={1.8} />,
-      tooltip: "Kategori/jenis pengaduan masyarakat"
+      icon: <IconAlertCircle size={18} stroke={1.8} />
     }
   ];
 
@@ -103,25 +98,18 @@ function LayoutTabsLayananOnlineDesa({ children }: { children: React.ReactNode }
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx
index b08d0582..72f2ddd8 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -53,20 +53,18 @@ function DetailAdministrasiOnline() {
           Kembali
         </Button>
 
-        <Tooltip label="Hapus Data" withArrow position="top">
-          <Button
-            color="red"
-            onClick={() => {
-              setSelectedId(data.id);
-              setModalHapus(true);
-            }}
-            variant="light"
-            radius="md"
-            size="md"
-          >
-            <IconTrash size={20} />
-          </Button>
-        </Tooltip>
+        <Button
+          color="red"
+          onClick={() => {
+            setSelectedId(data.id);
+            setModalHapus(true);
+          }}
+          variant="light"
+          radius="md"
+          size="md"
+        >
+          <IconTrash size={20} />
+        </Button>
       </Group>
       {/* Konten Detail */}
       <Paper
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
index 80459e66..7bf76e10 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
@@ -11,8 +11,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -72,16 +71,14 @@ function EditJenisLayanan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jenis Layanan
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
index 41990ab2..babc24f3 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import layananonlineDesa from '@/app/admin/(dashboard)/_state/inovasi/layanan-online-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -85,33 +85,29 @@ function DetailJenisLayanan() {
 
               {/* Tombol aksi */}
               <Group gap="sm" mt="sm">
-                <Tooltip label="Hapus Jenis Layanan" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id)
-                      setModalHapus(true)
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={state.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id)
+                    setModalHapus(true)
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={state.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Jenis Layanan" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/inovasi/layanan-online-desa/jenis-layanan/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/inovasi/layanan-online-desa/jenis-layanan/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
index b1b5a107..30aae0e6 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -43,16 +42,14 @@ function CreateJenisLayanan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol back */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jenis Layanan
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
index ba176cd6..a1ea1da1 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -68,20 +67,18 @@ function ListJenisLayanan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Jenis Layanan</Title>
-          <Tooltip label="Tambah Jenis Layanan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/inovasi/layanan-online-desa/jenis-layanan/create'
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/inovasi/layanan-online-desa/jenis-layanan/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
index c64bb102..de4c6c24 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -90,16 +89,14 @@ function EditJenisPengaduan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jenis Pengaduan
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
index bb0ae5b9..31999381 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -41,11 +40,9 @@ function CreateJenisPengaduan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jenis Pengaduan
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
index 4bbee3b6..ecab5a98 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
@@ -79,20 +78,18 @@ function ListJenisPengaduan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Jenis Pengaduan</Title>
-          <Tooltip label="Tambah Jenis Pengaduan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/inovasi/layanan-online-desa/jenis-pengaduan/create'
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/inovasi/layanan-online-desa/jenis-pengaduan/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
index a9a9ad3e..9ab1109e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { useProxy } from 'valtio/utils';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import layananonlineDesa from '@/app/admin/(dashboard)/_state/inovasi/layanan-online-desa';
@@ -129,21 +129,19 @@ function DetailPengaduanMasyarakat() {
 
               {/* Action Button */}
               <Group gap="sm">
-                <Tooltip label="Hapus Pengaduan" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={pengaduanState.pengaduanMasyarakat.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={pengaduanState.pengaduanMasyarakat.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
index 11140fff..429bc44f 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 
@@ -99,18 +98,16 @@ function ListPengaduanMasyarakat({ search }: { search: string }) {
                       <Text fz="sm" c="dimmed" truncate lineClamp={1}>{item.nomorTelepon}</Text>
                     </TableTd>
                     <TableTd style={{ width: '15%' }}>
-                      <Tooltip label="Lihat detail pengaduan" withArrow>
-                        <Button
-                          size="xs"
-                          radius="md"
-                          variant="light"
-                          color="blue"
-                          leftSection={<IconDeviceImac size={16} />}
-                          onClick={() => router.push(`/admin/inovasi/layanan-online-desa/pengaduan-masyarakat/${item.id}`)}
-                        >
-                          Detail
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImac size={16} />}
+                        onClick={() => router.push(`/admin/inovasi/layanan-online-desa/pengaduan-masyarakat/${item.id}`)}
+                      >
+                        Detail
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
index e402bf15..f681a429 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Flex, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Flex, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -95,40 +95,36 @@ function DetailProgramKreatifDesa() {
               </Box>
 
               <Flex gap="sm" mt={10}>
-                <Tooltip label="Hapus Program Kreatif Desa" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      if (data) {
-                        setSelectedId(data.id);
-                        setModalHapus(true);
-                      }
-                    }}
-                    disabled={stateProgramKreatif.delete.loading || !data}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    if (data) {
+                      setSelectedId(data.id);
+                      setModalHapus(true);
+                    }
+                  }}
+                  disabled={stateProgramKreatif.delete.loading || !data}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Program Kreatif Desa" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => {
-                      if (data) {
-                        router.push(`/admin/inovasi/program-kreatif-desa/${data.id}/edit`);
-                      }
-                    }}
-                    disabled={!data}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => {
+                    if (data) {
+                      router.push(`/admin/inovasi/program-kreatif-desa/${data.id}/edit`);
+                    }
+                  }}
+                  disabled={!data}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Flex>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
index 4d318f33..2609b036 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
@@ -8,15 +8,14 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
-import programKreatifState from '../../../_state/inovasi/program-kreatif';
 import SelectIconProgram from '../../../_com/selectIcon';
+import programKreatifState from '../../../_state/inovasi/program-kreatif';
 
 function CreateProgramKreatifDesa() {
   const stateCreate = useProxy(programKreatifState);
@@ -33,23 +32,21 @@ function CreateProgramKreatifDesa() {
 
   const handleSubmit = async () => {
     const success = await stateCreate.create.create();
-  
+
     if (success) {
       resetForm();
       router.push("/admin/inovasi/program-kreatif-desa");
     }
   };
-  
+
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Tombol kembali */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Program Kreatif Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
index 5ead6694..7b7a647b 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
@@ -18,8 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import {
   IconCash,
@@ -117,20 +116,18 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
           <Stack>
             <Group justify="space-between" mb="md">
               <Title order={4}>Daftar Program Kreatif Desa</Title>
-              <Tooltip label="Tambah Program Kreatif Desa" withArrow>
-                <Button
-                  leftSection={<IconPlus size={18} />}
-                  color="blue"
-                  variant="light"
-                  onClick={() =>
-                    router.push(
-                      '/admin/inovasi/program-kreatif-desa/create'
-                    )
-                  }
-                >
-                  Tambah Baru
-                </Button>
-              </Tooltip>
+              <Button
+                leftSection={<IconPlus size={18} />}
+                color="blue"
+                variant="light"
+                onClick={() =>
+                  router.push(
+                    '/admin/inovasi/program-kreatif-desa/create'
+                  )
+                }
+              >
+                Tambah Baru
+              </Button>
             </Group>
             <Table highlightOnHover striped>
               <TableThead>
@@ -164,20 +161,18 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
       >
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Program Kreatif Desa</Title>
-          <Tooltip label="Tambah Program Kreatif Desa" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/inovasi/program-kreatif-desa/create'
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/inovasi/program-kreatif-desa/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowY: 'auto' }}>
           <Table highlightOnHover striped >
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index ec13e669..581ffa9c 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -221,7 +221,7 @@ function CreateAPBDes() {
           />
           <TextInput
             label="Jumlah Anggaran"
-            placeholder="Masukkan jumlah anggaran"
+            placeholder="14 M / 1 T / 200 JT / 900 RB"
             defaultValue={stateAPBDes.create.form.jumlah || ''}
             onChange={(e) => (stateAPBDes.create.form.jumlah = e.target.value)}
             required
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index e0fd60e5..6c72569e 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -57,57 +57,60 @@ function ListAPBDes({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar APBDes</Title>
-            <Button 
-              leftSection={<IconPlus size={18} />} 
-              color="blue" 
-              variant="light" 
-              onClick={() => router.push('/admin/landing-page/apbdes/create')}
-            >
-              Tambah Baru
-            </Button>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/landing-page/apbdes/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        
+
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Nama APBDes</TableTh>
-                <TableTh style={{ width: '25%' }}>Jumlah</TableTh>
+                <TableTh style={{ width: '30%'}}>Nama APBDes</TableTh>
+                <TableTh style={{ width: '30%' }}>Jumlah</TableTh>
                 <TableTh style={{ width: '25%' }}>Dokumen</TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>
+                    <TableTd style={{ width: '30%' }}>
                       <Text fw={500} truncate="end">{item.name}</Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd style={{ width: '30%' }}>
                       <Box w={150}>
                         <Text>Rp. {item.jumlah}</Text>
                       </Box>
                     </TableTd>
-                    <TableTd>
-                      {item.file?.link ? (
-                        <Button
-                          component="a"
-                          href={item.file.link}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          variant="light"
-                          leftSection={<IconFile size={18} />}
-                          size="sm"
-                        >
-                          Lihat Dokumen
-                        </Button>
-                      ) : (
-                        <Text c="dimmed" fz="sm">Tidak ada dokumen</Text>
-                      )}
+                    <TableTd style={{ width: '25%' }}>
+                      <Box w={150}>
+                        {item.file?.link ? (
+                          <Button
+                            component="a"
+                            href={item.file.link}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            variant="light"
+                            leftSection={<IconFile size={18} />}
+                            size="sm"
+                          >
+                            Lihat Dokumen
+                          </Button>
+                        ) : (
+                          <Text c="dimmed" fz="sm">Tidak ada dokumen</Text>
+                        )}
+                      </Box>
                     </TableTd>
-                    <TableTd>
-                      <Button
+                    <TableTd style={{ width: '25%' }}>
+                     <Box w={80}>
+                     <Button
                         size="xs"
                         radius="md"
                         variant="light"
@@ -118,6 +121,7 @@ function ListAPBDes({ search }: { search: string }) {
                       >
                         Detail
                       </Button>
+                     </Box>
                     </TableTd>
                   </TableTr>
                 ))
@@ -134,7 +138,7 @@ function ListAPBDes({ search }: { search: string }) {
           </Table>
         </Box>
       </Paper>
-      
+
       <Center mt="md">
         <Pagination
           value={page}
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
index 6f66ec96..ec954d40 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -107,11 +106,9 @@ export default function EditDataLingkunganDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Data Lingkungan Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
index 4e985dce..cab104f6 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import {
   IconArrowBack,
@@ -136,32 +136,28 @@ function DetailDataLingkunganDesa() {
 
               {/* Action Buttons */}
               <Group gap="sm" mt="sm">
-                <Tooltip label="Hapus Data Lingkungan Desa" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data Lingkungan Desa" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/lingkungan/data-lingkungan-desa/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/lingkungan/data-lingkungan-desa/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
index c2bff29e..4fb19016 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -41,16 +40,14 @@ function CreateDataLingkunganDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={22} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={22} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Lingkungan Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
index b7addeaf..e87e10ca 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
@@ -5,8 +5,7 @@ import colors from '@/con/colors';
 import {
   Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack,
   Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import {
   IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled,
@@ -83,11 +82,9 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
           <Stack>
             <Group justify="space-between" mb="md">
               <Title order={4}>Daftar Data Lingkungan Desa</Title>
-              <Tooltip label="Tambah Data Lingkungan Desa" withArrow>
-                <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}>
-                  Tambah Baru
-                </Button>
-              </Tooltip>
+              <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}>
+                Tambah Baru
+              </Button>
             </Group>
             <Table highlightOnHover>
               <TableThead>
@@ -114,11 +111,9 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
       <Paper withBorder shadow="md" radius="md" bg={colors['white-1']} p="lg">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Data Lingkungan Desa</Title>
-          <Tooltip label="Tambah Data Lingkungan Desa" withArrow>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}>
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}>
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx
index 53d91f8c..db1dcba1 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBook, IconLeaf, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -15,21 +15,18 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             label: "Tujuan Edukasi Lingkungan",
             value: "tujuanedukasilingkungan",
             href: "/admin/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan",
-            tooltip: "Lihat tujuan edukasi lingkungan",
             icon: <IconLeaf size={18} stroke={1.8} />
         },
         {
             label: "Materi Edukasi Yang Diberikan",
             value: "materiedukasiyangdiberikan",
             href: "/admin/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan",
-            tooltip: "Kelola materi edukasi yang diberikan",
             icon: <IconBook size={18} stroke={1.8} />
         },
         {
             label: "Contoh Kegiatan Di Desa Darmasaba",
             value: "contohkegiatan",
             href: "/admin/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba",
-            tooltip: "Lihat contoh kegiatan desa Darmasaba",
             icon: <IconSchool size={18} stroke={1.8} />
         },
     ];
@@ -76,27 +73,26 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                         }}
                     >
                         {tabs.map((tab, i) => (
-                            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-                                <TabsTab
-                                    value={tab.value}
-                                    leftSection={tab.icon}
-                                    style={{
-                                        fontWeight: 600,
-                                        fontSize: "0.9rem",
-                                        whiteSpace: "nowrap",
-                                        transition: "all 0.2s ease",
-                                    }}
-                                >
-                                    <span style={{
-                                        display: "inline-block",
-                                        maxWidth: "200px",
-                                        overflow: "hidden",
-                                        textOverflow: "ellipsis"
-                                    }}>
-                                        {tab.label}
-                                    </span>
-                                </TabsTab>
-                            </Tooltip>
+                            <TabsTab
+                                key={i}
+                                value={tab.value}
+                                leftSection={tab.icon}
+                                style={{
+                                    fontWeight: 600,
+                                    fontSize: "0.9rem",
+                                    whiteSpace: "nowrap",
+                                    transition: "all 0.2s ease",
+                                }}
+                            >
+                                <span style={{
+                                    display: "inline-block",
+                                    maxWidth: "200px",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis"
+                                }}>
+                                    {tab.label}
+                                </span>
+                            </TabsTab>
                         ))}
                     </TabsList>
                 </ScrollArea>
@@ -109,7 +105,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                     </TabsPanel>
                 ))}
             </Tabs>
-        </Stack>
+        </Stack >
     )
 }
 
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx
index d9aec0eb..0eb63690 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconClipboardList, IconTags } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconClipboardList, IconTags } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -16,14 +16,12 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       value: "kegiatanDesa",
       href: "/admin/lingkungan/gotong-royong/kegiatan-desa",
       icon: <IconClipboardList size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola kegiatan desa",
     },
     {
       label: "Kategori Kegiatan",
       value: "kategoriKegiatan",
       href: "/admin/lingkungan/gotong-royong/kategori-kegiatan",
       icon: <IconTags size={18} stroke={1.8} />,
-      tooltip: "Kelola kategori kegiatan desa",
     },
   ];
 
@@ -75,25 +73,18 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip 
-                key={i} 
-                label={tab.tooltip} 
-                position="bottom" 
-                withArrow 
-                transitionProps={{ transition: 'pop', duration: 200 }}
+              <TabsTab
+                key={i}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
index dd2e34a7..e5b6d2f6 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
@@ -3,7 +3,7 @@
 
 import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-royong';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -72,11 +72,9 @@ function EditKategoriKegiatan() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md" align="center">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" p="xs" radius="md" onClick={() => router.back()}>
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" p="xs" radius="md" onClick={() => router.back()}>
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Kegiatan
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
index 46d44b95..d74cf703 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -32,11 +32,9 @@ function CreateKategoriKegiatan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md" align="center">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" p="xs" radius="md" onClick={() => router.back()}>
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" p="xs" radius="md" onClick={() => router.back()}>
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Kegiatan
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
index ff03a0e5..2086850e 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
@@ -85,16 +84,14 @@ function ListKategoriKegiatan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kategori Kegiatan</Title>
-          <Tooltip label="Tambah Kategori Baru" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/lingkungan/gotong-royong/kategori-kegiatan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/lingkungan/gotong-royong/kategori-kegiatan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
index 15b5c48a..f46191cc 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -124,11 +123,9 @@ export default function EditKegiatanDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kegiatan Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
index 11090d90..a73c1f32 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
@@ -1,14 +1,14 @@
 'use client'
-import { useProxy } from 'valtio/utils';
-import { Box, Button, Flex, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Flex, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
-import colors from '@/con/colors';
-import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-royong';
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
+import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-royong';
+import colors from '@/con/colors';
 
 function DetailKegiatanDesa() {
   const kegiatanDesaState = useProxy(gotongRoyongState.kegiatanDesa);
@@ -132,32 +132,28 @@ function DetailKegiatanDesa() {
 
               {/* Tombol Hapus & Edit */}
               <Flex gap="sm" mt={10}>
-                <Tooltip label="Hapus Kegiatan Desa" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconX size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconX size={20} />
+                </Button>
 
-                <Tooltip label="Edit Kegiatan Desa" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/lingkungan/gotong-royong/kegiatan-desa/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/lingkungan/gotong-royong/kegiatan-desa/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Flex>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
index 2c4fbc49..2644fb76 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
@@ -14,8 +14,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -78,16 +77,14 @@ function CreateKegiatanDesa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kegiatan Desa
         </Title>
@@ -159,7 +156,7 @@ function CreateKegiatanDesa() {
             onChange={(e) => (stateKegiatanDesa.create.form.judul = e.target.value)}
             required
           />
-         <Box>
+          <Box>
             <Text fw="bold" fz="sm" mb={6}>
               Deskripsi Singkat
             </Text>
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx
index f391660c..badcf110 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBook, IconLeaf, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -15,21 +15,18 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Filosofi Tri Hita",
       value: "filosofi-tri-hita",
       href: "/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana",
-      tooltip: "Lihat filosofi Tri Hita Karana",
       icon: <IconLeaf size={18} stroke={1.8} />
     },
     {
       label: "Nilai Konservasi Adat",
       value: "nilai-konservasi-adat",
       href: "/admin/lingkungan/konservasi-adat-bali/nilai-konservasi-adat",
-      tooltip: "Kelola nilai konservasi adat",
       icon: <IconBook size={18} stroke={1.8} />
     },
     {
       label: "Bentuk Konservasi Berdasarkan Adat",
       value: "bentuk-konservasi-berdasarkan-adat",
       href: "/admin/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat",
-      tooltip: "Lihat bentuk konservasi berdasarkan adat",
       icon: <IconSchool size={18} stroke={1.8} />
     },
   ];
@@ -76,27 +73,26 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
             }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    whiteSpace: "nowrap",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  <span style={{
-                    display: "inline-block",
-                    maxWidth: "200px",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis"
-                  }}>
-                    {tab.label}
-                  </span>
-                </TabsTab>
-              </Tooltip>
+              <TabsTab
+                key={i}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  whiteSpace: "nowrap",
+                  transition: "all 0.2s ease",
+                }}
+              >
+                <span style={{
+                  display: "inline-block",
+                  maxWidth: "200px",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis"
+                }}>
+                  {tab.label}
+                </span>
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
index 56c9035d..72555ecf 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
@@ -3,7 +3,7 @@
 
 import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useParams, useRouter } from 'next/navigation';
@@ -90,11 +90,9 @@ function EditKeteranganBankSampahTerdekat() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Bank Sampah Terdekat
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
index ad8ae867..3bf71f3d 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
@@ -2,12 +2,12 @@
 
 import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
-import { toast } from 'react-toastify';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 const LeafletMap = dynamic(() => import('@/app/admin/(dashboard)/_com/leafletMapCreate'), { ssr: false });
@@ -33,14 +33,14 @@ function CreateKeteranganBankSampahTerdekat() {
       if (!keteranganState.create.form.name) {
         return toast.error('Nama bank sampah harus diisi');
       }
-      
+
       if (markerPosition) {
         keteranganState.create.form.lat = markerPosition.lat;
         keteranganState.create.form.lng = markerPosition.lng;
       } else {
         return toast.error('Silakan pilih lokasi di peta');
       }
-      
+
       await keteranganState.create.create();
       toast.success('Data bank sampah berhasil ditambahkan');
       resetForm();
@@ -54,11 +54,9 @@ function CreateKeteranganBankSampahTerdekat() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Bank Sampah Terdekat
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
index 318b297e..4be0d401 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
@@ -1,11 +1,11 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import pengelolaanSampahState from '../../../_state/lingkungan/pengelolaan-sampah';
 
@@ -56,16 +56,14 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
       <Paper bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Bank Sampah Terdekat</Title>
-          <Tooltip label="Tambah Bank Sampah" withArrow>
-            <Button 
-              leftSection={<IconPlus size={18} />} 
-              color="blue" 
-              variant="light" 
-              onClick={() => router.push('/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create')}
+          <Button 
+            leftSection={<IconPlus size={18} />} 
+            color="blue" 
+            variant="light" 
+            onClick={() => router.push('/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create')}
             >
               Tambah Baru
             </Button>
-          </Tooltip>
         </Group>
         
         <Box style={{ overflowX: 'auto' }}>
@@ -98,15 +96,13 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Lihat Detail" withArrow>
-                        <Button
-                          variant="light"
-                          color="blue"
-                          onClick={() => router.push(`/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/${item.id}`)}
-                        >
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/${item.id}`)}
+                      >
                           <IconDeviceImac size={20} />
                         </Button>
-                      </Tooltip>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
index 683c410a..f07cfb6d 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
-import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import SelectIconProgramEdit from '@/app/admin/(dashboard)/_com/selectIconEdit';
+import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -71,11 +71,9 @@ function EditProgramKreatifDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Pengelolaan Sampah Bank Sampah
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
index a413905b..365c97bd 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
@@ -1,8 +1,8 @@
 'use client';
-import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import SelectIconProgram from '@/app/admin/(dashboard)/_com/selectIcon';
+import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -34,7 +34,6 @@ function CreatePengelolaanSampahBankSampah() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" color="blue" position="bottom">
           <Button 
             variant="subtle" 
             onClick={() => router.back()} 
@@ -43,7 +42,6 @@ function CreatePengelolaanSampahBankSampah() {
           >
             <IconArrowBack color={colors['blue-button']} size={24} />
           </Button>
-        </Tooltip>
         <Title order={4} ml="sm" c="dark">
           Tambah Pengelolaan Sampah Bank Sampah
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
index cfba2c11..1b64d087 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
@@ -1,15 +1,14 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconChartLine, IconClipboardTextFilled, IconEdit, IconLeaf, IconPlus, IconRecycle, IconScale, IconSearch, IconTent, IconTrashFilled, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import pengelolaanSampahState from '../../../_state/lingkungan/pengelolaan-sampah';
-import React from 'react';
 
 
 function PengelolaanSampahBankSampah() {
@@ -82,16 +81,14 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
       <Paper bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pengelolaan Sampah Bank Sampah</Title>
-          <Tooltip label="Tambah Pengelolaan Sampah" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
@@ -113,44 +110,38 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
                     </TableTd>
                     <TableTd>
                       {iconMap[item.icon] ? (
-                        <Tooltip label={item.icon} withArrow>
-                          <Box>
-                            {React.createElement(iconMap[item.icon], {
-                              size: 24,
-                              style: { color: colors['blue-button'] }
-                            })}
-                          </Box>
-                        </Tooltip>
+                        <Box>
+                          {React.createElement(iconMap[item.icon], {
+                            size: 24,
+                            style: { color: colors['blue-button'] }
+                          })}
+                        </Box>
                       ) : (
                         <Text c="dimmed" fz="sm">-</Text>
                       )}
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Edit" withArrow>
-                        <Button
-                          variant="light"
-                          color="green"
-                          size="sm"
-                          onClick={() => router.push(`/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/${item.id}`)}
-                        >
-                          <IconEdit size={18} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="sm"
+                        onClick={() => router.push(`/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/${item.id}`)}
+                      >
+                        <IconEdit size={18} />
+                      </Button>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Hapus" withArrow>
-                        <Button
-                          variant="light"
-                          color="red"
-                          size="sm"
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconTrashFilled size={18} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="sm"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrashFilled size={18} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
index 141f920f..161aef97 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -105,16 +104,14 @@ function EditProgramPenghijauan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Program Penghijauan
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
index a2857cfc..ff29a6ba 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import {
   IconArrowBack, IconChartLine, IconChristmasTreeFilled, IconClipboard,
@@ -117,32 +117,28 @@ function DetailProgramPenghijauan() {
 
               {/* Tombol aksi */}
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Program" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Program" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/lingkungan/program-penghijauan/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/lingkungan/program-penghijauan/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
@@ -155,7 +151,7 @@ function DetailProgramPenghijauan() {
         onClose={() => setModalHapus(false)}
         onConfirm={handleHapus}
         text="Apakah Anda yakin ingin menghapus program penghijauan ini?"
-      /> 
+      />
     </Box>
   );
 }
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
index 5b8e1ce5..3031d35d 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -41,16 +40,14 @@ function CreateProgramPenghijauan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Tombol back + title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Program Penghijauan
         </Title>
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
index daa3a543..da424701 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
@@ -17,8 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import {
   IconChartLine,
@@ -27,6 +26,7 @@ import {
   IconDeviceImac,
   IconHomeEco,
   IconLeaf,
+  IconPlus,
   IconRecycle,
   IconScale,
   IconSearch,
@@ -36,7 +36,6 @@ import {
   IconTrendingUp,
   IconTrophy,
   IconTruckFilled,
-  IconPlus,
 } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -101,16 +100,14 @@ function ListProgramPenghijauan({ search }: { search: string }) {
         {/* Header Section */}
         <Box mb="md" display="flex" style={{ justifyContent: 'space-between', alignItems: 'center' }}>
           <Title order={4}>Daftar Program Penghijauan</Title>
-          <Tooltip label="Tambah Program Penghijauan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/lingkungan/program-penghijauan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/lingkungan/program-penghijauan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Box>
 
         {/* Table Section */}
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx
index 2f2d3997..b4fa8877 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconSchool, IconStar } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconSchool, IconStar } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -15,15 +15,13 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Beasiswa Pendaftar",
       value: "beasiswa-pendaftar",
       href: "/admin/pendidikan/beasiswa-desa/beasiswa-pendaftar",
-      icon: <IconSchool size={18} stroke={1.8} />,
-      tooltip: "Kelola data pendaftar beasiswa desa",
+      icon: <IconSchool size={18} stroke={1.8} />
     },
     {
       label: "Keunggulan Program",
       value: "keunggulan-program",
       href: "/admin/pendidikan/beasiswa-desa/keunggulan-program",
-      icon: <IconStar size={18} stroke={1.8} />,
-      tooltip: "Lihat keunggulan dan detail program beasiswa",
+      icon: <IconStar size={18} stroke={1.8} />
     },
   ];
 
@@ -69,28 +67,21 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               flexWrap: "nowrap",
               gap: "0.5rem",
               paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-          }}
+            }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
index f72394f9..3ee48259 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -121,20 +121,18 @@ function DetailBeasiswaPendaftar() {
               </Box>
 
               <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Pendaftar" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
index 3a745c50..9fac6d28 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
@@ -3,7 +3,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -58,7 +58,7 @@ function EditProgramKreatifDesa() {
         judul: formData.judul.trim(),
         deskripsi: formData.deskripsi.trim(),
       };
-      
+
       await state.update.update();
       toast.success('Data keunggulan program berhasil diperbarui!');
       router.push("/admin/pendidikan/beasiswa-desa/keunggulan-program");
@@ -70,16 +70,14 @@ function EditProgramKreatifDesa() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button 
-            variant="subtle" 
-            onClick={() => router.back()} 
-            p="xs" 
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Keunggulan Program
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
index f7fb5f93..2206cef2 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
@@ -2,7 +2,7 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -34,16 +34,14 @@ function CreateKeunggulanProgram() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Keunggulan Program
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
index f2f18216..1aed7859 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrashFilled } from '@tabler/icons-react';
@@ -25,8 +24,8 @@ import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
-import beasiswaDesaState from '../../../_state/pendidikan/beasiswa-desa';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import beasiswaDesaState from '../../../_state/pendidikan/beasiswa-desa';
 
 function KeunggulanProgram() {
   const [search, setSearch] = useState("");
@@ -79,30 +78,28 @@ function ListKeunggulanProgram({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Keunggulan Program</Title>
-          <Tooltip label="Tambah Keunggulan Program" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/beasiswa-desa/keunggulan-program/create'
-                )
-              }
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/beasiswa-desa/keunggulan-program/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-              <TableTh style={{ minWidth: 200 }}>Nama Keunggulan Program</TableTh>
-              <TableTh style={{ minWidth: 200 }}>Deskripsi</TableTh>
-              <TableTh style={{ minWidth: 200 }}>Edit</TableTh>
-              <TableTh style={{ minWidth: 200 }}>Delete</TableTh>
+                <TableTh style={{ minWidth: 200 }}>Nama Keunggulan Program</TableTh>
+                <TableTh style={{ minWidth: 200 }}>Deskripsi</TableTh>
+                <TableTh style={{ minWidth: 200 }}>Edit</TableTh>
+                <TableTh style={{ minWidth: 200 }}>Delete</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -123,35 +120,31 @@ function ListKeunggulanProgram({ search }: { search: string }) {
                       />
                     </TableTd>
                     <TableTd style={{ minWidth: 200 }}>
-                      <Tooltip label="Edit" withArrow>
-                        <Button
-                          variant="light"
-                          color="green"
-                          size="sm"
-                          onClick={() =>
-                            router.push(
-                              `/admin/pendidikan/beasiswa-desa/keunggulan-program/${item.id}`
-                            )
-                          }
-                        >
-                          <IconEdit size={18} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="sm"
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/beasiswa-desa/keunggulan-program/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={18} />
+                      </Button>
                     </TableTd>
                     <TableTd style={{ minWidth: 200 }}>
-                      <Tooltip label="Hapus" withArrow>
-                        <Button
-                          variant="light"
-                          color="red"
-                          size="sm"
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconTrashFilled size={18} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="sm"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrashFilled size={18} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx
index 83e7d239..179de0fb 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconBuildingCommunity, IconCalendar, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconSchool, IconCalendar, IconBuildingCommunity } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -15,22 +15,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Tujuan Program",
       value: "tujuan-program",
       href: "/admin/pendidikan/bimbingan-belajar-desa/tujuan-program",
-      icon: <IconSchool size={18} stroke={1.8} />,
-      tooltip: "Lihat tujuan utama program bimbingan belajar",
+      icon: <IconSchool size={18} stroke={1.8} />
     },
     {
       label: "Lokasi dan Jadwal",
       value: "lokasi-dan-jadwal",
       href: "/admin/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal",
       icon: <IconCalendar size={18} stroke={1.8} />,
-      tooltip: "Atur lokasi pelaksanaan dan jadwal bimbingan",
     },
     {
       label: "Fasilitas yang Disediakan",
       value: "fasilitas-yang-disediakan",
       href: "/admin/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan",
-      icon: <IconBuildingCommunity size={18} stroke={1.8} />,
-      tooltip: "Kelola fasilitas yang tersedia untuk peserta",
+      icon: <IconBuildingCommunity size={18} stroke={1.8} />
     },
   ];
 
@@ -76,28 +73,21 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               flexWrap: "nowrap",
               gap: "0.5rem",
               paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-          }}
+            }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
index 3e446e1e..09a00b71 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
@@ -11,16 +11,15 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 const BimbinganBelajarDesaTextEditor = dynamic(
   () =>
@@ -103,16 +102,14 @@ function EditFasilitasYangDisediakan() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button
-              variant="subtle"
-              onClick={handleBack}
-              p="xs"
-              radius="md"
-            >
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
-          </Tooltip>
+          <Button
+            variant="subtle"
+            onClick={handleBack}
+            p="xs"
+            radius="md"
+          >
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Fasilitas Yang Disediakan
           </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
index b568cefa..05fa285e 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -36,21 +36,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Fasilitas" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
index 5e871dea..31ac6352 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
@@ -11,16 +11,15 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 const BimbinganBelajarDesaTextEditor = dynamic(
   () =>
@@ -102,13 +101,15 @@ function EditLokasiDanJadwal() {
   return (
     <Box>
       <Stack gap="xs">
-        {/* Header */}
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
-          </Tooltip>
+          <Button
+            variant="subtle"
+            onClick={handleBack}
+            p="xs"
+            radius="md"
+          >
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Lokasi & Jadwal
           </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
index f9de4d6a..c2a83d5d 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -36,21 +36,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Lokasi & Jadwal" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
index 55a0d1c6..3ddddbd1 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
@@ -11,16 +11,15 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 const BimbinganBelajarDesaTextEditor = dynamic(
   () =>
@@ -99,11 +98,9 @@ function EditTujuanProgram() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
-          </Tooltip>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Tujuan Program
           </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
index 45b1c4db..a7429917 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
@@ -10,8 +10,7 @@ import {
   Skeleton,
   Stack,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
@@ -48,21 +47,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Tujuan Program" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/bimbingan-belajar-desa/tujuan-program/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/bimbingan-belajar-desa/tujuan-program/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
index 114d6c66..ff3d1e37 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
@@ -2,7 +2,7 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -51,11 +51,9 @@ export default function EditDataPendidikan() {
   return (
     <Box px={{ base: 'sm', md: 'xl' }} py="md">
       <Group mb="md" gap="sm">
-        <Tooltip label="Kembali ke halaman sebelumnya" position="bottom" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} radius="md">
-            <IconArrowBack size={20} stroke={2} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} radius="md">
+          <IconArrowBack size={20} stroke={2} />
+        </Button>
         <Title order={3} c="black">Edit Data Pendidikan</Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
index 52f8e1f7..6cd346a8 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -31,11 +31,9 @@ export default function CreateDataPendidikan() {
   return (
     <Box px={{ base: 'sm', md: 'xl' }} py="md">
       <Group mb="md" gap="sm">
-        <Tooltip label="Kembali ke halaman sebelumnya" position="bottom" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} radius="md">
-            <IconArrowBack size={20} stroke={2} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} radius="md">
+          <IconArrowBack size={20} stroke={2} />
+        </Button>
         <Title order={3} c='black'>Tambah Data Pendidikan</Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx
index 0f3e9285..8485cc9d 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDatabase, IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -80,13 +80,11 @@ function ListDataPendidikan({ search }: { search: string }) {
     <Box py="sm">
       <Stack gap="sm">
         <Paper p="md" withBorder bg={colors['white-1']} shadow="sm" radius="md">
-        <Group justify="space-between" mb="md">
+          <Group justify="space-between" mb="md">
             <Title order={4}>Daftar Data Pendidikan</Title>
-            <Tooltip label="Tambah Data Pendidikan" withArrow>
-              <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/pendidikan/data-pendidikan/create')}>
-                Tambah Baru
-              </Button>
-            </Tooltip>
+            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/pendidikan/data-pendidikan/create')}>
+              Tambah Baru
+            </Button>
           </Group>
           {filteredData.length === 0 ? (
             <Box py="lg" px="md" style={{ textAlign: 'center' }}>
@@ -111,32 +109,28 @@ function ListDataPendidikan({ search }: { search: string }) {
                     <TableTd>{item.name}</TableTd>
                     <TableTd>{item.jumlah}</TableTd>
                     <TableTd>
-                      <Tooltip label="Edit data pendidikan" position="top" withArrow>
-                        <Button
-                          color="green"
-                          variant="light"
-                          radius="md"
-                          onClick={() => router.push(`/admin/pendidikan/data-pendidikan/${item.id}`)}
-                        >
-                          <IconEdit size={20} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        color="green"
+                        variant="light"
+                        radius="md"
+                        onClick={() => router.push(`/admin/pendidikan/data-pendidikan/${item.id}`)}
+                      >
+                        <IconEdit size={20} />
+                      </Button>
                     </TableTd>
                     <TableTd>
-                      <Tooltip label="Hapus data pendidikan" position="top" withArrow>
-                        <Button
-                          color="red"
-                          variant="light"
-                          radius="md"
-                          disabled={stateDPM.delete.loading}
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconTrash size={20} />
-                        </Button>
-                      </Tooltip>
+                      <Button
+                        color="red"
+                        variant="light"
+                        radius="md"
+                        disabled={stateDPM.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={20} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
index e7991d96..e8de7280 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBuilding, IconChalkboard, IconMicroscope, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -15,29 +15,25 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Jenjang Pendidikan",
       value: "jenjangPendidikan",
       href: "/admin/pendidikan/info-sekolah/jenjang-pendidikan",
-      icon: <IconBuilding size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola jenjang pendidikan",
+      icon: <IconBuilding size={18} stroke={1.8} />
     },
     {
       label: "Lembaga",
       value: "lembaga",
       href: "/admin/pendidikan/info-sekolah/lembaga",
       icon: <IconChalkboard size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola lembaga",
     },
     {
       label: "Siswa",
       value: "siswa",
       href: "/admin/pendidikan/info-sekolah/siswa",
       icon: <IconSchool size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola siswa",
     },
     {
       label: "Pengajar",
       value: "pengajar",
       href: "/admin/pendidikan/info-sekolah/pengajar",
       icon: <IconMicroscope size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola pengajar",
     }
   ];
 
@@ -83,22 +79,21 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               flexWrap: "nowrap",
               gap: "0.5rem",
               paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-          }}
+            }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+              <TabsTab
+                key={i}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
+              >
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
index 02b1003b..5e9395c6 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -80,11 +79,9 @@ function EditJenjangPendidikan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Jenjang Pendidikan
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
index fe8b30d5..e66fa92f 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
@@ -8,8 +8,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -46,16 +45,14 @@ function CreateJenjangPendidikan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back button + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Jenjang Pendidikan
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
index 24fd0d1f..d48b0a4a 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -68,16 +68,14 @@ function ListJenjangPendidikan() {
       <Paper bg={colors['white-1']} p="lg" withBorder shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Jenjang Pendidikan</Title>
-          <Tooltip label="Tambah Jenjang Pendidikan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/pendidikan/info-sekolah/jenjang-pendidikan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/pendidikan/info-sekolah/jenjang-pendidikan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: "auto" }}>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
index e644a878..d5b322a1 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 
-import { useEffect, useState } from 'react';
-import { useParams, useRouter } from 'next/navigation';
+import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
+import colors from '@/con/colors';
 import {
   Box,
   Button,
@@ -11,14 +11,13 @@ import {
   Select,
   Stack,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
-import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
-import colors from '@/con/colors';
-import { IconArrowBack } from '@tabler/icons-react';
 
 export default function EditLembaga() {
   const router = useRouter();
@@ -73,16 +72,14 @@ export default function EditLembaga() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Lembaga Pendidikan
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx
index 3a70dbe5..8861f852 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx
@@ -1,14 +1,14 @@
 'use client'
-import { useProxy } from 'valtio/utils';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
-import colors from '@/con/colors';
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
+import colors from '@/con/colors';
 
 function DetailLembaga() {
   const detailState = useProxy(infoSekolahPaud.lembagaPendidikan);
@@ -87,34 +87,30 @@ function DetailLembaga() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Lembaga" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Lembaga" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/pendidikan/info-sekolah/lembaga/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/pendidikan/info-sekolah/lembaga/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
index cbf52bca..bfbd79fc 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -45,11 +44,9 @@ function CreateLembaga() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Lembaga Pendidikan
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
index a4c24f38..eadabed2 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
@@ -16,8 +16,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
@@ -74,16 +73,14 @@ function ListLembaga({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Lembaga</Title>
-          <Tooltip label="Tambah Lembaga Baru" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/pendidikan/info-sekolah/lembaga/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/pendidikan/info-sekolah/lembaga/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
index 2cf22993..6d2a91bb 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
@@ -11,8 +11,7 @@ import {
   Select,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -83,11 +82,9 @@ function EditPengajar() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header Back + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Pengajar
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
index f97d19c4..b78a3edc 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -77,34 +77,30 @@ function DetailPengajar() {
               </Box>
 
               <Group gap="sm" mt="sm">
-                <Tooltip label="Hapus Pengajar" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Pengajar" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/pendidikan/info-sekolah/pengajar/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/pendidikan/info-sekolah/pengajar/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
index 22e683e7..3049368b 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
@@ -11,14 +11,13 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 function CreatePengajar() {
   const router = useRouter();
@@ -51,11 +50,9 @@ function CreatePengajar() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header Back + Title */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Pengajar
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
index 20342fea..7ea5a217 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { 
-  Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, 
-  Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip 
+import {
+  Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack,
+  Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -59,16 +59,14 @@ function ListPengajar({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Pengajar</Title>
-          <Tooltip label="Tambah Pengajar" withArrow>
-            <Button 
-              leftSection={<IconPlus size={18} />} 
-              color="blue" 
-              variant="light" 
-              onClick={() => router.push('/admin/pendidikan/info-sekolah/pengajar/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/pendidikan/info-sekolah/pengajar/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: 'auto' }}>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
index 96818201..c22b8792 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
@@ -12,8 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -89,11 +88,9 @@ function EditSiswa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Siswa
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
index 519d2590..0f29a36f 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core'
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core'
 import { useShallowEffect } from '@mantine/hooks'
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react'
 import { useParams, useRouter } from 'next/navigation'
@@ -79,34 +79,30 @@ function DetailSiswa() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Siswa" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id)
-                      setModalHapus(true)
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id)
+                    setModalHapus(true)
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Siswa" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/pendidikan/info-sekolah/siswa/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/pendidikan/info-sekolah/siswa/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
index 9ebe3f57..34ef5442 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
@@ -11,8 +11,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -46,11 +45,9 @@ function CreateSiswa() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header + Back Button */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Siswa
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
index 0e336ba6..7d1c28da 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
@@ -6,8 +6,8 @@ import {
   Button,
   Center,
   Group,
-  Paper,
   Pagination,
+  Paper,
   Skeleton,
   Stack,
   Table,
@@ -17,8 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -68,16 +67,14 @@ function ListSiswa({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Siswa</Title>
-          <Tooltip label="Tambah Siswa" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/pendidikan/info-sekolah/siswa/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/pendidikan/info-sekolah/siswa/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
         <Box style={{ overflowX: "auto" }}>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx
index e83af8ac..57da173d 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconBook2, IconMapPin, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconSchool, IconMapPin, IconBook2 } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -15,22 +15,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Tujuan Program",
       value: "tujuan-program",
       href: "/admin/pendidikan/pendidikan-non-formal/tujuan-program",
-      icon: <IconSchool size={18} stroke={1.8} />,
-      tooltip: "Atur tujuan program pendidikan non formal",
+      icon: <IconSchool size={18} stroke={1.8} />
     },
     {
       label: "Tempat Kegiatan",
       value: "tempat-kegiatan",
       href: "/admin/pendidikan/pendidikan-non-formal/tempat-kegiatan",
-      icon: <IconMapPin size={18} stroke={1.8} />,
-      tooltip: "Kelola daftar tempat kegiatan",
+      icon: <IconMapPin size={18} stroke={1.8} />
     },
     {
       label: "Jenis Program yang Diselenggarakan",
       value: "jenis-program-yang-diselenggarakan",
       href: "/admin/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan",
-      icon: <IconBook2 size={18} stroke={1.8} />,
-      tooltip: "Lihat & atur jenis program yang tersedia",
+      icon: <IconBook2 size={18} stroke={1.8} />
     },
   ];
 
@@ -77,28 +74,21 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               flexWrap: "nowrap",
               gap: "0.5rem",
               paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-          }}
+            }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
index 0fb6dd5f..5c459e6e 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
@@ -10,16 +10,15 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 const JenisProgramYangDiselenggarakanTextEditor = dynamic(
   () =>
@@ -104,11 +103,9 @@ function EditJenisProgramYangDiselenggarakan() {
       <Stack gap="xs">
         {/* Back Button + Title */}
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={22} />
-            </Button>
-          </Tooltip>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={22} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Jenis Program Yang Diselenggarakan
           </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
index d7afd755..1a7b12bc 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
@@ -10,8 +10,7 @@ import {
   Skeleton,
   Stack,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
@@ -48,21 +47,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Jenis Program" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
index 7fe96497..f4a46c19 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
@@ -11,16 +11,15 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 const TempatKegiatanTextEditor = dynamic(
   () =>
@@ -108,11 +107,9 @@ function EditTempatKegiatan() {
       <Stack gap="xs">
         {/* Back Button + Title */}
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={22} />
-            </Button>
-          </Tooltip>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={22} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Tempat Kegiatan
           </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
index d56908cf..a377409e 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -36,21 +36,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Tempat Kegiatan" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
index fe91defd..48d3d1db 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
@@ -11,16 +11,15 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 const PendidikanNonFormalTextEditor = dynamic(
   () => import('../../_lib/pendidikanNonFormalTextEditor').then(mod => mod.PendidikanNonFormalTextEditor),
@@ -98,11 +97,9 @@ function EditTujuanProgram() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={22} />
-            </Button>
-          </Tooltip>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={22} />
+          </Button>
           <Title order={4} ml="sm" c="dark">Edit Tujuan Program</Title>
         </Group>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
index dcc6470e..00b36c7a 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
@@ -10,8 +10,7 @@ import {
   Skeleton,
   Stack,
   Text,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
@@ -50,21 +49,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Tujuan Pendidikan Non Formal" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/pendidikan-non-formal/tujuan-program/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/pendidikan-non-formal/tujuan-program/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
index 3954de64..3c89d5ea 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconBook2, IconCategory, IconUser } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconBook2, IconCategory, IconUser } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -15,22 +15,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Data Perpustakaan",
       value: "data-perpustakaan",
       href: "/admin/pendidikan/perpustakaan-digital/data-perpustakaan",
-      icon: <IconBook2 size={18} stroke={1.8} />,
-      tooltip: "Kelola data koleksi perpustakaan digital",
+      icon: <IconBook2 size={18} stroke={1.8} />
     },
     {
       label: "Kategori Buku",
       value: "kategori-buku",
       href: "/admin/pendidikan/perpustakaan-digital/kategori-buku",
-      icon: <IconCategory size={18} stroke={1.8} />,
-      tooltip: "Atur kategori untuk buku digital",
+      icon: <IconCategory size={18} stroke={1.8} />
     },
     {
       label: "Peminjam",
       value: "peminjam",
       href: "/admin/pendidikan/perpustakaan-digital/peminjam",
-      icon: <IconUser size={18} stroke={1.8} />,
-      tooltip: "Data Peminjam Buku",
+      icon: <IconUser size={18} stroke={1.8} />
     },
   ];
 
@@ -76,28 +73,21 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               flexWrap: "nowrap",
               gap: "0.5rem",
               paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-          }}
+            }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
index a77b956e..1f14cc05 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
@@ -1,13 +1,13 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 
-import { useEffect, useState } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import { toast } from 'react-toastify';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
@@ -88,11 +88,9 @@ function EditPerpustakaanDigital() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Data Perpustakaan Digital
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
index 437c2da4..469211c1 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -98,32 +98,28 @@ function DetailDataPerpustakaan() {
               </Box>
 
               <Group gap="sm">
-                <Tooltip label="Hapus Data Perpustakaan" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconX size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconX size={20} />
+                </Button>
 
-                <Tooltip label="Edit Data Perpustakaan" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/data-perpustakaan/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/data-perpustakaan/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
index 00cfed3d..e5eec0d7 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
@@ -3,7 +3,7 @@ import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -57,11 +57,9 @@ function CreateDataPerpustakaan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Tombol Kembali */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Perpustakaan
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
index 90275fbc..c28486ee 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
@@ -1,11 +1,11 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip, Pagination } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import HeaderSearch from '../../../_com/header';
 import perpustakaanDigitalState from '../../../_state/pendidikan/perpustakaan-digital';
 
@@ -50,16 +50,14 @@ function ListDataPerpustakaan({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="md" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>List Data Perpustakaan</Title>
-          <Tooltip label="Tambah Data Perpustakaan" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/pendidikan/perpustakaan-digital/data-perpustakaan/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/pendidikan/perpustakaan-digital/data-perpustakaan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table striped highlightOnHover withRowBorders style={{ minWidth: '700px' }}>
@@ -87,7 +85,7 @@ function ListDataPerpustakaan({ search }: { search: string }) {
                     </TableTd>
                     <TableTd style={{ width: '20%' }}>
                       <Box w={150}>
-                        <Text dangerouslySetInnerHTML={{ __html: item.deskripsi }} lineClamp={1} truncate fz="sm"/>
+                        <Text dangerouslySetInnerHTML={{ __html: item.deskripsi }} lineClamp={1} truncate fz="sm" />
                       </Box>
                     </TableTd>
                     <TableTd style={{ width: '20%' }}>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
index 627e023d..b29b3156 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
@@ -3,7 +3,7 @@
 
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -59,11 +59,9 @@ function EditKategoriBuku() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Buku
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
index 73ce3608..c82b184c 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -26,11 +26,9 @@ function CreateKategoriBuku() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Buku
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
index 8d22b0b3..a5ff8cac 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
@@ -1,8 +1,8 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconEdit, IconPlus, IconTrash, IconSearch } from '@tabler/icons-react';
+import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -68,16 +68,14 @@ function ListKategoriBuku({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Kategori Buku</Title>
-          <Tooltip label="Tambah Kategori Buku" withArrow>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/pendidikan/perpustakaan-digital/kategori-buku/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/pendidikan/perpustakaan-digital/kategori-buku/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
index d0ce3fb8..48463e0a 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { DateInput } from '@mantine/dates';
 import { useShallowEffect } from '@mantine/hooks';
@@ -120,11 +119,9 @@ function EditPeminjam() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Peminjam Buku
         </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/page.tsx
index ed599d33..bfb5c458 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text,
-  Tooltip
+  Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -43,21 +42,21 @@ function DetailDataPeminjaman() {
   };
 
   const renderStatusBadge = (status: string) => {
-      const normalized = status?.toUpperCase();
-  
-      switch (normalized) {
-        case 'DIPINJAM':
-          return <Badge color="blue" variant="light">Dipinjam</Badge>;
-        case 'DIKEMBALIKAN':
-          return <Badge color="green" variant="light">Dikembalikan</Badge>;
-        case 'TERLAMBAT':
-          return <Badge color="orange" variant="light">Terlambat</Badge>;
-        case 'DIBATALKAN':
-          return <Badge color="red" variant="light">Dibatalkan</Badge>;
-        default:
-          return <Badge color="gray" variant="light">Tidak diketahui</Badge>;
-      }
-    };
+    const normalized = status?.toUpperCase();
+
+    switch (normalized) {
+      case 'DIPINJAM':
+        return <Badge color="blue" variant="light">Dipinjam</Badge>;
+      case 'DIKEMBALIKAN':
+        return <Badge color="green" variant="light">Dikembalikan</Badge>;
+      case 'TERLAMBAT':
+        return <Badge color="orange" variant="light">Terlambat</Badge>;
+      case 'DIBATALKAN':
+        return <Badge color="red" variant="light">Dibatalkan</Badge>;
+      default:
+        return <Badge color="gray" variant="light">Tidak diketahui</Badge>;
+    }
+  };
 
   if (!data) {
     return (
@@ -189,35 +188,31 @@ function DetailDataPeminjaman() {
               </Box>
 
               <Group gap="sm" mt="sm">
-                <Tooltip label="Hapus Peminjam Buku" withArrow position="top">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                    disabled={stateDetail.delete.loading}
-                  >
-                    <IconTrash size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                  disabled={stateDetail.delete.loading}
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                <Tooltip label="Edit Peminjam Buku" withArrow position="top">
-                  <Button
-                    color="green"
-                    onClick={() =>
-                      router.push(`/admin/pendidikan/perpustakaan-digital/peminjam/${data.id}/edit`)
-                    }
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </Tooltip>
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(`/admin/pendidikan/perpustakaan-digital/peminjam/${data.id}/edit`)
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx
index 9c76abe1..9b5b10b7 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconSchool, IconTarget } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { IconSchool, IconTarget } from '@tabler/icons-react';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -15,15 +15,13 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       label: "Tujuan Program",
       value: "tujuan-program",
       href: "/admin/pendidikan/program-pendidikan-anak/tujuan-program",
-      icon: <IconTarget size={18} stroke={1.8} />,
-      tooltip: "Atur tujuan program pendidikan anak",
+      icon: <IconTarget size={18} stroke={1.8} />
     },
     {
       label: "Program Unggulan",
       value: "program-unggulan",
       href: "/admin/pendidikan/program-pendidikan-anak/program-unggulan",
-      icon: <IconSchool size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola program unggulan pendidikan anak",
+      icon: <IconSchool size={18} stroke={1.8} />
     }
   ];
 
@@ -70,28 +68,21 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               flexWrap: "nowrap",
               gap: "0.5rem",
               paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-          }}
+            }}
           >
             {tabs.map((tab, i) => (
-              <Tooltip
+              <TabsTab
                 key={i}
-                label={tab.tooltip}
-                position="bottom"
-                withArrow
-                transitionProps={{ transition: 'pop', duration: 200 }}
+                value={tab.value}
+                leftSection={tab.icon}
+                style={{
+                  fontWeight: 600,
+                  fontSize: "0.9rem",
+                  transition: "all 0.2s ease",
+                }}
               >
-                <TabsTab
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-              </Tooltip>
+                {tab.label}
+              </TabsTab>
             ))}
           </TabsList>
         </ScrollArea>
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
index 22d4cba7..7e7e0d9d 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
@@ -11,14 +11,13 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
@@ -112,11 +111,9 @@ function EditTujuanProgram() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
-          </Tooltip>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Program Unggulan
           </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
index 57a19af4..e264957e 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -36,21 +36,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Program" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/program-pendidikan-anak/program-unggulan/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/program-pendidikan-anak/program-unggulan/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
index 6929f9f2..5d3c2e87 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
@@ -10,16 +10,15 @@ import {
   Stack,
   Text,
   TextInput,
-  Title,
-  Tooltip,
+  Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 const ProgramPendidikanAnakTextEditor = dynamic(
   () => import('../../_lib/programPendidikanAnakTextEditor').then(mod => mod.ProgramPendidikanAnakTextEditor),
@@ -99,11 +98,9 @@ function EditTujuanProgram() {
       <Stack gap="xs">
         {/* Back Button + Title */}
         <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={22} />
-            </Button>
-          </Tooltip>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={22} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Tujuan Program
           </Title>
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
index d003433d..c8ab9b53 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -36,21 +36,19 @@ function Page() {
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Tujuan Program" withArrow>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    '/admin/pendidikan/program-pendidikan-anak/tujuan-program/edit'
-                  )
-                }
-              >
-                Edit
-              </Button>
-            </Tooltip>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  '/admin/pendidikan/program-pendidikan-anak/tujuan-program/edit'
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
index 86196775..3f0a0c06 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
@@ -71,7 +71,7 @@ function EditDaftarInformasiPublik() {
         tanggal: formData.tanggal.trim(),
       };
       await daftarInformasi.edit.update();
-      router.push('/admin/ppid/daftar-informasi-publik-desa-darmasaba');
+      router.push('/admin/ppid/daftar-informasi-publik');
     } catch (error) {
       console.error('Error updating berita:', error);
       toast.error('Terjadi kesalahan saat memperbarui berita');
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
rename to src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/page.tsx
index 69f1da44..55f9878a 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/page.tsx
@@ -25,7 +25,7 @@ function DetailDaftarInformasiPublik() {
       stateDaftarInformasi.delete.byId(selectedId)
       setModalHapus(false)
       setSelectedId(null)
-      router.push("/admin/ppid/daftar-informasi-publik-desa-darmasaba")
+      router.push("/admin/ppid/daftar-informasi-publik")
     }
   }
 
@@ -97,7 +97,7 @@ function DetailDaftarInformasiPublik() {
                     variant="light"
                     color="green"
                     leftSection={<IconEdit size={18} />}
-                    onClick={() => router.push(`/admin/ppid/daftar-informasi-publik-desa-darmasaba/${data.id}/edit`)}
+                    onClick={() => router.push(`/admin/ppid/daftar-informasi-publik/${data.id}/edit`)}
                     disabled={!data}
                   >
                     Edit
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
rename to src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
index 45495a93..7f8918bb 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
@@ -33,7 +33,7 @@ export default function CreateDaftarInformasi() {
     try {
       await daftarInformasi.create.create();
       resetForm();
-      router.push("/admin/ppid/daftar-informasi-publik-desa-darmasaba");
+      router.push("/admin/ppid/daftar-informasi-publik");
     } catch (error) {
       console.error('Error creating informasi publik:', error);
       alert('Terjadi kesalahan saat menyimpan data');
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
similarity index 95%
rename from src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
rename to src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
index 8562b7c8..89076806 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
@@ -14,7 +14,7 @@ function DaftarInformasiPublik() {
   return (
     <Box>
       <HeaderSearch
-        title='Daftar Informasi Publik Desa Darmasaba'
+        title='Daftar Informasi Publik'
         placeholder='Cari jenis informasi atau deskripsi...'
         searchIcon={<IconSearch size={20} />}
         value={search}
@@ -51,12 +51,12 @@ function ListDaftarInformasi({ search }: { search: string }) {
     <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Informasi Publik</Title>
+          <Title order={4}>List Daftar Informasi Publik</Title>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
               variant="light"
-              onClick={() => router.push('/admin/ppid/daftar-informasi-publik-desa-darmasaba/create')}
+              onClick={() => router.push('/admin/ppid/daftar-informasi-publik/create')}
             >
               {isMobile ? 'Tambah' : 'Tambah Baru'}
             </Button>
@@ -109,7 +109,7 @@ function ListDaftarInformasi({ search }: { search: string }) {
                           variant="light"
                           color="blue"
                           leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/ppid/daftar-informasi-publik-desa-darmasaba/${item.id}`)}
+                          onClick={() => router.push(`/admin/ppid/daftar-informasi-publik/${item.id}`)}
                         >
                           Detail
                         </Button>
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx
similarity index 91%
rename from src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/_lib/layoutTabs.tsx
rename to src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx
index 1cd27336..9b6604dd 100644
--- a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx
@@ -11,17 +11,17 @@ function LayoutTabsIKM({ children }: { children: React.ReactNode }) {
     const pathname = usePathname()
     const tabs = [
         {
-            label: "Indeks Kepuasan Masyarakat",
-            description: "Lihat dan kelola indeks kepuasan masyarakat",
-            value: "indekskepuasannamasyarakat",
-            href: "/admin/ppid/ikm-desa-darmasaba/indeks-kepuasan-masyarakat",
+            label: "Grafik Kepuasan Masyarakat",
+            description: "Lihat dan kelola Grafik Kepuasan Masyarakat",
+            value: "grafikkepuasannamasyarakat",
+            href: "/admin/ppid/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat",
             icon: <IconChartBar size={18} stroke={1.8} />
         },
         {
             label: "Responden",
             description: "Kelola dan tinjau data responden",
             value: "responden",
-            href: "/admin/ppid/ikm-desa-darmasaba/responden",
+            href: "/admin/ppid/indeks-kepuasan-masyarakat/responden",
             icon: <IconUsers size={18} stroke={1.8} />
         },
     ];
@@ -46,7 +46,7 @@ function LayoutTabsIKM({ children }: { children: React.ReactNode }) {
     return (
         <Stack gap="lg">
             <Title order={2} style={{ fontWeight: 700, color: "#1a1a1a" }}>
-                IKM Desa Darmasaba
+                Indeks Kepuasan Masyarakat
             </Title>
             <Tabs
                 color={colors["blue-button"]}
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/indeks-kepuasan-masyarakat/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat/page.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/indeks-kepuasan-masyarakat/page.tsx
rename to src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat/page.tsx
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/layout.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/layout.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/layout.tsx
rename to src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/layout.tsx
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx
rename to src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/create/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/create/page.tsx
rename to src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/page.tsx
rename to src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
index 2488cae9..f3a07cda 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
@@ -65,7 +65,7 @@ function VisiMisiPPIDList() {
                 <Text ta="center" fz={{ base: '1.2rem', md: '1.8rem' }} fw="bold" c={colors['blue-button']}>
                   MOTO PPID DESA DARMASABA
                 </Text>
-                <Text ta="center" fz={{ base: '1rem', md: '1.2rem' }} c="dimmed" mt="sm">
+                <Text ta="center" fz={{ base: '1rem', md: '1.2rem' }} mt="sm">
                   MEMBERIKAN INFORMASI YANG CEPAT, MUDAH, TEPAT DAN TRANSPARAN
                 </Text>
               </GridCol>
diff --git a/src/app/admin/(dashboard)/user&role/layout.tsx b/src/app/admin/(dashboard)/user&role/layout.tsx
index 5e662e33..c8e9802a 100644
--- a/src/app/admin/(dashboard)/user&role/layout.tsx
+++ b/src/app/admin/(dashboard)/user&role/layout.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconForms, IconUser } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -16,14 +16,12 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       value: "user",
       href: "/admin/user&role/user",
       icon: <IconUser size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola user",
     },
     {
       label: "Role",
       value: "role",
       href: "/admin/user&role/role",
       icon: <IconForms size={18} stroke={1.8} />,
-      tooltip: "Kelola data role",
     },
   ];
 
@@ -67,19 +65,18 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
           }}
         >
           {tabs.map((tab, i) => (
-            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-              <TabsTab
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            </Tooltip>
+            <TabsTab
+              key={i}
+              value={tab.value}
+              leftSection={tab.icon}
+              style={{
+                fontWeight: 600,
+                fontSize: "0.9rem",
+                transition: "all 0.2s ease",
+              }}
+            >
+              {tab.label}
+            </TabsTab>
           ))}
         </TabsList>
 
diff --git a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
index 35bfc56c..b31a0ff3 100644
--- a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
@@ -1,10 +1,10 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Group, MultiSelect, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, MultiSelect, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import user from '../../../_state/user/user-state';
@@ -72,11 +72,9 @@ function EditRole() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Role
         </Title>
diff --git a/src/app/admin/(dashboard)/user&role/role/create/page.tsx b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
index 7b342f2c..40644b2a 100644
--- a/src/app/admin/(dashboard)/user&role/role/create/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,7 +28,7 @@ export default function CreateRole() {
   const resetForm = () => {
     stateRole.create.form = {
       name: '',
-      permissions: [] ,
+      permissions: [],
     };
   };
 
@@ -43,11 +42,9 @@ export default function CreateRole() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Role
         </Title>
@@ -83,8 +80,8 @@ export default function CreateRole() {
                       .flat()
                   )
                 )
-                .filter((p): p is string => typeof p === 'string')
-                .map((p) => ({ label: p, value: p }))
+                  .filter((p): p is string => typeof p === 'string')
+                  .map((p) => ({ label: p, value: p }))
               }
               value={stateRole.create.form.permissions}
               onChange={(value) => (stateRole.create.form.permissions = value)}
diff --git a/src/app/admin/(dashboard)/user&role/role/page.tsx b/src/app/admin/(dashboard)/user&role/role/page.tsx
index c71d9343..d57ab4e7 100644
--- a/src/app/admin/(dashboard)/user&role/role/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title } from '@mantine/core';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -68,48 +68,46 @@ function ListRole({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Role</Title>
-          <Tooltip label="Tambah Role" withArrow>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/user&role/role/create')}>
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/user&role/role/create')}>
+            Tambah Baru
+          </Button>
         </Group>
-          <Box style={{ overflowX: 'auto' }}>
-            <Table striped withRowBorders style={{ minWidth: '700px' }}>
-              <TableThead>
-                <TableTr>
-                  <TableTh>Role</TableTh>
-                  <TableTh>Edit</TableTh>
-                  <TableTh>Hapus</TableTh>
+        <Box style={{ overflowX: 'auto' }}>
+          <Table striped withRowBorders style={{ minWidth: '700px' }}>
+            <TableThead>
+              <TableTr>
+                <TableTh>Role</TableTh>
+                <TableTh>Edit</TableTh>
+                <TableTh>Hapus</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.map((item) => (
+                <TableTr key={item.id}>
+                  <TableTd>{item.name}</TableTd>
+                  <TableTd>
+                    <Button variant="light" color='green' onClick={() => router.push(`/admin/user&role/role/${item.id}`)}>
+                      <IconEdit size={20} />
+                    </Button>
+                  </TableTd>
+                  <TableTd>
+                    <Button
+                      variant="light"
+                      color='red'
+                      disabled={listDataState.delete.loading}
+                      onClick={() => {
+                        setSelectedId(item.id)
+                        setModalHapus(true)
+                      }}>
+                      <IconTrash size={20} />
+                    </Button>
+                  </TableTd>
                 </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd>{item.name}</TableTd>
-                    <TableTd>
-                      <Button variant="light" color='green' onClick={() => router.push(`/admin/user&role/role/${item.id}`)}>
-                        <IconEdit size={20} />
-                      </Button>
-                    </TableTd>
-                    <TableTd>
-                      <Button
-                        variant="light"
-                        color='red'
-                        disabled={listDataState.delete.loading}
-                        onClick={() => {
-                          setSelectedId(item.id)
-                          setModalHapus(true)
-                        }}>
-                        <IconTrash size={20} />
-                      </Button>
-                    </TableTd>
-                  </TableTr>
-                ))}
-              </TableTbody>
-            </Table>
-          </Box>
-        </Paper>
+              ))}
+            </TableTbody>
+          </Table>
+        </Box>
+      </Paper>
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index 4ddba6d9..ac5f19b9 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -73,13 +73,13 @@ export const navBar = [
       },
       {
         id: "PPID_7",
-        name: "Daftar Informasi Publik Desa Darmasaba",
-        path: "/admin/ppid/daftar-informasi-publik-desa-darmasaba"
+        name: "Daftar Informasi Publik",
+        path: "/admin/ppid/daftar-informasi-publik"
       },
       {
         id: "PPID_8",
-        name: "IKM Desa Darmasaba",
-        path: "/admin/ppid/ikm-desa-darmasaba/indeks-kepuasan-masyarakat"
+        name: "Indeks Kepuasan Masyarakat",
+        path: "/admin/ppid/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
       },
 
     ]
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/findManyAll.ts b/src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/findManyAll.ts
new file mode 100644
index 00000000..3dc2989d
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/findManyAll.ts
@@ -0,0 +1,29 @@
+// /api/berita/findManyPaginated.ts
+import prisma from "@/lib/prisma";
+
+async function sdgsDesaFindManyAll() {
+  try {
+    const data = await prisma.sdgsDesa.findMany({
+      include: {
+        image: true,
+      },
+      orderBy: {
+        id: 'asc',
+      },
+    });
+
+    return {
+      success: true,
+      message: "Success fetch SDGS Desa",
+      data,
+    };
+  } catch (e) {
+    console.error("Find many paginated error:", e);
+    return {
+      success: false,
+      message: "Failed fetch SDGS Desa with pagination",
+    };
+  }
+}
+
+export default sdgsDesaFindManyAll;
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/index.ts b/src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/index.ts
index 18ff234d..ae7f7ea2 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/sdgs-desa/index.ts
@@ -4,6 +4,7 @@ import sdgsDesaDelete from "./del";
 import sdgsDesaFindMany from "./findMany";
 import sdgsDesaFindUnique from "./findUnique";
 import sdgsDesaUpdate from "./updt";
+import sdgsDesaFindManyAll from "./findManyAll";
 
 const SDGSDesa = new Elysia({
   prefix: "/sdgsdesa",
@@ -13,6 +14,9 @@ const SDGSDesa = new Elysia({
   // ✅ Find all
   .get("/findMany", sdgsDesaFindMany)
 
+  // ✅ Find all
+  .get("/findManyAll", sdgsDesaFindManyAll)
+
   // ✅ Find by ID
   .get("/:id", sdgsDesaFindUnique)
 
diff --git a/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx b/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
index bfbfba3d..ed230a4b 100644
--- a/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
+++ b/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
@@ -1,38 +1,91 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
+import sdgsDesa from '@/app/admin/(dashboard)/_state/landing-page/sdgs-desa';
 import colors from '@/con/colors';
+import { BarChart } from '@mantine/charts';
 import { Box, Center, Container, Image, LoadingOverlay, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
-import { Prisma } from '@prisma/client';
 import { IconMoodSad } from '@tabler/icons-react';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
+import { useProxy } from 'valtio/utils';
 import BackButton from '../../(pages)/desa/layanan/_com/BackButto';
 
 function Page() {
-  const [sdgsDesa, setSdgsDesa] = useState<Prisma.SdgsDesaGetPayload<{ include: { image: true } }>[]>([]);
+  type SdgsDesa = {
+    id: string
+    name: string
+    jumlah: number
+  };
+  const [chartData, setChartData] = useState<SdgsDesa[]>([])
+  const [mounted, setMounted] = useState(false);
+  const state = useProxy(sdgsDesa.findManyAll)
   const [loading, setLoading] = useState(true);
 
+  // Definisikan urutan goal SDGs Desa (sesuai nomor 1-18)
+  const sdgsOrder = [
+    "Desa Tanpa Kemiskinan",
+    "Desa Tanpa Kelaparan",
+    "Desa Sehat dan Sejahtera",
+    "Pendidikan Desa Berkualitas",
+    "Keterlibatan Perempuan Desa",
+    "Desa Layak Air Bersih dan Sanitasi",
+    "Desa Berenergi Bersih dan Terbarukan",
+    "Pertumbuhan Ekonomi Desa Merata",
+    "Infrastruktur dan Inovasi Desa Sesuai Kebutuhan",
+    "Desa Tanpa Kesenjangan",
+    "Kawasan Permukiman Desa Aman dan Nyaman",
+    "Konsumsi dan Produksi Desa Sadar Lingkungan",
+    "Desa Tanggap Perubahan Iklim",
+    "Desa Peduli Lingkungan Laut",
+    "Desa Peduli Lingkungan Darat",
+    "Desa Damai Berkeadilan",
+    "Kemitraan untuk Pembangunan Desa",
+    "Kelembagaan Desa Dinamis dan Budaya Desa Adaptif"
+  ];
+
+
   useEffect(() => {
-    const fetchSdgsDesa = async () => {
+    if (state.data) {
+      // Urutkan data sesuai urutan goal 1-18
+      const sortedData = [...state.data].sort((a, b) => {
+        const indexA = sdgsOrder.indexOf(a.name);
+        const indexB = sdgsOrder.indexOf(b.name);
+        return indexA - indexB;
+      });
+
+      setChartData(sortedData.map((item: any) => ({
+        id: item.id,
+        name: item.name,
+        jumlah: item.jumlah,
+      })));
+    }
+  }, [state.data]);
+
+  useEffect(() => {
+    const loadData = async () => {
       try {
-        const response = await fetch('/api/landingpage/sdgsdesa/findMany?limit=50&page=1');
-        if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
-        const result = await response.json();
-        let data = [];
-        if (Array.isArray(result.data)) {
-          data = result.data;
-        } else if (Array.isArray(result)) {
-          data = result;
-        } else {
-          console.error('Format data tidak valid:', result);
-        }
-        setSdgsDesa(data);
+        setMounted(true);
+        setLoading(true)
+        await state.load()
       } catch (error) {
-        console.error('Gagal mengambil data sdgs desa:', error);
+        console.error('Error loading data:', error)
       } finally {
-        setLoading(false);
+        setLoading(false)
       }
-    };
-    fetchSdgsDesa();
-  }, []);
+    }
+    loadData()
+  }, [])
+
+  const averageScore = useMemo(() => {
+    if (!state.data?.length) return 0;
+    const total = state.data.reduce((sum: number, item: any) => {
+      const val = typeof item.jumlah === 'string'
+        ? parseFloat(item.jumlah.replace(',', '.'))
+        : Number(item.jumlah);
+      return isNaN(val) ? sum : sum + val;
+    }, 0);
+    return parseFloat((total / state.data.length).toFixed(2));
+  }, [state.data]);
 
   return (
     <Stack pos="relative" py="xl" gap={32}>
@@ -53,13 +106,13 @@ function Page() {
 
       <Box px={{ base: 'md', md: 100 }}>
         <Text py={10} ta="justify" fz="md" lh={1.7}>
-          SDGs Desa adalah upaya terpadu pemerintah dalam percepatan pencapaian tujuan pembangunan berkelanjutan di tingkat desa. 
-          Ini merupakan adaptasi dari SDGs global dalam konteks pembangunan desa di Indonesia, yang bertujuan menciptakan desa 
+          SDGs Desa adalah upaya terpadu pemerintah dalam percepatan pencapaian tujuan pembangunan berkelanjutan di tingkat desa.
+          Ini merupakan adaptasi dari SDGs global dalam konteks pembangunan desa di Indonesia, yang bertujuan menciptakan desa
           inklusif, berkelanjutan, dan tangguh menghadapi tantangan masa depan.
         </Text>
         <Text ta="justify" pb={20} fz="md" lh={1.7}>
-          Berdasarkan Permendesa Nomor 21 Tahun 2020, SDGs Desa mencakup 18 tujuan yang harus dicapai pada tahun 2030. 
-          Tujuan-tujuan tersebut meliputi pengentasan kemiskinan, peningkatan kesehatan dan pendidikan, kesetaraan gender, 
+          Berdasarkan Permendesa Nomor 21 Tahun 2020, SDGs Desa mencakup 18 tujuan yang harus dicapai pada tahun 2030.
+          Tujuan-tujuan tersebut meliputi pengentasan kemiskinan, peningkatan kesehatan dan pendidikan, kesetaraan gender,
           pertumbuhan ekonomi, pembangunan infrastruktur, hingga pelestarian lingkungan.
         </Text>
       </Box>
@@ -67,9 +120,24 @@ function Page() {
       <Box py={20} px={{ base: 'md', md: 100 }}>
         <Box pos="relative" style={{ minHeight: 200 }}>
           <LoadingOverlay visible={loading} overlayProps={{ blur: 2 }} />
-          {!loading && sdgsDesa.length > 0 ? (
+
+          {!loading && state.data && state.data.length > 0 && (
+            <Center mb="xl">
+              <Box ta="center">
+                <Title order={2} c={colors['blue-button']}>Rata-Rata SDGs Desa : </Title>
+                <Text fw={700} c={colors['blue-button']} fz="2rem" style={{ minHeight: '4rem' }}>
+                  {averageScore} %
+                </Text>
+                <Text fs={"italic"} ta="center" fz="lg">
+                  Diambil dari rata-rata 18 Goals SDGs Desa dari Desa Darmasaba
+                </Text>
+              </Box>
+            </Center>
+          )}
+
+          {!loading && state.data && state.data.length > 0 ? (
             <SimpleGrid cols={{ base: 1, sm: 2, md: 3, lg: 4 }} spacing="xl" verticalSpacing="xl">
-              {sdgsDesa.map((item) => (
+              {state.data?.map((item) => (
                 <Paper
                   key={item.id}
                   p="lg"
@@ -114,9 +182,9 @@ function Page() {
                     />
                   </Box>
                   <Stack gap="xs" align="center" style={{ width: '100%' }}>
-                      <Title order={4} ta="center" c="dark" fw={600} lineClamp={2} style={{ minHeight: '3rem' }}>
-                        {item.name}
-                      </Title>
+                    <Title order={4} ta="center" c="dark" fw={600} lineClamp={2} style={{ minHeight: '3rem' }}>
+                      {item.name}
+                    </Title>
                     <Text
                       ta="center"
                       fw={700}
@@ -139,6 +207,59 @@ function Page() {
               </Text>
             </Center>
           ) : null}
+
+          {/* Chart */}
+          <Box mt={30} style={{ width: '100%', minHeight: 400 }}>
+            <Paper bg={colors['white-1']} pt={50} pb={170} px={90} mb={"xl"} radius="md" withBorder>
+              <Stack gap={"xs"}>
+                <Title ta={"center"} pb={10} order={2}>
+                  Grafik APBDes
+                </Title>
+                {mounted && chartData.length > 0 ? (
+                  <Box style={{ padding: '0 30px' }}> {/* Tambahkan padding horizontal agar label tidak keluar */}
+                    <BarChart
+                      h={500}
+                      data={chartData}
+                      dataKey="name"
+                      type="stacked"
+                      withBarValueLabel
+                      series={[
+                        {
+                          name: 'jumlah',
+                          color: colors['blue-button'],
+                          // label: 'Jumlah', → HAPUS INI AGAR LEGEND TIDAK MUNCUL
+                        },
+                      ]}
+                      withTooltip
+                      tooltipProps={{
+                        labelFormatter: (value) => value,
+                        formatter: (value) => `${value}%`,
+                      }}
+                      xAxisProps={{
+                        angle: -45,
+                        textAnchor: 'end',
+                        interval: 0,
+                        fontSize: 12,
+                        dy: 10,
+                      }}
+                      yAxisProps={{
+                        domain: [0, 100],
+                        tickCount: 6,
+                      }}
+                      style={{
+                        overflowX: 'visible',
+                        paddingBottom: 40, // Tambahkan ruang di bawah untuk label
+                      }}
+                      // Hilangkan legend secara eksplisit
+                      withLegend={false} // ⭐ Ini yang menghilangkan kotak biru + teks "Jumlah"
+                    />
+                  </Box>
+                ) : (
+                  <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
+                )}
+              </Stack>
+            </Paper>
+          </Box>
         </Box>
       </Box>
     </Stack>
diff --git a/src/app/darmasaba/_com/ModernNeewsNotification.tsx b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
index c03e9ec1..2741289c 100644
--- a/src/app/darmasaba/_com/ModernNeewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
@@ -3,7 +3,7 @@
 import { useState, useEffect } from "react";
 import { Box, Paper, Text, Group, CloseButton, Badge, ActionIcon, Stack, Transition } from "@mantine/core";
 import { IconBell, IconChevronRight } from "@tabler/icons-react";
-import { useRouter } from "next/navigation"; // 👉 tambahkan ini
+import { usePathname, useRouter } from "next/navigation"; // 👉 tambahkan ini
 
 interface NewsItem {
   id: string | number;
@@ -27,9 +27,9 @@ function stripHtml(html: string): string {
     .trim();
 }
 
-export default function ModernNewsNotification({ 
+export default function ModernNewsNotification({
   news = [],
-  autoShowDelay = 2000 
+  autoShowDelay = 2000
 }: ModernNewsNotificationProps) {
   const router = useRouter(); // 👉 router Next.js
   const [toastVisible, setToastVisible] = useState(false);
@@ -37,6 +37,9 @@ export default function ModernNewsNotification({
   const [hasNewNotifications, setHasNewNotifications] = useState(true);
   const [hasShownToast, setHasShownToast] = useState(false);
   const [iconVisible, setIconVisible] = useState(true);
+  const pathname = usePathname();
+
+
 
   useEffect(() => {
     if (news.length > 0 && !toastVisible && !hasShownToast) {
@@ -57,25 +60,32 @@ export default function ModernNewsNotification({
     }
   }, [toastVisible]);
 
+  // Ganti useEffect scroll yang lama dengan versi berikut:
+
   useEffect(() => {
     let lastScrollY = window.scrollY;
 
     const handleScroll = () => {
       const currentScrollY = window.scrollY;
-      
+
+      // Kontrol ikon lonceng
       if (currentScrollY > lastScrollY && currentScrollY > 100) {
         setIconVisible(false);
-      } 
-      else if (currentScrollY < lastScrollY) {
+      } else if (currentScrollY < lastScrollY) {
         setIconVisible(true);
       }
-      
+
+      // 🔴 BARU: Sembunyikan toast saat scroll ke bawah melewati 150px
+      if (currentScrollY > 150 && toastVisible) {
+        setToastVisible(false);
+      }
+
       lastScrollY = currentScrollY;
     };
 
     window.addEventListener('scroll', handleScroll, { passive: true });
     return () => window.removeEventListener('scroll', handleScroll);
-  }, []);
+  }, [toastVisible]); // 👈 tambahkan toastVisible sebagai dependency
 
   const currentNews = news[0];
 
@@ -95,6 +105,11 @@ export default function ModernNewsNotification({
     setHasNewNotifications(false);
   };
 
+  // Ganti dengan path landing page Anda
+  if (pathname !== '/darmasaba') {
+    return null;
+  }
+
   return (
     <>
       <Transition mounted={iconVisible} transition="slide-down" duration={200}>
@@ -174,7 +189,7 @@ export default function ModernNewsNotification({
                   <IconBell size={20} />
                   <Text c={"white"} fw={600} size="md">Berita & Pengumuman</Text>
                 </Group>
-                <CloseButton 
+                <CloseButton
                   onClick={() => setWidgetOpen(false)}
                   variant="transparent"
                   c="white"
@@ -283,16 +298,16 @@ export default function ModernNewsNotification({
                 >
                   {currentNews?.type === "berita" ? "Berita Terbaru" : "Pengumuman"}
                 </Badge>
-                <CloseButton 
+                <CloseButton
                   onClick={() => setToastVisible(false)}
                   size="sm"
                 />
               </Group>
-              
+
               <Text fw={600} size="sm" mb={6}>
                 {currentNews?.title || "Informasi Terbaru"}
               </Text>
-              
+
               <Text size="xs" c="dimmed" lineClamp={3}>
                 {stripHtml(currentNews?.content || "")}
               </Text>
diff --git a/src/app/darmasaba/_com/RunningText.tsx b/src/app/darmasaba/_com/RunningText.tsx
deleted file mode 100644
index c670818e..00000000
--- a/src/app/darmasaba/_com/RunningText.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-"use client";
-
-import { Box } from "@mantine/core";
-import { IconBell } from "@tabler/icons-react";
-import { useMemo, useState, useEffect } from "react";
-
-interface RunningTextProps {
-  news?: string[];
-  speed?: number; // dalam detik (jika mau manual)
-  autoSpeed?: boolean; // otomatis sesuaikan speed dengan panjang text
-  bgColor?: string;
-  textColor?: string;
-  maxLength?: number; // max karakter per item
-}
-
-// Utility function untuk strip HTML (works on both server and client)
-function stripHtmlTags(html: string): string {
-  const text = html
-    .replace(/<style[^>]*>.*?<\/style>/gi, '')
-    .replace(/<script[^>]*>.*?<\/script>/gi, '')
-    .replace(/<[^>]+>/g, '')
-    .replace(/&nbsp;/gi, ' ')
-    .replace(/&amp;/gi, '&')
-    .replace(/&lt;/gi, '<')
-    .replace(/&gt;/gi, '>')
-    .replace(/&quot;/gi, '"')
-    .replace(/&#039;/gi, "'")
-    .replace(/&#8217;/gi, "'")
-    .replace(/&mdash;/gi, '—')
-    .replace(/&ndash;/gi, '–')
-    .replace(/\s+/g, ' ')
-    .trim();
-  
-  return text;
-}
-
-export default function RunningText({
-  news = [
-    "Selamat datang di Portal Desa Darmasaba",
-    "Jam operasional kantor: Senin - Jumat 08:00 - 17:00",
-  ],
-  speed = 20,
-  autoSpeed = true,
-  bgColor = "#1e5a7e",
-  textColor = "white",
-  maxLength = 200 // default max 200 karakter per item
-}: RunningTextProps) {
-  
-  const [isMounted, setIsMounted] = useState(false);
-
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
-
-  // Process news data
-  const processedNews = useMemo(() => {
-    return news
-      .filter(item => item && item.trim() !== "")
-      .map(item => {
-        let text = stripHtmlTags(item);
-        // Limit panjang per item
-        if (text.length > maxLength) {
-          text = text.substring(0, maxLength) + "...";
-        }
-        return text;
-      })
-      .filter(item => item.length > 0);
-  }, [news, maxLength]);
-
-  const allNews = processedNews.length > 0 
-    ? processedNews.join(" • ") 
-    : "Tidak ada pengumuman";
-
-  // Hitung speed berdasarkan mode
-  const calculatedSpeed = useMemo(() => {
-    if (!autoSpeed) {
-      return speed; // Gunakan speed manual
-    }
-
-    // Auto speed: berdasarkan panjang text
-    const textLength = allNews.length;
-    
-    // Formula yang lebih natural:
-    // - Text pendek (< 100 char): 15 detik
-    // - Text sedang (100-300 char): 20-30 detik  
-    // - Text panjang (> 300 char): 30-45 detik
-    let calculatedTime;
-    
-    if (textLength < 100) {
-      calculatedTime = 15;
-    } else if (textLength < 300) {
-      calculatedTime = 15 + ((textLength - 100) / 200) * 15; // 15-30 detik
-    } else {
-      calculatedTime = 30 + Math.min(((textLength - 300) / 500) * 15, 15); // 30-45 detik max
-    }
-    
-    return Math.round(calculatedTime);
-  }, [allNews, speed, autoSpeed]);
-
-  // Prevent hydration mismatch
-  if (!isMounted) {
-    return (
-      <Box
-        style={{
-          backgroundColor: bgColor,
-          overflow: "hidden",
-          position: "relative",
-          width: "100%",
-          padding: "12px 0",
-          borderBottom: "2px solid rgba(255, 255, 255, 0.1)"
-        }}
-      >
-        <div style={{ 
-          display: "inline-flex", 
-          alignItems: "center", 
-          gap: "8px",
-          whiteSpace: "nowrap"
-        }}>
-          <IconBell size={20} color={textColor} style={{ flexShrink: 0 }} />
-          <span style={{ 
-            color: textColor, 
-            fontSize: "15px", 
-            fontWeight: 500,
-            whiteSpace: "nowrap"
-          }}>
-            Memuat pengumuman...
-          </span>
-        </div>
-      </Box>
-    );
-  }
-
-  return (
-    <Box
-      style={{
-        backgroundColor: bgColor,
-        overflow: "hidden",
-        position: "relative",
-        width: "100%",
-        padding: "12px 0",
-        borderBottom: "2px solid rgba(255, 255, 255, 0.1)"
-      }}
-    >
-      <style dangerouslySetInnerHTML={{
-        __html: `
-          @keyframes scrollText {
-            0% {
-              transform: translateX(100%);
-            }
-            100% {
-              transform: translateX(-100%);
-            }
-          }
-          
-          .running-text-wrapper {
-            display: inline-flex;
-            align-items: center;
-            gap: 8px;
-            white-space: nowrap;
-            animation: scrollText ${calculatedSpeed}s linear infinite;
-          }
-
-          .running-text-wrapper:hover {
-            animation-play-state: paused;
-            cursor: pointer;
-          }
-
-          .running-text-content {
-            color: ${textColor};
-            font-size: 18px;
-            font-weight: 500;
-            white-space: nowrap;
-          }
-        `
-      }} />
-      
-      <div className="running-text-wrapper">
-        <IconBell size={20} color={textColor} style={{ flexShrink: 0 }} />
-        <span className="running-text-content">
-          {allNews}
-        </span>
-      </div>
-    </Box>
-  );
-}
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 803065b4..907a3d56 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -91,9 +91,9 @@ function Apbdes() {
                   if (value >= 1_000_000_000)
                     return `Rp ${(value / 1_000_000_000).toFixed(1)} M`;
                   if (value >= 1_000_000)
-                    return `Rp ${(value / 1_000_000).toFixed(1)} Jt`;
+                    return `Rp ${(value / 1_000_000).toFixed(1)} JT`;
                   if (value >= 1_000)
-                    return `Rp ${(value / 1_000).toFixed(1)} Rb`;
+                    return `Rp ${(value / 1_000).toFixed(1)} RB`;
                   return `Rp ${value}`;
                 }}
                 series={[
diff --git a/src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx b/src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx
index 91496335..1ed73ecc 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/lib/convert.tsx
@@ -7,7 +7,7 @@ export default function parseJumlah(value: string): number {
   if (cleaned.includes("T")) return num * 1_000_000_000_000;
   if (cleaned.includes("M")) return num * 1_000_000_000;
   if (cleaned.includes("JT")) return num * 1_000_000;
-  if (cleaned.includes("K")) return num * 1_000;
+  if (cleaned.includes("RB")) return num * 1_000;
 
   return num;
 }
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index afee4f88..c8c1d117 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -18,10 +18,14 @@ import {
 } from "@mantine/core";
 import { Prisma } from "@prisma/client";
 import { IconCalendarTime, IconInfoCircle } from "@tabler/icons-react";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import ModuleView from "./ModuleView";
 import ProfileView from "./ProfileView";
 import SosmedView from "./SosmedView";
+import { useProxy } from "valtio/utils";
+import stateDashboardBerita from "@/app/admin/(dashboard)/_state/desa/berita";
+import stateDesaPengumuman from "@/app/admin/(dashboard)/_state/desa/pengumuman";
+import ModernNewsNotification from "../../ModernNeewsNotification";
 
 const getDayOfWeek = () => {
   const days = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"];
@@ -68,6 +72,58 @@ function LandingPage() {
   >(null);
   const [isLoading, setIsLoading] = useState(true);
 
+  const featured = useProxy(stateDashboardBerita.berita.findFirst);
+  const loadingFeatured = featured.loading;
+  const pengumuman = useProxy(stateDesaPengumuman.pengumuman.findFirst);
+  const loadingPengumuman = pengumuman.loading;
+
+  useEffect(() => {
+    if (!featured.data && !loadingFeatured) {
+      stateDashboardBerita.berita.findFirst.load();
+    }
+  }, [featured.data, loadingFeatured]);
+
+  useEffect(() => {
+    if (!pengumuman.data && !loadingPengumuman) {
+      stateDesaPengumuman.pengumuman.findFirst.load();
+    }
+  }, [pengumuman.data, loadingPengumuman]);
+
+  // Transform data untuk notification system
+  const newsData = useMemo(() => {
+    const items = [];
+
+    if (featured.data) {
+      items.push({
+        id: String(featured.data.id || "berita-1"),
+        type: "berita" as const,
+        title: String(featured.data.judul || "Berita Terbaru"),
+        content: String(featured.data.content || ""),
+        timestamp: featured.data.createdAt
+          ? (typeof featured.data.createdAt === 'string'
+            ? featured.data.createdAt
+            : new Date(featured.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
+    }
+
+    if (pengumuman.data) {
+      items.push({
+        id: String(pengumuman.data.id || "pengumuman-1"),
+        type: "pengumuman" as const,
+        title: String(pengumuman.data.judul || "Pengumuman Penting"),
+        content: String(pengumuman.data.content || ""),
+        timestamp: pengumuman.data.createdAt
+          ? (typeof pengumuman.data.createdAt === 'string'
+            ? pengumuman.data.createdAt
+            : new Date(pengumuman.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
+    }
+
+    return items;
+  }, [featured.data, pengumuman.data]);
+
   useEffect(() => {
     const fetchSocialMedia = async () => {
       try {
@@ -215,6 +271,12 @@ function LandingPage() {
           </Center>
         )}
       </Flex>
+      
+      {/* Modern Notification System */}
+      <ModernNewsNotification
+        news={newsData}
+        autoShowDelay={2000} // Muncul 2 detik setelah load
+      />
     </Stack>
   );
 }
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index ba50fad1..5f2d73a1 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -13,66 +13,11 @@ import Apbdes from "./_com/main-page/apbdes";
 import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
 
-import { useEffect, useMemo } from "react";
-import { useProxy } from "valtio/utils";
-import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
-import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
-import ModernNewsNotification from "./_com/ModernNeewsNotification";
 import NewsReaderLanding from "./_com/NewsReaderalanding";
 
 
 export default function Page() {
-  const featured = useProxy(stateDashboardBerita.berita.findFirst);
-  const loadingFeatured = featured.loading;
-  const pengumuman = useProxy(stateDesaPengumuman.pengumuman.findFirst);
-  const loadingPengumuman = pengumuman.loading;
 
-  useEffect(() => {
-    if (!featured.data && !loadingFeatured) {
-      stateDashboardBerita.berita.findFirst.load();
-    }
-  }, [featured.data, loadingFeatured]);
-
-  useEffect(() => {
-    if (!pengumuman.data && !loadingPengumuman) {
-      stateDesaPengumuman.pengumuman.findFirst.load();
-    }
-  }, [pengumuman.data, loadingPengumuman]);
-
-  // Transform data untuk notification system
-  const newsData = useMemo(() => {
-    const items = [];
-    
-    if (featured.data) {
-      items.push({
-        id: String(featured.data.id || "berita-1"),
-        type: "berita" as const,
-        title: String(featured.data.judul || "Berita Terbaru"),
-        content: String(featured.data.content || ""),
-        timestamp: featured.data.createdAt 
-          ? (typeof featured.data.createdAt === 'string' 
-              ? featured.data.createdAt 
-              : new Date(featured.data.createdAt).toISOString())
-          : new Date().toISOString(),
-      });
-    }
-    
-    if (pengumuman.data) {
-      items.push({
-        id: String(pengumuman.data.id || "pengumuman-1"),
-        type: "pengumuman" as const,
-        title: String(pengumuman.data.judul || "Pengumuman Penting"),
-        content: String(pengumuman.data.content || ""),
-        timestamp: pengumuman.data.createdAt
-          ? (typeof pengumuman.data.createdAt === 'string'
-              ? pengumuman.data.createdAt
-              : new Date(pengumuman.data.createdAt).toISOString())
-          : new Date().toISOString(),
-      });
-    }
-    
-    return items;
-  }, [featured.data, pengumuman.data]);
 
   return (
     <Box id="page-root">
@@ -95,12 +40,6 @@ export default function Page() {
       {/* Tombol Scroll ke Atas */}
       <ScrollToTopButton />
 
-      {/* Modern Notification System */}
-      <ModernNewsNotification 
-        news={newsData}
-        autoShowDelay={2000} // Muncul 2 detik setelah load
-      />
-
       <NewsReaderLanding/>
       
     </Box>
-- 
2.49.1


From 9622eb5a9addfeedeef814f0ad3d05b90bd32c4f Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 12 Nov 2025 17:42:31 +0800
Subject: [PATCH 09/97] Fix QC Kak Inno Admin, Fix QC Keano UI User, Fix QC Pak
 jun tabel apbdes

---
 .../admin/(dashboard)/_com/createEditor.tsx   |   8 +
 src/app/admin/(dashboard)/_com/editEditor.tsx |   1 +
 .../admin/(dashboard)/_com/selectIconEdit.tsx |  96 +++--
 .../(dashboard)/_state/desa/penghargaan.ts    |   2 +-
 .../(dashboard)/_state/desa/pengumuman.ts     |   2 +-
 .../(dashboard)/_state/ekonomi/PADesa.ts      |  32 ++
 .../_state/ekonomi/demografi-pekerjaan.ts     |   2 +-
 .../_state/ekonomi/jumlah-penduduk-miskin.ts  |   2 +-
 .../_state/ekonomi/jumlah-pengangguran.ts     |   2 +-
 .../_state/ekonomi/lowongan-kerja.ts          |   2 +-
 .../_state/ekonomi/program-kemiskinan.ts      |   2 +-
 .../_state/ekonomi/sektor-unggulan-desa.ts    |   2 +-
 .../_state/ekonomi/usia-kerja-nganggur.ts     |   4 +-
 .../_state/inovasi/desa-digital.ts            |   2 +-
 .../(dashboard)/_state/inovasi/info-tekno.ts  |   2 +-
 .../_state/inovasi/program-kreatif.ts         |   2 +-
 .../_state/keamanan/keamanan-lingkungan.ts    |   2 +-
 .../keamanan/kontak-darurat-keamanan.ts       |   4 +-
 .../_state/keamanan/laporan-publik.ts         |   2 +-
 .../keamanan/pencegahan-kriminalitas.ts       |   2 +-
 .../_state/keamanan/tips-keamanan.ts          |   2 +-
 .../fasilitasKesehatan.ts                     |   2 +-
 .../data_kesehatan_warga/grafikKepuasan.ts    |   2 +-
 .../persentaseKelahiran.ts                    |   2 +-
 .../_state/landing-page/profile.ts            |   4 +-
 .../_state/lingkungan/data-lingkungan-desa.ts |   2 +-
 .../_state/lingkungan/pengelolaan-sampah.ts   |   2 +-
 .../_state/lingkungan/program-penghijauan.ts  |   2 +-
 .../_state/pendidikan/data-pendidikan.ts      |   2 +-
 .../daftarInformasiPublik.ts                  |   2 +-
 .../grafikBerdasarkanUmur.ts                  |   2 +-
 .../permohonanInformasiPublik.ts              |   2 +-
 .../permohonanKeberatanInformasi.ts           |   2 +-
 .../_state/ppid/profile_ppid/profile_PPID.ts  | 120 ++----
 .../desa/berita/kategori-berita/[id]/page.tsx |  34 +-
 .../berita/kategori-berita/create/page.tsx    |  35 +-
 .../berita/list-berita/[id]/edit/page.tsx     |  98 ++++-
 .../desa/berita/list-berita/create/page.tsx   | 108 +++--
 .../desa/gallery/video/[id]/edit/page.tsx     | 117 +++--
 .../desa/gallery/video/create/page.tsx        |  85 +++-
 .../ajukan_permohonan/[id]/edit/page.tsx      |  51 ++-
 .../[id]/page.tsx                             | 109 +++--
 .../[id]/page.tsx                             |  82 +++-
 .../[id]/edit/page.tsx                        | 402 ++++++++++--------
 .../create/page.tsx                           |  69 ++-
 .../[id]/edit/page.tsx                        |  38 +-
 .../create/page.tsx                           |  25 +-
 .../desa/penghargaan/[id]/edit/page.tsx       | 132 ++++--
 .../desa/penghargaan/create/page.tsx          |  88 ++--
 .../kategori-pengumuman/[id]/page.tsx         |  31 +-
 .../kategori-pengumuman/create/page.tsx       |  34 +-
 .../list-pengumuman/[id]/edit/page.tsx        |  51 ++-
 .../list-pengumuman/create/page.tsx           |  64 ++-
 .../potensi/kategori-potensi/[id]/page.tsx    |  35 +-
 .../potensi/kategori-potensi/create/page.tsx  |  49 ++-
 .../potensi/list-potensi/[id]/edit/page.tsx   | 158 +++++--
 .../desa/potensi/list-potensi/create/page.tsx | 127 ++++--
 .../profile-desa/[id]/lambang_desa/page.tsx   | 346 +++++++++------
 .../profile-desa/[id]/maskot_desa/page.tsx    |  93 +++-
 .../profile-desa/[id]/sejarah_desa/page.tsx   | 254 ++++++++---
 .../profile-desa/[id]/visi_misi_desa/page.tsx | 352 +++++++++------
 .../[id]/edit/page.tsx                        |  90 +++-
 .../create/page.tsx                           | 103 +++--
 .../profile/profile-perbekel/[id]/page.tsx    |   4 +-
 .../apbdesa/[id]/edit/page.tsx                | 285 +++++++------
 .../apbdesa/[id]/page.tsx                     |   2 +-
 .../apbdesa/create/page.tsx                   |  33 +-
 .../belanja/[id]/page.tsx                     |  35 +-
 .../belanja/create/page.tsx                   |  34 +-
 .../pembiayaan/[id]/page.tsx                  |  35 +-
 .../pembiayaan/create/page.tsx                |  40 +-
 .../pendapatan/[id]/page.tsx                  |  37 +-
 .../pendapatan/create/page.tsx                |  35 +-
 .../ekonomi/demografi-pekerjaan/[id]/page.tsx |  41 +-
 .../demografi-pekerjaan/create/page.tsx       |  45 +-
 .../jumlah-penduduk-miskin/[id]/page.tsx      |  36 +-
 .../jumlah-penduduk-miskin/create/page.tsx    |  45 +-
 .../[id]/page.tsx                             |  91 +++-
 .../create/page.tsx                           |  55 ++-
 .../page.tsx                                  |  30 +-
 .../[id]/page.tsx                             |  43 +-
 .../create/page.tsx                           |  49 ++-
 .../jumlah-pengangguran/[id]/edit/page.tsx    |  48 ++-
 .../jumlah-pengangguran/create/page.tsx       |  44 +-
 .../lowongan-kerja-lokal/[id]/edit/page.tsx   |  52 ++-
 .../lowongan-kerja-lokal/create/page.tsx      |  45 +-
 .../pasar-desa/kategori-produk/[id]/page.tsx  |  35 +-
 .../kategori-produk/create/page.tsx           |  54 ++-
 .../produk-pasar-desa/[id]/edit/page.tsx      |  86 +++-
 .../produk-pasar-desa/create/page.tsx         |  92 ++--
 .../program-kemiskinan/[id]/edit/page.tsx     |  41 +-
 .../program-kemiskinan/create/page.tsx        |  61 ++-
 .../sektor-unggulan-desa/[id]/edit/page.tsx   |  39 +-
 .../sektor-unggulan-desa/create/page.tsx      |  44 +-
 .../pegawai/[id]/edit/page.tsx                |  87 +++-
 .../pegawai/create/page.tsx                   |  64 ++-
 .../posisi-organisasi/[id]/page.tsx           |  43 +-
 .../posisi-organisasi/create/page.tsx         |  44 +-
 .../[id]/edit/page.tsx                        |  73 +++-
 .../create/page.tsx                           |  56 ++-
 .../[id]/edit/page.tsx                        |  74 +++-
 .../info-teknologi-tepat-guna/create/page.tsx |  43 +-
 .../[id]/edit/page.tsx                        |  69 ++-
 .../list-kolaborasi-inovasi/create/page.tsx   |  25 +-
 .../mitra-kolaborasi/[id]/page.tsx            |  64 ++-
 .../mitra-kolaborasi/create/page.tsx          |  82 +++-
 .../jenis-layanan/[id]/edit/page.tsx          |  35 +-
 .../jenis-layanan/create/page.tsx             |  36 +-
 .../jenis-pengaduan/[id]/page.tsx             |  32 +-
 .../jenis-pengaduan/create/page.tsx           |  35 +-
 .../program-kreatif-desa/[id]/edit/page.tsx   |  31 +-
 .../program-kreatif-desa/create/page.tsx      |  36 +-
 .../[id]/edit/page.tsx                        |  84 +++-
 .../create/page.tsx                           |  88 ++--
 .../kontak-darurat-item/[id]/edit/page.tsx    |  38 +-
 .../kontak-darurat-item/create/page.tsx       |  35 +-
 .../[id]/edit/page.tsx                        | 240 ++++++-----
 .../kontak-darurat-keamanan/create/page.tsx   |  33 +-
 .../laporan-publik/[id]/edit/page.tsx         |  47 +-
 .../keamanan/laporan-publik/create/page.tsx   |  37 +-
 .../[id]/edit/page.tsx                        |  41 +-
 .../pencegahan-kriminalitas/create/page.tsx   |  43 +-
 .../polsek-terdekat/[id]/edit/page.tsx        |  71 +++-
 .../keamanan/polsek-terdekat/create/page.tsx  |  72 +++-
 .../keamanan/tips-keamanan/[id]/edit/page.tsx |  73 +++-
 .../keamanan/tips-keamanan/create/page.tsx    |  88 ++--
 .../artikel_kesehatan/create/page.tsx         |  96 +++--
 .../fasilitas_kesehatan/[id]/edit/page.tsx    |  83 +++-
 .../fasilitas_kesehatan/create/page.tsx       |  55 ++-
 .../dokter-tenaga-medis/create/page.tsx       |   4 +-
 .../fasilitas_kesehatan/page.tsx              |  10 +-
 .../grafik_hasil_kepuasan/[id]/edit/page.tsx  |  64 ++-
 .../grafik_hasil_kepuasan/create/page.tsx     |  40 +-
 .../jadwal_kegiatan/[id]/edit/page.tsx        |  51 ++-
 .../jadwal_kegiatan/create/page.tsx           |  46 +-
 .../jadwal_kegiatan/page.tsx                  |  10 +-
 .../kelahiran/[id]/edit/page.tsx              |  64 ++-
 .../kelahiran/create/page.tsx                 |  44 +-
 .../kematian/[id]/edit/page.tsx               |  52 ++-
 .../kematian/create/page.tsx                  |  60 ++-
 .../lib/dateUtils.tsx                         |  24 ++
 .../info-wabah-penyakit/[id]/edit/page.tsx    |  80 +++-
 .../info-wabah-penyakit/create/page.tsx       |  84 +++-
 .../kontak-darurat/[id]/edit/page.tsx         |  70 ++-
 .../kesehatan/kontak-darurat/create/page.tsx  |  88 ++--
 .../penanganan-darurat/[id]/edit/page.tsx     |  66 ++-
 .../penanganan-darurat/create/page.tsx        |  86 +++-
 .../kesehatan/posyandu/[id]/edit/page.tsx     |  79 +++-
 .../kesehatan/posyandu/create/page.tsx        |  92 ++--
 .../program-kesehatan/[id]/edit/page.tsx      |  67 ++-
 .../program-kesehatan/create/page.tsx         |  84 +++-
 .../kesehatan/puskesmas/[id]/edit/page.tsx    |  92 +++-
 .../kesehatan/puskesmas/create/page.tsx       | 111 +++--
 .../{sdgs-desa => SDGs}/[id]/edit/page.tsx    | 112 ++++-
 .../{sdgs-desa => SDGs}/[id]/page.tsx         |   4 +-
 .../landing-page/SDGs/create/page.tsx         | 221 ++++++++++
 .../landing-page/{sdgs-desa => SDGs}/page.tsx |   6 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    | 128 +++++-
 .../landing-page/apbdes/[id]/page.tsx         |   4 +-
 .../landing-page/apbdes/create/page.tsx       | 122 ++++--
 .../(dashboard)/landing-page/apbdes/page.tsx  |   4 +-
 .../kategori-desa-anti-korupsi/[id]/page.tsx  |  81 ++--
 .../create/page.tsx                           |  50 ++-
 .../list-desa-anti-korupsi/[id]/edit/page.tsx |  80 +++-
 .../list-desa-anti-korupsi/create/page.tsx    |  84 +++-
 .../responden/[id]/edit/page.tsx              | 141 +++---
 .../responden/create/page.tsx                 |  91 ++--
 .../responden/page.tsx                        |  20 +-
 .../kategori-prestasi-desa/[id]/page.tsx      |  30 +-
 .../kategori-prestasi-desa/create/page.tsx    |  38 +-
 .../list-prestasi-desa/[id]/edit/page.tsx     | 114 ++++-
 .../list-prestasi-desa/create/page.tsx        | 149 ++++---
 .../prestasi-desa/list-prestasi-desa/page.tsx |  60 +--
 .../{profile => profil}/_lib/layoutTabs.tsx   |   6 +-
 .../{profile => profil}/layout.tsx            |   0
 .../media-sosial/[id]/edit/page.tsx           |  98 ++++-
 .../media-sosial/[id]/page.tsx                |   4 +-
 .../media-sosial/create/page.tsx              | 118 +++--
 .../{profile => profil}/media-sosial/page.tsx |   4 +-
 .../pejabat-desa/[id]/page.tsx                | 179 +++++---
 .../{profile => profil}/pejabat-desa/page.tsx |   2 +-
 .../program-inovasi/[id]/edit/page.tsx        | 101 ++++-
 .../program-inovasi/[id]/page.tsx             |   4 +-
 .../program-inovasi/create/page.tsx           | 119 ++++--
 .../program-inovasi/page.tsx                  |   4 +-
 .../landing-page/sdgs-desa/create/page.tsx    | 191 ---------
 .../data-lingkungan-desa/[id]/edit/page.tsx   |  41 +-
 .../data-lingkungan-desa/create/page.tsx      |  35 +-
 .../edit/page.tsx                             |  67 ++-
 .../edit/page.tsx                             |  60 ++-
 .../tujuan-edukasi-lingkungan/edit/page.tsx   |  63 ++-
 .../kategori-kegiatan/[id]/page.tsx           |  28 +-
 .../kategori-kegiatan/create/page.tsx         |  35 +-
 .../kegiatan-desa/[id]/edit/page.tsx          |  86 +++-
 .../kegiatan-desa/create/page.tsx             |  95 +++--
 .../edit/page.tsx                             |  59 ++-
 .../filosofi-tri-hita-karana/edit/page.tsx    |  55 ++-
 .../nilai-konservasi-adat/edit/page.tsx       |  58 ++-
 .../[id]/edit/page.tsx                        |  49 ++-
 .../create/page.tsx                           |  25 +-
 .../[id]/page.tsx                             |  36 +-
 .../create/page.tsx                           |  25 +-
 .../program-penghijauan/[id]/edit/page.tsx    |  41 +-
 .../program-penghijauan/[id]/page.tsx         |  49 ++-
 .../program-penghijauan/create/page.tsx       |  35 +-
 .../keunggulan-program/[id]/page.tsx          |  44 +-
 .../keunggulan-program/create/page.tsx        |  22 +-
 .../fasilitas-yang-disediakan/edit/page.tsx   |  49 ++-
 .../lokasi-dan-jadwal/edit/page.tsx           |  46 +-
 .../tujuan-program/edit/page.tsx              |  46 +-
 .../pendidikan/data-pendidikan/[id]/page.tsx  |  60 ++-
 .../data-pendidikan/create/page.tsx           |  59 ++-
 .../jenjang-pendidikan/[id]/page.tsx          |  27 +-
 .../jenjang-pendidikan/create/page.tsx        |  38 +-
 .../info-sekolah/lembaga/[id]/edit/page.tsx   |  62 ++-
 .../info-sekolah/lembaga/create/page.tsx      |  34 +-
 .../info-sekolah/pengajar/[id]/edit/page.tsx  |  34 +-
 .../info-sekolah/pengajar/create/page.tsx     |  41 +-
 .../info-sekolah/siswa/[id]/edit/page.tsx     |  35 +-
 .../info-sekolah/siswa/create/page.tsx        |  35 +-
 .../edit/page.tsx                             |  56 ++-
 .../tempat-kegiatan/edit/page.tsx             |  49 ++-
 .../tujuan-program/edit/page.tsx              |  49 ++-
 .../data-perpustakaan/[id]/edit/page.tsx      |  70 ++-
 .../data-perpustakaan/create/page.tsx         |  82 +++-
 .../kategori-buku/[id]/page.tsx               |  35 +-
 .../kategori-buku/create/page.tsx             |  34 +-
 .../peminjam/[id]/edit/page.tsx               |  65 ++-
 .../perpustakaan-digital/peminjam/page.tsx    |  10 +-
 .../program-unggulan/edit/page.tsx            |  59 ++-
 .../tujuan-program/edit/page.tsx              |  49 ++-
 .../daftar-informasi-publik/create/page.tsx   |   4 +-
 .../ppid/dasar-hukum/edit/page.tsx            |  62 ++-
 .../responden/create/page.tsx                 |   4 +-
 .../ppid/profil-ppid/[id]/page.tsx            | 300 +++++++++++++
 .../_com}/biodata/biodataForm.tsx             |   0
 .../_com/editPPIDEditor.tsx                   |   0
 .../pengalaman_organisasi/pengalamanForm.tsx  |   0
 .../programKerjaForm.tsx                      |   0
 .../_com}/riwayat_karir/riwayatKarirForm.tsx  |   0
 .../{profile-ppid => profil-ppid}/page.tsx    |   2 +-
 .../ppid/profile-ppid/[id]/page.tsx           | 289 -------------
 .../struktur-ppid/pegawai/[id]/edit/page.tsx  | 124 +++++-
 .../struktur-ppid/pegawai/create/page.tsx     | 182 +++++---
 .../posisi-organisasi/[id]/page.tsx           |  50 ++-
 .../posisi-organisasi/create/page.tsx         |  62 +--
 .../ppid/visi-misi-ppid/edit/page.tsx         |  61 ++-
 .../(dashboard)/user&role/role/[id]/page.tsx  |  39 +-
 .../user&role/role/create/page.tsx            |  35 +-
 src/app/admin/_com/list_PageAdmin.tsx         |  16 +-
 src/app/admin/page.tsx                        |   4 +-
 .../[[...slugs]]/_lib/desa/berita/create.ts   |   2 +-
 .../_lib/desa/berita/kategori-berita/del.ts   |   2 +-
 .../_lib/desa/gallery/foto/create.ts          |   2 +-
 .../_lib/desa/gallery/video/create.ts         |   2 +-
 .../pelayanan_surat_keterangan/create.ts      |   2 +-
 .../pelayanan_telunjuk_sakti_desa/create.ts   |   2 +-
 .../_lib/desa/penghargaan/create.ts           |   2 +-
 .../_lib/desa/pengumuman/create.ts            |   2 +-
 .../pengumuman/kategori-pengumuman/del.ts     |   2 +-
 .../[[...slugs]]/_lib/desa/potensi/create.ts  |   2 +-
 .../_lib/desa/potensi/kategori-potensi/del.ts |   2 +-
 .../profile/profile-mantan-perbekel/create.ts |   2 +-
 .../ekonomi/demografi-pekerjaan/create.ts     |   2 +-
 .../ekonomi/jumlah-penduduk-miskin/create.ts  |   2 +-
 .../_lib/ekonomi/lowongan-kerja/create.ts     |   2 +-
 .../_lib/ekonomi/pasar-desa/create.ts         |   2 +-
 .../pasar-desa/kategori-produk/create.ts      |   2 +-
 .../ekonomi/pasar-desa/kategori-produk/del.ts |   2 +-
 .../pendapatan-asli-desa/apbDesa/create.ts    |   2 +-
 .../pendapatan-asli-desa/apbDesa/findFirst.ts |  67 +++
 .../pendapatan-asli-desa/apbDesa/index.ts     |   2 +
 .../pendapatan-asli-desa/belanja/create.ts    |   2 +-
 .../pendapatan-asli-desa/pembiayaan/create.ts |   2 +-
 .../pendapatan-asli-desa/pendapatan/create.ts |   2 +-
 .../_lib/ekonomi/program-kemiskinan/create.ts |   2 +-
 .../_lib/ekonomi/program-kemiskinan/del.ts    |   2 +-
 .../ekonomi/sektor-unggulan-desa/create.ts    |   2 +-
 .../posisi-organisasi/create.ts               |   2 +-
 .../usia-kerja-yang-menganggur/create.ts      |   2 +-
 .../create.ts                                 |   2 +-
 .../inovasi/ajukan-ide-inovatif/create.ts     |   2 +-
 .../_lib/inovasi/desa-digital/create.ts       |   2 +-
 .../_lib/inovasi/info-teknologi/create.ts     |   2 +-
 .../jenis-layanan/create.ts                   |   2 +-
 .../administrasi-online/jenis-layanan/del.ts  |   2 +-
 .../pengaduan-masyarakat/create.ts            |   2 +-
 .../jenis-pengaduan/create.ts                 |   2 +-
 .../jenis-pengaduan/del.ts                    |   2 +-
 .../_lib/inovasi/program-kreatif/create.ts    |   2 +-
 .../keamanan/keamanan-lingkungan/create.ts    |   2 +-
 .../kontak-darurat-keamanan/create.ts         |   2 +-
 .../kontak-item/create.ts                     |   2 +-
 .../_lib/keamanan/layanan-polsek/create.ts    |   2 +-
 .../_lib/keamanan/layanan-polsek/del.ts       |   2 +-
 .../pencegahan-kriminalitas/create.ts         |   2 +-
 .../_lib/keamanan/polsek-terdekat/create.ts   |   2 +-
 .../_lib/keamanan/tips-keamanan/del.ts        |   2 +-
 .../artikel_kesehatan/create.ts               |   2 +-
 .../artikel_kesehatan/doctor_sign/create.ts   |   2 +-
 .../artikel_kesehatan/first_aid/create.ts     |   2 +-
 .../artikel_kesehatan/introduction/create.ts  |   2 +-
 .../artikel_kesehatan/myth_vs_fact/create.ts  |   2 +-
 .../artikel_kesehatan/prevention/create.ts    |   2 +-
 .../artikel_kesehatan/syptom/create.ts        |   2 +-
 .../dokter-tenaga-medis/create.ts             |   2 +-
 .../grafik_kepuasan/create.ts                 |   2 +-
 .../jadwal_kegiatan/create.ts                 |   2 +-
 .../jadwal_kegiatan/pendaftaran/create.ts     |   2 +-
 .../persentase_kelahiran_kematian/create.ts   |   2 +-
 .../kelahiran/create.ts                       |   2 +-
 .../kematian/create.ts                        |   2 +-
 .../kesehatan/info-wabah-penyakit/create.ts   |   2 +-
 .../_lib/kesehatan/kontak-darurat/create.ts   |   2 +-
 .../kesehatan/penanganan-darurat/create.ts    |   2 +-
 .../_lib/kesehatan/posyandu/create.ts         |   2 +-
 .../kesehatan/program-kesehatan/create.ts     |   2 +-
 .../desa-anti-korupsi/kategori-dak/create.ts  |   2 +-
 .../jenis-kelamin-responden/del.ts            |   2 +-
 .../pilihan-rating-responden/del.ts           |   2 +-
 .../indeks_kepuasan/responden/del.ts          |   2 +-
 .../indeks_kepuasan/umur-responden/del.ts     |   2 +-
 .../prestasi-desa/kategori-prestasi/create.ts |   2 +-
 .../prestasi-desa/kategori-prestasi/del.ts    |   2 +-
 .../lingkungan/data-lingkungan-desa/create.ts |   2 +-
 .../gotong-royong/kategori-kegiatan/create.ts |   2 +-
 .../gotong-royong/kategori-kegiatan/del.ts    |   2 +-
 .../lingkungan/pengelolaan-sampah/create.ts   |   2 +-
 .../keterangan-bank-sampah/create.ts          |   2 +-
 .../lingkungan/program-penghijauan/create.ts  |   2 +-
 .../beasiswa-desa/beasiswa-pendaftar/del.ts   |   2 +-
 .../beasiswa-desa/keunggulan-program/del.ts   |   2 +-
 .../jenjang-pendidikan/del.ts                 |   2 +-
 .../data-perpustakaan/del.ts                  |   2 +-
 .../perpustakaan-digital/kategori-buku/del.ts |   2 +-
 .../perpustakaan-digital/peminjaman/del.ts    |   2 +-
 .../ppid/daftar_informasi_publik/create.ts    |   2 +-
 .../create.ts                                 |   2 +-
 .../ikm/grafik_berdasarkan_umur/create.ts     |   2 +-
 .../create.ts                                 |   2 +-
 .../_lib/ppid/ikm/grafik_responden/create.ts  |   2 +-
 .../struktur_ppid/posisi-organisasi/create.ts |   2 +-
 .../api/[[...slugs]]/_lib/user/role/del.ts    |   2 +-
 .../darmasaba/(pages)/desa/berita/page2.txt   |   2 +-
 .../(pages)/desa/galery/_lib/layoutTabs.tsx   |  92 ++--
 .../pengaduan-masyarakat/page.tsx             |   2 +-
 .../(pages)/keamanan/laporan-publik/page.tsx  |   6 +-
 .../ppid/indeks-kepuasan-masyarakat/page.tsx  |  20 +-
 src/app/darmasaba/(tambahan)/apbdes/page.tsx  | 206 ++++++++-
 .../_com/ModernNeewsNotification.tsx          |  43 +-
 .../_com/main-page/kepuasan/index.tsx         |  20 +-
 .../_com/main-page/landing-page/index.tsx     |  63 +--
 src/app/darmasaba/page.tsx                    |  68 ++-
 src/schema.ts                                 | 132 +++---
 354 files changed, 11444 insertions(+), 4012 deletions(-)
 create mode 100644 src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/lib/dateUtils.tsx
 rename src/app/admin/(dashboard)/landing-page/{sdgs-desa => SDGs}/[id]/edit/page.tsx (62%)
 rename src/app/admin/(dashboard)/landing-page/{sdgs-desa => SDGs}/[id]/page.tsx (97%)
 create mode 100644 src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
 rename src/app/admin/(dashboard)/landing-page/{sdgs-desa => SDGs}/page.tsx (97%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/_lib/layoutTabs.tsx (95%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/layout.tsx (100%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/media-sosial/[id]/edit/page.tsx (69%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/media-sosial/[id]/page.tsx (97%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/media-sosial/create/page.tsx (57%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/media-sosial/page.tsx (98%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/pejabat-desa/[id]/page.tsx (64%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/pejabat-desa/page.tsx (98%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/program-inovasi/[id]/edit/page.tsx (71%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/program-inovasi/[id]/page.tsx (97%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/program-inovasi/create/page.tsx (62%)
 rename src/app/admin/(dashboard)/landing-page/{profile => profil}/program-inovasi/page.tsx (98%)
 delete mode 100644 src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
 create mode 100644 src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx
 rename src/app/admin/(dashboard)/ppid/{profile-ppid/[id] => profil-ppid/_com}/biodata/biodataForm.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{profile-ppid => profil-ppid}/_com/editPPIDEditor.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{profile-ppid/[id] => profil-ppid/_com}/pengalaman_organisasi/pengalamanForm.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{profile-ppid/[id] => profil-ppid/_com}/program_kerja_unggulan/programKerjaForm.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{profile-ppid/[id] => profil-ppid/_com}/riwayat_karir/riwayatKarirForm.tsx (100%)
 rename src/app/admin/(dashboard)/ppid/{profile-ppid => profil-ppid}/page.tsx (98%)
 delete mode 100644 src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx
 create mode 100644 src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/findFirst.ts

diff --git a/src/app/admin/(dashboard)/_com/createEditor.tsx b/src/app/admin/(dashboard)/_com/createEditor.tsx
index 7878e59a..86cf608c 100644
--- a/src/app/admin/(dashboard)/_com/createEditor.tsx
+++ b/src/app/admin/(dashboard)/_com/createEditor.tsx
@@ -7,6 +7,7 @@ import Underline from '@tiptap/extension-underline';
 import TextAlign from '@tiptap/extension-text-align';
 import Superscript from '@tiptap/extension-superscript';
 import SubScript from '@tiptap/extension-subscript';
+import { useEffect } from 'react';
 
 type CreateEditorProps = {
   value: string;
@@ -32,6 +33,13 @@ export default function CreateEditor({ value, onChange }: CreateEditorProps) {
     },
   });
 
+  // 👇 Tambahkan efek untuk sinkronisasi value dari luar (resetForm)
+  useEffect(() => {
+    if (editor && value !== editor.getHTML()) {
+      editor.commands.setContent(value || '');
+    }
+  }, [value, editor]);
+
   return (
     <RichTextEditor editor={editor}>
       <RichTextEditor.Toolbar sticky stickyOffset="var(--docs-header-height)">
diff --git a/src/app/admin/(dashboard)/_com/editEditor.tsx b/src/app/admin/(dashboard)/_com/editEditor.tsx
index 66317cc2..004a0dc0 100644
--- a/src/app/admin/(dashboard)/_com/editEditor.tsx
+++ b/src/app/admin/(dashboard)/_com/editEditor.tsx
@@ -47,6 +47,7 @@ export default function EditEditor({ value, onChange }: EditEditorProps) {
       editor.off('update', updateHandler);
     };
   }, [editor, onChange]);
+  
 
   return (
     <RichTextEditor editor={editor}>
diff --git a/src/app/admin/(dashboard)/_com/selectIconEdit.tsx b/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
index 093a41df..c221672f 100644
--- a/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
+++ b/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
@@ -1,6 +1,6 @@
-'use client'
+'use client';
 
-import { Box, rem, Select } from '@mantine/core';
+import { Box, Group, rem, Select, SelectProps } from '@mantine/core';
 import {
   IconAmbulance,
   IconCash,
@@ -25,7 +25,7 @@ import {
   IconTrophy,
   IconTruckFilled,
   IconBuilding,
-  IconAlertTriangle
+  IconAlertTriangle,
 } from '@tabler/icons-react';
 
 const iconMap = {
@@ -38,26 +38,26 @@ const iconMap = {
   scale: { label: 'Scale', icon: IconScale },
   clipboard: { label: 'Clipboard', icon: IconClipboardTextFilled },
   trash: { label: 'Trash', icon: IconTrashFilled },
-  lingkunganSehat: {label: 'Lingkungan Sehat', icon: IconHomeEco},
-  sumberOksigen: {label: 'Sumber Oksigen', icon: IconChristmasTreeFilled},
-  ekonomiBerkelanjutan: {label: 'Ekonomi Berkelanjutan', icon: IconTrendingUp},
-  mencegahBencana: {label: 'Mencegah Bencana', icon: IconShieldFilled},
-  rumah: {label: 'Rumah', icon: IconHome},
-  pohon: {label: 'Pohon', icon: IconTree},
-  air: {label: 'Air', icon: IconDroplet},
-  bantuan: {label: 'Bantuan', icon: IconCash},
-  pelatihan: {label: 'Pelatihan', icon: IconSchool},
-  subsidi: {label: 'Subsidi', icon: IconShoppingCart},
-  layananKesehatan: {label: 'Layanan Kesehatan', icon: IconHospital},
-  polisi: {label: 'Polisi', icon: IconShieldFilled},
-  ambulans: {label: 'Ambulans', icon: IconAmbulance},
-  pemadam: {label: 'Pemadam', icon: IconFiretruck},
-  rumahSakit: {label: 'Rumah Sakit', icon: IconHospital},
-  bangunan: {label: 'Bangunan', icon: IconBuilding},
-  darurat: {label: 'Darurat', icon: IconAlertTriangle},
+  lingkunganSehat: { label: 'Lingkungan Sehat', icon: IconHomeEco },
+  sumberOksigen: { label: 'Sumber Oksigen', icon: IconChristmasTreeFilled },
+  ekonomiBerkelanjutan: { label: 'Ekonomi Berkelanjutan', icon: IconTrendingUp },
+  mencegahBencana: { label: 'Mencegah Bencana', icon: IconShieldFilled },
+  rumah: { label: 'Rumah', icon: IconHome },
+  pohon: { label: 'Pohon', icon: IconTree },
+  air: { label: 'Air', icon: IconDroplet },
+  bantuan: { label: 'Bantuan', icon: IconCash },
+  pelatihan: { label: 'Pelatihan', icon: IconSchool },
+  subsidi: { label: 'Subsidi', icon: IconShoppingCart },
+  layananKesehatan: { label: 'Layanan Kesehatan', icon: IconHospital },
+  polisi: { label: 'Polisi', icon: IconShieldFilled },
+  ambulans: { label: 'Ambulans', icon: IconAmbulance },
+  pemadam: { label: 'Pemadam', icon: IconFiretruck },
+  rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
+  bangunan: { label: 'Bangunan', icon: IconBuilding },
+  darurat: { label: 'Darurat', icon: IconAlertTriangle },
 };
 
-type IconKey = keyof typeof iconMap;
+export type IconKey = keyof typeof iconMap;
 
 const iconList = Object.entries(iconMap).map(([value, data]) => ({
   value,
@@ -67,44 +67,52 @@ const iconList = Object.entries(iconMap).map(([value, data]) => ({
 export default function SelectIconProgramEdit({
   onChange,
   value,
+  ...props
 }: {
-  onChange: (value: IconKey) => void;
-  value: IconKey;
-}) {
-  const IconComponent = iconMap[value]?.icon || null;
-
+  onChange: (value: IconKey | '') => void;
+  value: IconKey | '';
+} & Omit<SelectProps, 'onChange' | 'value' | 'data'>) {
   return (
     <Box maw={300}>
       <Select
         placeholder="Pilih ikon"
-        value={value}
-        onChange={(value) => {
-          if (value) onChange(value as IconKey);
+        value={value || ''}
+        onChange={(val: string | null) => {
+          if (val) {
+            onChange(val as IconKey);
+          } else {
+            onChange('');
+          }
         }}
         data={iconList}
+        renderOption={({ option }) => {
+          const Icon = iconMap[option.value as IconKey]?.icon;
+          return (
+            <Group gap="sm">
+              {Icon && <Icon size={18} stroke={1.5} />}
+              {option.label}
+            </Group>
+          );
+        }}
         leftSection={
-          IconComponent && (
-            <Box>
-              <IconComponent size={24} stroke={1.5} />
+          value && iconMap[value as IconKey] ? (
+            <Box ml={-4}>
+              {(() => {
+                const Icon = iconMap[value as IconKey].icon;
+                return <Icon size={20} stroke={1.5} />;
+              })()}
             </Box>
-          )
+          ) : null
         }
-        withCheckIcon={false}
-        searchable={false}
-        rightSectionWidth={0}
+        searchable
         styles={{
           input: {
-            textAlign: 'left',
-            fontSize: rem(16),
             paddingLeft: 40,
-          },
-          section: {
-            left: 10,
-            right: 'auto',
+            fontSize: rem(16),
           },
         }}
+        {...props}
       />
     </Box>
   );
-}
-
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/_state/desa/penghargaan.ts b/src/app/admin/(dashboard)/_state/desa/penghargaan.ts
index 68be0ba7..20921427 100644
--- a/src/app/admin/(dashboard)/_state/desa/penghargaan.ts
+++ b/src/app/admin/(dashboard)/_state/desa/penghargaan.ts
@@ -39,7 +39,7 @@ const penghargaanState = proxy({
         );
         if (res.status === 200) {
           penghargaanState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/desa/pengumuman.ts b/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
index 09320003..dd289918 100644
--- a/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
+++ b/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
@@ -287,7 +287,7 @@ const pengumuman = proxy({
         );
         if (res.status === 200) {
           pengumuman.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/PADesa.ts b/src/app/admin/(dashboard)/_state/ekonomi/PADesa.ts
index fd3dd897..6b09c7e5 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/PADesa.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/PADesa.ts
@@ -101,6 +101,38 @@ const ApbDesa = proxy({
       }
     },
   },
+  findFirst: {
+    data: null as Prisma.ApbDesaGetPayload<{
+      include: { pendapatan: true; belanja: true; pembiayaan: true };
+    }> | null,
+    loading: false,
+    async load(params?: Record<string, any>) {
+      try {
+        this.loading = true;
+  
+        // ✅ request ke endpoint find-first
+        const res = await ApiFetch.api.ekonomi.pendapatanaslidesa.apbdesa[
+          "find-first"
+        ].get({ query: params || {} });
+  
+        if (res.status === 200 && res.data?.success) {
+          this.data = res.data.data ?? null;
+        } else {
+          this.data = null;
+          toast.error(res.data?.message || "Gagal memuat data pertama APB Desa");
+        }
+      } catch (error) {
+        console.error("Error findFirst APB Desa:", error);
+        toast.error("Gagal memuat data APB Desa pertama");
+        this.data = null;
+      } finally {
+        this.loading = false;
+      }
+    },
+    reset() {
+      this.data = null;
+    },
+  },  
   update: {
     id: "",
     form: { ...ApbDesaDefaultForm },
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/demografi-pekerjaan.ts b/src/app/admin/(dashboard)/_state/ekonomi/demografi-pekerjaan.ts
index bf29247b..3f4da69b 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/demografi-pekerjaan.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/demografi-pekerjaan.ts
@@ -49,7 +49,7 @@ const demografiPekerjaan = proxy({
         if (res.status === 200) {
           const id = res.data?.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             demografiPekerjaan.create.form = { ...defaultForm };
             demografiPekerjaan.findMany.load();
             return id;
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/jumlah-penduduk-miskin.ts b/src/app/admin/(dashboard)/_state/ekonomi/jumlah-penduduk-miskin.ts
index 2eb11a03..5acad685 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/jumlah-penduduk-miskin.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/jumlah-penduduk-miskin.ts
@@ -47,7 +47,7 @@ const jumlahPendudukMiskin = proxy({
         if (res.status === 200) {
           const id = res.data?.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             jumlahPendudukMiskin.create.form = {
               year: 0,
               totalPoorPopulation: 0,
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/jumlah-pengangguran.ts b/src/app/admin/(dashboard)/_state/ekonomi/jumlah-pengangguran.ts
index c45ac24a..4fe9939a 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/jumlah-pengangguran.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/jumlah-pengangguran.ts
@@ -89,7 +89,7 @@ const jumlahPengangguran = proxy({
         if (res.status === 200) {
           const id = res.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             jumlahPengangguran.create.form = { ...jumlahPengangguranForm };
             jumlahPengangguran.findMany.load();
             return id;
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/lowongan-kerja.ts b/src/app/admin/(dashboard)/_state/ekonomi/lowongan-kerja.ts
index 227c6b8c..1cf5941b 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/lowongan-kerja.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/lowongan-kerja.ts
@@ -47,7 +47,7 @@ const lowonganKerjaState = proxy({
         );
         if (res.status === 200) {
           lowonganKerjaState.create.loading = false;
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/program-kemiskinan.ts b/src/app/admin/(dashboard)/_state/ekonomi/program-kemiskinan.ts
index 1332bbea..8de0655e 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/program-kemiskinan.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/program-kemiskinan.ts
@@ -45,7 +45,7 @@ const programKemiskinanState = proxy({
         );
         if (res.status === 200) {
           programKemiskinanState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/sektor-unggulan-desa.ts b/src/app/admin/(dashboard)/_state/ekonomi/sektor-unggulan-desa.ts
index 341398f0..0c78ec15 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/sektor-unggulan-desa.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/sektor-unggulan-desa.ts
@@ -46,7 +46,7 @@ const grafikSektorUnggulan = proxy({
         if (res.status === 200) {
           const id = res.data?.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             grafikSektorUnggulan.create.form = {
               name: "",
               description: "",
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur.ts b/src/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur.ts
index 52cd2f92..7625d59f 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur.ts
@@ -51,7 +51,7 @@ const grafikBerdasarkanUsiaKerjaNganggur = proxy({
         if (res.status === 200) {
           const id = res.data?.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             grafikBerdasarkanUsiaKerjaNganggur.create.form = {
               usia18_25: "",
               usia26_35: "",
@@ -255,7 +255,7 @@ const grafikBerdasarkanPendidikan = proxy({
         if (res.status === 200) {
           const id = res.data?.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             grafikBerdasarkanPendidikan.create.form = {
               SD: "",
               SMP: "",
diff --git a/src/app/admin/(dashboard)/_state/inovasi/desa-digital.ts b/src/app/admin/(dashboard)/_state/inovasi/desa-digital.ts
index 83d4d5cd..7afacdc2 100644
--- a/src/app/admin/(dashboard)/_state/inovasi/desa-digital.ts
+++ b/src/app/admin/(dashboard)/_state/inovasi/desa-digital.ts
@@ -37,7 +37,7 @@ const desaDigitalState = proxy({
         );
         if (res.status === 200) {
           desaDigitalState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/inovasi/info-tekno.ts b/src/app/admin/(dashboard)/_state/inovasi/info-tekno.ts
index 710bbcd8..7facc93b 100644
--- a/src/app/admin/(dashboard)/_state/inovasi/info-tekno.ts
+++ b/src/app/admin/(dashboard)/_state/inovasi/info-tekno.ts
@@ -37,7 +37,7 @@ const infoTeknoState = proxy({
         );
         if (res.status === 200) {
           infoTeknoState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts b/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts
index 5e1d10ab..125d6b71 100644
--- a/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts
+++ b/src/app/admin/(dashboard)/_state/inovasi/program-kreatif.ts
@@ -41,7 +41,7 @@ const programKreatifState = proxy({
     
         if (res.status === 200) {
           programKreatifState.findMany.load();
-          toast.success("success create");
+          toast.success("Sukses menambahkan");
           return true;
         }
     
diff --git a/src/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan.ts b/src/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan.ts
index 3fd458f4..1a19352e 100644
--- a/src/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan.ts
+++ b/src/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan.ts
@@ -37,7 +37,7 @@ const keamananLingkunganState = proxy({
         ].post(keamananLingkunganState.create.form);
         if (res.status === 200) {
           keamananLingkunganState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan.ts b/src/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan.ts
index af0d2401..c3b70625 100644
--- a/src/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan.ts
+++ b/src/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan.ts
@@ -38,7 +38,7 @@ const kontakDaruratKeamananState = proxy({
         ].post(kontakDaruratKeamananState.create.form);
         if (res.status === 200) {
           kontakDaruratKeamananState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
@@ -294,7 +294,7 @@ const kontakDaruratItem = proxy({
         );
         if (res.status === 200) {
           kontakDaruratItem.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/keamanan/laporan-publik.ts b/src/app/admin/(dashboard)/_state/keamanan/laporan-publik.ts
index 6db65c2b..5e61039b 100644
--- a/src/app/admin/(dashboard)/_state/keamanan/laporan-publik.ts
+++ b/src/app/admin/(dashboard)/_state/keamanan/laporan-publik.ts
@@ -88,7 +88,7 @@ const laporanPublikState = proxy({
         
         if (res.status === 200) {
           laporanPublikState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         
         console.log(res);
diff --git a/src/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas.ts b/src/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas.ts
index 8530d809..644bf0dd 100644
--- a/src/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas.ts
+++ b/src/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas.ts
@@ -40,7 +40,7 @@ const pencegahanKriminalitasState = proxy({
         ].post(pencegahanKriminalitasState.create.form);
         if (res.status === 200) {
           pencegahanKriminalitasState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/keamanan/tips-keamanan.ts b/src/app/admin/(dashboard)/_state/keamanan/tips-keamanan.ts
index ad1ee158..4bd4609c 100644
--- a/src/app/admin/(dashboard)/_state/keamanan/tips-keamanan.ts
+++ b/src/app/admin/(dashboard)/_state/keamanan/tips-keamanan.ts
@@ -37,7 +37,7 @@ const tipsKeamananState = proxy({
         );
         if (res.status === 200) {
           tipsKeamananState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
index 71c04389..016f6b28 100644
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
@@ -351,7 +351,7 @@ const dokter = proxy({
           if (res.status === 200) {
             const id = res.data?.data;
             if (id) {
-              toast.success("Success create");
+              toast.success("Sukses menambahkan");
               dokter.create.create.form = { ...defaultDokterForm };
               dokter.findMany.load();
               return id;
diff --git a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan.ts b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan.ts
index 19f7e80a..15b7b4b8 100644
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan.ts
@@ -43,7 +43,7 @@ const grafikkepuasan = proxy({
         if (res.status === 200) {
           const id = res.data?.data;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             grafikkepuasan.create.form = { ...defaultForm };
             grafikkepuasan.findMany.load();
             return id;
diff --git a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran.ts b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran.ts
index 4da79df8..e00ab588 100644
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran.ts
@@ -50,7 +50,7 @@ const persentasekelahiran = proxy({
         if (res.status === 200) {
           const id = res.data?.data;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             persentasekelahiran.create.form = { ...defaultForm };
             persentasekelahiran.findMany.load();
             return id;
diff --git a/src/app/admin/(dashboard)/_state/landing-page/profile.ts b/src/app/admin/(dashboard)/_state/landing-page/profile.ts
index be6b2e7f..e3a5fe18 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/profile.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/profile.ts
@@ -53,7 +53,7 @@ const programInovasi = proxy({
         ].post(formData);
         if (res.status === 200) {
           programInovasi.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
@@ -474,7 +474,7 @@ const mediaSosial = proxy({
         );
         if (res.status === 200) {
           mediaSosial.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/lingkungan/data-lingkungan-desa.ts b/src/app/admin/(dashboard)/_state/lingkungan/data-lingkungan-desa.ts
index f7092245..b1bf9143 100644
--- a/src/app/admin/(dashboard)/_state/lingkungan/data-lingkungan-desa.ts
+++ b/src/app/admin/(dashboard)/_state/lingkungan/data-lingkungan-desa.ts
@@ -39,7 +39,7 @@ const dataLingkunganDesaState = proxy({
         );
         if (res.status === 200) {
           dataLingkunganDesaState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah.ts b/src/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah.ts
index 584bad91..80750349 100644
--- a/src/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah.ts
+++ b/src/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah.ts
@@ -35,7 +35,7 @@ const pengelolaanSampah = proxy({
         ].post(pengelolaanSampah.create.form);
         if (res.status === 200) {
           pengelolaanSampah.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/lingkungan/program-penghijauan.ts b/src/app/admin/(dashboard)/_state/lingkungan/program-penghijauan.ts
index 84d3083e..982bdadb 100644
--- a/src/app/admin/(dashboard)/_state/lingkungan/program-penghijauan.ts
+++ b/src/app/admin/(dashboard)/_state/lingkungan/program-penghijauan.ts
@@ -39,7 +39,7 @@ const programPenghijauanState = proxy({
         );
         if (res.status === 200) {
           programPenghijauanState.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         console.log(res);
         return toast.error("failed create");
diff --git a/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts b/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts
index 08189a83..f8ffa416 100644
--- a/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts
+++ b/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts
@@ -42,7 +42,7 @@ const dataPendidikan = proxy({
         if (res.status === 200) {
           const id = res.data?.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             dataPendidikan.create.form = {
               name: "",
               jumlah: "",
diff --git a/src/app/admin/(dashboard)/_state/ppid/daftar_informasi_publik/daftarInformasiPublik.ts b/src/app/admin/(dashboard)/_state/ppid/daftar_informasi_publik/daftarInformasiPublik.ts
index 61f0f23b..07e3b5be 100644
--- a/src/app/admin/(dashboard)/_state/ppid/daftar_informasi_publik/daftarInformasiPublik.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/daftar_informasi_publik/daftarInformasiPublik.ts
@@ -38,7 +38,7 @@ const daftarInformasiPublik = proxy({
         ].post(daftarInformasiPublik.create.form);
         if (res.status === 200) {
           daftarInformasiPublik.findMany.load();
-          return toast.success("success create");
+          return toast.success("Sukses menambahkan");
         }
         return toast.error("failed create");
       } catch (error) {
diff --git a/src/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanUmur.ts b/src/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanUmur.ts
index 4eb184ad..ad74dc6b 100644
--- a/src/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanUmur.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanUmur.ts
@@ -41,7 +41,7 @@ const grafikBerdasarkanUmur = proxy({
         if (res.status === 200) {
           const id = res.data?.data?.id;
           if (id) {
-            toast.success("Success create");
+            toast.success("Sukses menambahkan");
             grafikBerdasarkanUmur.create.form = {
               remaja: "",
               dewasa: "",
diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
index 56b734d9..0a452cdd 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
@@ -88,7 +88,7 @@ const statepermohonanInformasiPublik = proxy({
                 const res = await ApiFetch.api.ppid.permohonaninformasipublik["create"].post(statepermohonanInformasiPublik.create.form);
                 if (res.status === 200) {
                     statepermohonanInformasiPublik.findMany.load();
-                    return toast.success("success create");
+                    return toast.success("Sukses menambahkan");
                 }
                 return toast.error("failed create");
             } catch (error) {
diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
index 92373c3e..fc316fa9 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
@@ -37,7 +37,7 @@ const permohonanKeberatanInformasi = proxy({
                 const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik["create"].post(permohonanKeberatanInformasi.create.form);
                 if (res.status === 200) {
                     permohonanKeberatanInformasi.findMany.load();
-                    return toast.success("success create");
+                    return toast.success("Sukses menambahkan");
                 }
                 return toast.error("failed create");
             } catch (error) {
diff --git a/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts b/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
index 0a6304b8..4d0a3df4 100644
--- a/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
@@ -3,9 +3,6 @@ import { toast } from "react-toastify";
 import { proxy } from "valtio";
 import { z } from "zod";
 
-/**
- * Schema validasi form ProfilePPID menggunakan Zod.
- */
 const templateForm = z.object({
   name: z.string().min(3, "Nama minimal 3 karakter"),
   biodata: z.string().min(3, "Biodata minimal 3 karakter"),
@@ -33,25 +30,16 @@ type ProfilePPIDForm = Prisma.ProfilePPIDGetPayload<{
     pengalaman: true;
     unggulan: true;
     imageId: true;
-    image?: {
-      select: {
-        link: true;
-      };
-    };
+    image?: { select: { link: true } };
   };
 }>;
 
-/**
- * Improved State Management - Consolidated and more robust
- */
 const stateProfilePPID = proxy({
-  // Consolidated data management
   profile: {
     data: null as ProfilePPIDForm | null,
     loading: false,
     error: null as string | null,
 
-    // Single method to load profile data
     async load(id: string) {
       if (!id) {
         toast.warn("ID tidak valid");
@@ -62,52 +50,42 @@ const stateProfilePPID = proxy({
       this.error = null;
 
       try {
-        const response = await fetch(`/api/ppid/profileppid/${id}`);
-        
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
+        const res = await fetch(`/api/ppid/profileppid/${id}`);
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
 
-        const result = await response.json();
-        
+        const result = await res.json();
         if (result.success) {
           this.data = result.data;
           return result.data;
-        } else {
-          throw new Error(result.message || "Gagal mengambil data profile");
-        }
-      } catch (error) {
-        const errorMessage = (error as Error).message;
-        this.error = errorMessage;
-        console.error("Load profile error:", errorMessage);
-        toast.error("Terjadi kesalahan saat mengambil data profile");
+        } else throw new Error(result.message || "Gagal memuat data profile");
+      } catch (err) {
+        const msg = (err as Error).message;
+        this.error = msg;
+        console.error("Load profile error:", msg);
+        toast.error("Gagal memuat data profile");
         return null;
       } finally {
         this.loading = false;
       }
     },
 
-    // Reset profile data
     reset() {
       this.data = null;
       this.error = null;
       this.loading = false;
-    }
+    },
   },
 
-  // Edit form management
   editForm: {
     id: "",
     form: { ...defaultForm },
+    originalForm: { ...defaultForm }, // ✅ Tambah field originalForm
     loading: false,
     error: null as string | null,
-    isReadOnly: false, // Flag untuk data yang tidak bisa diedit
 
-    // Initialize form with profile data
     initialize(profileData: ProfilePPIDForm) {
       this.id = profileData.id;
-      this.isReadOnly = false; // Semua data bisa diedit
-      this.form = {
+      const data = {
         name: profileData.name || "",
         biodata: profileData.biodata || "",
         riwayat: profileData.riwayat || "",
@@ -115,23 +93,20 @@ const stateProfilePPID = proxy({
         unggulan: profileData.unggulan || "",
         imageId: profileData.imageId || "",
       };
+      this.form = { ...data };
+      this.originalForm = { ...data }; // ✅ Simpan versi original
     },
 
-    // Update form field
     updateField(field: keyof typeof defaultForm, value: string) {
       this.form[field] = value;
     },
 
-    // Submit form
     async submit() {
-      // Validate form
-      const validation = templateForm.safeParse(this.form);
-      
-      if (!validation.success) {
-        const errors = validation.error.issues
-          .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
-          .join(", ");
-        toast.error(`Form tidak valid: ${errors}`);
+      const check = templateForm.safeParse(this.form);
+      if (!check.success) {
+        toast.error(
+          check.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join(", ")
+        );
         return false;
       }
 
@@ -139,63 +114,54 @@ const stateProfilePPID = proxy({
       this.error = null;
 
       try {
-        const response = await fetch(`/api/ppid/profileppid/${this.id}`, {
+        const res = await fetch(`/api/ppid/profileppid/${this.id}`, {
           method: "PUT",
-          headers: {
-            "Content-Type": "application/json",
-          },
+          headers: { "Content-Type": "application/json" },
           body: JSON.stringify(this.form),
         });
-
-        if (!response.ok) {
-          const errorData = await response.json().catch(() => ({}));
-          throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
-        }
-
-        const result = await response.json();
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const result = await res.json();
 
         if (result.success) {
           toast.success("Berhasil update profile");
-          // Refresh profile data
-          await stateProfilePPID.profile.load(this.id);
+          this.originalForm = { ...this.form }; // ✅ Update original setelah sukses
           return true;
-        } else {
-          throw new Error(result.message || "Gagal update profile");
-        }
-      } catch (error) {
-        const errorMessage = (error as Error).message;
-        this.error = errorMessage;
-        console.error("Update profile error:", errorMessage);
-        toast.error("Terjadi kesalahan saat update profile");
+        } else throw new Error(result.message || "Gagal update profile");
+      } catch (err) {
+        const msg = (err as Error).message;
+        this.error = msg;
+        toast.error(msg);
         return false;
       } finally {
         this.loading = false;
       }
     },
 
-    // Reset form
+    // ✅ Tambahan reset ke original data
+    resetToOriginal() {
+      this.form = { ...this.originalForm };
+      toast.info("Data dikembalikan ke kondisi awal");
+    },
+
     reset() {
       this.id = "";
       this.form = { ...defaultForm };
+      this.originalForm = { ...defaultForm };
       this.error = null;
       this.loading = false;
-      this.isReadOnly = false;
-    }
+    },
   },
 
-  // Helper methods
   async loadForEdit(id: string) {
-    const profileData = await this.profile.load(id);
-    if (profileData) {
-      this.editForm.initialize(profileData);
-    }
-    return profileData;
+    const data = await this.profile.load(id);
+    if (data) this.editForm.initialize(data);
+    return data;
   },
 
   reset() {
     this.profile.reset();
     this.editForm.reset();
-  }
+  },
 });
 
-export default stateProfilePPID;
\ No newline at end of file
+export default stateProfilePPID;
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
index 14494532..2e86057b 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
@@ -10,7 +10,8 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -22,6 +23,11 @@ function EditKategoriBerita() {
   const editState = useProxy(stateDashboardBerita.kategoriBerita);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: '',
+  });
 
   const [formData, setFormData] = useState({
     name: '',
@@ -38,6 +44,9 @@ function EditKategoriBerita() {
           setFormData({
             name: data.name || '',
           });
+          setOriginalData({
+            name: data.name || '',
+          });
         }
       } catch (error) {
         console.error('Error loading kategori Berita:', error);
@@ -55,8 +64,16 @@ function EditKategoriBerita() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // update global state hanya saat submit
       editState.update.form = {
         ...editState.update.form,
@@ -69,6 +86,8 @@ function EditKategoriBerita() {
     } catch (error) {
       console.error('Error updating kategori Berita:', error);
       toast.error('Terjadi kesalahan saat memperbarui kategori Berita');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -109,6 +128,17 @@ function EditKategoriBerita() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -119,7 +149,7 @@ function EditKategoriBerita() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
index 197ae1b7..be739576 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
@@ -8,15 +8,19 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateKategoriBerita() {
   const createState = useProxy(stateDashboardBerita.kategoriBerita);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     createState.create.form = {
@@ -25,9 +29,17 @@ function CreateKategoriBerita() {
   };
 
   const handleSubmit = async () => {
-    await createState.create.create();
-    resetForm();
-    router.push('/admin/desa/berita/kategori-berita');
+    setIsSubmitting(true);
+    try {
+      await createState.create.create();
+      resetForm();
+      router.push('/admin/desa/berita/kategori-berita');
+    } catch (error) {
+      console.error('Error creating kategori berita:', error);
+      toast.error('Gagal menambahkan kategori berita');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -60,12 +72,23 @@ function CreateKategoriBerita() {
           <TextInput
             label="Nama Kategori Berita"
             placeholder="Masukkan nama kategori berita"
-            defaultValue={createState.create.form.name || ''}
+            value={createState.create.form.name || ''}
             onChange={(e) => (createState.create.form.name = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -76,7 +99,7 @@ function CreateKategoriBerita() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
index 7c181f33..48cd08ea 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
@@ -6,6 +6,7 @@ import stateDashboardBerita from "@/app/admin/(dashboard)/_state/desa/berita";
 import colors from "@/con/colors";
 import ApiFetch from "@/lib/api-fetch";
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
@@ -15,7 +16,8 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from "@mantine/core";
 import { Dropzone } from "@mantine/dropzone";
 import {
@@ -44,6 +46,17 @@ function EditBerita() {
     imageId: "",
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    judul: "",
+    deskripsi: "",
+    kategoriBeritaId: "",
+    content: "",
+    imageId: "",
+    imageUrl: ""
+  });
+
   // Load kategori + berita
   useEffect(() => {
     beritaState.kategoriBerita.findMany.load();
@@ -63,6 +76,15 @@ function EditBerita() {
             imageId: data.imageId || "",
           });
 
+          setOriginalData({
+            judul: data.judul || "",
+            deskripsi: data.deskripsi || "",
+            kategoriBeritaId: data.kategoriBeritaId || "",
+            content: data.content || "",
+            imageId: data.imageId || "",
+            imageUrl: data.image?.link || ""
+          });
+
           if (data?.image?.link) {
             setPreviewImage(data.image.link);
           }
@@ -82,6 +104,7 @@ function EditBerita() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state hanya sekali di sini
       beritaState.berita.edit.form = {
         ...beritaState.berita.edit.form,
@@ -108,21 +131,36 @@ function EditBerita() {
     } catch (error) {
       console.error("Error updating berita:", error);
       toast.error("Terjadi kesalahan saat memperbarui berita");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+      kategoriBeritaId: originalData.kategoriBeritaId,
+      content: originalData.content,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       {/* Header */}
       <Group mb="md">
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Berita
         </Title>
@@ -216,14 +254,14 @@ function EditBerita() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: "flex", justifyContent: "center" }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -235,6 +273,24 @@ function EditBerita() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -254,17 +310,29 @@ function EditBerita() {
 
           {/* Action */}
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
index 8789e590..9a1d5acb 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
@@ -13,7 +13,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader,
+  ActionIcon
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { useShallowEffect } from '@mantine/hooks';
@@ -28,6 +30,7 @@ export default function CreateBerita() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useShallowEffect(() => {
     beritaState.kategoriBerita.findMany.load();
@@ -46,40 +49,48 @@ export default function CreateBerita() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      beritaState.berita.create.form.imageId = uploaded.id;
+
+      await beritaState.berita.create.create();
+
+      resetForm();
+      router.push('/admin/desa/berita/list-berita');
+    } catch (error) {
+      console.error('Error creating berita:', error);
+      toast.error('Terjadi kesalahan saat membuat berita');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    beritaState.berita.create.form.imageId = uploaded.id;
-
-    await beritaState.berita.create.create();
-
-    resetForm();
-    router.push('/admin/desa/berita/list-berita');
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Berita
         </Title>
@@ -97,7 +108,7 @@ export default function CreateBerita() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul berita"
-            defaultValue={beritaState.berita.create.form.judul}
+            value={beritaState.berita.create.form.judul}
             onChange={(e) => (beritaState.berita.create.form.judul = e.target.value)}
             required
           />
@@ -109,7 +120,7 @@ export default function CreateBerita() {
               label: item.name,
               value: item.id,
             }))}
-            defaultValue={beritaState.berita.create.form.kategoriBeritaId || null}
+            value={beritaState.berita.create.form.kategoriBeritaId || null}
             onChange={(val: string | null) => {
               if (val) {
                 const selected = beritaState.kategoriBerita.findMany.data?.find(
@@ -154,7 +165,7 @@ export default function CreateBerita() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -175,7 +186,7 @@ export default function CreateBerita() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -187,6 +198,26 @@ export default function CreateBerita() {
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -204,6 +235,17 @@ export default function CreateBerita() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -214,7 +256,7 @@ export default function CreateBerita() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
index 30933f6f..21387eb2 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
@@ -4,15 +4,17 @@ import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
 import colors from '@/con/colors';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Paper,
   Stack,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
+import { IconArrowBack, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -24,6 +26,14 @@ function EditVideo() {
   const videoState = useProxy(stateGallery.video);
   const params = useParams();
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    deskripsi: "",
+    linkVideo: "",
+  });
+
   const [formData, setFormData] = useState({
     name: '',
     deskripsi: '',
@@ -44,6 +54,11 @@ function EditVideo() {
             deskripsi: data.deskripsi ?? '',
             linkVideo: data.linkVideo ?? '',
           });
+          setOriginalData({
+            name: data.name ?? '',
+            deskripsi: data.deskripsi ?? '',
+            linkVideo: data.linkVideo ?? '',
+          });
         }
       } catch (error) {
         console.error('Error loading video:', error);
@@ -61,25 +76,42 @@ function EditVideo() {
     []
   );
 
-  const handleSubmit = async () => {
-    const converted = convertYoutubeUrlToEmbed(formData.linkVideo);
-    if (!converted) {
-      toast.error("Link YouTube tidak valid. Pastikan formatnya benar.");
-      return;
-    }
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      linkVideo: originalData.linkVideo,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
 
+  const handleSubmit = async () => {
     try {
-      videoState.update.form = {
-        name: formData.name,
-        deskripsi: formData.deskripsi,
-        linkVideo: formData.linkVideo,
-      };
-      await videoState.update.update();
-      toast.success('Video berhasil diperbarui!');
-      router.push('/admin/desa/gallery/video');
+      setIsSubmitting(true);
+      const converted = convertYoutubeUrlToEmbed(formData.linkVideo);
+      if (!converted) {
+        toast.error("Link YouTube tidak valid. Pastikan formatnya benar.");
+        return;
+      }
+
+      try {
+        videoState.update.form = {
+          name: formData.name,
+          deskripsi: formData.deskripsi,
+          linkVideo: formData.linkVideo,
+        };
+        await videoState.update.update();
+        toast.success('Video berhasil diperbarui!');
+        router.push('/admin/desa/gallery/video');
+      } catch (error) {
+        console.error('Error updating video:', error);
+        toast.error('Terjadi kesalahan saat memperbarui video');
+      }
     } catch (error) {
       console.error('Error updating video:', error);
       toast.error('Terjadi kesalahan saat memperbarui video');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -88,14 +120,14 @@ function EditVideo() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Video
         </Title>
@@ -127,7 +159,7 @@ function EditVideo() {
               required
             />
             {embedLink && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ display: 'flex', justifyContent: 'center' }}>
                 <iframe
                   className="rounded"
                   width="100%"
@@ -135,7 +167,27 @@ function EditVideo() {
                   src={embedLink}
                   title="Preview Video"
                   allowFullScreen
-                ></iframe>
+                />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setFormData({
+                      ...formData,
+                      linkVideo: '',
+                    });
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -151,6 +203,17 @@ function EditVideo() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -161,7 +224,7 @@ function EditVideo() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
index 6c4f5cc7..3e53d4cd 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
@@ -3,6 +3,7 @@ import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
 import colors from '@/con/colors';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
@@ -10,9 +11,10 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
+import { IconArrowBack, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { toast } from 'react-toastify';
@@ -24,6 +26,7 @@ function CreateVideo() {
   const router = useRouter();
   const [link, setLink] = useState('');
   const embedLink = convertYoutubeUrlToEmbed(link);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     videoState.create.form = {
@@ -35,29 +38,37 @@ function CreateVideo() {
   };
 
   const handleSubmit = async () => {
-    if (!embedLink) {
-      toast.error('Link YouTube tidak valid. Pastikan formatnya benar.');
-      return;
-    }
+    try {
+      setIsSubmitting(true);
+      if (!embedLink) {
+        toast.error('Link YouTube tidak valid. Pastikan formatnya benar.');
+        return;
+      }
 
-    videoState.create.form.linkVideo = embedLink;
-    await videoState.create.create();
-    resetForm();
-    router.push('/admin/desa/gallery/video');
+      videoState.create.form.linkVideo = embedLink;
+      await videoState.create.create();
+      resetForm();
+      router.push('/admin/desa/gallery/video');
+    } catch (error) {
+      console.error("Error creating video:", error);
+      toast.error("Terjadi kesalahan saat menambahkan video");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header Back Button + Title */}
       <Group mb="md">
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Video
         </Title>
@@ -77,7 +88,7 @@ function CreateVideo() {
           <TextInput
             label="Judul Video"
             placeholder="Masukkan judul video"
-            defaultValue={videoState.create.form.name}
+            value={videoState.create.form.name}
             onChange={(e) => {
               videoState.create.form.name = e.currentTarget.value;
             }}
@@ -88,14 +99,14 @@ function CreateVideo() {
           <TextInput
             label="Link Video YouTube"
             placeholder="https://www.youtube.com/watch?v=abc123"
-            defaultValue={link}
+            value={link}
             onChange={(e) => setLink(e.currentTarget.value)}
             required
           />
 
           {/* Preview Video */}
           {embedLink && (
-            <Box mt="sm">
+            <Box mt="sm" pos="relative">
               <iframe
                 style={{
                   borderRadius: 10,
@@ -106,7 +117,24 @@ function CreateVideo() {
                 src={embedLink}
                 title="Preview Video"
                 allowFullScreen
-              ></iframe>
+              />
+              <ActionIcon
+                variant="filled"
+                color="red"
+                radius="xl"
+                size="sm"
+                pos="absolute"
+                top={5}
+                right={5}
+                onClick={() => {
+                  setLink('');
+                }}
+                style={{
+                  boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                }}
+              >
+                <IconX size={14} />
+              </ActionIcon>
             </Box>
           )}
 
@@ -125,6 +153,17 @@ function CreateVideo() {
 
           {/* Button Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -135,7 +174,7 @@ function CreateVideo() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
index ac92c919..0ee0d2e2 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -23,6 +24,16 @@ function EditAjukanPermohonan() {
   const params = useParams();
   const stateAjukan = useProxy(stateLayananDesa.ajukanPermohonan);
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    nama: "",
+    nik: "",
+    alamat: "",
+    nomorKk: "",
+    kategoriId: "",
+  });
+
   // State lokal form
   const [formData, setFormData] = useState({
     nama: '',
@@ -50,6 +61,13 @@ function EditAjukanPermohonan() {
             nomorKk: data.nomorKk || '',
             kategoriId: data.kategoriId || '',
           });
+          setOriginalData({
+            nama: data.nama || '',
+            nik: data.nik || '',
+            alamat: data.alamat || '',
+            nomorKk: data.nomorKk || '',
+            kategoriId: data.kategoriId || '',
+          });
         }
       } catch (error) {
         console.error('Error loading ajukan:', error);
@@ -68,8 +86,20 @@ function EditAjukanPermohonan() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      nik: originalData.nik,
+      alamat: originalData.alamat,
+      nomorKk: originalData.nomorKk,
+      kategoriId: originalData.kategoriId,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateAjukan.edit.form = {
         ...stateAjukan.edit.form,
         ...formData,
@@ -79,6 +109,8 @@ function EditAjukanPermohonan() {
     } catch (error) {
       console.error('Error updating ajukan:', error);
       toast.error('Terjadi kesalahan saat memperbarui ajukan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -86,9 +118,9 @@ function EditAjukanPermohonan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back Button */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Ajukan Permohonan
         </Title>
@@ -153,6 +185,17 @@ function EditAjukanPermohonan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -163,7 +206,7 @@ function EditAjukanPermohonan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
index 41b4027a..a425a358 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -32,6 +33,14 @@ function EditPelayananPendudukNonPermanent() {
     deskripsi: '',
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsi: '',
+  });
+
+
   // Load data sekali dari backend
   useEffect(() => {
     const loadData = async () => {
@@ -45,6 +54,10 @@ function EditPelayananPendudukNonPermanent() {
             name: data.name || '',
             deskripsi: data.deskripsi || '',
           });
+          setOriginalData({
+            name: data.name || '',
+            deskripsi: data.deskripsi || '',
+          });
         }
       } catch (error) {
         console.error('Error loading data:', error);
@@ -57,39 +70,55 @@ function EditPelayananPendudukNonPermanent() {
 
   const handleChange =
     (field: keyof typeof formData) =>
-    (value: string) => {
-      setFormData((prev) => ({
-        ...prev,
-        [field]: value,
-      }));
-    };
+      (value: string) => {
+        setFormData((prev) => ({
+          ...prev,
+          [field]: value,
+        }));
+      };
+
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
 
   const handleSubmit = async () => {
-    if (!statePendudukNonPermanent.findById.data) return;
+    try {
+      setIsSubmitting(true);
+      if (!statePendudukNonPermanent.findById.data) return;
 
-    // Update global state hanya di submit
-    const updated = {
-      ...statePendudukNonPermanent.findById.data,
-      name: formData.name,
-      deskripsi: formData.deskripsi,
-    };
+      // Update global state hanya di submit
+      const updated = {
+        ...statePendudukNonPermanent.findById.data,
+        name: formData.name,
+        deskripsi: formData.deskripsi,
+      };
 
-    await statePendudukNonPermanent.update.update(updated);
-    router.push('/admin/desa/layanan/pelayanan_penduduk_non_permanent');
+      await statePendudukNonPermanent.update.update(updated);
+      router.push('/admin/desa/layanan/pelayanan_penduduk_non_permanent');
+    } catch (error) {
+      console.error('Error updating data:', error);
+      toast.error('Gagal memuat data pelayanan penduduk non permanent');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-            <Button
-              variant="subtle"
-              onClick={() => router.back()}
-              p="xs"
-              radius="md"
-            >
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
+          <Button
+            variant="subtle"
+            onClick={() => router.back()}
+            p="xs"
+            radius="md"
+          >
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Pelayanan Penduduk Non Permanent
           </Title>
@@ -127,25 +156,31 @@ function EditPelayananPendudukNonPermanent() {
             </Box>
 
             {/* Submit Button */}
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={statePendudukNonPermanent.update.loading}
-                disabled={!formData.name}
-              >
-                {statePendudukNonPermanent.update.loading
-                  ? 'Menyimpan...'
-                  : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={() => router.back()}
-                disabled={statePendudukNonPermanent.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
index a59a202a..9fdc6c56 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Skeleton,
   Stack,
@@ -34,13 +35,21 @@ function EditPelayananPerizinanBerusaha() {
     link: '',
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({
+    id: '',
+    name: '',
+    deskripsi: '',
+    link: '',
+  });
+
   // Load data detail
   useEffect(() => {
     if (!id) {
       toast.error("ID tidak valid");
       return;
     }
-  
+
     const loadData = async () => {
       try {
         setLoading(true);
@@ -52,6 +61,12 @@ function EditPelayananPerizinanBerusaha() {
             deskripsi: data.deskripsi || "",
             link: data.link || "",
           });
+          setOriginalData({
+            id: data.id,
+            name: data.name || "",
+            deskripsi: data.deskripsi || "",
+            link: data.link || "",
+          });
         } else {
           toast.error("Data tidak ditemukan");
         }
@@ -62,10 +77,10 @@ function EditPelayananPerizinanBerusaha() {
         setLoading(false);
       }
     };
-  
+
     loadData();
   }, [id]);
-  
+
 
   const handleChange =
     (field: keyof typeof formData) =>
@@ -76,13 +91,26 @@ function EditPelayananPerizinanBerusaha() {
         }));
       };
 
+  const handleResetForm = () => {
+    setFormData({
+      id: originalData.id,
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      link: originalData.link,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       await state.update.update(formData);
       router.push('/admin/desa/layanan/pelayanan_perizinan_berusaha');
     } catch (error) {
       console.error('Error updating pelayanan perizinan berusaha:', error);
       toast.error('Terjadi kesalahan saat update data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -99,14 +127,14 @@ function EditPelayananPerizinanBerusaha() {
       <Stack gap="xs">
         {/* Header */}
         <Group mb="md">
-            <Button
-              variant="subtle"
-              onClick={() => router.back()}
-              p="xs"
-              radius="md"
-            >
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
+          <Button
+            variant="subtle"
+            onClick={() => router.back()}
+            p="xs"
+            radius="md"
+          >
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">
             Edit Pelayanan Perizinan Berusaha
           </Title>
@@ -147,23 +175,31 @@ function EditPelayananPerizinanBerusaha() {
               />
             </Box>
 
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={state.update.loading}
-                disabled={!formData.name}
-              >
-                {state.update.loading ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={() => router.back()}
-                disabled={state.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
index b245d8de..f91b84b8 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
@@ -1,124 +1,280 @@
-'use client'
+/* eslint-disable @typescript-eslint/no-unused-vars */
+'use client';
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateLayananDesa from '@/app/admin/(dashboard)/_state/desa/layananDesa';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
+import * as React from 'react';
 
+// 🔹 Types
+interface FormData {
+  name: string;
+  deskripsi: string;
+  imageId: string;
+  image2Id: string;
+  imageUrl: string;
+  image2Url: string;
+}
+
+interface FileUploaderProps {
+  title: string;
+  file: File | null;
+  setFile: React.Dispatch<React.SetStateAction<File | null>>;
+  preview: string | null;
+  setPreview: React.Dispatch<React.SetStateAction<string | null>>;
+}
+
+// 🔹 File Uploader Component
+const FileUploader: React.FC<FileUploaderProps> = ({ 
+  title, 
+  file, 
+  setFile, 
+  preview, 
+  setPreview 
+}) => {
+  const handleDrop = (files: File[]) => {
+    const selected = files[0];
+    if (selected) {
+      setFile(selected);
+      setPreview(URL.createObjectURL(selected));
+    }
+  };
+
+  const handleRemove = () => {
+    setPreview(null);
+    setFile(null);
+  };
+
+  return (
+    <Box>
+      <Text fw="bold" fz="sm" mb={6}>
+        {title}
+      </Text>
+      <Dropzone
+        onDrop={handleDrop}
+        onReject={() => toast.error('File tidak valid, gunakan format gambar')}
+        maxSize={5 * 1024 ** 2}
+        accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+        radius="md"
+        p="xl"
+      >
+        <Group justify="center" gap="xl" mih={180}>
+          <Dropzone.Accept>
+            <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
+          </Dropzone.Accept>
+          <Dropzone.Reject>
+            <IconX size={48} color="red" stroke={1.5} />
+          </Dropzone.Reject>
+          <Dropzone.Idle>
+            <IconPhoto size={48} color="#868e96" stroke={1.5} />
+          </Dropzone.Idle>
+          <Stack gap="xs" align="center">
+            <Text size="md" fw={500}>
+              Seret gambar atau klik untuk memilih file
+            </Text>
+            <Text size="sm" c="dimmed">
+              Maksimal 5MB, format .png, .jpg, .jpeg, .webp
+            </Text>
+          </Stack>
+        </Group>
+      </Dropzone>
+
+      {preview && (
+        <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+          <Image
+            src={preview}
+            alt="Preview Gambar"
+            radius="md"
+            style={{
+              maxHeight: 200,
+              objectFit: 'contain',
+              border: '1px solid #ddd',
+            }}
+          />
+          <ActionIcon
+            variant="filled"
+            color="red"
+            radius="xl"
+            size="sm"
+            pos="absolute"
+            top={5}
+            right={5}
+            onClick={handleRemove}
+            style={{ boxShadow: '0 2px 6px rgba(0,0,0,0.15)' }}
+          >
+            <IconX size={14} />
+          </ActionIcon>
+        </Box>
+      )}
+    </Box>
+  );
+};
+
+// 🔹 Main Component
 function EditSuratKeterangan() {
   const router = useRouter();
   const params = useParams();
-  const stateSurat = useProxy(stateLayananDesa.suratKeterangan);
 
-  // state lokal untuk form
-  const [formData, setFormData] = useState({
+  // 🧩 State
+  const [formData, setFormData] = useState<FormData>({
     name: '',
     deskripsi: '',
     imageId: '',
     image2Id: '',
+    imageUrl: '',
+    image2Url: '',
   });
-
-  // state file upload
+  const [originalData, setOriginalData] = useState<FormData>(formData);
   const [file, setFile] = useState<File | null>(null);
   const [file2, setFile2] = useState<File | null>(null);
-
-  // state preview gambar
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [previewImage2, setPreviewImage2] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
-  // load data awal
+  // 🧭 Load Initial Data
   useEffect(() => {
     const loadSurat = async () => {
       const id = params?.id as string;
       if (!id) return;
 
       try {
-        const data = await stateSurat.edit.load(id);
+        const data = await stateLayananDesa.suratKeterangan.edit.load(id);
         if (!data) return;
 
-        setFormData((prev) => ({
-          ...prev,
-          ...{
-            name: prev.name || data.name || "",
-            deskripsi: prev.deskripsi || data.deskripsi || "",
-            imageId: prev.imageId || data.imageId || "",
-            image2Id: prev.image2Id || data.image2Id || "",
-          },
-        }));
+        const mapped: FormData = {
+          name: data.name || '',
+          deskripsi: data.deskripsi || '',
+          imageId: data.imageId || '',
+          image2Id: data.image2Id || '',
+          imageUrl: data.image?.link || '',
+          image2Url: data.image2?.link || ''
+        };
 
-        if (data.image?.link && !previewImage) setPreviewImage(data.image.link);
-        if (data.image2?.link && !previewImage2) setPreviewImage2(data.image2.link);
+        setFormData(mapped);
+        setOriginalData(mapped);
+
+        if (data.image?.link) setPreviewImage(data.image.link);
+        if (data.image2?.link) setPreviewImage2(data.image2.link);
       } catch (error) {
-        console.error("Error loading surat:", error);
-        toast.error("Gagal memuat data surat");
+        console.error('Error loading surat:', error);
+        toast.error('Gagal memuat data surat');
       }
     };
 
     loadSurat();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [params?.id]);
 
+  // 📤 Upload File Helper
+  const uploadFile = async (file: File): Promise<string | null> => {
+    try {
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+      const uploaded = res.data?.data;
+      return uploaded?.id || null;
+    } catch (error) {
+      console.error('Error uploading file:', error);
+      return null;
+    }
+  };
 
+  // 🔁 Reset Form
+  const handleResetForm = () => {
+    setFormData(originalData);
+    setPreviewImage(originalData.imageUrl || null);
+    setPreviewImage2(originalData.image2Url || null);
+    setFile(null);
+    setFile2(null);
+    toast.info('Form dikembalikan ke data awal');
+  };
 
-  // handler untuk submit
+  // 💾 Submit Handler
   const handleSubmit = useCallback(async () => {
     try {
-      // update form global hanya saat submit
-      stateSurat.edit.form = { ...stateSurat.edit.form, ...formData };
+      setIsSubmitting(true);
 
-      // upload file 1
+      // ✅ Access original state directly (not proxy)
+      const originalState = stateLayananDesa.suratKeterangan;
+
+      // Update form data properties individually
+      originalState.edit.form.name = formData.name;
+      originalState.edit.form.deskripsi = formData.deskripsi;
+      originalState.edit.form.imageId = formData.imageId;
+      originalState.edit.form.image2Id = formData.image2Id;
+
+      // Upload file 1 if exists
       if (file) {
-        const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
-        const uploaded = res.data?.data;
-        if (!uploaded?.id) return toast.error('Gagal upload gambar');
-        stateSurat.edit.form.imageId = uploaded.id;
+        const uploadedId = await uploadFile(file);
+        if (!uploadedId) {
+          toast.error('Gagal upload gambar pertama');
+          return;
+        }
+        originalState.edit.form.imageId = uploadedId;
       }
 
-      // upload file 2
+      // Upload file 2 if exists
       if (file2) {
-        const res = await ApiFetch.api.fileStorage.create.post({ file: file2, name: file2.name });
-        const uploaded = res.data?.data;
-        if (!uploaded?.id) return toast.error('Gagal upload gambar');
-        stateSurat.edit.form.image2Id = uploaded.id;
+        const uploadedId = await uploadFile(file2);
+        if (!uploadedId) {
+          toast.error('Gagal upload gambar kedua');
+          return;
+        }
+        originalState.edit.form.image2Id = uploadedId;
       }
 
-      await stateSurat.edit.update();
+      // Submit update
+      await originalState.edit.update();
       toast.success('Surat berhasil diperbarui!');
       router.push('/admin/desa/layanan/pelayanan_surat_keterangan');
     } catch (error) {
       console.error('Error updating surat:', error);
       toast.error('Terjadi kesalahan saat memperbarui surat');
+    } finally {
+      setIsSubmitting(false);
     }
-  }, [formData, file, file2, router, stateSurat.edit]);
+  }, [formData, file, file2, router]);
+
+  // 📝 Form Field Handlers
+  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setFormData(prev => ({ ...prev, name: e.target.value }));
+  };
+
+  const handleDeskripsiChange = (html: string) => {
+    setFormData(prev => ({ ...prev, deskripsi: html }));
+  };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
-      {/* Back Button */}
+      {/* Header */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Surat Keterangan
         </Title>
       </Group>
 
+      {/* Form */}
       <Paper
         w={{ base: '100%', md: '50%' }}
         bg={colors['white-1']}
@@ -128,154 +284,66 @@ function EditSuratKeterangan() {
         style={{ border: '1px solid #e0e0e0' }}
       >
         <Stack gap="md">
-          {/* Input nama */}
+          {/* Nama Surat */}
           <TextInput
             label="Nama Surat Keterangan"
             placeholder="Masukkan nama surat keterangan"
             value={formData.name}
-            onChange={(e) => setFormData((prev) => ({ ...prev, name: e.target.value }))}
+            onChange={handleNameChange}
             required
           />
 
-          {/* Input deskripsi */}
+          {/* Deskripsi */}
           <Box>
             <Text fz="sm" fw="bold" mb={6}>
               Konten
             </Text>
             <EditEditor
               value={formData.deskripsi}
-              onChange={(htmlContent) =>
-                setFormData((prev) => ({ ...prev, deskripsi: htmlContent }))
-              }
+              onChange={handleDeskripsiChange}
             />
           </Box>
 
-          {/* Upload Gambar 1 */}
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Gambar Konten Pelayanan
-            </Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0];
-                if (selectedFile) {
-                  setFile(selectedFile);
-                  setPreviewImage(URL.createObjectURL(selectedFile));
-                }
-              }}
-              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
-              maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={180}>
-                <Dropzone.Accept>
-                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
-                </Dropzone.Accept>
-                <Dropzone.Reject>
-                  <IconX size={48} color="red" stroke={1.5} />
-                </Dropzone.Reject>
-                <Dropzone.Idle>
-                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
-                </Dropzone.Idle>
-                <Stack gap="xs" align="center">
-                  <Text size="md" fw={500}>
-                    Seret gambar atau klik untuk memilih file
-                  </Text>
-                  <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
-                  </Text>
-                </Stack>
-              </Group>
-            </Dropzone>
+          {/* Gambar 1 */}
+          <FileUploader
+            title="Gambar Konten Pelayanan"
+            file={file}
+            setFile={setFile}
+            preview={previewImage}
+            setPreview={setPreviewImage}
+          />
 
-            {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
-                <Image
-                  src={previewImage}
-                  alt="Preview Gambar 1"
-                  radius="md"
-                  style={{
-                    maxHeight: 220,
-                    objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
-                  }}
-                  loading="lazy"
-                />
-              </Box>
-            )}
-          </Box>
-
-          {/* Upload Gambar 2 */}
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Gambar Alur Pelayanan Surat
-            </Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0];
-                if (selectedFile) {
-                  setFile2(selectedFile);
-                  setPreviewImage2(URL.createObjectURL(selectedFile));
-                }
-              }}
-              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
-              maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={180}>
-                <Dropzone.Accept>
-                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
-                </Dropzone.Accept>
-                <Dropzone.Reject>
-                  <IconX size={48} color="red" stroke={1.5} />
-                </Dropzone.Reject>
-                <Dropzone.Idle>
-                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
-                </Dropzone.Idle>
-                <Stack gap="xs" align="center">
-                  <Text size="md" fw={500}>
-                    Seret gambar atau klik untuk memilih file
-                  </Text>
-                  <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
-                  </Text>
-                </Stack>
-              </Group>
-            </Dropzone>
-
-            {previewImage2 && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
-                <Image
-                  src={previewImage2}
-                  alt="Preview Gambar 2"
-                  radius="md"
-                  style={{
-                    maxHeight: 220,
-                    objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
-                  }}
-                  loading="lazy"
-                />
-              </Box>
-            )}
-          </Box>
+          {/* Gambar 2 */}
+          <FileUploader
+            title="Gambar Alur Pelayanan Surat"
+            file={file2}
+            setFile={setFile2}
+            preview={previewImage2}
+            setPreview={setPreviewImage2}
+          />
 
+          {/* Action Buttons */}
           <Group justify="right">
+            <Button 
+              variant="outline" 
+              color="gray" 
+              radius="md" 
+              onClick={handleResetForm}
+              disabled={isSubmitting}
+            >
+              Batal
+            </Button>
             <Button
               onClick={handleSubmit}
               radius="md"
-              size="md"
+              disabled={isSubmitting}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
-                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                boxShadow: '0 4px 15px rgba(79,172,254,0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
@@ -284,4 +352,4 @@ function EditSuratKeterangan() {
   );
 }
 
-export default EditSuratKeterangan;
+export default EditSuratKeterangan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
index 0ccbbb23..9c065b52 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
@@ -5,10 +5,12 @@ import stateLayananDesa from '@/app/admin/(dashboard)/_state/desa/layananDesa';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -27,6 +29,7 @@ function CreateSuratKeterangan() {
   const [previewImage2, setPreviewImage2] = useState<{ preview: string; file: File } | null>(null);
   const [previewImage, setPreviewImage] = useState<{ preview: string; file: File } | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateSurat.create.form = {
@@ -45,6 +48,7 @@ function CreateSuratKeterangan() {
     }
 
     try {
+      setIsSubmitting(true);
       // Upload gambar utama
       const res1 = await ApiFetch.api.fileStorage.create.post({
         file: previewImage.file,
@@ -77,6 +81,8 @@ function CreateSuratKeterangan() {
     } catch (error) {
       console.error('Error creating surat keterangan:', error);
       toast.error('Terjadi kesalahan saat menambahkan surat keterangan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -84,9 +90,9 @@ function CreateSuratKeterangan() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Surat Keterangan
         </Title>
@@ -103,7 +109,7 @@ function CreateSuratKeterangan() {
         <Stack gap="md">
           {/* Nama Surat */}
           <TextInput
-            defaultValue={stateSurat.create.form.name}
+            value={stateSurat.create.form.name}
             onChange={(val) => (stateSurat.create.form.name = val.target.value)}
             label="Nama Surat Keterangan"
             placeholder="Masukkan nama surat keterangan"
@@ -140,7 +146,7 @@ function CreateSuratKeterangan() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -161,7 +167,7 @@ function CreateSuratKeterangan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage.preview}
                   alt="Preview Gambar Utama"
@@ -169,6 +175,23 @@ function CreateSuratKeterangan() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -190,7 +213,7 @@ function CreateSuratKeterangan() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -211,7 +234,7 @@ function CreateSuratKeterangan() {
             </Dropzone>
 
             {previewImage2 ? (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage2.preview}
                   alt="Preview Gambar Tambahan"
@@ -219,6 +242,23 @@ function CreateSuratKeterangan() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage2(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             ) : (
               <Text size="sm" c="dimmed" mt="sm" ta="center">
@@ -229,6 +269,17 @@ function CreateSuratKeterangan() {
 
           {/* Tombol Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -239,7 +290,7 @@ function CreateSuratKeterangan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
index 67bd5688..08ae9730 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -21,6 +22,7 @@ function EditPelayananTelunjukSakti() {
   const stateTelunjukDesa = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     name: '',
@@ -28,6 +30,12 @@ function EditPelayananTelunjukSakti() {
     link: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsi: '',
+    link: '',
+  });
+
   // Load data awal hanya sekali (pas ada id)
   useEffect(() => {
     const loadData = async () => {
@@ -42,6 +50,11 @@ function EditPelayananTelunjukSakti() {
             deskripsi: data.deskripsi ?? '',
             link: data.link ?? '',
           });
+          setOriginalData({
+            name: data.name ?? '',
+            deskripsi: data.deskripsi ?? '',
+            link: data.link ?? '',
+          });
         }
       } catch (error) {
         console.error('Error loading pelayanan telunjuk sakti:', error);
@@ -60,9 +73,19 @@ function EditPelayananTelunjukSakti() {
     []
   );
 
+  const handleResetForm = () => {
+      setFormData({
+        name: originalData.name,
+        deskripsi: originalData.deskripsi,
+        link: originalData.link,
+      });
+      toast.info("Form dikembalikan ke data awal");
+    };
+
   // Submit: update global state hanya saat simpan
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateTelunjukDesa.edit.form = {
         ...stateTelunjukDesa.edit.form,
         ...formData,
@@ -73,6 +96,8 @@ function EditPelayananTelunjukSakti() {
     } catch (error) {
       console.error('Error updating pelayanan telunjuk sakti:', error);
       toast.error('Terjadi kesalahan saat memperbarui pelayanan telunjuk sakti');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -125,6 +150,17 @@ function EditPelayananTelunjukSakti() {
 
           {/* Tombol Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -135,7 +171,7 @@ function EditPelayananTelunjukSakti() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
index 3ebc515f..28faa0ff 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -13,12 +14,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreatePelayananTelunjukDesa() {
   const stateTelunjukDesa = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateTelunjukDesa.create.form = {
@@ -30,6 +33,7 @@ function CreatePelayananTelunjukDesa() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       await stateTelunjukDesa.create.create();
       resetForm();
       toast.success('Data pelayanan telunjuk sakti berhasil ditambahkan');
@@ -37,6 +41,8 @@ function CreatePelayananTelunjukDesa() {
     } catch (error) {
       console.error('Error create pelayanan telunjuk sakti:', error);
       toast.error('Terjadi kesalahan saat menambahkan data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -64,7 +70,7 @@ function CreatePelayananTelunjukDesa() {
         <Stack gap="md">
           {/* Nama */}
           <TextInput
-            defaultValue={stateTelunjukDesa.create.form.name}
+            value={stateTelunjukDesa.create.form.name}
             onChange={(val) => {
               stateTelunjukDesa.create.form.name = val.target.value;
             }}
@@ -75,7 +81,7 @@ function CreatePelayananTelunjukDesa() {
 
           {/* Deskripsi */}
           <TextInput
-            defaultValue={stateTelunjukDesa.create.form.deskripsi}
+            value={stateTelunjukDesa.create.form.deskripsi}
             onChange={(val) => {
               stateTelunjukDesa.create.form.deskripsi = val.target.value;
             }}
@@ -86,7 +92,7 @@ function CreatePelayananTelunjukDesa() {
 
           {/* Link */}
           <TextInput
-            defaultValue={stateTelunjukDesa.create.form.link}
+            value={stateTelunjukDesa.create.form.link}
             onChange={(val) => {
               stateTelunjukDesa.create.form.link = val.target.value;
             }}
@@ -97,6 +103,17 @@ function CreatePelayananTelunjukDesa() {
 
           {/* Tombol Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -107,7 +124,7 @@ function CreatePelayananTelunjukDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
index bbf9b7d6..53ec0c12 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import penghargaanState from '@/app/admin/(dashboard)/_state/desa/penghargaan';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -29,6 +31,15 @@ function EditPenghargaan() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    juara: "",
+    deskripsi: "",
+    imageId: "",
+    imageUrl: "",
+  });
 
   // Lokal formData
   const [formData, setFormData] = useState({
@@ -46,17 +57,25 @@ function EditPenghargaan() {
 
       try {
         const data = await statePenghargaan.edit.load(id);
+        
         if (data) {
-          setFormData({
-            name: data.name || '',
-            juara: data.juara || '',
-            deskripsi: data.deskripsi || '',
-            imageId: data.imageId || '',
+          const newForm = {
+            name: data.name || "",
+            juara: data.juara || "",
+            deskripsi: data.deskripsi || "",
+            imageId: data.imageId || "",
+          };
+          setFormData(newForm);
+
+          // simpan juga versi original
+          const imageUrl = data.image?.link || "";
+          
+          setOriginalData({
+            ...newForm,
+            imageUrl: imageUrl,
           });
 
-          if (data?.image?.link) {
-            setPreviewImage(data.image.link);
-          }
+          setPreviewImage(imageUrl || null);
         }
       } catch (error) {
         console.error('Error loading penghargaan:', error);
@@ -67,33 +86,49 @@ function EditPenghargaan() {
     loadPenghargaan();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      juara: originalData.juara,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // Submit
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Sync ke global state saat submit
-      statePenghargaan.edit.form = {
-        ...statePenghargaan.edit.form,
-        ...formData,
-      };
-
-      // Upload file baru (kalau ada)
+      let imageId = formData.imageId;
       if (file) {
         const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
         const uploaded = res.data?.data;
-
         if (!uploaded?.id) {
-          return toast.error('Gagal upload gambar');
+          return toast.error("Gagal upload gambar");
         }
-
-        statePenghargaan.edit.form.imageId = uploaded.id;
+        imageId = uploaded.id;
       }
 
+      // Update global state form (baru di sini)
+      statePenghargaan.edit.form = {
+        ...statePenghargaan.edit.form,
+        name: formData.name,
+        juara: formData.juara,
+        deskripsi: formData.deskripsi,
+        imageId,
+      }
       await statePenghargaan.edit.update();
       toast.success('Penghargaan berhasil diperbarui!');
       router.push('/admin/desa/penghargaan');
     } catch (error) {
       console.error('Error updating penghargaan:', error);
       toast.error('Terjadi kesalahan saat memperbarui penghargaan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -152,7 +187,7 @@ function EditPenghargaan() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -171,25 +206,47 @@ function EditPenghargaan() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
-                <Image
-                  src={previewImage}
-                  alt="Preview Gambar"
-                  radius="md"
-                  style={{
-                    maxHeight: 220,
-                    objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
+              <Box pos="relative" mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+                <Box>
+                  <Image
+                    src={previewImage.startsWith('http') ? previewImage : `${window.location.origin}${previewImage}`}
+                    alt="Preview Gambar"
+                    radius="md"
+                    style={{
+                      maxHeight: 200,
+                      objectFit: 'contain',
+                      border: '1px solid #ddd',
+                    }}
+                    loading="lazy"
+                  />
+                </Box>
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
                   }}
-                  loading="lazy"
-                />
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -209,6 +266,17 @@ function EditPenghargaan() {
 
           {/* Tombol Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -219,7 +287,7 @@ function EditPenghargaan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
index e3089f6d..a76063c9 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,6 +28,7 @@ function CreatePenghargaan() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     statePenghargaan.create.form = {
@@ -39,26 +42,34 @@ function CreatePenghargaan() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      statePenghargaan.create.form.imageId = uploaded.id;
+
+      await statePenghargaan.create.create();
+      resetForm();
+      router.push('/admin/desa/penghargaan');
+    } catch (error) {
+      console.error('Error creating penghargaan:', error);
+      toast.error('Terjadi kesalahan saat menambahkan penghargaan');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    statePenghargaan.create.form.imageId = uploaded.id;
-
-    await statePenghargaan.create.create();
-    resetForm();
-    router.push('/admin/desa/penghargaan');
   };
 
   return (
@@ -84,7 +95,7 @@ function CreatePenghargaan() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={statePenghargaan.create.form.name}
+            value={statePenghargaan.create.form.name}
             onChange={(val) => (statePenghargaan.create.form.name = val.target.value)}
             label="Nama Penghargaan"
             placeholder="Masukkan nama penghargaan"
@@ -92,7 +103,7 @@ function CreatePenghargaan() {
           />
 
           <TextInput
-            defaultValue={statePenghargaan.create.form.juara}
+            value={statePenghargaan.create.form.juara}
             onChange={(val) => (statePenghargaan.create.form.juara = val.target.value)}
             label="Juara"
             placeholder="Masukkan juara"
@@ -122,7 +133,7 @@ function CreatePenghargaan() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -143,7 +154,7 @@ function CreatePenghargaan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -151,12 +162,41 @@ function CreatePenghargaan() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Button Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -167,7 +207,7 @@ function CreatePenghargaan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
index 1ed44942..1438347d 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
@@ -10,7 +10,8 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -22,8 +23,9 @@ function EditKategoriPengumuman() {
   const editState = useProxy(stateDesaPengumuman.category);
   const router = useRouter();
   const params = useParams();
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({ name: '' });
+  const [originalData, setOriginalData] = useState({ name: '' });
 
   // Load data awal sekali aja
   useEffect(() => {
@@ -35,6 +37,7 @@ function EditKategoriPengumuman() {
         const data = await editState.update.load(id);
         if (data) {
           setFormData({ name: data.name || '' });
+          setOriginalData({ name: data.name || '' });
         }
       } catch (error) {
         console.error('Error loading kategori Pengumuman:', error);
@@ -54,6 +57,7 @@ function EditKategoriPengumuman() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state hanya di sini
       editState.update.form = {
         ...editState.update.form,
@@ -66,9 +70,19 @@ function EditKategoriPengumuman() {
     } catch (error) {
       console.error('Error updating kategori Pengumuman:', error);
       toast.error('Terjadi kesalahan saat memperbarui kategori Pengumuman');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+      setFormData({
+        name: originalData.name,
+      });
+      toast.info("Form dikembalikan ke data awal");
+    };
+  
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
@@ -105,6 +119,17 @@ function EditKategoriPengumuman() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -115,7 +140,7 @@ function EditKategoriPengumuman() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
index e7515eb0..da1fb9c4 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
@@ -8,15 +8,19 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 
 function CreateKategoriPengumuman() {
   const createState = useProxy(stateDesaPengumuman.category);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     createState.create.form = {
@@ -25,9 +29,16 @@ function CreateKategoriPengumuman() {
   };
 
   const handleSubmit = async () => {
-    await createState.create.create();
-    resetForm();
-    router.push('/admin/desa/pengumuman/kategori-pengumuman');
+    try {
+      await createState.create.create();
+      resetForm();
+      router.push('/admin/desa/pengumuman/kategori-pengumuman');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menambahkan kategori pengumuman');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -60,12 +71,23 @@ function CreateKategoriPengumuman() {
           <TextInput
             label="Nama Kategori Pengumuman"
             placeholder="Masukkan nama kategori pengumuman"
-            defaultValue={createState.create.form.name || ''}
+            value={createState.create.form.name || ''}
             onChange={(e) => (createState.create.form.name = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -76,7 +98,7 @@ function CreateKategoriPengumuman() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
index 086f119a..cbeeceef 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
@@ -13,7 +13,8 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useParams, useRouter } from "next/navigation";
@@ -33,6 +34,15 @@ function EditPengumuman() {
     content: "",
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    judul: "",
+    deskripsi: "",
+    categoryPengumumanId: "",
+    content: "",
+  });
+
   // Load kategori & pengumuman by id saat pertama kali
   useEffect(() => {
     editState.category.findMany.load();
@@ -50,6 +60,12 @@ function EditPengumuman() {
             categoryPengumumanId: data.categoryPengumumanId || "",
             content: data.content || "",
           });
+          setOriginalData({
+            judul: data.judul || "",
+            deskripsi: data.deskripsi || "",
+            categoryPengumumanId: data.categoryPengumumanId || "",
+            content: data.content || "",
+          });
         }
       } catch (error) {
         console.error("Error loading pengumuman:", error);
@@ -66,6 +82,7 @@ function EditPengumuman() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // update global state hanya sekali pas submit
       editState.pengumuman.edit.form = {
         ...editState.pengumuman.edit.form,
@@ -78,9 +95,21 @@ function EditPengumuman() {
     } catch (error) {
       console.error("Error updating pengumuman:", error);
       toast.error("Terjadi kesalahan saat memperbarui pengumuman");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+      categoryPengumumanId: originalData.categoryPengumumanId,
+      content: originalData.content,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       <Group mb="md">
@@ -152,17 +181,29 @@ function EditPengumuman() {
           </Box>
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
index fe2bea16..44a40fb0 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
@@ -12,25 +12,37 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreatePengumuman() {
   const pengumumanState = useProxy(stateDesaPengumuman);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useShallowEffect(() => {
     pengumumanState.category.findMany.load();
   }, []);
 
   const handleSubmit = async () => {
-    await pengumumanState.pengumuman.create.create();
-    resetForm();
-    router.push('/admin/desa/pengumuman/list-pengumuman');
+    try {
+      setIsSubmitting(true);
+      await pengumumanState.pengumuman.create.create();
+      resetForm();
+      router.push('/admin/desa/pengumuman/list-pengumuman');
+    } catch (error) {
+      console.error('Error creating pengumuman:', error);
+      toast.error('Terjadi kesalahan saat membuat pengumuman');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   const resetForm = () => {
@@ -46,9 +58,9 @@ function CreatePengumuman() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Pengumuman
         </Title>
@@ -65,7 +77,7 @@ function CreatePengumuman() {
         <Stack gap="md">
           {/* Judul */}
           <TextInput
-            defaultValue={pengumumanState.pengumuman.create.form.judul}
+            value={pengumumanState.pengumuman.create.form.judul}
             onChange={(val) => (pengumumanState.pengumuman.create.form.judul = val.target.value)}
             label="Judul"
             placeholder="Masukkan judul pengumuman"
@@ -76,21 +88,32 @@ function CreatePengumuman() {
           <Select
             label="Kategori"
             placeholder="Pilih kategori"
-            value={pengumumanState.pengumuman.create.form.categoryPengumumanId || ""}
-            onChange={(val) => {
-              pengumumanState.pengumuman.create.form.categoryPengumumanId = val ?? "";
-            }}
             data={pengumumanState.category.findMany.data?.map((item) => ({
               label: item.name,
               value: item.id,
-            }))}
+            })) || []}
+            value={pengumumanState.pengumuman.create.form.categoryPengumumanId || null}
+            onChange={(val: string | null) => {
+              if (val) {
+                const selected = pengumumanState.category.findMany.data?.find(
+                  (item) => item.id === val
+                );
+                if (selected) {
+                  pengumumanState.pengumuman.create.form.categoryPengumumanId = selected.id;
+                }
+              } else {
+                pengumumanState.pengumuman.create.form.categoryPengumumanId = '';
+              }
+            }}
             searchable
+            clearable
             nothingFoundMessage="Tidak ditemukan"
+            required
           />
 
           {/* Deskripsi Singkat */}
           <TextInput
-            defaultValue={pengumumanState.pengumuman.create.form.deskripsi}
+            value={pengumumanState.pengumuman.create.form.deskripsi}
             onChange={(val) => (pengumumanState.pengumuman.create.form.deskripsi = val.target.value)}
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
@@ -112,6 +135,17 @@ function CreatePengumuman() {
 
           {/* Tombol Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -122,7 +156,7 @@ function CreatePengumuman() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
index c92b307c..4c9f4c26 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
@@ -9,7 +9,8 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -26,6 +27,12 @@ function EditKategoriPotensi() {
     nama: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+  });
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   // Load data dari backend -> isi ke formData lokal
   useEffect(() => {
     const loadKategori = async () => {
@@ -38,6 +45,9 @@ function EditKategoriPotensi() {
           setFormData({
             nama: data.nama || '',
           });
+          setOriginalData({
+            nama: data.nama || '',
+          });
         }
       } catch (error) {
         console.error('Error loading kategori potensi:', error);
@@ -55,8 +65,16 @@ function EditKategoriPotensi() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state hanya pas submit
       editState.update.form = {
         ...editState.update.form,
@@ -69,6 +87,8 @@ function EditKategoriPotensi() {
     } catch (error) {
       console.error('Error updating kategori potensi:', error);
       toast.error('Terjadi kesalahan saat memperbarui kategori potensi');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -106,6 +126,17 @@ function EditKategoriPotensi() {
           />
 
           <Group justify="flex-end">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -116,7 +147,7 @@ function EditKategoriPotensi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
index 19903663..5647f386 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
@@ -8,15 +8,18 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
 function CreateKategoriPotensi() {
   const createState = useProxy(potensiDesaState.kategoriPotensi);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     createState.create.form = {
@@ -25,23 +28,30 @@ function CreateKategoriPotensi() {
   };
 
   const handleSubmit = async () => {
-    await createState.create.create();
-    resetForm();
-    router.push('/admin/desa/potensi/kategori-potensi');
+    try {
+      setIsSubmitting(true);
+      await createState.create.create();
+      resetForm();
+      router.push('/admin/desa/potensi/kategori-potensi');
+    } catch (error) {
+      console.error('Error creating kategori potensi:', error);
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan back button */}
       <Group mb="md">
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Potensi
         </Title>
@@ -60,12 +70,23 @@ function CreateKategoriPotensi() {
           <TextInput
             label="Nama Kategori Potensi"
             placeholder="Masukkan nama kategori potensi"
-            defaultValue={createState.create.form.nama || ''}
+            value={createState.create.form.nama || ''}
             onChange={(e) => (createState.create.form.nama = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -76,7 +97,7 @@ function CreateKategoriPotensi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
index 301133e9..bf2197e6 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
@@ -15,7 +15,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader,
+  ActionIcon
 } from "@mantine/core";
 import { Dropzone } from "@mantine/dropzone";
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from "@tabler/icons-react";
@@ -38,6 +40,16 @@ function EditPotensi() {
     content: "",
     imageId: "",
   });
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    deskripsi: "",
+    kategoriId: "",
+    content: "",
+    imageId: "",
+    imageUrl: "",
+  });
 
   // handle input changes
   const handleChange = (field: string, value: string) => {
@@ -46,11 +58,11 @@ function EditPotensi() {
 
   useEffect(() => {
     potensiDesaState.kategoriPotensi.findMany.load();
-  
+
     const loadPotensi = async () => {
       const id = params?.id as string;
       if (!id) return;
-  
+
       try {
         const data = await potensiState.edit.load(id);
         if (data) {
@@ -61,35 +73,45 @@ function EditPotensi() {
             content: data.content || "",
             imageId: data.imageId || "",
           });
-          
-          // // merge, bukan replace
-          // setFormData((prev) => ({
-          //   ...prev,
-          //   name: data.name ?? prev.name,
-          //   deskripsi: data.deskripsi ?? prev.deskripsi,
-          //   kategoriId: data.kategoriId ?? prev.kategoriId,
-          //   content: data.content ?? prev.content,
-          //   imageId: data.imageId ?? prev.imageId,
-          // }));
-  
-          if (data?.image?.link) {
-            setPreviewImage(data.image.link);
-          }
+
+          setOriginalData({
+            name: data.name || "",
+            deskripsi: data.deskripsi || "",
+            kategoriId: data.kategoriId || "",
+            content: data.content || "",
+            imageId: data.imageId || "",
+            imageUrl: data.image?.link || "",
+          });
+          setPreviewImage(data.image.link);
+
         }
       } catch (error) {
         console.error("Error loading potensi:", error);
         toast.error("Gagal memuat data potensi");
       }
     };
-  
+
     loadPotensi();
   }, [params?.id]);
-  
+
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name || "",
+      deskripsi: originalData.deskripsi || "",
+      kategoriId: originalData.kategoriId || "",
+      content: originalData.content || "",
+      imageId: originalData.imageId || ""
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let imageId = formData.imageId;
-
       if (file) {
         const res = await ApiFetch.api.fileStorage.create.post({
           file,
@@ -115,20 +137,22 @@ function EditPotensi() {
     } catch (error) {
       console.error("Error updating potensi:", error);
       toast.error("Terjadi kesalahan saat memperbarui potensi");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       <Group mb="md">
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Potensi Desa
         </Title>
@@ -164,6 +188,32 @@ function EditPotensi() {
           </Box>
 
           <Select
+            label="Kategori"
+            placeholder="Pilih kategori"
+            data={potensiDesaState.kategoriPotensi.findMany.data?.map((item) => ({
+              label: item.nama,
+              value: item.id,
+            })) || []}
+            value={formData.kategoriId || null}
+            onChange={(val: string | null) => {
+              if (val) {
+                const selected = potensiDesaState.kategoriPotensi.findMany.data?.find(
+                  (item) => item.id === val
+                );
+                if (selected) {
+                  handleChange("kategoriId", selected.id);
+                }
+              } else {
+                handleChange("kategoriId", "");
+              }
+            }}
+            searchable
+            clearable
+            nothingFoundMessage="Tidak ditemukan"
+            required
+          />
+
+          {/* <Select
             value={formData.kategoriId}
             onChange={(val) => handleChange("kategoriId", val || "")}
             label="Kategori"
@@ -178,7 +228,7 @@ function EditPotensi() {
             searchable
             required
             error={!formData.kategoriId ? "Pilih kategori" : undefined}
-          />
+          /> */}
 
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
@@ -219,25 +269,45 @@ function EditPotensi() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: "flex", justifyContent: "center" }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
                   style={{
-                    maxHeight: 220,
-                    objectFit: "contain",
-                    border: `1px solid ${colors["blue-button"]}`,
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -255,17 +325,29 @@ function EditPotensi() {
           </Box>
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
index ebc0879d..d18bca1b 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
@@ -14,7 +14,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader,
+  ActionIcon
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -28,30 +30,39 @@ function CreatePotensi() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     potensiDesaState.kategoriPotensi.findMany.load();
   }, []);
 
   const handleSubmit = async () => {
-    if (!file) return toast.warn('Pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) return toast.warn('Pilih file gambar terlebih dahulu');
 
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
 
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal upload gambar');
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal upload gambar');
+      }
+
+      potensiState.create.form.imageId = uploaded.id;
+
+      await potensiState.create.create();
+
+      resetForm();
+      router.push('/admin/desa/potensi/list-potensi');
+    } catch (error) {
+      console.error('Error creating potensi:', error);
+      toast.error('Terjadi kesalahan saat menambahkan potensi');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    potensiState.create.form.imageId = uploaded.id;
-
-    await potensiState.create.create();
-
-    resetForm();
-    router.push('/admin/desa/potensi/list-potensi');
   };
 
   const resetForm = () => {
@@ -71,9 +82,9 @@ function CreatePotensi() {
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Potensi Desa
         </Title>
@@ -90,7 +101,7 @@ function CreatePotensi() {
         <Stack gap="md">
           {/* Judul */}
           <TextInput
-            defaultValue={potensiState.create.form.name}
+            value={potensiState.create.form.name}
             onChange={(val) => (potensiState.create.form.name = val.target.value)}
             label="Judul"
             placeholder="Masukkan judul potensi"
@@ -112,6 +123,32 @@ function CreatePotensi() {
 
           {/* Kategori */}
           <Select
+            label="Kategori"
+            placeholder="Pilih kategori"
+            data={potensiDesaState.kategoriPotensi.findMany.data?.map((item) => ({
+              label: item.nama,
+              value: item.id,
+            })) || []}
+            value={potensiState.create.form.kategoriId || null}
+            onChange={(val: string | null) => {
+              if (val) {
+                const selected = potensiDesaState.kategoriPotensi.findMany.data?.find(
+                  (item) => item.id === val
+                );
+                if (selected) {
+                  potensiState.create.form.kategoriId = selected.id;
+                }
+              } else {
+                potensiState.create.form.kategoriId = '';
+              }
+            }}
+            searchable
+            clearable
+            nothingFoundMessage="Tidak ditemukan"
+            required
+          />
+
+          {/* <Select
             label="Kategori"
             placeholder="Pilih kategori"
             value={potensiState.create.form.kategoriId || ""}
@@ -122,7 +159,7 @@ function CreatePotensi() {
               value: item.id,
               label: item.nama,
             }))}
-          />
+          /> */}
 
           {/* Upload Gambar */}
           <Box>
@@ -139,7 +176,7 @@ function CreatePotensi() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -157,17 +194,44 @@ function CreatePotensi() {
               <Text ta="center" mt="sm" size="sm" color="dimmed">
                 Seret gambar atau klik untuk memilih file (maks 5MB)
               </Text>
+              <Text size="sm" c="dimmed">
+                Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
+              </Text>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
-                  loading='lazy'
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
+                  loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -187,6 +251,17 @@ function CreatePotensi() {
 
           {/* Tombol Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -197,7 +272,7 @@ function CreatePotensi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
index 4aec56e8..6d182103 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
@@ -1,152 +1,244 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Alert, Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import {
+  Alert,
+  Box,
+  Button,
+  Center,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+} from '@mantine/core';
 import { IconAlertCircle, IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
 
+// 🧩 Type untuk form
+interface FormData {
+  judul: string;
+  deskripsi: string;
+}
+
+// 🧩 Main Component
 function Page() {
-    const lambangState = useProxy(stateProfileDesa.lambangDesa)
-    const router = useRouter()
-    const params = useParams()
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    // Load data
-    useEffect(() => {
-        const loadData = async () => {
-            const id = params?.id as string;
-            if (!id) {
-                toast.error("ID tidak valid");
-                router.push("/admin/desa/profile/profile-desa");
-                return;
-            }
+  const router = useRouter();
+  const params = useParams();
 
-            try {
-                const data = await lambangState.findUnique.load(id);
-                lambangState.update.initialize(data);
-            } catch (error) {
-                console.error("Error loading lambang:", error);
-                toast.error("Gagal memuat data lambang desa");
-            }
-        };
+  const [formData, setFormData] = useState<FormData>({ judul: '', deskripsi: '' });
+  const [originalData, setOriginalData] = useState<FormData>({ judul: '', deskripsi: '' });
+  const [isLoading, setIsLoading] = useState(true);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [loadError, setLoadError] = useState<string | null>(null);
 
-        loadData();
+  // 🧭 Load data awal
+  useEffect(() => {
+    const loadData = async () => {
+      const id = params?.id as string;
+      if (!id) {
+        toast.error('ID tidak valid');
+        router.push('/admin/desa/profile/profile-desa');
+        return;
+      }
 
-        return () => {
-            lambangState.update.reset();
-            lambangState.findUnique.reset();
-        };
-    }, [params?.id, router]);
+      setIsLoading(true);
+      setLoadError(null);
 
-    const handleSubmit = async () => {
-        if (isSubmitting || !lambangState.update.form.judul.trim()) {
-            toast.error("Judul wajib diisi");
-            return;
-        }
-
-        setIsSubmitting(true);
-
-        try {
-            const success = await lambangState.update.submit();
-
-            if (success) {
-                toast.success("Data berhasil disimpan");
-                router.push("/admin/desa/profile/profile-desa");
-            }
-        } catch (error) {
-            console.error("Error update lambang desa:", error);
-            toast.error("Terjadi kesalahan saat update lambang desa");
-        } finally {
-            setIsSubmitting(false);
+      try {
+        const data = await stateProfileDesa.lambangDesa.findUnique.load(id);
+
+        if (data) {
+          const initial: FormData = {
+            judul: data.judul || '',
+            deskripsi: data.deskripsi || '',
+          };
+          setFormData(initial);
+          setOriginalData(initial);
+
+          // Penting untuk isi id di state sebelum submit
+          stateProfileDesa.lambangDesa.update.initialize(data);
+        } else {
+          setLoadError('Data tidak ditemukan');
         }
+      } catch (error) {
+        console.error('Error loading lambang:', error);
+        setLoadError('Gagal memuat data lambang desa');
+        toast.error('Gagal memuat data lambang desa');
+      } finally {
+        setIsLoading(false);
+      }
     };
 
-    const handleBack = () => router.back();
+    loadData();
 
-    // Loading state
-    if (lambangState.findUnique.loading || lambangState.update.loading) {
-        return (
-            <Box>
-                <Center h={400}>
-                    <Text>Memuat data...</Text>
-                </Center>
-            </Box>
-        );
+    return () => {
+      stateProfileDesa.lambangDesa.update.reset();
+      stateProfileDesa.lambangDesa.findUnique.reset();
+    };
+  }, [params?.id, router]);
+
+  // 🔁 Reset form
+  const handleResetForm = () => {
+    setFormData(originalData);
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  // 💾 Submit handler
+  const handleSubmit = async () => {
+    if (!formData.judul.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
     }
 
-    // Error state
-    if (lambangState.findUnique.error) {
-        return (
-            <Box>
-                <Stack gap="md">
-                    <Button variant="subtle" onClick={handleBack}>
-                        <IconArrowBack color={colors['blue-button']} size={20} />
-                    </Button>
-                    <Alert icon={<IconAlertCircle size={16} />} color="red">
-                        <Text fw="bold">Error</Text>
-                        <Text>{lambangState.findUnique.error}</Text>
-                    </Alert>
-                </Stack>
-            </Box>
-        );
-    }
+    setIsSubmitting(true);
+    try {
+      const state = stateProfileDesa.lambangDesa;
+      state.update.form.judul = formData.judul;
+      state.update.form.deskripsi = formData.deskripsi;
 
+      const success = await state.update.submit();
+
+      if (success) {
+        toast.success('Data berhasil disimpan');
+        router.push('/admin/desa/profile/profile-desa');
+      } else {
+        toast.error('Gagal menyimpan data');
+      }
+    } catch (error) {
+      console.error('Error update lambang desa:', error);
+      toast.error('Terjadi kesalahan saat update lambang desa');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  // 📝 Handlers
+  const handleJudulChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setFormData(prev => ({ ...prev, judul: e.target.value }));
+  };
+
+  const handleDeskripsiChange = (html: string) => {
+    setFormData(prev => ({ ...prev, deskripsi: html }));
+  };
+
+  const handleBack = () => router.back();
+
+  // 🔄 Loading
+  if (isLoading) {
     return (
-        <Box>
-            <Stack gap="xs">
-                <Group mb="md">
-                    <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-                        <IconArrowBack color={colors['blue-button']} size={24} />
-                    </Button>
-                    <Title order={4} ml="sm" c="dark">Edit Lambang Desa</Title>
-                </Group>
-
-                <Paper w={{ base: "100%", md: "50%" }} bg={colors['white-1']} p="md" radius="md" shadow="sm" style={{ border: '1px solid #e0e0e0' }}>
-                    <Stack gap="xs">
-                        <Title order={3}>Edit Lambang Desa</Title>
-
-                        {/* Judul */}
-                        <TextInput
-                            label={<Text fw="bold">Judul</Text>}
-                            placeholder="Judul lambang"
-                            defaultValue={lambangState.update.form.judul}
-                            onChange={(e) => lambangState.update.form.judul = e.currentTarget.value}
-                            error={!lambangState.update.form.judul && "Judul wajib diisi"}
-                        />
-
-                        {/* Deskripsi */}
-                        <Box>
-                            <Text fz={"md"} fw={"bold"}>Deskripsi</Text>
-                            <EditEditor
-                                value={lambangState.update.form.deskripsi}
-                                onChange={(val) => lambangState.update.form.deskripsi = val}
-                            />
-                        </Box>
-
-                        {/* Buttons */}
-                        <Group>
-                            <Button
-                                bg={colors['blue-button']}
-                                onClick={handleSubmit}
-                                loading={isSubmitting || lambangState.update.loading}
-                                disabled={!lambangState.update.form.judul}
-                            >
-                                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-                            </Button>
-
-                            <Button variant="outline" onClick={handleBack} disabled={isSubmitting || lambangState.update.loading}>
-                                Batal
-                            </Button>
-                        </Group>
-                    </Stack>
-                </Paper>
-            </Stack>
-        </Box>
+      <Box>
+        <Center h={400}>
+          <Stack align="center" gap="md">
+            <Loader size="lg" color={colors['blue-button']} />
+            <Text size="lg" fw={500} c="dimmed">
+              Memuat data lambang desa...
+            </Text>
+          </Stack>
+        </Center>
+      </Box>
     );
+  }
+
+  // ❌ Error
+  if (loadError) {
+    return (
+      <Box px={{ base: 'sm', md: 'lg' }} py="md">
+        <Stack gap="md">
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
+          <Alert icon={<IconAlertCircle size={20} />} color="red" title="Terjadi Kesalahan" radius="md">
+            {loadError}
+          </Alert>
+          <Button onClick={() => router.push('/admin/desa/profile/profile-desa')} variant="outline">
+            Kembali ke Halaman Utama
+          </Button>
+        </Stack>
+      </Box>
+    );
+  }
+
+  // 🧱 UI utama
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      <Stack gap="md">
+        {/* Header */}
+        <Group mb="sm">
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
+          <Title order={4} ml="sm" c="dark">
+            Edit Lambang Desa
+          </Title>
+        </Group>
+
+        {/* Form */}
+        <Paper
+          w={{ base: '100%', md: '60%' }}
+          bg={colors['white-1']}
+          p="xl"
+          radius="md"
+          shadow="sm"
+          style={{ border: '1px solid #e0e0e0' }}
+        >
+          <Stack gap="lg">
+            {/* Judul */}
+            <TextInput
+              label={<Text fw="bold" size="sm">Judul</Text>}
+              placeholder="Masukkan judul lambang desa"
+              value={formData.judul}
+              onChange={handleJudulChange}
+              error={!formData.judul.trim() && 'Judul wajib diisi'}
+              required
+              size="md"
+              radius="md"
+            />
+
+            {/* Deskripsi */}
+            <Box>
+              <Text fw="bold" size="sm" mb={8}>
+                Deskripsi
+              </Text>
+              <EditEditor value={formData.deskripsi} onChange={handleDeskripsiChange} />
+            </Box>
+
+            {/* Tombol Aksi */}
+            <Group justify="right">
+              <Button
+                variant="outline"
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
+                disabled={isSubmitting}
+              >
+                Batal
+              </Button>
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+                loading={isSubmitting}
+              >
+                Simpan
+              </Button>
+            </Group>
+          </Stack>
+        </Paper>
+      </Stack>
+    </Box>
+  );
 }
 
 export default Page;
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
index 92829667..a33601da 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
@@ -5,7 +5,7 @@ import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Alert, Box, Button, Center, Group, Image, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Alert, Box, Button, Center, Group, Image, Loader, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconAlertCircle, IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -19,8 +19,8 @@ function Page() {
   const params = useParams();
 
   const [images, setImages] = useState<
-  Array<{ file: File | null; preview: string; label: string; imageId?: string }>
->([]);
+    Array<{ file: File | null; preview: string; label: string; imageId?: string }>
+  >([]);
   const [formData, setFormData] = useState({
     judul: '',
     deskripsi: '',
@@ -28,6 +28,12 @@ function Page() {
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  const [originalData, setOriginalData] = useState({
+    judul: "",
+    deskripsi: "",
+    images: [] as Array<{ label: string; imageId: string }>
+  });
+
   // Load data
   useEffect(() => {
     const loadData = async () => {
@@ -52,6 +58,17 @@ function Page() {
             })),
           });
 
+          setOriginalData({
+            judul: data.judul || '',
+            deskripsi: data.deskripsi || '',
+            images: (data.images || []).map((img: any) => ({
+              label: img.label,
+              imageId: img.image?.id ?? '',
+              preview: img.image?.link ?? '',
+            })),
+          });
+          
+
           if (data?.images?.length > 0 && data.images[0].image?.link) {
             setImages(data.images.map((img: any) => ({
               file: null,
@@ -77,15 +94,36 @@ function Page() {
 
   const handleBack = () => router.back();
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+      images: originalData.images.map((img) => ({
+        label: img.label,
+        imageId: img.imageId,
+      })),
+    });
+  
+    setImages(
+      originalData.images.map((img: any) => ({
+        file: null,
+        preview: img.preview, // pakai preview masing-masing, bukan cuma satu
+        label: img.label,
+        imageId: img.imageId,
+      }))
+    );
+  
+    toast.info("Form dikembalikan ke data awal");
+  };
+  
+
   const handleSubmit = async () => {
     if (isSubmitting || !formData.judul.trim()) {
       toast.error("Judul wajib diisi");
       return;
     }
-
-    setIsSubmitting(true);
-
     try {
+      setIsSubmitting(true);
       const uploadedImages = [];
 
       // Upload semua gambar baru
@@ -95,7 +133,7 @@ function Page() {
           uploadedImages.push({ imageId: img.imageId, label: img.label });
           continue;
         }
-      
+
         // upload baru
         const res = await ApiFetch.api.fileStorage.create.post({
           file: img.file,
@@ -108,7 +146,7 @@ function Page() {
         }
         uploadedImages.push({ imageId: uploaded.id, label: img.label || "main" });
       }
-      
+
 
       // Update ke global state
       maskotState.update.updateField("judul", formData.judul);
@@ -161,9 +199,9 @@ function Page() {
     <Box>
       <Stack gap="xs">
         <Group mb="md">
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
           <Title order={4} ml="sm" c="dark">Edit Maskot Desa</Title>
         </Group>
 
@@ -175,7 +213,7 @@ function Page() {
             <TextInput
               label={<Text fw="bold">Judul</Text>}
               placeholder="Masukkan judul maskot"
-              defaultValue={formData.judul}
+              value={formData.judul}
               onChange={(e) => setFormData({ ...formData, judul: e.currentTarget.value })}
               error={!formData.judul && "Judul wajib diisi"}
             />
@@ -231,7 +269,7 @@ function Page() {
                             setImages(updated);
                           }}
                         >
-                          Hapus
+                          <IconX size={16} />
                         </Button>
                       </Group>
                       <Image
@@ -260,18 +298,31 @@ function Page() {
             </SimpleGrid>
 
             {/* Buttons */}
-            <Group>
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || maskotState.update.loading}
-                disabled={!formData.judul}
+                variant="outline"
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-              <Button variant="outline" onClick={handleBack} disabled={isSubmitting || maskotState.update.loading}>
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
index c30ad4d8..7bbd5c16 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
@@ -1,146 +1,272 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Alert, Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import {
+    Alert,
+    Box,
+    Button,
+    Center,
+    Group,
+    Loader,
+    Paper,
+    Stack,
+    Text,
+    TextInput,
+    Title
+} from '@mantine/core';
 import { IconAlertCircle, IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
 
+// 🔹 Types
+interface FormData {
+    judul: string;
+    deskripsi: string;
+}
+
+// 🔹 Main Component
 function Page() {
-    const sejarahState = useProxy(stateProfileDesa.sejarahDesa)
-    const router = useRouter()
-    const params = useParams()
-    const [isSubmitting, setIsSubmitting] = useState(false);
+    const router = useRouter();
+    const params = useParams();
 
-    // Load data
+    // 🧩 Local State
+    const [formData, setFormData] = useState<FormData>({
+        judul: '',
+        deskripsi: '',
+    });
+    const [originalData, setOriginalData] = useState<FormData>({
+        judul: '',
+        deskripsi: '',
+    });
+    const [isLoading, setIsLoading] = useState(true);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [loadError, setLoadError] = useState<string | null>(null);
+
+    // 🧭 Load Initial Data
     useEffect(() => {
         const loadData = async () => {
             const id = params?.id as string;
             if (!id) {
-                toast.error("ID tidak valid");
-                router.push("/admin/desa/profile/profile-desa");
+                toast.error('ID tidak valid');
+                router.push('/admin/desa/profile/profile-desa');
                 return;
             }
 
+            setIsLoading(true);
+            setLoadError(null);
+
             try {
-                const data = await sejarahState.findUnique.load(id);
+                const data = await stateProfileDesa.sejarahDesa.findUnique.load(id);
+
                 if (data) {
-                    sejarahState.update.initialize(data);
+                    const initialData: FormData = {
+                        judul: data.judul || '',
+                        deskripsi: data.deskripsi || '',
+                    };
+
+                    setFormData(initialData);
+                    setOriginalData(initialData);
+
+                    stateProfileDesa.sejarahDesa.update.initialize(data);
+                } else {
+                    setLoadError('Data tidak ditemukan');
                 }
             } catch (error) {
-                console.error("Error loading sejarah:", error);
-                toast.error("Gagal memuat data sejarah desa");
+                console.error('Error loading sejarah:', error);
+                setLoadError('Gagal memuat data sejarah desa');
+                toast.error('Gagal memuat data sejarah desa');
+            } finally {
+                setIsLoading(false);
             }
         };
 
         loadData();
 
         return () => {
-            sejarahState.update.reset();
-            sejarahState.findUnique.reset();
+            stateProfileDesa.sejarahDesa.update.reset();
+            stateProfileDesa.sejarahDesa.findUnique.reset();
         };
     }, [params?.id, router]);
 
+    // 🔄 Check if form has changes
+    
+
+    // 🔁 Reset Form to Original Data
+    const handleResetForm = () => {
+        setFormData(originalData);
+        toast.info('Form dikembalikan ke data awal');
+    };
+
+    // 💾 Submit Handler
     const handleSubmit = async () => {
-        if (isSubmitting || !sejarahState.update.form.judul.trim()) {
-            toast.error("Judul wajib diisi");
+        // Validation
+        if (!formData.judul.trim()) {
+            toast.error('Judul wajib diisi');
             return;
         }
 
         setIsSubmitting(true);
+
         try {
-            const success = await sejarahState.update.submit();
+            // Access original state directly (not proxy)
+            const originalState = stateProfileDesa.sejarahDesa;
+
+            // Update form data
+            originalState.update.form.judul = formData.judul;
+            originalState.update.form.deskripsi = formData.deskripsi;
+
+            // Submit
+            const success = await originalState.update.submit();
+
             if (success) {
-                toast.success("Data berhasil disimpan");
-                router.push("/admin/desa/profile/profile-desa");
+                toast.success('Data berhasil disimpan');
+                router.push('/admin/desa/profile/profile-desa');
+            } else {
+                toast.error('Gagal menyimpan data');
             }
         } catch (error) {
-            console.error("Error update sejarah desa:", error);
-            toast.error("Terjadi kesalahan saat update sejarah desa");
+            console.error('Error update sejarah desa:', error);
+            toast.error('Terjadi kesalahan saat update sejarah desa');
         } finally {
             setIsSubmitting(false);
         }
     };
 
-    const handleBack = () => router.back();
+    // 📝 Form Field Handlers
+    const handleJudulChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        setFormData(prev => ({ ...prev, judul: e.target.value }));
+    };
 
-    // Loading state
-    if (sejarahState.findUnique.loading || sejarahState.update.loading) {
+    const handleDeskripsiChange = (html: string) => {
+        setFormData(prev => ({ ...prev, deskripsi: html }));
+    };
+
+    const handleBack = () => {
+        router.back();
+    };
+    // 🔄 Loading State
+    if (isLoading) {
         return (
             <Box>
                 <Center h={400}>
-                    <Text>Memuat data...</Text>
+                    <Stack align="center" gap="md">
+                        <Loader size="lg" color={colors['blue-button']} />
+                        <Text size="lg" fw={500} c="dimmed">
+                            Memuat data...
+                        </Text>
+                    </Stack>
                 </Center>
             </Box>
         );
     }
 
-    // Error state
-    if (sejarahState.findUnique.error) {
+    // ❌ Error State
+    if (loadError) {
         return (
-            <Box>
+            <Box px={{ base: 'sm', md: 'lg' }} py="md">
                 <Stack gap="md">
-                    <Button variant="subtle" onClick={handleBack}>
-                        <IconArrowBack color={colors['blue-button']} size={20} />
+                    <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+                        <IconArrowBack color={colors['blue-button']} size={24} />
                     </Button>
-                    <Alert icon={<IconAlertCircle size={16} />} color="red">
-                        <Text fw="bold">Error</Text>
-                        <Text>{sejarahState.findUnique.error}</Text>
+                    <Alert
+                        icon={<IconAlertCircle size={20} />}
+                        color="red"
+                        title="Terjadi Kesalahan"
+                        radius="md"
+                    >
+                        {loadError}
                     </Alert>
+                    <Button
+                        onClick={() => router.push('/admin/desa/profile/profile-desa')}
+                        variant="outline"
+                    >
+                        Kembali ke Halaman Utama
+                    </Button>
                 </Stack>
             </Box>
         );
     }
 
     return (
-        <Box>
-            <Stack gap="xs">
-                <Group mb="md">
+        <Box px={{ base: 'sm', md: 'lg' }} py="md">
+            <Stack gap="md">
+                {/* Header */}
+                <Group mb="sm">
                     <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
                         <IconArrowBack color={colors['blue-button']} size={24} />
                     </Button>
-                    <Title order={4} ml="sm" c="dark">Edit Sejarah Desa</Title>
+                    <Title order={4} ml="sm" c="dark">
+                        Edit Sejarah Desa
+                    </Title>
                 </Group>
 
-                <Paper w={{ base: "100%", md: "50%" }} bg={colors['white-1']} p="md" radius="md" shadow="sm" style={{ border: '1px solid #e0e0e0' }}>
-                    <Stack gap="xs">
-                        <Title order={3}>Edit Sejarah Desa</Title>
-
-                        {/* Judul */}
+                {/* Form */}
+                <Paper
+                    w={{ base: '100%', md: '60%' }}
+                    bg={colors['white-1']}
+                    p="xl"
+                    radius="md"
+                    shadow="sm"
+                    style={{ border: '1px solid #e0e0e0' }}
+                >
+                    <Stack gap="lg">
+                        {/* Form Title */}
+                        <Box>
+                            <Title order={3} mb={4}>
+                                Informasi Sejarah Desa
+                            </Title>
+                        </Box>
+                        {/* Judul Field */}
                         <TextInput
-                            label={<Text fw="bold">Judul</Text>}
-                            placeholder="Judul sejarah"
-                            defaultValue={sejarahState.update.form.judul}
-                            onChange={(e) => sejarahState.update.form.judul = e.currentTarget.value}
-                            error={!sejarahState.update.form.judul && "Judul wajib diisi"}
+                            label={<Text fw="bold" size="sm">Judul Sejarah</Text>}
+                            placeholder="Masukkan judul sejarah desa"
+                            value={formData.judul}
+                            onChange={handleJudulChange}
+                            error={!formData.judul.trim() && 'Judul wajib diisi'}
+                            required
+                            size="md"
+                            radius="md"
                         />
 
-                        {/* Deskripsi */}
+                        {/* Deskripsi Field */}
                         <Box>
-                            <Text fz={"md"} fw={"bold"}>Deskripsi</Text>
+                            <Text fw="bold" size="sm" mb={8}>
+                                Deskripsi Sejarah
+                            </Text>
                             <EditEditor
-                                value={sejarahState.update.form.deskripsi}
-                                onChange={(val) => sejarahState.update.form.deskripsi = val}
+                                value={formData.deskripsi}
+                                onChange={handleDeskripsiChange}
                             />
+
                         </Box>
 
-                        {/* Buttons */}
-                        <Group>
+                        {/* Action Buttons */}
+                        <Group justify="right">
+                            {/* Tombol Batal */}
                             <Button
-                                bg={colors['blue-button']}
-                                onClick={handleSubmit}
-                                loading={isSubmitting || sejarahState.update.loading}
-                                disabled={!sejarahState.update.form.judul}
+                                variant="outline"
+                                color="gray"
+                                radius="md"
+                                size="md"
+                                onClick={handleResetForm}
                             >
-                                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
+                                Batal
                             </Button>
 
-                            <Button variant="outline" onClick={handleBack} disabled={isSubmitting || sejarahState.update.loading}>
-                                Batal
+                            {/* Tombol Simpan */}
+                            <Button
+                                onClick={handleSubmit}
+                                radius="md"
+                                size="md"
+                                style={{
+                                    background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                                    color: '#fff',
+                                    boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                                }}
+                            >
+                                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
                             </Button>
                         </Group>
                     </Stack>
@@ -150,4 +276,4 @@ function Page() {
     );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
index 481105ad..938172b1 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
@@ -1,155 +1,247 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
+
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Alert, Box, Button, Center, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import {
+  Alert,
+  Box,
+  Button,
+  Center,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
 import { IconAlertCircle, IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
 
+// 🔹 Types
+interface FormData {
+  visi: string;
+  misi: string;
+}
+
+// 🔹 Main Component
 function Page() {
-    const visiMisiState = useProxy(stateProfileDesa.visiMisiDesa)
-    const router = useRouter()
-    const params = useParams()
-    const [isSubmitting, setIsSubmitting] = useState(false);
+  const router = useRouter();
+  const params = useParams();
+  const [formData, setFormData] = useState<FormData>({ visi: '', misi: '' });
+  const [originalData, setOriginalData] = useState<FormData>({ visi: '', misi: '' });
+  const [isLoading, setIsLoading] = useState(true);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [loadError, setLoadError] = useState<string | null>(null);
 
-    // Load data
-    useEffect(() => {
-        const loadData = async () => {
-            const id = params?.id as string;
-            if (!id) {
-                toast.error("ID tidak valid");
-                router.push("/admin/desa/profile/profile-desa");
-                return;
-            }
+  // 🧭 Load Data
+  useEffect(() => {
+    const loadData = async () => {
+      const id = params?.id as string;
+      if (!id) {
+        toast.error('ID tidak valid');
+        router.push('/admin/desa/profile/profile-desa');
+        return;
+      }
 
-            try {
-                const data = await visiMisiState.findUnique.load(id);
-                visiMisiState.update.initialize(data);
-            } catch (error) {
-                console.error("Error loading visi misi:", error);
-                toast.error("Gagal memuat data visi misi desa");
-            }
-        };
+      setIsLoading(true);
+      setLoadError(null);
 
-        loadData();
+      try {
+        const data = await stateProfileDesa.visiMisiDesa.findUnique.load(id);
+        if (data) {
+          const initialData: FormData = {
+            visi: data.visi || '',
+            misi: data.misi || '',
+          };
+          setFormData(initialData);
+          setOriginalData(initialData);
 
-        return () => {
-            visiMisiState.update.reset();
-            visiMisiState.findUnique.reset();
-        };
-    }, [params?.id, router]);
-
-    const handleSubmit = async () => {
-        if (isSubmitting || !visiMisiState.update.form.visi.trim()) {
-            toast.error("Visi wajib diisi");
-            return;
-        }
-
-        setIsSubmitting(true);
-
-        try {
-            const success = await visiMisiState.update.submit();
-
-            if (success) {
-                toast.success("Data berhasil disimpan");
-                router.push("/admin/desa/profile/profile-desa");
-            }
-        } catch (error) {
-            console.error("Error update visi misi desa:", error);
-            toast.error("Terjadi kesalahan saat update visi misi desa");
-        } finally {
-            setIsSubmitting(false);
+          // set id ke state agar submit pakai endpoint benar
+          stateProfileDesa.visiMisiDesa.update.initialize(data);
+        } else {
+          setLoadError('Data tidak ditemukan');
         }
+      } catch (error) {
+        console.error('Error load visi misi:', error);
+        setLoadError('Gagal memuat data visi misi desa');
+        toast.error('Gagal memuat data visi misi desa');
+      } finally {
+        setIsLoading(false);
+      }
     };
 
-    const handleBack = () => router.back();
+    loadData();
 
-    // Loading state
-    if (visiMisiState.findUnique.loading || visiMisiState.update.loading) {
-        return (
-            <Box>
-                <Center h={400}>
-                    <Text>Memuat data...</Text>
-                </Center>
-            </Box>
-        );
+    return () => {
+      stateProfileDesa.visiMisiDesa.update.reset();
+      stateProfileDesa.visiMisiDesa.findUnique.reset();
+    };
+  }, [params?.id, router]);
+
+  // 🔄 Reset Form
+  const handleResetForm = () => {
+    setFormData(originalData);
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  // 💾 Submit
+  const handleSubmit = async () => {
+    if (!formData.visi.trim()) {
+      toast.error('Visi wajib diisi');
+      return;
     }
 
-    // Error state
-    if (visiMisiState.findUnique.error) {
-        return (
-            <Box>
-                <Stack gap="md">
-                    <Button variant="subtle" onClick={handleBack}>
-                        <IconArrowBack color={colors['blue-button']} size={20} />
-                    </Button>
-                    <Alert icon={<IconAlertCircle size={16} />} color="red">
-                        <Text fw="bold">Error</Text>
-                        <Text>{visiMisiState.findUnique.error}</Text>
-                    </Alert>
-                </Stack>
-            </Box>
-        );
-    }
+    setIsSubmitting(true);
+    try {
+      const originalState = stateProfileDesa.visiMisiDesa;
 
+      // update data form ke state sebelum submit
+      originalState.update.form.visi = formData.visi;
+      originalState.update.form.misi = formData.misi;
+
+      const success = await originalState.update.submit();
+
+      if (success) {
+        toast.success('Data berhasil disimpan');
+        router.push('/admin/desa/profile/profile-desa');
+      } else {
+        toast.error('Gagal menyimpan data');
+      }
+    } catch (error) {
+      console.error('Error update visi misi desa:', error);
+      toast.error('Terjadi kesalahan saat update visi misi desa');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  // 🧭 Field handlers
+  const handleVisiChange = (html: string) => setFormData(prev => ({ ...prev, visi: html }));
+  const handleMisiChange = (html: string) => setFormData(prev => ({ ...prev, misi: html }));
+  const handleBack = () => router.back();
+
+  // ⏳ Loading
+  if (isLoading) {
     return (
-        <Box>
-            <Stack gap="xs">
-                <Group mb="md">
-                    <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-                        <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-                            <IconArrowBack color={colors['blue-button']} size={24} />
-                        </Button>
-                    </Button>
-                    <Title order={4} ml="sm" c="dark">Edit Visi Misi Desa</Title>
-                </Group>
-
-                <Paper w={{ base: "100%", md: "50%" }} bg={colors['white-1']} p="md" radius="md" shadow="sm" style={{ border: '1px solid #e0e0e0' }}>
-                    <Stack gap="xs">
-                        <Title order={3}>Edit Visi Misi Desa</Title>
-
-                        {/* Visi */}
-                        <Box>
-                            <Text fz={"md"} fw={"bold"}>Visi</Text>
-                            <EditEditor
-                                value={visiMisiState.update.form.visi}
-                                onChange={(val) => visiMisiState.update.form.visi = val}
-                            />
-                        </Box>
-
-                        {/* Misi */}
-                        <Box>
-                            <Text fz={"md"} fw={"bold"}>Misi</Text>
-                            <EditEditor
-                                value={visiMisiState.update.form.misi}
-                                onChange={(val) => visiMisiState.update.form.misi = val}
-                            />
-                        </Box>
-
-                        {/* Buttons */}
-                        <Group>
-                            <Button
-                                bg={colors['blue-button']}
-                                onClick={handleSubmit}
-                                loading={isSubmitting || visiMisiState.update.loading}
-                                disabled={!visiMisiState.update.form.visi}
-                            >
-                                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-                            </Button>
-
-                            <Button variant="outline" onClick={handleBack} disabled={isSubmitting || visiMisiState.update.loading}>
-                                Batal
-                            </Button>
-                        </Group>
-                    </Stack>
-                </Paper>
-            </Stack>
-        </Box>
+      <Box>
+        <Center h={400}>
+          <Stack align="center" gap="md">
+            <Loader size="lg" color={colors['blue-button']} />
+            <Text size="lg" fw={500} c="dimmed">
+              Memuat data...
+            </Text>
+          </Stack>
+        </Center>
+      </Box>
     );
+  }
+
+  // ❌ Error
+  if (loadError) {
+    return (
+      <Box px={{ base: 'sm', md: 'lg' }} py="md">
+        <Stack gap="md">
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
+          <Alert
+            icon={<IconAlertCircle size={20} />}
+            color="red"
+            title="Terjadi Kesalahan"
+            radius="md"
+          >
+            {loadError}
+          </Alert>
+          <Button
+            onClick={() => router.push('/admin/desa/profile/profile-desa')}
+            variant="outline"
+          >
+            Kembali ke Halaman Utama
+          </Button>
+        </Stack>
+      </Box>
+    );
+  }
+
+  // ✅ UI
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      <Stack gap="md">
+        {/* Header */}
+        <Group mb="sm">
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
+          <Title order={4} ml="sm" c="dark">
+            Edit Visi & Misi Desa
+          </Title>
+        </Group>
+
+        {/* Form */}
+        <Paper
+          w={{ base: '100%', md: '60%' }}
+          bg={colors['white-1']}
+          p="xl"
+          radius="md"
+          shadow="sm"
+          style={{ border: '1px solid #e0e0e0' }}
+        >
+          <Stack gap="lg">
+            <Box>
+              <Title order={3} mb={4}>
+                Informasi Visi & Misi Desa
+              </Title>
+            </Box>
+
+            {/* Visi */}
+            <Box>
+              <Text fw="bold" size="sm" mb={8}>
+                Visi
+              </Text>
+              <EditEditor value={formData.visi} onChange={handleVisiChange} />
+            </Box>
+
+            {/* Misi */}
+            <Box>
+              <Text fw="bold" size="sm" mb={8}>
+                Misi
+              </Text>
+              <EditEditor value={formData.misi} onChange={handleMisiChange} />
+            </Box>
+
+            {/* Actions */}
+            <Group justify="right">
+              <Button
+                variant="outline"
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
+              >
+                Batal
+              </Button>
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+                loading={isSubmitting}
+              >
+                Simpan
+              </Button>
+            </Group>
+          </Stack>
+        </Paper>
+      </Stack>
+    </Box>
+  );
 }
 
 export default Page;
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
index fda2ae79..d7c3b632 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
@@ -4,6 +4,7 @@ import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
@@ -12,7 +13,8 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -35,6 +37,16 @@ function EditPerbekelDariMasaKeMasa() {
     imageId: ''
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    daerah: '',
+    periode: '',
+    imageId: '',
+    imageUrl: "",
+  });
+
   // load data pertama kali
   useEffect(() => {
     const loadFoto = async () => {
@@ -49,9 +61,14 @@ function EditPerbekelDariMasaKeMasa() {
             periode: data.periode || '',
             imageId: data.imageId || ''
           });
-          if (data?.imageGalleryFoto?.link) {
-            setPreviewImage(data.imageGalleryFoto.link);
-          }
+          setOriginalData({
+            nama: data.nama || '',
+            daerah: data.daerah || '',
+            periode: data.periode || '',
+            imageId: data.imageId || '',
+            imageUrl: data.image.link || '',
+          })
+          setPreviewImage(data.image.link);
         }
       } catch (error) {
         console.error('Error loading foto:', error);
@@ -69,8 +86,22 @@ function EditPerbekelDariMasaKeMasa() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      daerah: originalData.daerah,
+      periode: originalData.periode,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // update global state hanya sekali pas submit
       state.update.form = { ...state.update.form, ...formData };
 
@@ -90,15 +121,17 @@ function EditPerbekelDariMasaKeMasa() {
     } catch (error) {
       console.error('Error updating perbekel dari masa ke masa:', error);
       toast.error('Terjadi kesalahan saat memperbarui perbekel dari masa ke masa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Perbekel Dari Masa Ke Masa
         </Title>
@@ -135,7 +168,7 @@ function EditPerbekelDariMasaKeMasa() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -154,25 +187,45 @@ function EditPerbekelDariMasaKeMasa() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
                   style={{
-                    maxHeight: 220,
+                    maxHeight: 200,
                     objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
+                    border: '1px solid #ddd',
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -194,6 +247,17 @@ function EditPerbekelDariMasaKeMasa() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -204,7 +268,7 @@ function EditPerbekelDariMasaKeMasa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
index 2f499e55..4a8f6aaa 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
@@ -2,7 +2,7 @@
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Loader, ActionIcon, Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -14,6 +14,7 @@ function CreatePerbekelDariMasaKeMasa() {
   const state = useProxy(stateProfileDesa.mantanPerbekel);
   const router = useRouter();
   const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [file, setFile] = useState<File | null>(null);
 
   const resetForm = () => {
@@ -28,31 +29,39 @@ function CreatePerbekelDariMasaKeMasa() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) return toast.error('Gagal upload gambar');
+
+      state.create.form.imageId = uploaded.id;
+      await state.create.create();
+      resetForm();
+      router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menambahkan perbekel dari masa ke masa');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) return toast.error('Gagal upload gambar');
-
-    state.create.form.imageId = uploaded.id;
-    await state.create.create();
-    resetForm();
-    router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa');
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Back button + Title */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Create Perbekel Dari Masa Ke Masa
         </Title>
@@ -70,21 +79,21 @@ function CreatePerbekelDariMasaKeMasa() {
           <TextInput
             label="Nama Perbekel"
             placeholder="Masukkan nama perbekel"
-            defaultValue={state.create.form.nama}
+            value={state.create.form.nama}
             onChange={(e) => (state.create.form.nama = e.target.value)}
             required
           />
           <TextInput
             label="Daerah"
             placeholder="Masukkan daerah"
-            defaultValue={state.create.form.daerah}
+            value={state.create.form.daerah}
             onChange={(e) => (state.create.form.daerah = e.target.value)}
             required
           />
           <TextInput
             label="Periode"
             placeholder="Masukkan periode"
-            defaultValue={state.create.form.periode}
+            value={state.create.form.periode}
             onChange={(e) => (state.create.form.periode = e.target.value)}
             required
           />
@@ -102,7 +111,7 @@ function CreatePerbekelDariMasaKeMasa() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -118,25 +127,63 @@ function CreatePerbekelDariMasaKeMasa() {
                 </Dropzone.Idle>
               </Group>
               <Text ta="center" mt="sm" size="sm" color="dimmed">
-                Seret gambar atau klik untuk memilih file (maks 5MB)
+                Seret gambar atau klik untuk memilih file
+              </Text>
+              <Text size="sm" c="dimmed">
+                Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
               </Text>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
-                  loading='lazy'
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
+                  loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -147,7 +194,7 @@ function CreatePerbekelDariMasaKeMasa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
index 771e3f37..1a916bfe 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
@@ -126,8 +126,8 @@ function ProfilePerbekel() {
               <Dropzone
                 onDrop={(files) => handleFileChange(files[0])}
                 onReject={() => toast.error('File tidak valid.')}
-                maxSize={5 * 1024 ** 2} // 5MB
-                accept={{ 'image/*': [] }}
+                maxSize={5 * 1024 ** 2} 
+                accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               >
                 <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
                   <Dropzone.Accept><IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} /></Dropzone.Accept>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
index 4e266661..121be66a 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
@@ -1,19 +1,21 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import PendapatanAsliDesa from '@/app/admin/(dashboard)/_state/ekonomi/PADesa';
 import colors from '@/con/colors';
 import {
+  Alert,
   Box,
   Button,
   Group,
+  Loader,
   MultiSelect,
   Paper,
   Skeleton,
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
@@ -22,67 +24,120 @@ import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
+// ==================== HELPERS ====================
+const safeStringArray = (arr: any[]): string[] => {
+  if (!Array.isArray(arr)) return [];
+  return arr
+    .filter(item => item != null && item !== '')
+    .map(item => String(item))
+    .filter(item => item.trim() !== '');
+};
+
+const createEmptyForm = () => ({
+  tahun: '',
+  pendapatanIds: [] as string[],
+  belanjaIds: [] as string[],
+  pembiayaanIds: [] as string[],
+});
+
+// ==================== COMPONENT ====================
 function EditAPBDesa() {
   const apbState = useProxy(PendapatanAsliDesa.ApbDesa);
   const router = useRouter();
   const params = useParams();
 
-  const [formData, setFormData] = useState({
-    tahun: '',
-    pendapatanIds: [] as string[],
-    belanjaIds: [] as string[],
-    pembiayaanIds: [] as string[],
-  });
+  const [formData, setFormData] = useState(createEmptyForm());
+  const [originalData, setOriginalData] = useState(createEmptyForm());
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
 
-  // Load APB desa by id → hanya update formData, bukan global state
+  // ==================== LOAD DATA ====================
   useEffect(() => {
     const loadAPBdesa = async () => {
       const id = params?.id as string;
-      if (!id) return;
+      if (!id) {
+        toast.error('ID tidak valid');
+        router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa');
+        return;
+      }
 
       try {
+        setIsLoading(true);
         const data = await apbState.update.load(id);
-        if (data) {
-          setFormData({
-            tahun: String(data.tahun || ''),
-            pendapatanIds: data.pendapatan?.map((p: any) => p.id) || [],
-            belanjaIds: data.belanja?.map((b: any) => b.id) || [],
-            pembiayaanIds: data.pembiayaan?.map((p: any) => p.id) || [],
-          });
+
+        if (!data) {
+          toast.error('Data APB Desa tidak ditemukan');
+          return;
         }
-      } catch (error) {
-        console.error("Error loading APBdesa:", error);
-        toast.error("Gagal memuat data APBdesa");
+
+        const normalized = {
+          tahun: String(data.tahun || ''),
+          pendapatanIds: safeStringArray(data.pendapatan?.map((p: any) => p.id) || []),
+          belanjaIds: safeStringArray(data.belanja?.map((b: any) => b.id) || []),
+          pembiayaanIds: safeStringArray(data.pembiayaan?.map((p: any) => p.id) || []),
+        };
+
+        setFormData(normalized);
+        setOriginalData(normalized);
+      } catch (err) {
+        console.error('Error loading APBdesa:', err);
+        toast.error('Gagal memuat data APB Desa');
+      } finally {
+        setIsLoading(false);
       }
     };
 
     loadAPBdesa();
   }, [params?.id]);
 
+  // ==================== HANDLERS ====================
   const handleChange = (field: keyof typeof formData, value: any) => {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData(originalData);
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
-      // update global state cuma pas submit
+      setIsSubmitting(true);
+
+      if (!formData.tahun.trim()) {
+        toast.warning('Tahun harus diisi');
+        return;
+      }
+
       apbState.update.form = {
         ...apbState.update.form,
         tahun: Number(formData.tahun),
-        pendapatanIds: formData.pendapatanIds,
-        belanjaIds: formData.belanjaIds,
-        pembiayaanIds: formData.pembiayaanIds,
+        pendapatanIds: safeStringArray(formData.pendapatanIds),
+        belanjaIds: safeStringArray(formData.belanjaIds),
+        pembiayaanIds: safeStringArray(formData.pembiayaanIds),
       };
 
       await apbState.update.update();
-      toast.success("APB Desa berhasil diperbarui!");
-      router.push("/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa");
+      toast.success('APB Desa berhasil diperbarui!');
+      router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa');
     } catch (error) {
-      console.error("Error updating APBdesa:", error);
-      toast.error("Terjadi kesalahan saat memperbarui APBdesa");
+      console.error('Error updating APBdesa:', error);
+      toast.error('Terjadi kesalahan saat memperbarui APB Desa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  // ==================== UI ====================
+  if (isLoading) {
+    return (
+      <Stack align="center" py="xl">
+        <Loader size="lg" type="dots" />
+        <Text c="dimmed">Memuat data APB Desa...</Text>
+      </Stack>
+    );
+  }
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
@@ -114,30 +169,46 @@ function EditAPBDesa() {
           <TextInput
             type="number"
             value={formData.tahun}
-            onChange={(e) => handleChange("tahun", e.target.value)}
+            onChange={(e) => handleChange('tahun', e.target.value)}
             label={<Text fz="sm" fw="bold">Tahun</Text>}
             placeholder="Masukkan tahun anggaran"
             required
           />
 
           {/* Selects */}
-          <SelectPendapatan
+          <SelectAPBItem
+            label="Pendapatan"
+            state={PendapatanAsliDesa.pendapatan}
             selectedIds={formData.pendapatanIds}
-            onSelectionChange={(ids) => handleChange("pendapatanIds", ids)}
+            onSelectionChange={(ids) => handleChange('pendapatanIds', ids)}
           />
 
-          <SelectBelanja
+          <SelectAPBItem
+            label="Belanja"
+            state={PendapatanAsliDesa.belanja}
             selectedIds={formData.belanjaIds}
-            onSelectionChange={(ids) => handleChange("belanjaIds", ids)}
+            onSelectionChange={(ids) => handleChange('belanjaIds', ids)}
           />
 
-          <SelectPembiayaan
+          <SelectAPBItem
+            label="Pembiayaan"
+            state={PendapatanAsliDesa.pembiayaan}
             selectedIds={formData.pembiayaanIds}
-            onSelectionChange={(ids) => handleChange("pembiayaanIds", ids)}
+            onSelectionChange={(ids) => handleChange('pembiayaanIds', ids)}
           />
 
           {/* Save Button */}
-          <Group justify="right">
+          <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -148,117 +219,75 @@ function EditAPBDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
       </Paper>
     </Box>
   );
+}
 
-  /* --- Sub Components --- */
+// ==================== SUB COMPONENT ====================
+function SelectAPBItem({
+  label,
+  state,
+  selectedIds,
+  onSelectionChange,
+}: {
+  label: string;
+  state: any;
+  selectedIds: string[];
+  onSelectionChange: (ids: string[]) => void;
+}) {
+  const proxyState = useProxy(state);
 
-  function SelectPendapatan({
-    selectedIds,
-    onSelectionChange,
-  }: {
-    selectedIds: string[];
-    onSelectionChange: (ids: string[]) => void;
-  }) {
-    const pendapatanState = useProxy(PendapatanAsliDesa.pendapatan);
+  useShallowEffect(() => {
+    proxyState.findMany.load();
+  }, []);
 
-    useShallowEffect(() => {
-      pendapatanState.findMany.load();
-    }, []);
+  const data = proxyState.findMany.data;
+  const isLoading = !data;
 
-    if (!pendapatanState.findMany.data) {
-      return <Skeleton height={38} />;
-    }
+  const options =
+    data
+      ?.filter((item: any) => item?.id)
+      .map((item: any) => ({
+        value: String(item.id),
+        label: String(item?.name || '(Tanpa Nama)'),
+      })) || [];
 
+  if (isLoading) {
     return (
-      <MultiSelect
-        label={<Text fz="sm" fw="bold">Pendapatan</Text>}
-        data={pendapatanState.findMany.data.map((p: any) => ({
-          value: p.id,
-          label: p.name,
-        }))}
-        value={selectedIds}
-        onChange={onSelectionChange}
-        searchable
-        clearable
-        placeholder="Pilih pendapatan..."
-        nothingFoundMessage="Tidak ditemukan"
-      />
+      <Box>
+        <Text fz="sm" fw="bold" mb={4}>{label}</Text>
+        <Skeleton height={38} radius="sm" />
+      </Box>
     );
   }
 
-  function SelectBelanja({
-    selectedIds,
-    onSelectionChange,
-  }: {
-    selectedIds: string[];
-    onSelectionChange: (ids: string[]) => void;
-  }) {
-    const belanjaState = useProxy(PendapatanAsliDesa.belanja);
-
-    useShallowEffect(() => {
-      belanjaState.findMany.load();
-    }, []);
-
-    if (!belanjaState.findMany.data) {
-      return <Skeleton height={38} />;
-    }
-
+  if (options.length === 0) {
     return (
-      <MultiSelect
-        label={<Text fz="sm" fw="bold">Belanja</Text>}
-        data={belanjaState.findMany.data.map((b: any) => ({
-          value: b.id,
-          label: b.name,
-        }))}
-        value={selectedIds}
-        onChange={onSelectionChange}
-        searchable
-        clearable
-        placeholder="Pilih belanja..."
-        nothingFoundMessage="Tidak ditemukan"
-      />
+      <Alert color="gray" variant="light">
+        <Text size="sm">
+          Tidak ada data {label.toLowerCase()} tersedia.
+        </Text>
+      </Alert>
     );
   }
 
-  function SelectPembiayaan({
-    selectedIds,
-    onSelectionChange,
-  }: {
-    selectedIds: string[];
-    onSelectionChange: (ids: string[]) => void;
-  }) {
-    const pembiayaanState = useProxy(PendapatanAsliDesa.pembiayaan);
-
-    useShallowEffect(() => {
-      pembiayaanState.findMany.load();
-    }, []);
-
-    if (!pembiayaanState.findMany.data) {
-      return <Skeleton height={38} />;
-    }
-
-    return (
-      <MultiSelect
-        label={<Text fz="sm" fw="bold">Pembiayaan</Text>}
-        data={pembiayaanState.findMany.data.map((p: any) => ({
-          value: p.id,
-          label: p.name,
-        }))}
-        value={selectedIds}
-        onChange={onSelectionChange}
-        searchable
-        clearable
-        placeholder="Pilih pembiayaan..."
-        nothingFoundMessage="Tidak ditemukan"
-      />
-    );
-  }
+  return (
+    <MultiSelect
+      label={<Text fz="sm" fw="bold">{label}</Text>}
+      data={options}
+      value={selectedIds}
+      onChange={(ids) => onSelectionChange(safeStringArray(ids))}
+      searchable
+      clearable
+      placeholder={`Pilih ${label.toLowerCase()}...`}
+      nothingFoundMessage="Tidak ditemukan"
+    />
+  );
 }
 
 export default EditAPBDesa;
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
index 54f43121..67bc460f 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
@@ -80,7 +80,7 @@ function DetailAPBDesa() {
             Detail APB Desa
           </Text>
 
-          <Paper bg={colors['BG-trans']} p="md" radius="md" shadow="xs">
+          <Paper bg="#EEF3FBFF" p="md" radius="md" shadow="xs">
             <Stack gap="sm">
               <Box>
                 <Text fz="lg" fw="bold">
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
index db01743c..ad347bc2 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   MultiSelect,
   Paper,
   Skeleton,
@@ -17,11 +18,14 @@ import {
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateAPBDesa() {
   const apbDesaState = useProxy(PendapatanAsliDesa.ApbDesa);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     apbDesaState.create.form = {
@@ -33,9 +37,17 @@ function CreateAPBDesa() {
   };
 
   const handleSubmit = async () => {
-    await apbDesaState.create.submit();
-    resetForm();
-    router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa');
+    try {
+      setIsSubmitting(true);
+      await apbDesaState.create.submit();
+      resetForm();
+      router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa');
+    } catch (error) {
+      console.error('Error creating APB Desa:', error);
+      toast.error('Gagal membuat APB Desa');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -62,7 +74,7 @@ function CreateAPBDesa() {
         <Stack gap="md">
           <TextInput
             type="number"
-            defaultValue={apbDesaState.create.form.tahun}
+            value={apbDesaState.create.form.tahun}
             onChange={(val) => {
               apbDesaState.create.form.tahun = Number(val.target.value);
             }}
@@ -94,6 +106,17 @@ function CreateAPBDesa() {
 
           {/* Action */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -104,7 +127,7 @@ function CreateAPBDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
index b4b21fdd..533a12db 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -22,12 +23,18 @@ function EditBelanja() {
   const belanjaState = useProxy(PendapatanAsliDesa.belanja);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     name: '',
     value: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    value: '',
+  });
+
   // format angka ke rupiah
   const formatRupiah = (value: number | string) => {
     const number =
@@ -58,6 +65,10 @@ function EditBelanja() {
             name: data.name || '',
             value: String(data.value || ''),
           });
+          setOriginalData({
+            name: data.name || '',
+            value: String(data.value || ''),
+          });
         }
       } catch (error) {
         console.error("Error loading belanja:", error);
@@ -70,6 +81,7 @@ function EditBelanja() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       belanjaState.update.form = {
         ...belanjaState.update.form,
         name: formData.name,
@@ -82,9 +94,19 @@ function EditBelanja() {
     } catch (error) {
       console.error("Error updating jenis belanja:", error);
       toast.error("Terjadi kesalahan saat memperbarui jenis belanja");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      value: originalData.value,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
@@ -135,6 +157,17 @@ function EditBelanja() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -145,7 +178,7 @@ function EditBelanja() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
index 50b6f1cd..fee6e242 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -14,12 +15,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateBelanja() {
   const belanjaState = useProxy(PendapatanAsliDesa.belanja);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const formatRupiah = (value: number | string) => {
     const number =
@@ -47,9 +50,17 @@ function CreateBelanja() {
       return toast.warn('Lengkapi semua field terlebih dahulu');
     }
 
-    await belanjaState.create.submit();
-    resetForm();
-    router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja');
+    try {
+      setIsSubmitting(true);
+      await belanjaState.create.submit();
+      resetForm();
+      router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja');
+    } catch (error) {
+      console.error('Error creating belanja:', error);
+      toast.error('Gagal menambahkan jenis belanja');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -82,7 +93,7 @@ function CreateBelanja() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Jenis Belanja</Text>}
             placeholder="Masukkan nama jenis belanja"
-            defaultValue={belanjaState.create.form.name}
+            value={belanjaState.create.form.name}
             onChange={(e) => (belanjaState.create.form.name = e.target.value)}
             required
           />
@@ -91,7 +102,7 @@ function CreateBelanja() {
             type="text"
             label={<Text fw="bold" fz="sm">Nilai</Text>}
             placeholder="Masukkan nilai belanja"
-            defaultValue={formatRupiah(belanjaState.create.form.value)}
+            value={formatRupiah(belanjaState.create.form.value)}
             onChange={(e) => {
               const raw = e.currentTarget.value;
               belanjaState.create.form.value = unformatRupiah(raw);
@@ -100,6 +111,17 @@ function CreateBelanja() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -110,7 +132,7 @@ function CreateBelanja() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
index 6a4ad0cf..c7e642dd 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -21,12 +22,18 @@ function EditPembiayaan() {
   const pembiayaanState = useProxy(PendapatanAsliDesa.pembiayaan);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     name: '',
     value: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    value: '',
+  });
+
   const formatRupiah = (value: number | string) => {
     const number =
       typeof value === 'number'
@@ -55,6 +62,10 @@ function EditPembiayaan() {
             name: data.name || '',
             value: String(data.value || ''),
           });
+          setOriginalData({
+            name: data.name || '',
+            value: String(data.value || ''),
+          });
         }
       } catch (error) {
         console.error('Error loading pembiayaan:', error);
@@ -65,8 +76,17 @@ function EditPembiayaan() {
     loadPembiayaan();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      value: originalData.value,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       pembiayaanState.update.form = {
         ...pembiayaanState.update.form,
         name: formData.name,
@@ -79,6 +99,8 @@ function EditPembiayaan() {
     } catch (error) {
       console.error('Error updating jenis pembiayaan:', error);
       toast.error('Terjadi kesalahan saat memperbarui jenis pembiayaan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -132,6 +154,17 @@ function EditPembiayaan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -142,7 +175,7 @@ function EditPembiayaan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
index 549ad7e6..6b808b45 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -13,12 +14,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreatePembiayaan() {
   const pembiayaanState = useProxy(PendapatanAsliDesa.pembiayaan);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const formatRupiah = (value: number | string) => {
     const number =
@@ -42,13 +45,21 @@ function CreatePembiayaan() {
   };
 
   const handleSubmit = async () => {
-    if (!pembiayaanState.create.form.name || !pembiayaanState.create.form.value) {
-      return toast.warn('Nama dan nilai wajib diisi');
-    }
+    try {
+      setIsSubmitting(true);
+      if (!pembiayaanState.create.form.name || !pembiayaanState.create.form.value) {
+        return toast.warn('Nama dan nilai wajib diisi');
+      }
 
-    await pembiayaanState.create.submit();
-    resetForm();
-    router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan');
+      await pembiayaanState.create.submit();
+      resetForm();
+      router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan');
+    } catch (error) {
+      console.error('Error creating pembiayaan:', error);
+      toast.error('Gagal menambahkan jenis pembiayaan');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -81,7 +92,7 @@ function CreatePembiayaan() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Jenis Pembiayaan</Text>}
             placeholder="Masukkan nama jenis pembiayaan"
-            defaultValue={pembiayaanState.create.form.name}
+            value={pembiayaanState.create.form.name}
             onChange={(e) => {
               pembiayaanState.create.form.name = e.currentTarget.value;
             }}
@@ -92,7 +103,7 @@ function CreatePembiayaan() {
             type="text"
             label={<Text fw="bold" fz="sm">Nilai</Text>}
             placeholder="Masukkan nilai"
-            defaultValue={formatRupiah(pembiayaanState.create.form.value)}
+            value={formatRupiah(pembiayaanState.create.form.value)}
             onChange={(e) => {
               const raw = e.currentTarget.value;
               pembiayaanState.create.form.value = unformatRupiah(raw);
@@ -101,6 +112,17 @@ function CreatePembiayaan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -111,7 +133,7 @@ function CreatePembiayaan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
index 265f8386..0ae681e0 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -21,6 +22,12 @@ function EditPendapatan() {
   const pendapatanState = useProxy(PendapatanAsliDesa.pendapatan);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    value: "",
+  });
 
   const [formData, setFormData] = useState({
     name: '',
@@ -55,6 +62,10 @@ function EditPendapatan() {
             name: data.name ?? '',
             value: data.value?.toString() ?? '',
           });
+          setOriginalData({
+            name: data.name ?? '',
+            value: data.value?.toString() ?? '',
+          });
         }
       } catch (error) {
         console.error('Error loading pendapatan:', error);
@@ -72,8 +83,18 @@ function EditPendapatan() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      value: originalData.value,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       pendapatanState.update.form = {
         ...pendapatanState.update.form,
         name: formData.name,
@@ -86,7 +107,10 @@ function EditPendapatan() {
     } catch (error) {
       console.error('Error updating jenis pendapatan:', error);
       toast.error('Terjadi kesalahan saat memperbarui jenis pendapatan');
+    } finally {
+      setIsSubmitting(false);
     }
+
   };
 
   return (
@@ -137,6 +161,17 @@ function EditPendapatan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -147,7 +182,7 @@ function EditPendapatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
index 2fa43d74..75fc530f 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -12,11 +13,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreatePendapatan() {
   const pendapatanState = useProxy(PendapatanAsliDesa.pendapatan);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const formatRupiah = (value: number | string) => {
     const number = typeof value === 'number' ? value : Number(value.replace(/\D/g, ''));
@@ -39,9 +43,17 @@ function CreatePendapatan() {
   };
 
   const handleSubmit = async () => {
-    await pendapatanState.create.submit();
-    resetForm();
-    router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pendapatan');
+    try {
+      setIsSubmitting(true);
+      await pendapatanState.create.submit();
+      resetForm();
+      router.push('/admin/ekonomi/PADesa-pendapatan-asli-desa/pendapatan');
+    } catch (error) {
+      console.error('Error creating pendapatan:', error);
+      toast.error('Gagal menambahkan jenis pendapatan');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -72,7 +84,7 @@ function CreatePendapatan() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={pendapatanState.create.form.name}
+            value={pendapatanState.create.form.name}
             onChange={(val) => {
               pendapatanState.create.form.name = val.target.value;
             }}
@@ -83,7 +95,7 @@ function CreatePendapatan() {
 
           <TextInput
             type="text"
-            defaultValue={formatRupiah(pendapatanState.create.form.value)}
+            value={formatRupiah(pendapatanState.create.form.value)}
             onChange={(val) => {
               const raw = val.currentTarget.value;
               const cleanValue = unformatRupiah(raw);
@@ -95,6 +107,17 @@ function CreatePendapatan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -105,7 +128,7 @@ function CreatePendapatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
index 4a1b672b..31f4eb71 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -28,12 +29,17 @@ export default function EditDemografiPekerjaan() {
   const router = useRouter();
   const { id } = useParams() as { id: string };
   const stateDemografi = useProxy(demografiPekerjaan);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState<FormData>({
     pekerjaan: '',
     lakiLaki: 0,
     perempuan: 0,
   });
+  const [originalData, setOriginalData] = useState<FormData>({
+    pekerjaan: '',
+    lakiLaki: 0,
+    perempuan: 0,
+  });
 
   // ✅ Load data hanya sekali di awal (tidak reset form)
   useEffect(() => {
@@ -41,6 +47,7 @@ export default function EditDemografiPekerjaan() {
 
     const loadData = async () => {
       try {
+        setIsSubmitting(true);
         stateDemografi.update.id = id;
         await stateDemografi.findUnique.load(id);
 
@@ -51,10 +58,17 @@ export default function EditDemografiPekerjaan() {
             lakiLaki: Number(data.lakiLaki ?? 0),
             perempuan: Number(data.perempuan ?? 0),
           });
+          setOriginalData({
+            pekerjaan: data.pekerjaan ?? '',
+            lakiLaki: Number(data.lakiLaki ?? 0),
+            perempuan: Number(data.perempuan ?? 0),
+          });
         }
       } catch (error) {
         console.error('Error loading data:', error);
         toast.error('Gagal memuat data');
+      } finally {
+        setIsSubmitting(false);
       }
     };
 
@@ -75,9 +89,19 @@ export default function EditDemografiPekerjaan() {
     []
   );
 
+  const handleResetForm = () => {
+    setFormData({
+      pekerjaan: originalData.pekerjaan,
+      lakiLaki: Number(originalData.lakiLaki),
+      perempuan: Number(originalData.perempuan),
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // ✅ Submit hanya update global state sekali
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateDemografi.update.id = id;
       stateDemografi.update.form = { ...formData };
 
@@ -88,6 +112,8 @@ export default function EditDemografiPekerjaan() {
     } catch (error) {
       console.error('Error updating data:', error);
       toast.error('Gagal memperbarui data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -145,6 +171,17 @@ export default function EditDemografiPekerjaan() {
           />
 
           <Group justify="flex-end">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -155,7 +192,7 @@ export default function EditDemografiPekerjaan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
index fec578be..4d280abf 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -17,11 +18,13 @@ import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import demografiPekerjaan from '../../../_state/ekonomi/demografi-pekerjaan';
+import { toast } from 'react-toastify';
 
 function CreateDemografiPekerjaan() {
   const stateDemografi = useProxy(demografiPekerjaan);
   const [chartData, setChartData] = useState<any[]>([]);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateDemografi.create.form = {
@@ -32,16 +35,23 @@ function CreateDemografiPekerjaan() {
   };
 
   const handleSubmit = async () => {
-    const id = await stateDemografi.create.create();
-    if (id) {
-      const idStr = String(id);
-      await stateDemografi.findUnique.load(idStr);
-      if (stateDemografi.findUnique.data) {
-        setChartData([stateDemografi.findUnique.data]);
+    try {
+      const id = await stateDemografi.create.create();
+      if (id) {
+        const idStr = String(id);
+        await stateDemografi.findUnique.load(idStr);
+        if (stateDemografi.findUnique.data) {
+          setChartData([stateDemografi.findUnique.data]);
+        }
       }
+      resetForm();
+      router.push('/admin/ekonomi/demografi-pekerjaan');
+    } catch (error) {
+      console.error('Error creating demografi pekerjaan:', error);
+      toast.error('Terjadi kesalahan saat menambah demografi pekerjaan');
+    } finally {
+      setIsSubmitting(false);
     }
-    resetForm();
-    router.push('/admin/ekonomi/demografi-pekerjaan');
   };
 
   return (
@@ -74,7 +84,7 @@ function CreateDemografiPekerjaan() {
           <TextInput
             label="Pekerjaan"
             type="text"
-            defaultValue={stateDemografi.create.form.pekerjaan}
+            value={stateDemografi.create.form.pekerjaan}
             placeholder="Masukkan pekerjaan"
             onChange={(val) => {
               stateDemografi.create.form.pekerjaan = val.currentTarget.value;
@@ -84,7 +94,7 @@ function CreateDemografiPekerjaan() {
           <TextInput
             label="Jumlah Pekerja Laki-Laki"
             type="number"
-            defaultValue={stateDemografi.create.form.lakiLaki}
+            value={stateDemografi.create.form.lakiLaki}
             placeholder="Masukkan jumlah pekerja laki-laki"
             onChange={(val) => {
               stateDemografi.create.form.lakiLaki = Number(val.currentTarget.value);
@@ -94,7 +104,7 @@ function CreateDemografiPekerjaan() {
           <TextInput
             label="Jumlah Pekerja Perempuan"
             type="number"
-            defaultValue={stateDemografi.create.form.perempuan}
+            value={stateDemografi.create.form.perempuan}
             placeholder="Masukkan jumlah pekerja perempuan"
             onChange={(val) => {
               stateDemografi.create.form.perempuan = Number(val.currentTarget.value);
@@ -103,6 +113,17 @@ function CreateDemografiPekerjaan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -113,7 +134,7 @@ function CreateDemografiPekerjaan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
index a49738c5..8187abde 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -22,7 +23,7 @@ function EditJumlahPendudukMiskin() {
   const router = useRouter();
   const params = useParams() as { id: string };
   const stateJPM = useProxy(jumlahPendudukMiskin);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const id = params.id;
 
   // 🔹 State lokal untuk form
@@ -31,6 +32,11 @@ function EditJumlahPendudukMiskin() {
     totalPoorPopulation: 0,
   });
 
+  const [originalData, setOriginalData] = useState({
+    year: 0,
+    totalPoorPopulation: 0,
+  });
+
   // 🔹 Load data awal dari backend
   useEffect(() => {
     if (!id) return;
@@ -44,6 +50,10 @@ function EditJumlahPendudukMiskin() {
             year: data.year || 0,
             totalPoorPopulation: data.totalPoorPopulation || 0,
           });
+          setOriginalData({
+            year: data.year || 0,
+            totalPoorPopulation: data.totalPoorPopulation || 0,
+          });
         }
       } catch (error) {
         console.error('Gagal memuat data:', error);
@@ -62,9 +72,18 @@ function EditJumlahPendudukMiskin() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      year: originalData.year,
+      totalPoorPopulation: originalData.totalPoorPopulation,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   // 🔹 Submit form
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateJPM.update.id = id;
       // update global state cuma saat submit
       stateJPM.update.form = { ...formData };
@@ -75,6 +94,8 @@ function EditJumlahPendudukMiskin() {
     } catch (error) {
       console.error('Gagal menyimpan data:', error);
       toast.error('Terjadi kesalahan saat menyimpan data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -124,6 +145,17 @@ function EditJumlahPendudukMiskin() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -134,7 +166,7 @@ function EditJumlahPendudukMiskin() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
index 4bad22be..363688f5 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
@@ -2,17 +2,19 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import jumlahPendudukMiskin from '../../../_state/ekonomi/jumlah-penduduk-miskin';
+import { toast } from 'react-toastify';
 
 export default function CreateJumlahPendudukMiskin() {
   const stateJPM = useProxy(jumlahPendudukMiskin);
   const [chartData, setChartData] = useState<any[]>([]);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateJPM.create.form = {
@@ -22,16 +24,24 @@ export default function CreateJumlahPendudukMiskin() {
   };
 
   const handleSubmit = async () => {
-    const id = await stateJPM.create.create();
-    if (id) {
-      const idStr = String(id);
-      await stateJPM.findUnique.load(idStr);
-      if (stateJPM.findUnique.data) {
-        setChartData([stateJPM.findUnique.data]);
+    try {
+      setIsSubmitting(true);
+      const id = await stateJPM.create.create();
+      if (id) {
+        const idStr = String(id);
+        await stateJPM.findUnique.load(idStr);
+        if (stateJPM.findUnique.data) {
+          setChartData([stateJPM.findUnique.data]);
+        }
       }
+      resetForm();
+      router.push('/admin/ekonomi/jumlah-penduduk-miskin');
+    } catch (error) {
+      console.error(error)
+      toast.error(error instanceof Error ? error.message : "Gagal menambahkan jumlah penduduk miskin")
+    } finally {
+      setIsSubmitting(false);
     }
-    resetForm();
-    router.push('/admin/ekonomi/jumlah-penduduk-miskin');
   };
 
   return (
@@ -59,7 +69,7 @@ export default function CreateJumlahPendudukMiskin() {
           <TextInput
             label="Tahun"
             type="number"
-            defaultValue={stateJPM.create.form.year || ''}
+            value={stateJPM.create.form.year || ''}
             placeholder="Masukkan tahun"
             onChange={(e) => {
               const value = e.currentTarget.value;
@@ -71,7 +81,7 @@ export default function CreateJumlahPendudukMiskin() {
           <TextInput
             label="Jumlah Penduduk Miskin"
             type="number"
-            defaultValue={stateJPM.create.form.totalPoorPopulation}
+            value={stateJPM.create.form.totalPoorPopulation}
             placeholder="Masukkan jumlah penduduk miskin"
             onChange={(e) => {
               stateJPM.create.form.totalPoorPopulation = Number(e.currentTarget.value);
@@ -80,6 +90,17 @@ export default function CreateJumlahPendudukMiskin() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -90,7 +111,7 @@ export default function CreateJumlahPendudukMiskin() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
index 7677e027..e2991004 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
@@ -2,10 +2,11 @@
 'use client';
 import grafikNganggur from '@/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function EditGrafikBerdasarkanPendidikan() {
@@ -13,6 +14,7 @@ function EditGrafikBerdasarkanPendidikan() {
   const params = useParams() as { id: string };
   const stategrafik = useProxy(grafikNganggur.grafikBerdasarkanPendidikan);
   const id = params.id;
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // state lokal untuk form
   const [formData, setFormData] = useState({
@@ -23,6 +25,14 @@ function EditGrafikBerdasarkanPendidikan() {
     S1: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    SD: '',
+    SMP: '',
+    SMA: '',
+    D3: '',
+    S1: '',
+  });
+
   useEffect(() => {
     if (id) {
       stategrafik.findUnique.load(id).then(() => {
@@ -35,26 +45,51 @@ function EditGrafikBerdasarkanPendidikan() {
             D3: data.D3 || '',
             S1: data.S1 || '',
           });
+          setOriginalData({
+            SD: data.SD || '',
+            SMP: data.SMP || '',
+            SMA: data.SMA || '',
+            D3: data.D3 || '',
+            S1: data.S1 || '',
+          });
         }
       });
     }
   }, [id]);
 
-  const handleChange = (field: keyof typeof formData) =>
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      setFormData((prev) => ({
-        ...prev,
-        [field]: e.currentTarget.value,
-      }));
-    };
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.currentTarget;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  
+  
+
+  const handleResetForm = () => {
+    setFormData({
+      SD: originalData.SD,
+      SMP: originalData.SMP,
+      SMA: originalData.SMA,
+      D3: originalData.D3,
+      S1: originalData.S1,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
 
   const handleSubmit = async () => {
-    stategrafik.update.id = id;
-    stategrafik.update.form = { ...formData }; // update global state pas submit aja
-    await stategrafik.update.submit();
-    router.push(
-      '/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan'
-    );
+    try {
+      setIsSubmitting(true);
+      stategrafik.update.id = id;
+      stategrafik.update.form = { ...formData }; // update global state pas submit aja
+      await stategrafik.update.submit();
+      router.push(
+        '/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan'
+      );
+    } catch (error) {
+      console.error(error);
+      toast.error('Terjadi kesalahan saat memperbarui data grafik');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -83,42 +118,58 @@ function EditGrafikBerdasarkanPendidikan() {
       >
         <Stack gap="md">
           <TextInput
+            name="SD"
             label="SD"
             type="number"
             placeholder="Masukkan jumlah"
             value={formData.SD}
-            onChange={handleChange('SD')}
+            onChange={handleChange}
           />
           <TextInput
+            name="SMP"
             label="SMP"
             type="number"
             placeholder="Masukkan jumlah"
             value={formData.SMP}
-            onChange={handleChange('SMP')}
+            onChange={handleChange}
           />
           <TextInput
+            name="SMA"
             label="SMA"
             type="number"
             placeholder="Masukkan jumlah"
             value={formData.SMA}
-            onChange={handleChange('SMA')}
+            onChange={handleChange}
           />
           <TextInput
+            name="D3"
             label="D3"
             type="number"
             placeholder="Masukkan jumlah"
             value={formData.D3}
-            onChange={handleChange('D3')}
+            onChange={handleChange}
           />
           <TextInput
+            name="S1"
             label="S1"
             type="number"
             placeholder="Masukkan jumlah"
             value={formData.S1}
-            onChange={handleChange('S1')}
+            onChange={handleChange}
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -129,7 +180,7 @@ function EditGrafikBerdasarkanPendidikan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
index 5c890bc0..c530352d 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
@@ -3,16 +3,18 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import grafikNganggur from '@/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Loader, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateGrafikBerdasarkanPendidikan() {
   const router = useRouter();
   const stategrafik = useProxy(grafikNganggur.grafikBerdasarkanPendidikan);
   const [donutData, setDonutData] = useState<any[]>([]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stategrafik.create.form = {
@@ -26,18 +28,26 @@ function CreateGrafikBerdasarkanPendidikan() {
   };
 
   const handleSubmit = async () => {
-    const id = await stategrafik.create.create();
-    if (id) {
-      const idStr = String(id);
-      await stategrafik.findUnique.load(idStr);
-      if (stategrafik.findUnique.data) {
-        setDonutData([stategrafik.findUnique.data]);
+    try {
+      setIsSubmitting(true);
+      const id = await stategrafik.create.create();
+      if (id) {
+        const idStr = String(id);
+        await stategrafik.findUnique.load(idStr);
+        if (stategrafik.findUnique.data) {
+          setDonutData([stategrafik.findUnique.data]);
+        }
       }
+      resetForm();
+      router.push(
+        '/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan'
+      );
+    } catch (error) {
+      console.error(error);
+      toast.error('Terjadi kesalahan saat menambahkan data grafik');
+    } finally {
+      setIsSubmitting(false);
     }
-    resetForm();
-    router.push(
-      '/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan'
-    );
   };
 
   return (
@@ -64,7 +74,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="SD"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.SD}
+            value={stategrafik.create.form.SD}
             onChange={(val) => (stategrafik.create.form.SD = val.currentTarget.value)}
             required
           />
@@ -72,7 +82,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="SMP"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.SMP}
+            value={stategrafik.create.form.SMP}
             onChange={(val) => (stategrafik.create.form.SMP = val.currentTarget.value)}
             required
           />
@@ -80,7 +90,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="SMA"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.SMA}
+            value={stategrafik.create.form.SMA}
             onChange={(val) => (stategrafik.create.form.SMA = val.currentTarget.value)}
             required
           />
@@ -88,7 +98,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="D3"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.D3}
+            value={stategrafik.create.form.D3}
             onChange={(val) => (stategrafik.create.form.D3 = val.currentTarget.value)}
             required
           />
@@ -96,12 +106,23 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="S1"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.S1}
+            value={stategrafik.create.form.S1}
             onChange={(val) => (stategrafik.create.form.S1 = val.currentTarget.value)}
             required
           />
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -112,7 +133,7 @@ function CreateGrafikBerdasarkanPendidikan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
index 5ef9d16a..825f6358 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
@@ -217,20 +217,22 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
           <Title order={3} pb={10}>
             Grafik Pengangguran Berdasarkan Pendidikan
           </Title>
-          {donutData.length > 0 ? (
-            <DonutChart
-              data={donutData}
-              withLabels
-              withTooltip
-              tooltipDataSource="segment"
-              size={260}
-              thickness={40}
-            />
-          ) : (
-            <Text color="dimmed">
-              Belum ada data untuk ditampilkan dalam grafik
-            </Text>
-          )}
+          <Center>
+            {donutData.length > 0 ? (
+              <DonutChart
+                data={donutData}
+                withLabels
+                withTooltip
+                tooltipDataSource="segment"
+                size={260}
+                thickness={40}
+              />
+            ) : (
+              <Text color="dimmed">
+                Belum ada data untuk ditampilkan dalam grafik
+              </Text>
+            )}
+          </Center>
         </Stack>
       </Paper>
 
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
index ab99accc..ce974a57 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -25,6 +26,8 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   );
   const id = params.id;
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   // ✅ state lokal, controlled
   const [formData, setFormData] = useState({
     usia18_25: '',
@@ -33,6 +36,13 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
     usia46_keatas: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    usia18_25: '',
+    usia26_35: '',
+    usia36_45: '',
+    usia46_keatas: '',
+  });
+
   // load data dari global state -> masukin ke local state
   useEffect(() => {
     if (id) {
@@ -45,6 +55,13 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             usia36_45: data.usia36_45 || '',
             usia46_keatas: data.usia46_keatas || '',
           });
+          setOriginalData({
+            usia18_25: data.usia18_25 || '',
+            usia26_35: data.usia26_35 || '',
+            usia36_45: data.usia36_45 || '',
+            usia46_keatas: data.usia46_keatas || '',
+          });
+          
         }
       });
     }
@@ -57,8 +74,19 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      usia18_25: originalData.usia18_25,
+      usia26_35: originalData.usia26_35,
+      usia36_45: originalData.usia36_45,
+      usia46_keatas: originalData.usia46_keatas,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // ✅ baru update global state pas submit
       stategrafik.update.id = id;
       stategrafik.update.form = { ...formData };
@@ -72,6 +100,8 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
     } catch (error) {
       console.error(error);
       toast.error('Terjadi kesalahan saat memperbarui data grafik');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -134,6 +164,17 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -144,7 +185,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
index 3051f3f1..677d488b 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
@@ -4,16 +4,18 @@
 
 import grafikNganggur from '@/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   const router = useRouter();
   const stategrafik = useProxy(grafikNganggur.grafikBerdasarkanUsiaKerjaNganggur);
   const [donutData, setDonutData] = useState<any[]>([]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stategrafik.create.form = {
@@ -26,16 +28,24 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   };
 
   const handleSubmit = async () => {
-    const id = await stategrafik.create.create();
-    if (id) {
-      const idStr = String(id);
-      await stategrafik.findUnique.load(idStr);
-      if (stategrafik.findUnique.data) {
-        setDonutData([stategrafik.findUnique.data]);
+    try {
+      setIsSubmitting(true);
+      const id = await stategrafik.create.create();
+      if (id) {
+        const idStr = String(id);
+        await stategrafik.findUnique.load(idStr);
+        if (stategrafik.findUnique.data) {
+          setDonutData([stategrafik.findUnique.data]);
+        }
       }
+      resetForm();
+      router.push('/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia');
+    } catch (error) {
+      console.error('Error creating:', error);
+      toast.error('Terjadi kesalahan saat membuat data');
+    } finally {
+      setIsSubmitting(false);
     }
-    resetForm();
-    router.push('/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia');
   };
 
   return (
@@ -64,7 +74,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 18 - 25"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.usia18_25}
+            value={stategrafik.create.form.usia18_25}
             onChange={(val) => (stategrafik.create.form.usia18_25 = val.currentTarget.value)}
             required
           />
@@ -72,7 +82,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 26 - 35"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.usia26_35}
+            value={stategrafik.create.form.usia26_35}
             onChange={(val) => (stategrafik.create.form.usia26_35 = val.currentTarget.value)}
             required
           />
@@ -80,7 +90,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 36 - 45"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.usia36_45}
+            value={stategrafik.create.form.usia36_45}
             onChange={(val) => (stategrafik.create.form.usia36_45 = val.currentTarget.value)}
             required
           />
@@ -88,13 +98,24 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 46 +"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stategrafik.create.form.usia46_keatas}
+            value={stategrafik.create.form.usia46_keatas}
             onChange={(val) => (stategrafik.create.form.usia46_keatas = val.currentTarget.value)}
             required
           />
 
           {/* Submit Button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -105,7 +126,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
index 22ae288d..9b6b8872 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -31,6 +32,7 @@ function EditDetailDataPengangguran() {
   const stateDetail = useProxy(jumlahPengangguranState.jumlahPengangguran);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // --- state lokal form
   const [formData, setFormData] = useState({
@@ -42,6 +44,15 @@ function EditDetailDataPengangguran() {
     percentageChange: 0,
   });
 
+  const [originalData, setOriginalData] = useState({
+    month: '',
+    year: new Date().getFullYear(),
+    educatedUnemployment: 0,
+    uneducatedUnemployment: 0,
+    totalUnemployment: 0,
+    percentageChange: 0,
+  });
+
   // --- hitung total + persentase perubahan
   const calculateTotalAndChange = useCallback(
     async (data: typeof formData) => {
@@ -109,6 +120,15 @@ function EditDetailDataPengangguran() {
           totalUnemployment: data.totalUnemployment,
           percentageChange: data.percentageChange || 0,
         });
+
+        setOriginalData({
+          month: data.month,
+          year: yearValue,
+          educatedUnemployment: data.educatedUnemployment,
+          uneducatedUnemployment: data.uneducatedUnemployment,
+          totalUnemployment: data.totalUnemployment,
+          percentageChange: data.percentageChange || 0,
+        });
       } catch (err) {
         console.error('Error loading detail:', err);
         toast.error('Gagal memuat data detail');
@@ -118,9 +138,22 @@ function EditDetailDataPengangguran() {
     loadDetail();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+      setFormData({
+        month: originalData.month,
+        year: originalData.year,
+        educatedUnemployment: originalData.educatedUnemployment,
+        uneducatedUnemployment: originalData.uneducatedUnemployment,
+        totalUnemployment: originalData.totalUnemployment,
+        percentageChange: originalData.percentageChange,
+      });
+      toast.info("Form dikembalikan ke data awal");
+    };
+
   // --- submit form
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       const { total, percentageChange } = await calculateTotalAndChange(formData);
 
       stateDetail.update.form = {
@@ -137,6 +170,8 @@ function EditDetailDataPengangguran() {
     } catch (err) {
       console.error('Error updating:', err);
       toast.error('Terjadi kesalahan saat memperbarui data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -205,6 +240,17 @@ function EditDetailDataPengangguran() {
           </Text>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -215,7 +261,7 @@ function EditDetailDataPengangguran() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
index c16fce6d..d27bef0f 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   NumberInput,
   Paper,
   Select,
@@ -17,12 +18,14 @@ import {
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateJumlahPengangguran() {
   const stateDetail = useProxy(jumlahPengangguranState.jumlahPengangguran);
   const [chartData, setChartData] = useState<any[]>([]);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const monthOptions = [
     'Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun',
@@ -72,15 +75,23 @@ function CreateJumlahPengangguran() {
   };
 
   const handleSubmit = async () => {
-    await calculateTotalAndChange();
-    const id = await stateDetail.create.create();
-    if (id) {
-      await stateDetail.findUnique.load(String(id));
-      if (stateDetail.findUnique.data) {
-        setChartData([stateDetail.findUnique.data]);
+    try {
+      setIsSubmitting(true);
+      await calculateTotalAndChange();
+      const id = await stateDetail.create.create();
+      if (id) {
+        await stateDetail.findUnique.load(String(id));
+        if (stateDetail.findUnique.data) {
+          setChartData([stateDetail.findUnique.data]);
+        }
+        resetForm();
+        router.push('/admin/ekonomi/jumlah-pengangguran');
       }
-      resetForm();
-      router.push('/admin/ekonomi/jumlah-pengangguran');
+    } catch (error) {
+      console.error("Error creating jumlah pengangguran:", error);
+      toast.error("Gagal menambahkan data pengangguran");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -176,7 +187,19 @@ function CreateJumlahPengangguran() {
           </Box>
 
           {/* Action Button */}
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -186,9 +209,8 @@ function CreateJumlahPengangguran() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              disabled={!stateDetail.create.form.month || !stateDetail.create.form.year}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
index cc7371db..0cc7b4b6 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -23,6 +24,7 @@ function EditLowonganKerja() {
   const lowonganState = useProxy(lowonganKerjaState);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     posisi: '',
@@ -35,6 +37,17 @@ function EditLowonganKerja() {
     notelp: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    posisi: '',
+    namaPerusahaan: '',
+    lokasi: '',
+    tipePekerjaan: '',
+    gaji: '',
+    deskripsi: '',
+    kualifikasi: '',
+    notelp: '',
+  })
+
   // load data sekali aja ketika mount / id berubah
   useEffect(() => {
     const loadLowongan = async () => {
@@ -54,6 +67,16 @@ function EditLowonganKerja() {
             kualifikasi: data.kualifikasi || '',
             notelp: data.notelp || '',
           });
+          setOriginalData({
+            posisi: data.posisi || '',
+            namaPerusahaan: data.namaPerusahaan || '',
+            lokasi: data.lokasi || '',
+            tipePekerjaan: data.tipePekerjaan || '',
+            gaji: data.gaji || '',
+            deskripsi: data.deskripsi || '',
+            kualifikasi: data.kualifikasi || '',
+            notelp: data.notelp || '',
+          });
         }
       } catch (error) {
         console.error("Error loading lowongan kerja:", error);
@@ -70,9 +93,23 @@ function EditLowonganKerja() {
       [field]: value,
     }));
   };
+  const handleResetForm = () => {
+    setFormData({
+      posisi: originalData.posisi,
+      namaPerusahaan: originalData.namaPerusahaan,
+      lokasi: originalData.lokasi,
+      tipePekerjaan: originalData.tipePekerjaan,
+      gaji: originalData.gaji,
+      deskripsi: originalData.deskripsi,
+      kualifikasi: originalData.kualifikasi,
+      notelp: originalData.notelp,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       lowonganState.update.id = params?.id as string;
       lowonganState.update.form = { ...formData };
 
@@ -82,6 +119,8 @@ function EditLowonganKerja() {
     } catch (error) {
       console.error("Error updating lowongan kerja:", error);
       toast.error("Terjadi kesalahan saat memperbarui lowongan kerja");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -175,6 +214,17 @@ function EditLowonganKerja() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -185,7 +235,7 @@ function EditLowonganKerja() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
index aac19f6d..4ee31ec4 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
@@ -4,6 +4,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -15,10 +16,13 @@ import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import lowonganKerjaState from '../../../_state/ekonomi/lowongan-kerja';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 
 function CreateLowonganKerja() {
   const lowonganState = useProxy(lowonganKerjaState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     lowonganState.create.form = {
@@ -34,9 +38,19 @@ function CreateLowonganKerja() {
   };
 
   const handleSubmit = async () => {
-    await lowonganState.create.create();
-    resetForm();
-    router.push('/admin/ekonomi/lowongan-kerja-lokal');
+    try {
+      setIsSubmitting(true);
+      await lowonganState.create.create();
+      resetForm();
+      router.push('/admin/ekonomi/lowongan-kerja-lokal');
+    } catch (error) {
+      console.error('Error creating lowongan kerja:', error);
+      toast.error(
+        error instanceof Error ? error.message : 'Gagal membuat lowongan kerja'
+      );
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -66,7 +80,7 @@ function CreateLowonganKerja() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={lowonganState.create.form.posisi}
+            value={lowonganState.create.form.posisi}
             onChange={(val) =>
               (lowonganState.create.form.posisi = val.target.value)
             }
@@ -75,7 +89,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            defaultValue={lowonganState.create.form.namaPerusahaan}
+            value={lowonganState.create.form.namaPerusahaan}
             onChange={(val) =>
               (lowonganState.create.form.namaPerusahaan = val.target.value)
             }
@@ -84,7 +98,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            defaultValue={lowonganState.create.form.notelp}
+            value={lowonganState.create.form.notelp}
             onChange={(val) =>
               (lowonganState.create.form.notelp = val.target.value)
             }
@@ -93,7 +107,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            defaultValue={lowonganState.create.form.lokasi}
+            value={lowonganState.create.form.lokasi}
             onChange={(val) =>
               (lowonganState.create.form.lokasi = val.target.value)
             }
@@ -102,7 +116,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            defaultValue={lowonganState.create.form.tipePekerjaan}
+            value={lowonganState.create.form.tipePekerjaan}
             onChange={(val) =>
               (lowonganState.create.form.tipePekerjaan = val.target.value)
             }
@@ -111,7 +125,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            defaultValue={lowonganState.create.form.gaji}
+            value={lowonganState.create.form.gaji}
             onChange={(val) =>
               (lowonganState.create.form.gaji = val.target.value)
             }
@@ -146,6 +160,17 @@ function CreateLowonganKerja() {
 
           {/* Tombol Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -156,7 +181,7 @@ function CreateLowonganKerja() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
index e62f85a4..12c82847 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -23,9 +24,9 @@ function EditKategoriProduk() {
   const params = useParams();
   const id = params?.id as string;
   const statePasar = useProxy(pasarDesaState.kategoriProduk);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({ nama: '' });
-  const [loading, setLoading] = useState(true);
+  const [originalData, setOriginalData] = useState({ nama: '' });
 
   useEffect(() => {
     const loadKategoriProduk = async () => {
@@ -40,12 +41,11 @@ function EditKategoriProduk() {
 
           // simpan data ke state lokal
           setFormData({ nama: data.nama || '' });
+          setOriginalData({ nama: data.nama || '' });
         }
       } catch (error) {
         console.error('Error loading kategori produk:', error);
         toast.error('Gagal memuat data kategori produk');
-      } finally {
-        setLoading(false);
       }
     };
 
@@ -59,8 +59,16 @@ function EditKategoriProduk() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       if (!formData.nama.trim()) {
         toast.error('Nama kategori produk tidak boleh kosong');
         return;
@@ -81,13 +89,11 @@ function EditKategoriProduk() {
     } catch (error) {
       console.error('Error updating kategori produk:', error);
       toast.error('Terjadi kesalahan saat memperbarui kategori produk');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
-  if (loading) {
-    return <Text>Loading...</Text>;
-  }
-
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol back */}
@@ -125,6 +131,17 @@ function EditKategoriProduk() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -135,7 +152,7 @@ function EditKategoriProduk() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
index e0e6caa1..f7066fa2 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -12,7 +13,7 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa';
@@ -20,6 +21,7 @@ import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa';
 function CreateKategoriProduk() {
   const router = useRouter();
   const statePasar = useProxy(pasarDesaState.kategoriProduk);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     statePasar.findMany.load();
@@ -32,27 +34,34 @@ function CreateKategoriProduk() {
   };
 
   const handleSubmit = async () => {
-    if (!statePasar.create.form.nama) {
-      return toast.warn('Nama kategori produk wajib diisi');
+    try {
+      if (!statePasar.create.form.nama) {
+        return toast.warn('Nama kategori produk wajib diisi');
+      }
+      setIsSubmitting(true);
+      await statePasar.create.create();
+      resetForm();
+      router.push('/admin/ekonomi/pasar-desa/kategori-produk');
+    } catch (error) {
+      console.error(error)
+      toast.error('Gagal menambahkan kategori produk');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    await statePasar.create.create();
-    resetForm();
-    router.push('/admin/ekonomi/pasar-desa/kategori-produk');
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
-          <Button
-            variant="subtle"
-            onClick={() => router.back()}
-            p="xs"
-            radius="md"
-          >
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Produk
         </Title>
@@ -71,12 +80,23 @@ function CreateKategoriProduk() {
           <TextInput
             label="Nama Kategori Produk"
             placeholder="Masukkan nama kategori produk"
-            defaultValue={statePasar.create.form.nama || ''}
+            value={statePasar.create.form.nama || ''}
             onChange={(e) => (statePasar.create.form.nama = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -87,7 +107,7 @@ function CreateKategoriProduk() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
index b87e474b..70cb1458 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import pasarDesaState from '@/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pa
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   MultiSelect,
   Paper,
   Stack,
@@ -40,6 +42,7 @@ function EditPasarDesa() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState<FormData>({
     nama: '',
     harga: 0,
@@ -50,6 +53,17 @@ function EditPasarDesa() {
     kontak: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    harga: 0,
+    alamatUsaha: '',
+    imageId: '',
+    imageUrl: "",
+    rating: 0,
+    kategoriId: [],
+    kontak: '',
+  });
+
   // load data awal
   useEffect(() => {
     pasarState.kategoriProduk.findManyAll.load();
@@ -70,6 +84,16 @@ function EditPasarDesa() {
             kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
             kontak: data.kontak || '',
           });
+          setOriginalData({
+            nama: data.nama || '',
+            harga: data.harga || 0,
+            alamatUsaha: data.alamatUsaha || '',
+            imageId: data.imageId || '',
+            imageUrl: data.image?.link || "",
+            rating: data.rating || 0,
+            kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
+            kontak: data.kontak || '',
+          });
           if (data.image?.link) setPreviewImage(data.image.link);
         }
       } catch (error) {
@@ -87,8 +111,25 @@ function EditPasarDesa() {
     setFormData((prev) => ({ ...prev, [key]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      harga: originalData.harga,
+      alamatUsaha: originalData.alamatUsaha,
+      imageId: originalData.imageId,
+      rating: originalData.rating,
+      kategoriId: (originalData as any)?.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
+      kontak: originalData.kontak,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+    
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // upload image kalau ada file baru
       let imageId = formData.imageId;
       if (file) {
@@ -110,6 +151,8 @@ function EditPasarDesa() {
     } catch (error) {
       console.error('Error updating pasar desa:', error);
       toast.error('Terjadi kesalahan saat memperbarui pasar desa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -148,7 +191,7 @@ function EditPasarDesa() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -167,25 +210,45 @@ function EditPasarDesa() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
                   style={{
-                    maxHeight: 220,
+                    maxHeight: 200,
                     objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
+                    border: '1px solid #ddd',
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -254,6 +317,17 @@ function EditPasarDesa() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -264,7 +338,7 @@ function EditPasarDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
index b611f44a..10202db1 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
@@ -3,10 +3,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   MultiSelect,
   Paper,
   Stack,
@@ -27,6 +29,7 @@ export default function CreatePasarDesa() {
   const statePasar = useProxy(pasarDesaState);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     statePasar.kategoriProduk.findManyAll.load();
@@ -47,25 +50,33 @@ export default function CreatePasarDesa() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      statePasar.pasarDesa.create.form.imageId = uploaded.id;
+      await statePasar.pasarDesa.create.create();
+
+      resetForm();
+      router.push('/admin/ekonomi/pasar-desa/produk-pasar-desa');
+    } catch (error) {
+      console.error('Error creating kategori produk:', error);
+      toast.error('Gagal membuat kategori produk');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    statePasar.pasarDesa.create.form.imageId = uploaded.id;
-    await statePasar.pasarDesa.create.create();
-
-    resetForm();
-    router.push('/admin/ekonomi/pasar-desa/produk-pasar-desa');
   };
 
   return (
@@ -105,7 +116,7 @@ export default function CreatePasarDesa() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -126,7 +137,7 @@ export default function CreatePasarDesa() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -134,6 +145,24 @@ export default function CreatePasarDesa() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -142,7 +171,7 @@ export default function CreatePasarDesa() {
           <TextInput
             label="Nama Produk"
             placeholder="Masukkan nama produk"
-            defaultValue={statePasar.pasarDesa.create.form.nama}
+            value={statePasar.pasarDesa.create.form.nama}
             onChange={(e) => (statePasar.pasarDesa.create.form.nama = e.target.value)}
             required
           />
@@ -152,7 +181,7 @@ export default function CreatePasarDesa() {
             type="number"
             label="Harga Produk"
             placeholder="Masukkan harga produk"
-            defaultValue={statePasar.pasarDesa.create.form.harga}
+            value={statePasar.pasarDesa.create.form.harga}
             onChange={(e) => (statePasar.pasarDesa.create.form.harga = Number(e.target.value))}
             required
           />
@@ -165,7 +194,7 @@ export default function CreatePasarDesa() {
             step={0.1}
             label="Rating Produk (0–5)"
             placeholder="Masukkan rating produk"
-            defaultValue={statePasar.pasarDesa.create.form.rating}
+            value={statePasar.pasarDesa.create.form.rating}
             onChange={(e) => {
               const value = Number(e.target.value);
               if (value >= 0 && value <= 5) {
@@ -178,7 +207,7 @@ export default function CreatePasarDesa() {
           <TextInput
             label="Alamat Usaha"
             placeholder="Masukkan alamat usaha"
-            defaultValue={statePasar.pasarDesa.create.form.alamatUsaha}
+            value={statePasar.pasarDesa.create.form.alamatUsaha}
             onChange={(e) => (statePasar.pasarDesa.create.form.alamatUsaha = e.target.value)}
           />
 
@@ -187,7 +216,7 @@ export default function CreatePasarDesa() {
             label="Kontak"
             type="number"
             placeholder="Masukkan kontak"
-            defaultValue={statePasar.pasarDesa.create.form.kontak}
+            value={statePasar.pasarDesa.create.form.kontak}
             onChange={(e) => (statePasar.pasarDesa.create.form.kontak = e.target.value)}
           />
 
@@ -207,6 +236,17 @@ export default function CreatePasarDesa() {
 
           {/* Tombol Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -217,7 +257,7 @@ export default function CreatePasarDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
index b6c0324e..5eae8178 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
@@ -9,6 +9,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -49,6 +50,8 @@ function EditProgramKemiskinan() {
   const stateProgram = useProxy(programKemiskinanState);
 
   const [formData, setFormData] = useState<FormData>(initialForm);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState<FormData>(initialForm);
 
   // Load data 1x dari global state → isi local state
   useEffect(() => {
@@ -68,6 +71,15 @@ function EditProgramKemiskinan() {
               jumlah: data.statistik?.jumlah?.toString() ?? '',
             },
           });
+          setOriginalData({
+            nama: data.nama ?? '',
+            deskripsi: data.deskripsi ?? '',
+            icon: data.icon ?? '',
+            statistik: {
+              tahun: data.statistik?.tahun?.toString() ?? '',
+              jumlah: data.statistik?.jumlah?.toString() ?? '',
+            },
+          });
         }
       } catch (err) {
         console.error('Error load data:', err);
@@ -99,8 +111,22 @@ function EditProgramKemiskinan() {
     []
   );
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      deskripsi: originalData.deskripsi,
+      icon: originalData.icon,
+      statistik: {
+        tahun: originalData.statistik.tahun,
+        jumlah: originalData.statistik.jumlah,
+      },
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateProgram.update.id = id;
       stateProgram.update.form = formData;
       await stateProgram.update.update();
@@ -110,6 +136,8 @@ function EditProgramKemiskinan() {
     } catch (error) {
       console.error('Error update program:', error);
       toast.error('Terjadi kesalahan saat memperbarui program');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -192,6 +220,17 @@ function EditProgramKemiskinan() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -202,7 +241,7 @@ function EditProgramKemiskinan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
index d82b3ace..2c00adf1 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -27,6 +28,7 @@ function CreateProgramKemiskinan() {
   const router = useRouter();
   const [lineChart, setLineChart] = useState<any[]>([]);
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const resetForm = () => {
     programState.create.form = {
       nama: '',
@@ -40,24 +42,32 @@ function CreateProgramKemiskinan() {
   };
 
   const handleSubmit = async () => {
-    if (!programState.create.form.nama || !programState.create.form.deskripsi) {
-      return toast.warn('Judul dan deskripsi wajib diisi');
-    }
-
-    const id = await programState.create.create();
-    if (id) {
-      const idStr = String(id);
-      await programState.findUnique.load(idStr);
-      if (programState.findUnique.data) {
-        setLineChart([programState.findUnique.data]);
+    try {
+      setIsSubmitting(true);
+      if (!programState.create.form.nama || !programState.create.form.deskripsi) {
+        return toast.warn('Judul dan deskripsi wajib diisi');
       }
-      toast.success('Program berhasil ditambahkan');
-    } else {
-      toast.error('Gagal menambahkan program, coba lagi');
-    }
 
-    resetForm();
-    router.push('/admin/ekonomi/program-kemiskinan');
+      const id = await programState.create.create();
+      if (id) {
+        const idStr = String(id);
+        await programState.findUnique.load(idStr);
+        if (programState.findUnique.data) {
+          setLineChart([programState.findUnique.data]);
+        }
+        toast.success('Program berhasil ditambahkan');
+      } else {
+        toast.error('Gagal menambahkan program, coba lagi');
+      }
+
+      resetForm();
+      router.push('/admin/ekonomi/program-kemiskinan');
+    } catch (error) {
+      console.error('Gagal menyimpan data:', error);
+      toast.error('Terjadi kesalahan saat menyimpan data');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -90,7 +100,7 @@ function CreateProgramKemiskinan() {
           <TextInput
             label="Judul Program"
             placeholder="Masukkan judul program"
-            defaultValue={programState.create.form.nama}
+            value={programState.create.form.nama}
             onChange={(val) => (programState.create.form.nama = val.target.value)}
             required
           />
@@ -125,7 +135,7 @@ function CreateProgramKemiskinan() {
           <Group grow>
             <TextInput
               type="number"
-              defaultValue={programState.create.form.statistik.jumlah}
+              value={programState.create.form.statistik.jumlah}
               onChange={(val) =>
                 (programState.create.form.statistik.jumlah = val.target.value)
               }
@@ -135,7 +145,7 @@ function CreateProgramKemiskinan() {
             />
             <TextInput
               type="number"
-              defaultValue={programState.create.form.statistik.tahun}
+              value={programState.create.form.statistik.tahun}
               onChange={(val) =>
                 (programState.create.form.statistik.tahun = val.target.value)
               }
@@ -147,6 +157,17 @@ function CreateProgramKemiskinan() {
 
           {/* Tombol Submit */}
           <Group justify="right" mt="sm">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -157,7 +178,7 @@ function CreateProgramKemiskinan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
index b7525bf3..51122258 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -24,7 +25,7 @@ function EditSektorUnggulanDesa() {
   const router = useRouter();
   const params = useParams() as { id: string };
   const stateGrafik = useProxy(grafikSektorUnggulan);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const id = params.id;
 
   // state lokal buat form
@@ -34,6 +35,12 @@ function EditSektorUnggulanDesa() {
     value: 0,
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    description: '',
+    value: 0,
+  });
+
   // Load data saat komponen mount
   useEffect(() => {
     if (id) {
@@ -47,6 +54,11 @@ function EditSektorUnggulanDesa() {
               description: data.description || '',
               value: data.value || 0,
             });
+            setOriginalData({
+              name: data.name || '',
+              description: data.description || '',
+              value: data.value || 0,
+            });
           }
         })
         .catch((err) => {
@@ -65,6 +77,7 @@ function EditSektorUnggulanDesa() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateGrafik.update.id = id;
       stateGrafik.update.form = { ...formData }; // update global pas submit
       await stateGrafik.update.submit();
@@ -73,9 +86,20 @@ function EditSektorUnggulanDesa() {
     } catch (error) {
       console.error('Error update sektor unggulan:', error);
       toast.error('Terjadi kesalahan saat memperbarui sektor unggulan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      description: originalData.description,
+      value: originalData.value,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
@@ -129,6 +153,17 @@ function EditSektorUnggulanDesa() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -139,7 +174,7 @@ function EditSektorUnggulanDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
index db72d661..09021f87 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -18,11 +19,13 @@ import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import grafikSektorUnggulan from '../../../_state/ekonomi/sektor-unggulan-desa';
+import { toast } from 'react-toastify';
 
 function CreateSektorUnggulanDesa() {
   const stateGrafik = useProxy(grafikSektorUnggulan);
   const [chartData, setChartData] = useState<any[]>([]);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateGrafik.create.form = {
@@ -33,16 +36,24 @@ function CreateSektorUnggulanDesa() {
   };
 
   const handleSubmit = async () => {
-    const id = await stateGrafik.create.create();
-    if (id) {
-      const idStr = String(id);
-      await stateGrafik.findUnique.load(idStr);
-      if (stateGrafik.findUnique.data) {
-        setChartData([stateGrafik.findUnique.data]);
+    try {
+      setIsSubmitting(true);
+      const id = await stateGrafik.create.create();
+      if (id) {
+        const idStr = String(id);
+        await stateGrafik.findUnique.load(idStr);
+        if (stateGrafik.findUnique.data) {
+          setChartData([stateGrafik.findUnique.data]);
+        }
       }
+      resetForm();
+      router.push('/admin/ekonomi/sektor-unggulan-desa');
+    } catch (error) {
+      console.error('Error creating sektor unggulan:', error);
+      toast.error('Terjadi kesalahan saat menambahkan sektor unggulan');
+    } finally {
+      setIsSubmitting(false);
     }
-    resetForm();
-    router.push('/admin/ekonomi/sektor-unggulan-desa');
   };
 
   return (
@@ -75,7 +86,7 @@ function CreateSektorUnggulanDesa() {
           <TextInput
             label="Nama Sektor Unggulan"
             placeholder="Masukkan nama sektor unggulan"
-            defaultValue={stateGrafik.create.form.name}
+            value={stateGrafik.create.form.name}
             onChange={(e) => {
               stateGrafik.create.form.name = e.currentTarget.value;
             }}
@@ -98,7 +109,7 @@ function CreateSektorUnggulanDesa() {
             label="Jumlah"
             type="number"
             placeholder="Masukkan jumlah"
-            defaultValue={stateGrafik.create.form.value}
+            value={stateGrafik.create.form.value}
             onChange={(e) => {
               stateGrafik.create.form.value = Number(e.currentTarget.value);
             }}
@@ -106,6 +117,17 @@ function CreateSektorUnggulanDesa() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -116,7 +138,7 @@ function CreateSektorUnggulanDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
index d125418d..89046ef6 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -27,7 +29,7 @@ export default function EditPegawaiBumDes() {
   const router = useRouter();
   const { id } = useParams<{ id: string }>();
   const stateOrganisasi = useProxy(stateStrukturBumDes.pegawai);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     namaLengkap: '',
     gelarAkademik: '',
@@ -39,6 +41,18 @@ export default function EditPegawaiBumDes() {
     posisiId: '',
     isActive: true,
   });
+  const [originalData, setOriginalData] = useState({
+    namaLengkap: '',
+    gelarAkademik: '',
+    imageId: '',
+    tanggalMasuk: '',
+    email: '',
+    telepon: '',
+    alamat: '',
+    posisiId: '',
+    isActive: true,
+    imageUrl: ''
+  });
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
@@ -67,6 +81,18 @@ export default function EditPegawaiBumDes() {
             posisiId: data.posisiId || '',
             isActive: data.isActive ?? true,
           });
+          setOriginalData({
+            namaLengkap: data.namaLengkap || '',
+            gelarAkademik: data.gelarAkademik || '',
+            imageId: data.imageId || '',
+            tanggalMasuk: data.tanggalMasuk || '',
+            email: data.email || '',
+            telepon: data.telepon || '',
+            alamat: data.alamat || '',
+            posisiId: data.posisiId || '',
+            isActive: data.isActive ?? true,
+            imageUrl: data.image?.link || '',
+          });
 
           setPreviewImage(data.image?.link || null);
         }
@@ -79,8 +105,26 @@ export default function EditPegawaiBumDes() {
     loadPegawai();
   }, [id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      namaLengkap: originalData.namaLengkap,
+      gelarAkademik: originalData.gelarAkademik,
+      imageId: originalData.imageId,
+      tanggalMasuk: originalData.tanggalMasuk,
+      email: originalData.email,
+      telepon: originalData.telepon,
+      alamat: originalData.alamat,
+      posisiId: originalData.posisiId,
+      isActive: originalData.isActive,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       if (!formData.namaLengkap.trim()) {
         return toast.error('Nama lengkap tidak boleh kosong');
       }
@@ -103,6 +147,8 @@ export default function EditPegawaiBumDes() {
     } catch (error) {
       console.error('Error updating pegawai:', error);
       toast.error(error instanceof Error ? error.message : 'Gagal memperbarui data pegawai');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -164,13 +210,13 @@ export default function EditPegawaiBumDes() {
                 <Dropzone.Idle><IconPhoto size={48} color="#868e96" stroke={1.5} /></Dropzone.Idle>
                 <Stack gap="xs" align="center">
                   <Text size="md" fw={500}>Seret gambar atau klik untuk memilih file</Text>
-                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar wajib</Text>
+                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp</Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -178,6 +224,24 @@ export default function EditPegawaiBumDes() {
                   style={{ maxHeight: 220, objectFit: 'contain', border: `1px solid ${colors['blue-button']}` }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -244,10 +308,21 @@ export default function EditPegawaiBumDes() {
           </Box>
 
           {/* Submit Button */}
-          <Group justify="flex-end" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              loading={stateOrganisasi.edit.loading}
               radius="md"
               size="md"
               style={{
@@ -256,7 +331,7 @@ export default function EditPegawaiBumDes() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
index 137fb7fc..c0f86fb0 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
@@ -4,7 +4,7 @@
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
+import { ActionIcon, Box, Button, Group, Image, Loader, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -20,6 +20,8 @@ function CreatePegawaiBumDes() {
     stateStrukturBumDes.posisiOrganisasi.findManyAll.load();
     resetForm();
   }, []);
+  const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateOrganisasi.create.form = {
@@ -33,6 +35,8 @@ function CreatePegawaiBumDes() {
       posisiId: "",
       isActive: true,
     };
+    setPreviewImage(null);
+    setFile(null);
   };
 
   const handleSubmit = async () => {
@@ -41,15 +45,18 @@ function CreatePegawaiBumDes() {
     }
 
     try {
+      setIsSubmitting(true);
       // Upload gambar dulu
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
       const res = await ApiFetch.api.fileStorage.create.post({
-        file: previewImage.file,
-        name: previewImage.file.name,
+        file,
+        name: file.name,
       });
-
       const uploaded = res.data?.data;
       if (!uploaded?.id) {
-        return toast.error("Gagal upload gambar");
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
       }
 
       // Set status aktif secara otomatis
@@ -69,6 +76,8 @@ function CreatePegawaiBumDes() {
     } catch (error) {
       console.error("Error creating pegawai:", error);
       toast.error("Terjadi kesalahan saat menambahkan pegawai");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -96,7 +105,7 @@ function CreatePegawaiBumDes() {
             <TextInput
               label="Nama Lengkap"
               placeholder="Masukkan nama lengkap"
-              defaultValue={stateOrganisasi.create.form.namaLengkap}
+              value={stateOrganisasi.create.form.namaLengkap}
               onChange={(e) => (stateOrganisasi.create.form.namaLengkap = e.currentTarget.value)}
               required
             />
@@ -105,7 +114,7 @@ function CreatePegawaiBumDes() {
             <TextInput
               label="Gelar Akademik"
               placeholder="Contoh: S.Kom"
-              defaultValue={stateOrganisasi.create.form.gelarAkademik}
+              value={stateOrganisasi.create.form.gelarAkademik}
               onChange={(e) => (stateOrganisasi.create.form.gelarAkademik = e.currentTarget.value)}
             />
           </Box>
@@ -163,7 +172,7 @@ function CreatePegawaiBumDes() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="md">
+              <Box mt="md" pos={"relative"}>
                 <Text fw="bold" fz="sm" mb={6}>
                   Preview Gambar
                 </Text>
@@ -180,6 +189,24 @@ function CreatePegawaiBumDes() {
                   }}
                   loading='lazy'
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -188,7 +215,7 @@ function CreatePegawaiBumDes() {
               label="Tanggal Masuk"
               type="date"
               placeholder="Contoh: 2022-01-01"
-              defaultValue={stateOrganisasi.create.form.tanggalMasuk}
+              value={stateOrganisasi.create.form.tanggalMasuk}
               onChange={(e) => (stateOrganisasi.create.form.tanggalMasuk = e.currentTarget.value)}
             />
           </Box>
@@ -198,7 +225,7 @@ function CreatePegawaiBumDes() {
               label="Email"
               type="email"
               placeholder="Contoh: email@example.com"
-              defaultValue={stateOrganisasi.create.form.email}
+              value={stateOrganisasi.create.form.email}
               onChange={(e) => (stateOrganisasi.create.form.email = e.currentTarget.value)}
             />
           </Box>
@@ -207,7 +234,7 @@ function CreatePegawaiBumDes() {
             <TextInput
               label="Nomor Telepon"
               placeholder="Contoh: 08123456789"
-              defaultValue={stateOrganisasi.create.form.telepon}
+              value={stateOrganisasi.create.form.telepon}
               onChange={(e) => (stateOrganisasi.create.form.telepon = e.currentTarget.value)}
             />
           </Box>
@@ -216,7 +243,7 @@ function CreatePegawaiBumDes() {
             <TextInput
               label="Alamat"
               placeholder="Contoh: Jl. Contoh No. 1"
-              defaultValue={stateOrganisasi.create.form.alamat}
+              value={stateOrganisasi.create.form.alamat}
               onChange={(e) => (stateOrganisasi.create.form.alamat = e.currentTarget.value)}
             />
           </Box>
@@ -242,6 +269,17 @@ function CreatePegawaiBumDes() {
 
 
           <Group justify="flex-end" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -252,7 +290,7 @@ function CreatePegawaiBumDes() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
index 972a710c..a58d838c 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
@@ -5,7 +5,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -17,6 +17,7 @@ function EditPosisiOrganisasiBumDes() {
   const params = useParams();
   const id = params?.id as string;
   const stateOrganisasi = useProxy(stateStrukturBumDes.posisiOrganisasi);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     nama: '',
@@ -24,6 +25,12 @@ function EditPosisiOrganisasiBumDes() {
     hierarki: 0,
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    deskripsi: '',
+    hierarki: 0,
+  });
+
   // Fungsi generik untuk update formData
   const handleChange = (field: keyof typeof formData, value: any) => {
     setFormData(prev => ({ ...prev, [field]: value }));
@@ -42,6 +49,11 @@ function EditPosisiOrganisasiBumDes() {
             deskripsi: data.deskripsi || '',
             hierarki: data.hierarki || 0,
           });
+          setOriginalData({
+            nama: data.nama || '',
+            deskripsi: data.deskripsi || '',
+            hierarki: data.hierarki || 0,
+          });
         }
       } catch (err) {
         console.error('Error loading posisi organisasi:', err);
@@ -52,6 +64,15 @@ function EditPosisiOrganisasiBumDes() {
     loadPosisiOrganisasi();
   }, [id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      deskripsi: originalData.deskripsi,
+      hierarki: originalData.hierarki,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.nama.trim()) {
       toast.error('Nama posisi organisasi tidak boleh kosong');
@@ -59,6 +80,7 @@ function EditPosisiOrganisasiBumDes() {
     }
 
     try {
+      setIsSubmitting(true);
       // Update global state hanya saat submit
       stateOrganisasi.edit.form = {
         nama: formData.nama.trim(),
@@ -78,6 +100,8 @@ function EditPosisiOrganisasiBumDes() {
     } catch (err) {
       console.error('Error updating posisi organisasi:', err);
       // toast error biasanya sudah ada di update
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -132,10 +156,21 @@ function EditPosisiOrganisasiBumDes() {
             required
           />
 
-          <Group justify="flex-end" mt="md">
+<Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              loading={stateOrganisasi.edit.loading}
               radius="md"
               size="md"
               style={{
@@ -144,7 +179,7 @@ function EditPosisiOrganisasiBumDes() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
index 1241e1c2..1b267c36 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
@@ -3,37 +3,32 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreatePosisiOrganisasiBumDes() {
   const router = useRouter();
   const stateOrganisasi = useProxy(stateStrukturBumDes.posisiOrganisasi);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateOrganisasi.findMany.load();
-    // Initialize form with default values
+  }, []);
+
+  const resetForm = () => {
     stateOrganisasi.create.form = {
       nama: "",
       deskripsi: "",
       hierarki: 0,
     };
-
-    return () => {
-      // Clean up form on unmount
-      stateOrganisasi.create.form = {
-        nama: "",
-        deskripsi: "",
-        hierarki: 0,
-      };
-    };
-  }, []);
+  }
 
   const handleSubmit = async () => {
+    setIsSubmitting(true);
     try {
       if (!stateOrganisasi.create.form.nama.trim()) {
         return toast.error('Nama posisi tidak boleh kosong');
@@ -45,6 +40,8 @@ function CreatePosisiOrganisasiBumDes() {
     } catch (error) {
       toast.error('Gagal menambahkan posisi organisasi');
       console.error('Error:', error);
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -71,7 +68,7 @@ function CreatePosisiOrganisasiBumDes() {
           <TextInput
             label="Nama Posisi"
             placeholder="Contoh: Kepala Desa"
-            defaultValue={stateOrganisasi.create.form.nama}
+            value={stateOrganisasi.create.form.nama}
             onChange={(e) => (stateOrganisasi.create.form.nama = e.target.value)}
             required
           />
@@ -93,7 +90,7 @@ function CreatePosisiOrganisasiBumDes() {
             type="number"
             min={0}
             placeholder="Contoh: 1 (Angka semakin kecil, posisi semakin tinggi)"
-            defaultValue={stateOrganisasi.create.form.hierarki || ''}
+            value={stateOrganisasi.create.form.hierarki || ''}
             onChange={(e) => {
               const value = parseInt(e.target.value, 10);
               stateOrganisasi.create.form.hierarki = isNaN(value) ? 0 : value;
@@ -101,10 +98,21 @@ function CreatePosisiOrganisasiBumDes() {
             required
           />
 
-          <Group justify="flex-end" mt="md">
+<Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              loading={stateOrganisasi.create.loading}
               radius="md"
               size="md"
               style={{
@@ -113,7 +121,7 @@ function CreatePosisiOrganisasiBumDes() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
index ad7f2184..f22190da 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import desaDigitalState from '@/app/admin/(dashboard)/_state/inovasi/desa-digita
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -29,12 +31,18 @@ function EditDigitalSmartVillage() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     name: '',
     deskripsi: '',
     imageId: '',
   });
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsi: '',
+    imageId: '',
+    imageUrl: '',
+  });
 
   useEffect(() => {
     const loadData = async () => {
@@ -49,6 +57,12 @@ function EditDigitalSmartVillage() {
             deskripsi: data.deskripsi || '',
             imageId: data.imageId || '',
           });
+          setOriginalData({
+            name: data.name || '',
+            deskripsi: data.deskripsi || '',
+            imageId: data.imageId || '',
+            imageUrl: data.image?.link || '',
+          });
 
           if (data?.image?.link) setPreviewImage(data.image.link);
         }
@@ -63,6 +77,7 @@ function EditDigitalSmartVillage() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateDesaDigital.edit.form = { ...stateDesaDigital.edit.form, ...formData };
 
       if (file) {
@@ -79,9 +94,22 @@ function EditDigitalSmartVillage() {
     } catch (error) {
       console.error('Error updating desa digital:', error);
       toast.error('Terjadi kesalahan saat memperbarui data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
@@ -119,7 +147,7 @@ function EditDigitalSmartVillage() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -138,25 +166,45 @@ function EditDigitalSmartVillage() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
                   style={{
-                    maxHeight: 220,
+                    maxHeight: 200,
                     objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
+                    border: '1px solid #ddd',
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -185,6 +233,17 @@ function EditDigitalSmartVillage() {
 
           {/* Tombol Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -195,7 +254,7 @@ function EditDigitalSmartVillage() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
index cb0f810f..74e1bd82 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
@@ -2,9 +2,11 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,6 +28,7 @@ export default function CreateDesaDigital() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateDesaDigital.create.form = {
@@ -43,6 +46,7 @@ export default function CreateDesaDigital() {
     }
 
     try {
+      setIsSubmitting(true);
       const uploadRes = await ApiFetch.api.fileStorage.create.post({
         file,
         name: file.name,
@@ -63,6 +67,8 @@ export default function CreateDesaDigital() {
     } catch (error) {
       console.error('Error in handleSubmit:', error);
       toast.error('Terjadi kesalahan saat menyimpan data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -101,7 +107,7 @@ export default function CreateDesaDigital() {
           <TextInput
             label="Nama Desa Digital"
             placeholder="Masukkan nama desa digital"
-            defaultValue={stateDesaDigital.create.form.name}
+            value={stateDesaDigital.create.form.name}
             onChange={(e) => (stateDesaDigital.create.form.name = e.target.value)}
             radius="md"
             withAsterisk
@@ -135,7 +141,7 @@ export default function CreateDesaDigital() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
               style={{
@@ -163,6 +169,7 @@ export default function CreateDesaDigital() {
             {/* Preview */}
             {previewImage && (
               <Box
+                pos={"relative"}
                 mt="sm"
                 style={{
                   textAlign: 'center',
@@ -180,12 +187,42 @@ export default function CreateDesaDigital() {
                     borderRadius: 12,
                   }}
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Tombol Submit */}
-          <Group justify="flex-end" mt="sm">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -194,20 +231,9 @@ export default function CreateDesaDigital() {
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
-                transition: 'transform 0.2s ease, box-shadow 0.2s ease',
-              }}
-              onMouseEnter={(e) => {
-                (e.currentTarget.style.transform = 'translateY(-2px)');
-                (e.currentTarget.style.boxShadow =
-                  '0 6px 20px rgba(79, 172, 254, 0.5)');
-              }}
-              onMouseLeave={(e) => {
-                (e.currentTarget.style.transform = 'translateY(0)');
-                (e.currentTarget.style.boxShadow =
-                  '0 4px 15px rgba(79, 172, 254, 0.4)');
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
index 248c8a72..6afa83e5 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import infoTeknoState from '@/app/admin/(dashboard)/_state/inovasi/info-tekno';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -29,12 +31,18 @@ function EditInfoTeknologiTepatGuna() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     name: '',
     deskripsi: '',
     imageId: '',
   });
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsi: '',
+    imageId: '',
+    imageUrl: '',
+  });
 
   // Load data pertama kali
   useEffect(() => {
@@ -50,7 +58,12 @@ function EditInfoTeknologiTepatGuna() {
             deskripsi: data.deskripsi || '',
             imageId: data.imageId || '',
           });
-
+          setOriginalData({
+            name: data.name || '',
+            deskripsi: data.deskripsi || '',
+            imageId: data.imageId || '',
+            imageUrl: data.image?.link || '',
+          });
           if (data?.image?.link) setPreviewImage(data.image.link);
         }
       } catch (error) {
@@ -62,9 +75,21 @@ function EditInfoTeknologiTepatGuna() {
     loadData();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+    });
+    setFile(null);
+    setPreviewImage(originalData.imageUrl);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // Submit form
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // sync local → global pas submit
       stateInfoTekno.edit.form = {
         ...stateInfoTekno.edit.form,
@@ -92,6 +117,8 @@ function EditInfoTeknologiTepatGuna() {
     } catch (error) {
       console.error('Error updating info teknologi tepat guna:', error);
       toast.error('Terjadi kesalahan saat memperbarui info teknologi tepat guna');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -141,7 +168,7 @@ function EditInfoTeknologiTepatGuna() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -160,25 +187,45 @@ function EditInfoTeknologiTepatGuna() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
                   style={{
-                    maxHeight: 220,
+                    maxHeight: 200,
                     objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
+                    border: '1px solid #ddd',
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -198,6 +245,17 @@ function EditInfoTeknologiTepatGuna() {
 
           {/* Tombol submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -208,7 +266,7 @@ function EditInfoTeknologiTepatGuna() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
index 2021d79b..644e1e8d 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,6 +28,7 @@ function CreateInfoTeknologiTepatGuna() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateInfoTekno.create.form = {
@@ -43,6 +46,7 @@ function CreateInfoTeknologiTepatGuna() {
     }
 
     try {
+      setIsSubmitting(true);
       const uploadRes = await ApiFetch.api.fileStorage.create.post({
         file: file,
         name: file.name,
@@ -64,6 +68,8 @@ function CreateInfoTeknologiTepatGuna() {
     } catch (error) {
       console.error('Error in handleSubmit:', error);
       toast.error('Terjadi kesalahan saat menyimpan data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -91,7 +97,7 @@ function CreateInfoTeknologiTepatGuna() {
         <Stack gap="md">
           {/* Nama */}
           <TextInput
-            defaultValue={stateInfoTekno.create.form.name}
+            value={stateInfoTekno.create.form.name}
             onChange={(val) => {
               stateInfoTekno.create.form.name = val.target.value;
             }}
@@ -128,7 +134,7 @@ function CreateInfoTeknologiTepatGuna() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -149,7 +155,7 @@ function CreateInfoTeknologiTepatGuna() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -157,12 +163,41 @@ function CreateInfoTeknologiTepatGuna() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Submit Button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -173,7 +208,7 @@ function CreateInfoTeknologiTepatGuna() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
index ffe7c536..531aca12 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
@@ -8,12 +8,14 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
   TextInput,
   Title
 } from "@mantine/core";
+import { YearPickerInput } from "@mantine/dates";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useParams, useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
@@ -24,6 +26,7 @@ function EditKolaborasiInovasi() {
   const kolaborasiState = useProxy(kolaborasiInovasiState);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     name: "",
@@ -33,6 +36,14 @@ function EditKolaborasiInovasi() {
     kolaborator: "",
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    deskripsi: "",
+    tahun: "",
+    slug: "",
+    kolaborator: "",
+  });
+
   // Load data awal dari server
   useEffect(() => {
     const loadKolaborasi = async () => {
@@ -49,6 +60,13 @@ function EditKolaborasiInovasi() {
             slug: data.slug ?? "",
             kolaborator: data.kolaborator ?? "",
           });
+          setOriginalData({
+            name: data.name ?? "",
+            deskripsi: data.deskripsi ?? "",
+            tahun: data.tahun?.toString() ?? "",
+            slug: data.slug ?? "",
+            kolaborator: data.kolaborator ?? "",
+          })
         }
       } catch (error) {
         console.error("Error loading kolaborasi:", error);
@@ -59,9 +77,21 @@ function EditKolaborasiInovasi() {
     loadKolaborasi();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      tahun: originalData.tahun?.toString(),
+      slug: originalData.slug,
+      kolaborator: originalData.kolaborator,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // Handler submit → baru update global state
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       kolaborasiState.update.form = {
         ...kolaborasiState.update.form,
         name: formData.name,
@@ -73,10 +103,12 @@ function EditKolaborasiInovasi() {
 
       await kolaborasiState.update.submit();
       toast.success("Kolaborasi inovasi berhasil diperbarui!");
-      router.push("/admin/inovasi/kolaborasi-inovasi");
+      router.push("/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi");
     } catch (error) {
       console.error("Error updating kolaborasi:", error);
       toast.error("Terjadi kesalahan saat memperbarui data");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -121,12 +153,15 @@ function EditKolaborasiInovasi() {
             required
           />
 
-          <TextInput
-            label="Tahun"
-            placeholder="Masukkan tahun"
-            value={formData.tahun}
-            onChange={(e) => handleChange("tahun", e.target.value)}
-            required
+          <YearPickerInput
+            clearable
+            value={formData.tahun ? new Date(Number(formData.tahun), 0, 1) : null}
+            label={<Text fz="sm" fw="bold">Tahun</Text>}
+            placeholder="Pilih tahun"
+            onChange={(date) => {
+              const year = date ? new Date(date).getFullYear() : 0;
+              handleChange("tahun", year.toString());
+            }}
           />
 
           <TextInput
@@ -148,17 +183,29 @@ function EditKolaborasiInovasi() {
           </Box>
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
index 0b63e248..deca2518 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
@@ -3,17 +3,18 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import kolaborasiInovasiState from '@/app/admin/(dashboard)/_state/inovasi/kolaborasi-inovasi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { YearPickerInput } from '@mantine/dates';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateProgramKreatifDesa() {
   const stateCreate = useProxy(kolaborasiInovasiState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateCreate.create.form = {
@@ -40,6 +41,7 @@ function CreateProgramKreatifDesa() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       await stateCreate.create.create();
       resetForm();
       router.push("/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi");
@@ -47,6 +49,8 @@ function CreateProgramKreatifDesa() {
     } catch (error) {
       console.error("Error creating kolaborasi inovasi:", error);
       toast.error("Terjadi kesalahan saat menyimpan data");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -75,7 +79,7 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fz="sm" fw="bold">Nama Kolaborasi Inovasi</Text>}
             placeholder="Masukkan nama kolaborasi inovasi"
-            defaultValue={stateCreate.create.form.name || ''}
+            value={stateCreate.create.form.name || ''}
             onChange={(val) => stateCreate.create.form.name = val.target.value}
             required
           />
@@ -104,11 +108,22 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fz="sm" fw="bold">Kolaborator</Text>}
             placeholder="Masukkan kolaborator"
-            defaultValue={stateCreate.create.form.kolaborator || ''}
+            value={stateCreate.create.form.kolaborator || ''}
             onChange={(e) => stateCreate.create.form.kolaborator = e.currentTarget.value}
           />
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -119,7 +134,7 @@ function CreateProgramKreatifDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
index 74c361e1..ce4516a7 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
@@ -4,11 +4,13 @@ import mitraKolaborasi from '@/app/admin/(dashboard)/_state/inovasi/mitra-kolabo
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Center,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -35,6 +37,7 @@ function EditMitraKolaborasi() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // Local form state (controlled)
   const [formData, setFormData] = useState({
@@ -42,6 +45,12 @@ function EditMitraKolaborasi() {
     imageId: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    imageId: '',
+    imageUrl: '',
+  });
+
   // Load data ke state lokal sekali saja
   useEffect(() => {
     const loadData = async () => {
@@ -55,6 +64,11 @@ function EditMitraKolaborasi() {
             name: data.name || '',
             imageId: data.imageId || '',
           });
+          setOriginalData({
+            name: data.name || '',
+            imageId: data.imageId || '',
+            imageUrl: data.image?.link || '',
+          });
 
           if (data?.image?.link) {
             setPreviewImage(data.image.link);
@@ -76,8 +90,19 @@ function EditMitraKolaborasi() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // upload file jika ada
       let imageId = formData.imageId;
       if (file) {
@@ -105,6 +130,8 @@ function EditMitraKolaborasi() {
     } catch (error) {
       console.error('Error updating mitra:', error);
       toast.error('Terjadi kesalahan saat memperbarui mitra');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -154,7 +181,7 @@ function EditMitraKolaborasi() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -173,7 +200,7 @@ function EditMitraKolaborasi() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
@@ -181,7 +208,7 @@ function EditMitraKolaborasi() {
 
             {/* Preview Foto */}
             {previewImage ? (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -193,6 +220,24 @@ function EditMitraKolaborasi() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             ) : (
               <Center w={200} h={200} bg="gray.1" mt="sm" style={{ borderRadius: 8 }}>
@@ -203,6 +248,17 @@ function EditMitraKolaborasi() {
 
           {/* Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -213,7 +269,7 @@ function EditMitraKolaborasi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
index aa5ac040..195c1ab2 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
@@ -3,10 +3,12 @@ import mitraKolaborasi from '@/app/admin/(dashboard)/_state/inovasi/mitra-kolabo
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -25,6 +27,7 @@ function CreateMitraKolaborasi() {
   const router = useRouter();
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     state.create.form = {
@@ -36,24 +39,32 @@ function CreateMitraKolaborasi() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      state.create.form.imageId = uploaded.id;
+      await state.create.create();
+      resetForm();
+      router.push('/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi');
+    } catch (error) {
+      console.error("Error creating mitra kolaborasi:", error);
+      toast.error("Terjadi kesalahan saat menambahkan mitra kolaborasi");
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    state.create.form.imageId = uploaded.id;
-    await state.create.create();
-    resetForm();
-    router.push('/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi');
   };
 
   return (
@@ -82,7 +93,7 @@ function CreateMitraKolaborasi() {
           <TextInput
             label="Nama Mitra"
             placeholder="Masukkan nama mitra"
-            defaultValue={state.create.form.name || ''}
+            value={state.create.form.name || ''}
             onChange={(e) => (state.create.form.name = e.target.value)}
             required
           />
@@ -102,7 +113,7 @@ function CreateMitraKolaborasi() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -123,7 +134,7 @@ function CreateMitraKolaborasi() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -131,12 +142,41 @@ function CreateMitraKolaborasi() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Submit Button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -147,7 +187,7 @@ function CreateMitraKolaborasi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
index 7bf76e10..780a9265 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -23,6 +24,12 @@ function EditJenisLayanan() {
   const state = useProxy(layananonlineDesa.jenisLayanan);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    deskripsi: '',
+  });
 
   const [formData, setFormData] = useState({
     nama: '',
@@ -41,6 +48,10 @@ function EditJenisLayanan() {
             nama: data.nama ?? '',
             deskripsi: data.deskripsi ?? '',
           });
+          setOriginalData({
+            nama: data.nama ?? '',
+            deskripsi: data.deskripsi ?? '',
+          });
         }
       } catch (error) {
         console.error('Error loading jenis layanan:', error);
@@ -51,8 +62,17 @@ function EditJenisLayanan() {
     loadJenisLayanan();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       state.edit.form = {
         ...state.edit.form,
         ...formData,
@@ -64,6 +84,8 @@ function EditJenisLayanan() {
     } catch (error) {
       console.error('Error updating jenis layanan:', error);
       toast.error('Terjadi kesalahan saat memperbarui jenis layanan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -123,6 +145,17 @@ function EditJenisLayanan() {
 
           {/* Tombol Submit */}
           <Group justify="right" mt="sm">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -133,7 +166,7 @@ function EditJenisLayanan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
index 30aae0e6..4dc93703 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -14,12 +15,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateJenisLayanan() {
   const router = useRouter();
   const statePasar = useProxy(layananonlineDesa.jenisLayanan);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     statePasar.findMany.load();
@@ -33,9 +36,17 @@ function CreateJenisLayanan() {
   };
 
   const handleSubmit = async () => {
-    await statePasar.create.create();
-    resetForm();
-    router.push('/admin/inovasi/layanan-online-desa/jenis-layanan');
+    try {
+      setIsSubmitting(true);
+      await statePasar.create.create();
+      resetForm();
+      router.push('/admin/inovasi/layanan-online-desa/jenis-layanan');
+    } catch (error) {
+      console.error('Error creating jenis layanan:', error);
+      toast.error('Terjadi kesalahan saat menambahkan jenis layanan');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -66,7 +77,7 @@ function CreateJenisLayanan() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={statePasar.create.form.nama}
+            value={statePasar.create.form.nama}
             onChange={(val) => {
               statePasar.create.form.nama = val.target.value;
             }}
@@ -75,7 +86,7 @@ function CreateJenisLayanan() {
             required
           />
           <TextInput
-            defaultValue={statePasar.create.form.deskripsi}
+            value={statePasar.create.form.deskripsi}
             onChange={(val) => {
               statePasar.create.form.deskripsi = val.target.value;
             }}
@@ -85,6 +96,17 @@ function CreateJenisLayanan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -95,7 +117,7 @@ function CreateJenisLayanan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
index de4c6c24..5331bc9e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -22,11 +23,16 @@ function EditJenisPengaduan() {
   const params = useParams();
   const id = params?.id as string;
   const state = useProxy(layananonlineDesa.jenisPengaduan);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     nama: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+  });
+
   // Load data sekali aja
   useEffect(() => {
     const loadJenisPengaduan = async () => {
@@ -40,6 +46,9 @@ function EditJenisPengaduan() {
           setFormData({
             nama: data.nama || '',
           });
+          setOriginalData({
+            nama: data.nama || '',
+          });
         }
       } catch (error) {
         console.error('Error loading jenis pengaduan:', error);
@@ -57,6 +66,13 @@ function EditJenisPengaduan() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     if (!formData.nama.trim()) {
       toast.error('Nama jenis pengaduan tidak boleh kosong');
@@ -74,6 +90,7 @@ function EditJenisPengaduan() {
     }
 
     try {
+      setIsSubmitting(true);
       const success = await state.edit.update();
 
       if (success) {
@@ -82,6 +99,8 @@ function EditJenisPengaduan() {
     } catch (error) {
       console.error('Error updating jenis pengaduan:', error);
       // toast ditangani di dalam state.update
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -121,6 +140,17 @@ function EditJenisPengaduan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -131,7 +161,7 @@ function EditJenisPengaduan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
index 31999381..9167a525 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -13,13 +14,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateJenisPengaduan() {
   const router = useRouter();
   const state = useProxy(layananonlineDesa.jenisPengaduan);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   useEffect(() => {
     state.findMany.load();
   }, []);
@@ -31,9 +33,17 @@ function CreateJenisPengaduan() {
   };
 
   const handleSubmit = async () => {
-    await state.create.create();
-    resetForm();
-    router.push('/admin/inovasi/layanan-online-desa/jenis-pengaduan');
+    try {
+      setIsSubmitting(true);
+      await state.create.create();
+      resetForm();
+      router.push('/admin/inovasi/layanan-online-desa/jenis-pengaduan');
+    } catch (error) {
+      console.error('Error creating jenis pengaduan:', error);
+      toast.error('Terjadi kesalahan saat menambahkan jenis pengaduan');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -61,12 +71,23 @@ function CreateJenisPengaduan() {
           <TextInput
             label="Nama Jenis Pengaduan"
             placeholder="Masukkan nama jenis pengaduan"
-            defaultValue={state.create.form.nama || ''}
+            value={state.create.form.nama || ''}
             onChange={(e) => (state.create.form.nama = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -77,7 +98,7 @@ function CreateJenisPengaduan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
index 477e0988..294d25b0 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -32,6 +33,7 @@ function EditProgramKreatifDesa() {
   const stateProgramKreatif = useProxy(programKreatifState);
   const params = useParams();
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState<FormProgramKreatif>({
     name: '',
@@ -120,8 +122,22 @@ function EditProgramKreatifDesa() {
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      slug: originalData.slug,
+      deskripsi: originalData.deskripsi,
+      icon: originalData.icon,
+    });
+    setOriginalData({
+      ...originalData,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateProgramKreatif.update.form = {
         name: formData.name.trim(),
         deskripsi: formData.deskripsi.trim(),
@@ -138,6 +154,8 @@ function EditProgramKreatifDesa() {
     } catch (error) {
       console.error('Error updating program kreatif:', error);
       toast.error('Gagal menyimpan program kreatif');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -203,6 +221,17 @@ function EditProgramKreatifDesa() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -213,7 +242,7 @@ function EditProgramKreatifDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
index 2609b036..b1505836 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
@@ -4,6 +4,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -16,10 +17,13 @@ import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import SelectIconProgram from '../../../_com/selectIcon';
 import programKreatifState from '../../../_state/inovasi/program-kreatif';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 
 function CreateProgramKreatifDesa() {
   const stateCreate = useProxy(programKreatifState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateCreate.create.form = {
@@ -31,11 +35,18 @@ function CreateProgramKreatifDesa() {
   };
 
   const handleSubmit = async () => {
-    const success = await stateCreate.create.create();
+    try {
+      const success = await stateCreate.create.create();
 
-    if (success) {
-      resetForm();
-      router.push("/admin/inovasi/program-kreatif-desa");
+      if (success) {
+        resetForm();
+        router.push("/admin/inovasi/program-kreatif-desa");
+      }
+    } catch (error) {
+      console.error("Error creating program kreatif desa:", error);
+      toast.error("Gagal menambahkan program kreatif desa");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -65,7 +76,7 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Program Kreatif Desa</Text>}
             placeholder="Masukkan nama program kreatif desa"
-            defaultValue={stateCreate.create.form.name || ""}
+            value={stateCreate.create.form.name || ""}
             onChange={(e) => (stateCreate.create.form.name = e.currentTarget.value)}
             required
           />
@@ -82,7 +93,7 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Deskripsi Singkat Program Kreatif Desa</Text>}
             placeholder="Masukkan deskripsi singkat program kreatif desa"
-            defaultValue={stateCreate.create.form.slug || ""}
+            value={stateCreate.create.form.slug || ""}
             onChange={(e) => (stateCreate.create.form.slug = e.currentTarget.value)}
             required
           />
@@ -101,6 +112,17 @@ function CreateProgramKreatifDesa() {
 
           {/* Tombol Submit */}
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -111,7 +133,7 @@ function CreateProgramKreatifDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
index af3209fd..898470c5 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
@@ -1,11 +1,13 @@
 "use client";
 
 import {
+  ActionIcon,
   Box,
   Button,
   Center,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -37,12 +39,20 @@ function EditKeamananLingkungan() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     name: "",
     deskripsi: "",
     imageId: "",
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    deskripsi: "",
+    imageId: "",
+    imageUrl: "",
+  });
+
   // Load data sekali pas mount
   useEffect(() => {
     const loadData = async () => {
@@ -57,6 +67,12 @@ function EditKeamananLingkungan() {
             deskripsi: data.deskripsi || "",
             imageId: data.imageId || "",
           });
+          setOriginalData({
+            name: data.name || "",
+            deskripsi: data.deskripsi || "",
+            imageId: data.imageId || "",
+            imageUrl: data.image?.link || "",
+          });
 
           if (data?.image?.link) {
             setPreviewImage(data.image.link);
@@ -76,8 +92,20 @@ function EditKeamananLingkungan() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let imageId = formData.imageId;
 
       if (file) {
@@ -108,6 +136,8 @@ function EditKeamananLingkungan() {
     } catch (error) {
       console.error("Error updating keamananLingkungan:", error);
       toast.error("Terjadi kesalahan saat memperbarui keamananLingkungan");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -190,7 +220,39 @@ function EditKeamananLingkungan() {
           </Dropzone>
 
           {previewImage ? (
-            <Image alt="" src={previewImage} w={200} h={200} loading="lazy" />
+            <Box pos={"relative"}>
+              <Image
+                src={previewImage}
+                alt="Preview Gambar"
+                radius="md"
+                style={{
+                  maxHeight: 200,
+                  objectFit: 'contain',
+                  border: '1px solid #ddd',
+                }}
+                loading="lazy"
+              />
+
+              {/* Tombol hapus (pojok kanan atas) */}
+              <ActionIcon
+                variant="filled"
+                color="red"
+                radius="xl"
+                size="sm"
+                pos="absolute"
+                top={5}
+                right={5}
+                onClick={() => {
+                  setPreviewImage(null);
+                  setFile(null);
+                }}
+                style={{
+                  boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                }}
+              >
+                <IconX size={14} />
+              </ActionIcon>
+            </Box>
           ) : (
             <Center w={200} h={200} bg={"gray"}>
               <IconImageInPicture />
@@ -216,17 +278,29 @@ function EditKeamananLingkungan() {
           </Box>
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
index e5d799d7..bdf82527 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -31,6 +33,7 @@ function CreateKeamananLingkungan() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false)
 
   const resetForm = () => {
     keamananState.create.form = {
@@ -43,27 +46,35 @@ function CreateKeamananLingkungan() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true)
+      if (!file) {
+        return toast.warn('Pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengupload file');
+      }
+
+      keamananState.create.form.imageId = uploaded.id;
+
+      await keamananState.create.create();
+
+      resetForm();
+      router.push('/admin/keamanan/keamanan-lingkungan-pecalang-patwal');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menambahkan data keamanan lingkungan');
+    } finally {
+      setIsSubmitting(false)
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengupload file');
-    }
-
-    keamananState.create.form.imageId = uploaded.id;
-
-    await keamananState.create.create();
-
-    resetForm();
-    router.push('/admin/keamanan/keamanan-lingkungan-pecalang-patwal');
   };
 
   return (
@@ -108,7 +119,7 @@ function CreateKeamananLingkungan() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group
                 justify="center"
@@ -150,7 +161,7 @@ function CreateKeamananLingkungan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -163,13 +174,31 @@ function CreateKeamananLingkungan() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Input Nama */}
           <TextInput
-            defaultValue={keamananState.create.form.name}
+            value={keamananState.create.form.name}
             onChange={(val) => {
               keamananState.create.form.name = val.target.value;
             }}
@@ -193,6 +222,17 @@ function CreateKeamananLingkungan() {
 
           {/* Tombol Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -203,7 +243,7 @@ function CreateKeamananLingkungan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
index 79f0da80..b348d8ab 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -24,6 +25,7 @@ function EditKontakItem() {
   const router = useRouter();
   const kontakState = useProxy(kontakDarurat.kontakDaruratItem);
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     name: '',
@@ -31,6 +33,12 @@ function EditKontakItem() {
     icon: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    nomorTelepon: '',
+    icon: '',
+  });
+
   // Load data sekali dari global state
   useEffect(() => {
     const loadKontakDarurat = async () => {
@@ -45,6 +53,11 @@ function EditKontakItem() {
             nomorTelepon: data.nomorTelepon || '',
             icon: data.icon || '',
           });
+          setOriginalData({
+            name: data.nama || '',
+            nomorTelepon: data.nomorTelepon || '',
+            icon: data.icon || '',
+          });
         }
       } catch (error) {
         console.error('Error loading kontak darurat:', error);
@@ -62,8 +75,18 @@ function EditKontakItem() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      nomorTelepon: originalData.nomorTelepon,
+      icon: originalData.icon,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state sekali pas submit
       kontakState.update.form = {
         ...kontakState.update.form,
@@ -78,6 +101,8 @@ function EditKontakItem() {
     } catch (error) {
       console.error('Error updating kontak darurat:', error);
       toast.error('Terjadi kesalahan saat memperbarui kontak darurat');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -130,6 +155,17 @@ function EditKontakItem() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -140,7 +176,7 @@ function EditKontakItem() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
index b4cc93f5..aea32c66 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -14,11 +15,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateKontakItem() {
   const kontakState = useProxy(kontakDarurat.kontakDaruratItem);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const resetForm = () => {
     kontakState.create.form = {
       nama: '',
@@ -28,9 +32,17 @@ function CreateKontakItem() {
   };
 
   const handleSubmit = async () => {
-    await kontakState.create.create();
-    resetForm();
-    router.push('/admin/keamanan/kontak-darurat/kontak-darurat-item');
+    try {
+      setIsSubmitting(true);
+      await kontakState.create.create();
+      resetForm();
+      router.push('/admin/keamanan/kontak-darurat/kontak-darurat-item');
+    } catch (error) {
+      console.error("Error creating kontak darurat item:", error);
+      toast.error("Gagal menambahkan kontak darurat item");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -62,7 +74,7 @@ function CreateKontakItem() {
         <Stack gap="md">
           {/* Input Nama Kategori */}
           <TextInput
-            defaultValue={kontakState.create.form.nama}
+            value={kontakState.create.form.nama}
             onChange={(val) => {
               kontakState.create.form.nama = val.target.value;
             }}
@@ -74,7 +86,7 @@ function CreateKontakItem() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nomor Telepon Kontak</Text>}
             placeholder="Masukkan nomor telepon"
-            defaultValue={kontakState.create.form.nomorTelepon}
+            value={kontakState.create.form.nomorTelepon}
             onChange={(val) => {
               kontakState.create.form.nomorTelepon = val.target.value;
             }}
@@ -88,6 +100,17 @@ function CreateKontakItem() {
 
           {/* Tombol Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -98,7 +121,7 @@ function CreateKontakItem() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
index a522c3c7..0e0180e5 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
@@ -1,72 +1,125 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-"use client";
+'use client';
 
-import { IconKey } from "@/app/admin/(dashboard)/_com/iconMap";
-import SelectIconProgramEdit from "@/app/admin/(dashboard)/_com/selectIconEdit";
-import kontakDarurat from "@/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan";
-import colors from "@/con/colors";
+import { IconKey } from '@/app/admin/(dashboard)/_com/iconMap';
+import SelectIconProgramEdit from '@/app/admin/(dashboard)/_com/selectIconEdit';
+import kontakDarurat from '@/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan';
+import colors from '@/con/colors';
 import {
   Box,
   Button,
   Group,
+  Loader,
   MultiSelect,
   Paper,
   Stack,
   Text,
   TextInput,
-  Title
-} from "@mantine/core";
-import { IconArrowBack } from "@tabler/icons-react";
-import { useParams, useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
-import { toast } from "react-toastify";
-import { useProxy } from "valtio/utils";
+  Title,
+} from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
-function EditKontakDaruratKeamanan() {
+type FormData = {
+  name: string;
+  icon: IconKey | '';
+  kategoriId: string[];
+};
+
+export default function EditKontakDaruratKeamanan() {
   const router = useRouter();
-  const params = useParams();
+  const params = useParams<{ id: string }>();
   const kontakState = useProxy(kontakDarurat.kontakDaruratKeamananState);
 
-  const [isLoading, setIsLoading] = useState(true);
-  // Remove the dependency on data in the initial state
-  const [formData, setFormData] = useState({
-    name: "",
-    icon: "" as IconKey | "",
-    kategoriId: [] as string[],  // Initialize as empty array
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formData, setFormData] = useState<FormData>({
+    name: '',
+    icon: '',
+    kategoriId: [],
+  });
+  const [originalData, setOriginalData] = useState<FormData>({
+    name: '',
+    icon: '',
+    kategoriId: [],
   });
 
-  // Load data dari backend
+  // 🔁 Load data saat ID berubah
   useEffect(() => {
-    const loadData = async () => {
+    const loadInitialData = async () => {
+      const id = params?.id;
+      if (!id) {
+        toast.error('ID tidak valid');
+        router.push('/admin/keamanan/kontak-darurat');
+        return;
+      }
+
       try {
-        setIsLoading(true);
+        // Load dropdown kategori
         await kontakDarurat.kontakDaruratItem.findMany.load();
 
-        const id = params?.id as string;
-        if (id) {
-          const data = await kontakState.update.load(id);
-          if (data) {
-            setFormData({
-              name: data.nama || "",
-              icon: (data.icon as IconKey) || "",
-              kategoriId: Array.isArray(data.kategoriId) ? data.kategoriId : [],
-            });
-          }
+        // Load data kontak darurat
+        const data = await kontakState.update.load(id);
+        if (!data) {
+          toast.error('Data tidak ditemukan');
+          router.push('/admin/keamanan/kontak-darurat');
+          return;
         }
-      } catch (error) {
-        console.error("Error loading data:", error);
-        toast.error("Gagal memuat data");
-      } finally {
-        setIsLoading(false);
+
+        const initial: FormData = {
+          name: data.nama || '',
+          icon: (data.icon as IconKey) || '',
+          kategoriId: Array.isArray(data.kategoriId) ? data.kategoriId : [],
+        };
+
+        setFormData(initial);
+        setOriginalData(initial);
+      } catch (err) {
+        console.error('Gagal memuat data:', err);
+        toast.error('Gagal memuat data kontak darurat');
+        router.push('/admin/keamanan/kontak-darurat');
       }
     };
 
-    loadData();
+    loadInitialData();
   }, [params?.id]);
 
-  // Handle submit
+  // Debug: Log the kontakDaruratItem data
+  useEffect(() => {
+    if (kontakDarurat.kontakDaruratItem.findMany.data) {
+      console.log('Kontak Item Data:', kontakDarurat.kontakDaruratItem.findMany.data);
+    }
+  }, [kontakDarurat.kontakDaruratItem.findMany.data]);
+
+  // 📝 Update field
+  const updateField = <K extends keyof FormData>(field: K, value: FormData[K]) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+
+  // ↩️ Reset ke data awal
+  const handleResetForm = () => {
+    setFormData(originalData);
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  // 💾 Simpan
   const handleSubmit = async () => {
+    if (!formData.name.trim()) {
+      toast.error('Nama kontak darurat wajib diisi');
+      return;
+    }
+
+    if (formData.kategoriId.length === 0) {
+      toast.error('Pilih minimal satu kontak item');
+      return;
+    }
+
     try {
+      setIsSubmitting(true);
+
+      // Sinkronisasi ke Valtio state (jika digunakan di `update`)
       kontakState.update.form = {
         ...kontakState.update.form,
         nama: formData.name,
@@ -74,112 +127,103 @@ function EditKontakDaruratKeamanan() {
         kategoriId: formData.kategoriId,
       };
 
-      await kontakState.update.update();
-      toast.success("Kontak Darurat berhasil diperbarui!");
-      router.push("/admin/keamanan/kontak-darurat");
+      const success = await kontakState.update.update();
+      if (success) {
+        toast.success('Kontak Darurat berhasil diperbarui!');
+        router.push('/admin/keamanan/kontak-darurat');
+      }
     } catch (error) {
-      console.error("Error updating kontak darurat:", error);
-      toast.error("Terjadi kesalahan saat memperbarui kontak darurat");
+      console.error('Error saat menyimpan:', error);
+      toast.error('Terjadi kesalahan saat menyimpan data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  // 📋 Daftar opsi kategori untuk MultiSelect
+  const kategoriOptions = (kontakDarurat.kontakDaruratItem.findMany.data || []).map((item: { id: string; nama: string }) => ({
+    value: item.id,
+    label: item.nama,
+  }));
+
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
-      {/* Header */}
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Button
-          variant="subtle"
-          onClick={() => router.back()}
-          p="xs"
-          radius="md"
-        >
-          <IconArrowBack color={colors["blue-button"]} size={24} />
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
         </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kontak Darurat Keamanan
         </Title>
       </Group>
 
-      {/* Form */}
       <Paper
-        w={{ base: "100%", md: "50%" }}
-        bg={colors["white-1"]}
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
         p="lg"
         radius="md"
         shadow="sm"
-        style={{ border: "1px solid #e0e0e0" }}
+        style={{ border: '1px solid #e0e0e0' }}
       >
         <Stack gap="md">
-          {/* Nama Kontak */}
           <TextInput
-            value={formData.name}
-            onChange={(e) =>
-              setFormData((prev) => ({ ...prev, name: e.target.value }))
-            }
-            label="Nama Kontak Darurat"
+            label={<Text fw="bold">Nama Kontak Darurat</Text>}
             placeholder="Masukkan nama kontak darurat"
+            value={formData.name}
+            onChange={(e) => updateField('name', e.target.value)}
             required
           />
 
-          {/* MultiSelect */}
           <MultiSelect
+            label={<Text fw="bold" fz="sm">Kontak Item</Text>}
+            placeholder="Pilih kontak item"
+            data={kategoriOptions}
             value={formData.kategoriId}
-            onChange={(val) =>
-              setFormData((prev) => ({ ...prev, kategoriId: val }))
-            }
-            label={<Text fw={"bold"} fz={"sm"}>Kontak Item</Text>}
-            placeholder={isLoading ? "Memuat data..." : "Pilih kontak item"}
-            data={
-              Array.isArray(kontakDarurat.kontakDaruratItem.findMany.data)
-                ? kontakDarurat.kontakDaruratItem.findMany.data.map((v) => ({
-                  value: v.id,
-                  label: v.nama,
-                }))
-                : []
-            }
+            onChange={(values) => updateField('kategoriId', values)}
             clearable
             searchable
             required
-            error={
-              !formData.kategoriId.length
-                ? "Pilih minimal satu kategori"
-                : undefined
-            }
-            disabled={isLoading}
+            error={!formData.kategoriId.length ? 'Pilih minimal satu kategori' : undefined}
           />
 
-          {/* Icon Select */}
           <Box>
-            <Text fz={"sm"} fw={"bold"}>
+            <Text fz="sm" fw="bold" mb="xs">
               Ikon Program Kreatif Desa
             </Text>
             <SelectIconProgramEdit
-              value={formData.icon as IconKey}
-              onChange={(value) =>
-                setFormData((prev) => ({ ...prev, icon: value }))
-              }
+              value={formData.icon}
+              onChange={(icon) => updateField('icon', icon)}
             />
           </Box>
 
-          {/* Submit */}
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
       </Paper>
     </Box>
   );
-}
-
-export default EditKontakDaruratKeamanan;
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
index 3c4bc1ad..330fa818 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   MultiSelect,
   Paper,
   Stack,
@@ -16,11 +17,14 @@ import {
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateKontakDaruratKeamanan() {
   const kontakState = useProxy(kontakDarurat.kontakDaruratKeamananState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useShallowEffect(() => {
     kontakDarurat.kontakDaruratItem.findMany.load();
@@ -35,9 +39,17 @@ function CreateKontakDaruratKeamanan() {
   };
 
   const handleSubmit = async () => {
-    await kontakState.create.create();
-    resetForm();
-    router.push('/admin/keamanan/kontak-darurat/kontak-darurat-keamanan');
+    try {
+      setIsSubmitting(true);
+      await kontakState.create.create();
+      resetForm();
+      router.push('/admin/keamanan/kontak-darurat/kontak-darurat-keamanan');
+    } catch (error) {
+      console.error('Error creating kontak darurat:', error);
+      toast.error('Terjadi kesalahan saat menambah kontak darurat');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -69,7 +81,7 @@ function CreateKontakDaruratKeamanan() {
         <Stack gap="md">
           {/* Input Nama Kategori */}
           <TextInput
-            defaultValue={kontakState.create.form.nama}
+            value={kontakState.create.form.nama}
             onChange={(val) => {
               kontakState.create.form.nama = val.target.value;
             }}
@@ -100,6 +112,17 @@ function CreateKontakDaruratKeamanan() {
 
           {/* Tombol Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -110,7 +133,7 @@ function CreateKontakDaruratKeamanan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
index c2772a32..7aecff43 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -27,6 +28,7 @@ function EditLaporanPublik() {
   const stateLaporan = useProxy(laporanPublikState);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState<{
     judul: string;
@@ -44,6 +46,15 @@ function EditLaporanPublik() {
     kronologi: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    lokasi: '',
+    tanggalWaktu: '',
+    status: 'Proses', // Default status
+    penanganan: '',
+    kronologi: '',
+  });
+
   useEffect(() => {
     const loadLaporanPublik = async () => {
       const id = params?.id as string;
@@ -60,6 +71,14 @@ function EditLaporanPublik() {
             penanganan: data.penanganan?.[0]?.deskripsi ?? '',
             kronologi: data.kronologi ?? '',
           });
+          setOriginalData({
+            judul: data.judul ?? '',
+            lokasi: data.lokasi ?? '',
+            tanggalWaktu: data.tanggalWaktu ?? '',
+            status: (data.status as Status) ?? 'Proses',
+            penanganan: data.penanganan?.[0]?.deskripsi ?? '',
+            kronologi: data.kronologi ?? '',
+          });
         }
       } catch (error) {
         console.error("Error loading laporan publik:", error);
@@ -76,8 +95,21 @@ function EditLaporanPublik() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      lokasi: originalData.lokasi,
+      tanggalWaktu: originalData.tanggalWaktu,
+      status: (originalData.status as Status),
+      penanganan: originalData.penanganan,
+      kronologi: originalData.kronologi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateLaporan.edit.form = {
         ...stateLaporan.edit.form,
         ...formData,
@@ -89,6 +121,8 @@ function EditLaporanPublik() {
     } catch (error) {
       console.error("Error updating laporan publik:", error);
       toast.error("Terjadi kesalahan saat memperbarui laporan publik");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -174,6 +208,17 @@ function EditLaporanPublik() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -184,7 +229,7 @@ function EditLaporanPublik() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
index bbe1037a..ffb072f6 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
@@ -4,6 +4,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -15,12 +16,15 @@ import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import laporanPublikState from '../../../_state/keamanan/laporan-publik';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 
 export type Status = 'Selesai' | 'Proses' | 'Gagal';
 
 function CreateLaporanPublik() {
   const stateLaporan = useProxy(laporanPublikState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateLaporan.create.form = {
@@ -32,9 +36,17 @@ function CreateLaporanPublik() {
   };
 
   const handleSubmit = async () => {
-    await stateLaporan.create.create();
-    resetForm();
-    router.push('/admin/keamanan/laporan-publik');
+    try {
+      setIsSubmitting(true);
+      await stateLaporan.create.create();
+      resetForm();
+      router.push('/admin/keamanan/laporan-publik');
+    } catch (error) {
+      console.error('Error creating laporan publik:', error);
+      toast.error('Terjadi kesalahan saat membuat laporan publik');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -60,7 +72,7 @@ function CreateLaporanPublik() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={stateLaporan.create.form.judul}
+            value={stateLaporan.create.form.judul}
             onChange={(e) => (stateLaporan.create.form.judul = e.target.value)}
             label={<Text fw="bold" fz="sm">Judul Laporan Publik</Text>}
             placeholder="Masukkan judul laporan publik"
@@ -68,7 +80,7 @@ function CreateLaporanPublik() {
           />
 
           <TextInput
-            defaultValue={stateLaporan.create.form.lokasi}
+            value={stateLaporan.create.form.lokasi}
             onChange={(e) => (stateLaporan.create.form.lokasi = e.target.value)}
             label={<Text fw="bold" fz="sm">Lokasi Laporan Publik</Text>}
             placeholder="Masukkan lokasi laporan publik"
@@ -88,7 +100,7 @@ function CreateLaporanPublik() {
           />
 
           <TextInput
-            defaultValue={stateLaporan.create.form.kronologi}
+            value={stateLaporan.create.form.kronologi}
             onChange={(e) => (stateLaporan.create.form.kronologi = e.target.value)}
             label={<Text fw="bold" fz="sm">Kronologi Laporan Publik</Text>}
             placeholder="Masukkan kronologi laporan publik"
@@ -96,6 +108,17 @@ function CreateLaporanPublik() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -106,7 +129,7 @@ function CreateLaporanPublik() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
index 44e9f527..cd50b6d9 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -24,6 +25,7 @@ function EditPencegahanKriminalitas() {
   const router = useRouter();
   const params = useParams();
   const kriminalitasState = useProxy(pencegahanKriminalitasState);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     judul: '',
@@ -32,6 +34,13 @@ function EditPencegahanKriminalitas() {
     linkVideo: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+    deskripsiSingkat: '',
+    linkVideo: '',
+  });
+
   // load data hanya sekali pas id berubah
   useEffect(() => {
     const loadKriminalitas = async () => {
@@ -47,6 +56,12 @@ function EditPencegahanKriminalitas() {
             deskripsiSingkat: data.deskripsiSingkat ?? '',
             linkVideo: data.linkVideo ?? '',
           });
+          setOriginalData({
+            judul: data.judul ?? '',
+            deskripsi: data.deskripsi ?? '',
+            deskripsiSingkat: data.deskripsiSingkat ?? '',
+            linkVideo: data.linkVideo ?? '',
+          });
         }
       } catch (error) {
         console.error('Error loading pencegahan kriminalitas:', error);
@@ -65,6 +80,16 @@ function EditPencegahanKriminalitas() {
         setFormData((prev) => ({ ...prev, [field]: e.target.value }));
       };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+      deskripsiSingkat: originalData.deskripsiSingkat,
+      linkVideo: originalData.linkVideo,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     const converted = convertYoutubeUrlToEmbed(formData.linkVideo);
     if (!converted) {
@@ -73,6 +98,7 @@ function EditPencegahanKriminalitas() {
     }
 
     try {
+      setIsSubmitting(true);
       // update global state saat submit
       kriminalitasState.update.form = {
         judul: formData.judul,
@@ -88,6 +114,8 @@ function EditPencegahanKriminalitas() {
     } catch (error) {
       console.error('Error updating pencegahan kriminalitas:', error);
       toast.error('Terjadi kesalahan saat memperbarui data');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -177,6 +205,17 @@ function EditPencegahanKriminalitas() {
 
           {/* Action button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -187,7 +226,7 @@ function EditPencegahanKriminalitas() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
index 39711915..50d14fa0 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -25,6 +26,7 @@ function CreatePencegahanKriminalitas() {
   const kriminalitasState = useProxy(pencegahanKriminalitasState);
   const [link, setLink] = useState('');
   const embedLink = convertYoutubeUrlToEmbed(link);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     kriminalitasState.create.form = {
@@ -37,15 +39,23 @@ function CreatePencegahanKriminalitas() {
   };
 
   const handleSubmit = async () => {
-    if (!embedLink) {
-      toast.error('Link YouTube tidak valid. Pastikan formatnya benar.');
-      return;
+    try {
+      setIsSubmitting(true);
+      if (!embedLink) {
+        toast.error('Link YouTube tidak valid. Pastikan formatnya benar.');
+        return;
+      }
+  
+      kriminalitasState.create.form.linkVideo = embedLink;
+      await kriminalitasState.create.create();
+      resetForm();
+      router.push('/admin/keamanan/pencegahan-kriminalitas');
+    } catch (error) {
+      console.error('Gagal menambahkan pencegahan kriminalitas:', error);
+      toast.error('Gagal menambahkan pencegahan kriminalitas');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    kriminalitasState.create.form.linkVideo = embedLink;
-    await kriminalitasState.create.create();
-    resetForm();
-    router.push('/admin/keamanan/pencegahan-kriminalitas');
   };
 
   return (
@@ -79,7 +89,7 @@ function CreatePencegahanKriminalitas() {
           <TextInput
             label="Judul Pencegahan Kriminalitas"
             placeholder="Masukkan judul Pencegahan Kriminalitas"
-            defaultValue={kriminalitasState.create.form.judul}
+            value={kriminalitasState.create.form.judul}
             onChange={(e) => {
               kriminalitasState.create.form.judul = e.currentTarget.value;
             }}
@@ -116,7 +126,7 @@ function CreatePencegahanKriminalitas() {
           <TextInput
             label="Link Video YouTube"
             placeholder="https://www.youtube.com/watch?v=abc123"
-            defaultValue={link}
+            value={link}
             onChange={(e) => setLink(e.currentTarget.value)}
             required
           />
@@ -140,6 +150,17 @@ function CreatePencegahanKriminalitas() {
 
           {/* Button Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -150,7 +171,7 @@ function CreatePencegahanKriminalitas() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
index a07fbb11..736c9e4e 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
@@ -9,6 +9,7 @@ import {
   Button,
   Card,
   Group,
+  Loader,
   Modal,
   Paper,
   Select,
@@ -38,6 +39,7 @@ function EditPolsekTerdekat() {
     null
   );
   const [namaLayananUpdate, setNamaLayananUpdate] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     nama: "",
     jarakKeDesa: "",
@@ -51,6 +53,19 @@ function EditPolsekTerdekat() {
     layananPolsekId: "",
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: "",
+    jarakKeDesa: "",
+    alamat: "",
+    nomorTelepon: "",
+    jamOperasional: "",
+    embedMapUrl: "",
+    namaTempatMaps: "",
+    alamatMaps: "",
+    linkPetunjukArah: "",
+    layananPolsekId: "",
+  });
+
   // load data untuk form edit
   useEffect(() => {
     const loadPolsekTerdekat = async () => {
@@ -72,6 +87,19 @@ function EditPolsekTerdekat() {
             linkPetunjukArah: data.linkPetunjukArah || "",
             layananPolsekId: data.layananPolsekId || "",
           });
+
+          setOriginalData({
+            nama: data.nama || "",
+            jarakKeDesa: data.jarakKeDesa || "",
+            alamat: data.alamat || "",
+            nomorTelepon: data.nomorTelepon || "",
+            jamOperasional: data.jamOperasional || "",
+            embedMapUrl: data.embedMapUrl || "",
+            namaTempatMaps: data.namaTempatMaps || "",
+            alamatMaps: data.alamatMaps || "",
+            linkPetunjukArah: data.linkPetunjukArah || "",
+            layananPolsekId: data.layananPolsekId || "",
+          });
         }
       } catch (error) {
         console.error("Error loading polsek terdekat:", error);
@@ -187,8 +215,25 @@ function EditPolsekTerdekat() {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      jarakKeDesa: originalData.jarakKeDesa,
+      alamat: originalData.alamat,
+      nomorTelepon: originalData.nomorTelepon,
+      jamOperasional: originalData.jamOperasional,
+      embedMapUrl: originalData.embedMapUrl,
+      namaTempatMaps: originalData.namaTempatMaps,
+      alamatMaps: originalData.alamatMaps,
+      linkPetunjukArah: originalData.linkPetunjukArah,
+      layananPolsekId: originalData.layananPolsekId,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       polsekState.edit.form = { ...formData }; // update global state hanya di sini
       await polsekState.edit.update();
       toast.success("Polsek terdekat berhasil diperbarui!");
@@ -196,6 +241,8 @@ function EditPolsekTerdekat() {
     } catch (error) {
       console.error("Error updating polsek terdekat:", error);
       toast.error("Gagal memperbarui data polsek terdekat");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -212,7 +259,7 @@ function EditPolsekTerdekat() {
           <TextInput
             label="Nama Layanan"
             placeholder="Masukkan nama layanan"
-            defaultValue={namaLayananBaru}
+            value={namaLayananBaru}
             onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
           />
           <Button onClick={handleTambahLayanan}>Simpan</Button>
@@ -230,7 +277,7 @@ function EditPolsekTerdekat() {
           <TextInput
             label="Nama Layanan"
             placeholder="Masukkan nama layanan"
-            defaultValue={namaLayananUpdate}
+            value={namaLayananUpdate}
             onChange={(e) => setNamaLayananUpdate(e.currentTarget.value)}
           />
           <Button
@@ -376,17 +423,29 @@ function EditPolsekTerdekat() {
 
           {/* Submit */}
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
index 7ffcab93..49dc48b6 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Modal,
   Paper,
   Select,
@@ -26,6 +27,7 @@ function CreatePolsekTerdekat() {
   const [layananOptions, setLayananOptions] = useState<{ value: string; label: string }[]>([]);
   const [modalOpen, setModalOpen] = useState(false);
   const [namaLayananBaru, setNamaLayananBaru] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     polsekState.create.form = {
@@ -43,9 +45,17 @@ function CreatePolsekTerdekat() {
   };
 
   const handleSubmit = async () => {
-    await polsekState.create.create();
-    resetForm();
-    router.push("/admin/keamanan/polsek-terdekat");
+    try {
+      setIsSubmitting(true);
+      await polsekState.create.create();
+      resetForm();
+      router.push("/admin/keamanan/polsek-terdekat");
+    } catch (error) {
+      console.error(error)
+      toast.error("Gagal menambah polsek terdekat");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   const fetchLayanan = async () => {
@@ -112,7 +122,7 @@ function CreatePolsekTerdekat() {
           <TextInput
             label="Nama Layanan"
             placeholder="Masukkan nama layanan"
-            defaultValue={namaLayananBaru}
+            value={namaLayananBaru}
             onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
           />
           <Button onClick={handleTambahLayanan}>Simpan</Button>
@@ -145,71 +155,84 @@ function CreatePolsekTerdekat() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={polsekState.create.form.nama}
+            value={polsekState.create.form.nama}
             onChange={(val) => (polsekState.create.form.nama = val.target.value)}
             label={<Text fw="bold" fz="sm">Nama Polsek Terdekat</Text>}
             placeholder="Masukkan nama Polsek Terdekat"
             required
           />
           <TextInput
-            defaultValue={polsekState.create.form.jarakKeDesa}
+            value={polsekState.create.form.jarakKeDesa}
             onChange={(val) => (polsekState.create.form.jarakKeDesa = val.target.value)}
             label={<Text fw="bold" fz="sm">Jarak Polsek Terdekat</Text>}
             placeholder="Masukkan jarak Polsek Terdekat"
             required
           />
           <TextInput
-            defaultValue={polsekState.create.form.alamat}
+            value={polsekState.create.form.alamat}
             onChange={(val) => (polsekState.create.form.alamat = val.target.value)}
             label={<Text fw="bold" fz="sm">Alamat Polsek Terdekat</Text>}
             placeholder="Masukkan alamat Polsek Terdekat"
             required
           />
           <TextInput
-            defaultValue={polsekState.create.form.nomorTelepon}
+            value={polsekState.create.form.nomorTelepon}
             onChange={(val) => (polsekState.create.form.nomorTelepon = val.target.value)}
             label={<Text fw="bold" fz="sm">Nomor Telepon Polsek Terdekat</Text>}
             placeholder="Masukkan nomor telepon Polsek Terdekat"
             required
           />
           <TextInput
-            defaultValue={polsekState.create.form.jamOperasional}
+            value={polsekState.create.form.jamOperasional}
             onChange={(val) => (polsekState.create.form.jamOperasional = val.target.value)}
             label={<Text fw="bold" fz="sm">Jam Operasional Polsek Terdekat</Text>}
             placeholder="Masukkan jam operasional Polsek Terdekat"
           />
           <TextInput
-            defaultValue={polsekState.create.form.embedMapUrl}
+            value={polsekState.create.form.embedMapUrl}
             onChange={(val) => (polsekState.create.form.embedMapUrl = val.target.value)}
             label={<Text fw="bold" fz="sm">Embed Map URL</Text>}
             placeholder="Masukkan embed map url"
           />
           <TextInput
-            defaultValue={polsekState.create.form.namaTempatMaps}
+            value={polsekState.create.form.namaTempatMaps}
             onChange={(val) => (polsekState.create.form.namaTempatMaps = val.target.value)}
             label={<Text fw="bold" fz="sm">Nama Tempat Maps</Text>}
             placeholder="Masukkan nama tempat maps"
           />
           <TextInput
-            defaultValue={polsekState.create.form.alamatMaps}
+            value={polsekState.create.form.alamatMaps}
             onChange={(val) => (polsekState.create.form.alamatMaps = val.target.value)}
             label={<Text fw="bold" fz="sm">Alamat Maps</Text>}
             placeholder="Masukkan alamat maps"
           />
           <TextInput
-            defaultValue={polsekState.create.form.linkPetunjukArah}
+            value={polsekState.create.form.linkPetunjukArah}
             onChange={(val) => (polsekState.create.form.linkPetunjukArah = val.target.value)}
             label={<Text fw="bold" fz="sm">Link Petunjuk Arah</Text>}
             placeholder="Masukkan link petunjuk arah"
           />
-
-          {/* Dropdown Select */}
           <Select
-            label={<Text fw="bold" fz="sm">Layanan Polsek</Text>}
+            label="Layanan Polsek"
             placeholder="Pilih layanan polsek"
             data={layananOptions}
-            value={polsekState.create.form.layananPolsekId}
-            onChange={(val) => (polsekState.create.form.layananPolsekId = val || "")}
+            value={polsekState.create.form.layananPolsekId || null}
+            onChange={(val: string | null) => {
+              if (val) {
+                const selected = layananOptions.find(
+                  (item) => item.value === val
+                );
+                if (selected) {
+                  polsekState.create.form.layananPolsekId = selected.value;
+                }
+              } else {
+                polsekState.create.form.layananPolsekId = '';
+              }
+            }}
+            searchable
+            clearable
+            nothingFoundMessage="Tidak ditemukan"
+            required
           />
           <Button
             variant="light"
@@ -221,6 +244,17 @@ function CreatePolsekTerdekat() {
 
           {/* Tombol Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -231,7 +265,7 @@ function CreatePolsekTerdekat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
index cc44dc55..e6bb7f88 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
@@ -1,10 +1,12 @@
 "use client";
 
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -36,12 +38,20 @@ function EditTipsKeamanan() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     judul: "",
     deskripsi: "",
     imageId: "",
   });
 
+  const [originalData, setOriginalData] = useState({
+    judul: "",
+    deskripsi: "",
+    imageId: "",
+    imageUrl: "",
+  });
+
   // Load data saat pertama kali
   useEffect(() => {
     const loadData = async () => {
@@ -57,6 +67,13 @@ function EditTipsKeamanan() {
             imageId: data.imageId || "",
           });
 
+          setOriginalData({
+            judul: data.judul || "",
+            deskripsi: data.deskripsi || "",
+            imageId: data.imageId || "",
+            imageUrl: data.image?.link || "",
+          })
+
           if (data?.image?.link) {
             setPreviewImage(data.image.link);
           }
@@ -73,6 +90,7 @@ function EditTipsKeamanan() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let imageId = formData.imageId;
 
       if (file) {
@@ -97,9 +115,22 @@ function EditTipsKeamanan() {
     } catch (error) {
       console.error("Error updating tips keamanan:", error);
       toast.error("Terjadi kesalahan saat memperbarui tips keamanan");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       {/* Header */}
@@ -167,14 +198,14 @@ function EditTipsKeamanan() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage ? (
-              <Box mt="sm" style={{ display: "flex", justifyContent: "center" }}>
+              <Box pos={"relative"} mt="sm" style={{ display: "flex", justifyContent: "center" }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -186,6 +217,24 @@ function EditTipsKeamanan() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             ) : (
               <Box
@@ -230,17 +279,29 @@ function EditTipsKeamanan() {
 
           {/* Button Simpan */}
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
index 13ecc9bb..898d9905 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,6 +28,7 @@ function CreateKeamananLingkungan() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateKeamanan.create.form = {
@@ -38,27 +41,35 @@ function CreateKeamananLingkungan() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      stateKeamanan.create.form.imageId = uploaded.id;
+
+      await stateKeamanan.create.create();
+
+      resetForm();
+      router.push('/admin/keamanan/tips-keamanan');
+    } catch (error) {
+      console.error("Error creating tips keamanan:", error);
+      toast.error("Gagal menambahkan tips keamanan");
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    stateKeamanan.create.form.imageId = uploaded.id;
-
-    await stateKeamanan.create.create();
-
-    resetForm();
-    router.push('/admin/keamanan/tips-keamanan');
   };
 
   return (
@@ -98,7 +109,7 @@ function CreateKeamananLingkungan() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -119,7 +130,7 @@ function CreateKeamananLingkungan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -127,6 +138,24 @@ function CreateKeamananLingkungan() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -135,7 +164,7 @@ function CreateKeamananLingkungan() {
           <TextInput
             label="Judul Tips Keamanan"
             placeholder="Masukkan judul tips keamanan"
-            defaultValue={stateKeamanan.create.form.judul || ''}
+            value={stateKeamanan.create.form.judul || ''}
             onChange={(e) => (stateKeamanan.create.form.judul = e.target.value)}
             required
           />
@@ -155,6 +184,17 @@ function CreateKeamananLingkungan() {
 
           {/* Submit Button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -165,7 +205,7 @@ function CreateKeamananLingkungan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
index 62a2b28a..3ffdd614 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
@@ -4,10 +4,12 @@ import artikelKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,6 +28,7 @@ function CreateArtikelKesehatan() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateArtikelKesehatan.create.form = {
@@ -62,25 +65,32 @@ function CreateArtikelKesehatan() {
 
   const handleSubmit = async (e?: React.FormEvent) => {
     e?.preventDefault();
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      stateArtikelKesehatan.create.form.imageId = uploaded.id;
+      await stateArtikelKesehatan.create.submit();
+      toast.success('Data berhasil disimpan');
+      resetForm();
+      router.push('/admin/kesehatan/data-kesehatan-warga/artikel_kesehatan');
+    } catch (error) {
+      console.error('Error submitting form:', error);
+      toast.error('Gagal menyimpan data, silakan coba lagi');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    stateArtikelKesehatan.create.form.imageId = uploaded.id;
-    await stateArtikelKesehatan.create.submit();
-    toast.success('Data berhasil disimpan');
-    resetForm();
-    router.push('/admin/kesehatan/data-kesehatan-warga/artikel_kesehatan');
   };
 
   return (
@@ -124,7 +134,7 @@ function CreateArtikelKesehatan() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -145,7 +155,7 @@ function CreateArtikelKesehatan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -157,6 +167,24 @@ function CreateArtikelKesehatan() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -164,7 +192,7 @@ function CreateArtikelKesehatan() {
           <TextInput
             label={"Judul"}
             placeholder="Masukkan judul"
-            defaultValue={stateArtikelKesehatan.create.form.title}
+            value={stateArtikelKesehatan.create.form.title}
             onChange={(e) => {
               stateArtikelKesehatan.create.form.title = e.target.value;
             }}
@@ -173,7 +201,7 @@ function CreateArtikelKesehatan() {
           <TextInput
             label={"Deskripsi"}
             placeholder="Masukkan deskripsi"
-            defaultValue={stateArtikelKesehatan.create.form.content}
+            value={stateArtikelKesehatan.create.form.content}
             onChange={(e) => {
               stateArtikelKesehatan.create.form.content = e.target.value;
             }}
@@ -196,7 +224,7 @@ function CreateArtikelKesehatan() {
                 label={"Judul Gejala"}
                 required
                 placeholder="Masukkan judul gejala penyakit"
-                defaultValue={stateArtikelKesehatan.create.form.symptom.title}
+                value={stateArtikelKesehatan.create.form.symptom.title}
                 onChange={(e) => {
                   stateArtikelKesehatan.create.form.symptom.title = e.target.value;
                 }}
@@ -220,7 +248,7 @@ function CreateArtikelKesehatan() {
               label={"Judul Pencegahan"}
               required
               placeholder="Masukkan judul"
-              defaultValue={stateArtikelKesehatan.create.form.prevention.title}
+              value={stateArtikelKesehatan.create.form.prevention.title}
               onChange={(e) => {
                 stateArtikelKesehatan.create.form.prevention.title = e.target.value;
               }}
@@ -241,7 +269,7 @@ function CreateArtikelKesehatan() {
               label={"Judul Pertolongan Pertama"}
               required
               placeholder="Masukkan judul"
-              defaultValue={stateArtikelKesehatan.create.form.firstAid.title}
+              value={stateArtikelKesehatan.create.form.firstAid.title}
               onChange={(e) => {
                 stateArtikelKesehatan.create.form.firstAid.title = e.target.value;
               }}
@@ -262,7 +290,7 @@ function CreateArtikelKesehatan() {
               label={"Judul Mitos dan Fakta"}
               required
               placeholder="Masukkan judul"
-              defaultValue={stateArtikelKesehatan.create.form.mythVsFact.title}
+              value={stateArtikelKesehatan.create.form.mythVsFact.title}
               onChange={(e) => {
                 stateArtikelKesehatan.create.form.mythVsFact.title = e.target.value;
               }}
@@ -300,8 +328,20 @@ function CreateArtikelKesehatan() {
 
           {/* Submit Button */}
           <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              type="submit"
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
@@ -310,7 +350,7 @@ function CreateArtikelKesehatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
index 230e105d..567b7e68 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 
@@ -8,6 +9,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -45,6 +47,7 @@ function EditFasilitasKesehatan() {
   const state = useProxy(fasilitasKesehatanState.fasilitasKesehatan);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState<FasilitasKesehatanFormBase>({
     name: '',
@@ -56,6 +59,16 @@ function EditFasilitasKesehatan() {
     tarifDanLayanan: { layanan: '', tarif: '' },
   });
 
+  const [originalData, setOriginalData] = useState<FasilitasKesehatanFormBase>({
+    name: '',
+    informasiUmum: { fasilitas: '', alamat: '', jamOperasional: '' },
+    layananUnggulan: { content: '' },
+    dokterdanTenagaMedis: { name: '', specialist: '', jadwal: '' },
+    fasilitasPendukung: { content: '' },
+    prosedurPendaftaran: { content: '' },
+    tarifDanLayanan: { layanan: '', tarif: '' },
+  });
+
   // Helper untuk update nested state
   const updateForm = <K extends keyof FasilitasKesehatanFormBase>(
     key: K,
@@ -71,26 +84,73 @@ function EditFasilitasKesehatan() {
       [key]: { ...prev[key] as object, [nestedKey]: value },
     }));
 
+  const deepClone = (obj: any): any => {
+    try {
+      return JSON.parse(JSON.stringify(obj));
+    } catch (error) {
+      console.warn('Gagal deep clone dengan JSON fallback:', error);
+      return obj; // fallback (berisiko shared reference)
+    }
+  };
+
   // Load data
   useEffect(() => {
     const load = async () => {
       const id = params?.id as string;
       if (!id) return;
+  
       try {
         await state.edit.load(id);
-        const form = state.edit.form;
-        if (form) setFormData(form as FasilitasKesehatanFormBase);
+        const loadedData = state.edit.form;
+  
+        if (!loadedData) {
+          toast.error('Data tidak ditemukan');
+          return;
+        }
+  
+        // Gunakan JSON fallback untuk deep clone
+        const clonedData = deepClone(loadedData) as FasilitasKesehatanFormBase;
+  
+        setFormData(clonedData);
+        setOriginalData(clonedData);
       } catch (err) {
         console.error(err);
         toast.error('Gagal memuat data fasilitas kesehatan');
       }
     };
+  
     load();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      informasiUmum:
+      {
+        fasilitas: originalData.informasiUmum.fasilitas,
+        alamat: originalData.informasiUmum.alamat,
+        jamOperasional: originalData.informasiUmum.jamOperasional
+      },
+      layananUnggulan: { content: originalData.layananUnggulan.content },
+      dokterdanTenagaMedis: {
+        name: originalData.dokterdanTenagaMedis.name,
+        specialist: originalData.dokterdanTenagaMedis.specialist,
+        jadwal: originalData.dokterdanTenagaMedis.jadwal
+      },
+      fasilitasPendukung: { content: originalData.fasilitasPendukung.content },
+      prosedurPendaftaran: { content: originalData.prosedurPendaftaran.content },
+      tarifDanLayanan: {
+        layanan: originalData.tarifDanLayanan.layanan,
+        tarif: originalData.tarifDanLayanan.tarif
+      },
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // Submit
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       state.edit.form = { ...state.edit.form, ...formData };
       const success = await state.edit.submit();
       if (success) {
@@ -100,6 +160,8 @@ function EditFasilitasKesehatan() {
     } catch (err) {
       console.error(err);
       toast.error('Terjadi kesalahan saat memperbarui data fasilitas kesehatan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -230,19 +292,30 @@ function EditFasilitasKesehatan() {
           </Box>
 
           {/* Tombol Simpan */}
-          <Group justify="flex-end">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
-              loading={state.edit.loading}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
index 0a8ceeb9..4b61acfb 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -14,6 +15,7 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
@@ -21,6 +23,7 @@ import { useProxy } from 'valtio/utils';
 function CreateFasilitasKesehatan() {
   const stateFasilitasKesehatan = useProxy(fasilitasKesehatanState.fasilitasKesehatan);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateFasilitasKesehatan.create.form = {
@@ -53,10 +56,18 @@ function CreateFasilitasKesehatan() {
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    await stateFasilitasKesehatan.create.submit();
-    toast.success('Data berhasil disimpan');
-    resetForm();
-    router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan');
+    try {
+      setIsSubmitting(true);
+      await stateFasilitasKesehatan.create.submit();
+      toast.success('Data berhasil disimpan');
+      resetForm();
+      router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menyimpan data');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -89,7 +100,7 @@ function CreateFasilitasKesehatan() {
           <TextInput
             label={"Nama Fasilitas Kesehatan"}
             placeholder="Masukkan nama fasilitas kesehatan"
-            defaultValue={stateFasilitasKesehatan.create.form.name}
+            value={stateFasilitasKesehatan.create.form.name}
             onChange={(e) => (stateFasilitasKesehatan.create.form.name = e.target.value)}
             required
           />
@@ -100,21 +111,21 @@ function CreateFasilitasKesehatan() {
             <TextInput
               label="Fasilitas"
               placeholder="Masukkan fasilitas"
-              defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.fasilitas}
+              value={stateFasilitasKesehatan.create.form.informasiUmum.fasilitas}
               onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.fasilitas = e.target.value)}
               required
             />
             <TextInput
               label="Alamat"
               placeholder="Masukkan alamat"
-              defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.alamat}
+              value={stateFasilitasKesehatan.create.form.informasiUmum.alamat}
               onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.alamat = e.target.value)}
               required
             />
             <TextInput
               label="Jam Operasional"
               placeholder="Masukkan jam operasional"
-              defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional}
+              value={stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional}
               onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional = e.target.value)}
               required
             />
@@ -135,21 +146,21 @@ function CreateFasilitasKesehatan() {
             <TextInput
               label="Nama Dokter"
               placeholder="Masukkan nama dokter"
-              defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name}
+              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name}
               onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name = e.target.value)}
               required
             />
             <TextInput
               label="Spesialis"
               placeholder="Masukkan spesialis"
-              defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist}
+              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist}
               onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist = e.target.value)}
               required
             />
             <TextInput
               label="Jadwal"
               placeholder="Masukkan jadwal"
-              defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal}
+              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal}
               onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal = e.target.value)}
               required
             />
@@ -179,23 +190,35 @@ function CreateFasilitasKesehatan() {
             <TextInput
               label="Tarif"
               placeholder="Masukkan tarif"
-              defaultValue={stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif}
+              value={stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif}
               onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif = e.target.value)}
               required
             />
             <TextInput
               label="Layanan"
               placeholder="Masukkan layanan"
-              defaultValue={stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan}
+              value={stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan}
               onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan = e.target.value)}
               required
             />
           </Box>
 
           {/* Submit */}
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              type="submit"
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
@@ -204,7 +227,7 @@ function CreateFasilitasKesehatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
index 71bf934b..3e33d305 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
@@ -40,7 +40,7 @@ function CreateDokter() {
           <TextInput
             label={<Text fz="sm" fw="bold">Nama Dokter</Text>}
             placeholder="masukkan nama dokter"
-            defaultValue={createState.create.create.form.name}
+            value={createState.create.create.form.name}
             onChange={(e) => {
               createState.create.create.form.name = e.target.value;
             }}
@@ -49,7 +49,7 @@ function CreateDokter() {
           <TextInput
             label={<Text fz="sm" fw="bold">Specialist</Text>}
             placeholder="masukkan specialist"
-            defaultValue={createState.create.create.form.specialist}
+            value={createState.create.create.form.specialist}
             onChange={(e) => {
               createState.create.create.form.specialist = e.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
index a4acdfbf..be757981 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
@@ -19,7 +19,7 @@ import {
   Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
+import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -28,18 +28,10 @@ import fasilitasKesehatanState from '../../../_state/kesehatan/data_kesehatan_wa
 
 
 function FasilitasKesehatan() {
-  const router = useRouter();
   const [search, setSearch] = useState("");
 
   return (
     <Box>
-      {/* Tombol Back */}
-      <Box mb={10}>
-        <Button variant="subtle" onClick={() => router.back()}>
-          <IconArrowBack color={colors["blue-button"]} size={25} />
-        </Button>
-      </Box>
-
       {/* Header Search */}
       <HeaderSearch
         title='Fasilitas Kesehatan'
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
index 00ff55ef..070d52f0 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -17,11 +18,13 @@ import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
+import { convertToISODate } from '../../../persentase_data_kelahiran_kematian/lib/dateUtils';
 
 function EditGrafikHasilKepuasan() {
   const editState = useProxy(grafikkepuasan);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     nama: '',
@@ -31,6 +34,14 @@ function EditGrafikHasilKepuasan() {
     penyakit: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    tanggal: '',
+    jenisKelamin: '',
+    alamat: '',
+    penyakit: '',
+  });
+
   // Load data once
   useEffect(() => {
     const loadData = async () => {
@@ -39,13 +50,25 @@ function EditGrafikHasilKepuasan() {
 
       try {
         const data = await editState.update.load(id);
-        if (data) setFormData({
-          nama: data.nama || '',
-          tanggal: data.tanggal || '',
-          jenisKelamin: data.jenisKelamin || '',
-          alamat: data.alamat || '',
-          penyakit: data.penyakit || '',
-        });
+        if (data) {
+          const formattedTanggal = convertToISODate(data.tanggal);
+
+          setFormData({
+            nama: data.nama || '',
+            tanggal: formattedTanggal,
+            jenisKelamin: data.jenisKelamin || '',
+            alamat: data.alamat || '',
+            penyakit: data.penyakit || '',
+          });
+
+          setOriginalData({
+            nama: data.nama || '',
+            tanggal: formattedTanggal,
+            jenisKelamin: data.jenisKelamin || '',
+            alamat: data.alamat || '',
+            penyakit: data.penyakit || '',
+          });
+        }
       } catch (err) {
         console.error("Error loading grafik hasil kepuasan:", err);
         toast.error("Gagal memuat data grafik hasil kepuasan");
@@ -60,8 +83,20 @@ function EditGrafikHasilKepuasan() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      tanggal: originalData.tanggal,
+      jenisKelamin: originalData.jenisKelamin,
+      alamat: originalData.alamat,
+      penyakit: originalData.penyakit,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       editState.update.form = { ...editState.update.form, ...formData };
       await editState.update.submit();
       toast.success('Grafik hasil kepuasan berhasil diperbarui!');
@@ -69,6 +104,8 @@ function EditGrafikHasilKepuasan() {
     } catch (err) {
       console.error('Error updating grafik hasil kepuasan:', err);
       toast.error('Terjadi kesalahan saat memperbarui grafik hasil kepuasan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -112,6 +149,17 @@ function EditGrafikHasilKepuasan() {
           ))}
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -122,7 +170,7 @@ function EditGrafikHasilKepuasan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
index 4a42acbb..d1ea8b7f 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -15,12 +16,14 @@ import {
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateGrafikHasilKepuasanMasyarakat() {
   const stateGrafikKepuasan = useProxy(grafikkepuasan);
   const [chartData, setChartData] = useState<any[]>([]);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateGrafikKepuasan.create.form = {
@@ -33,9 +36,17 @@ function CreateGrafikHasilKepuasanMasyarakat() {
   };
 
   const handleSubmit = async () => {
-    await stateGrafikKepuasan.create.create();
-    resetForm();
-    router.push("/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan");
+    try {
+      setIsSubmitting(true);
+      await stateGrafikKepuasan.create.create();
+      resetForm();
+      router.push("/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan");
+    } catch (error) {
+      console.error("Error creating grafik kepuasan:", error);
+      toast.error("Terjadi kesalahan saat membuat grafik kepuasan");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -68,7 +79,7 @@ function CreateGrafikHasilKepuasanMasyarakat() {
           <TextInput
             label="Nama"
             placeholder="Masukkan nama"
-            defaultValue={stateGrafikKepuasan.create.form.nama}
+            value={stateGrafikKepuasan.create.form.nama}
             onChange={(e) => (stateGrafikKepuasan.create.form.nama = e.target.value)}
             required
           />
@@ -76,33 +87,44 @@ function CreateGrafikHasilKepuasanMasyarakat() {
             type="date"
             label="Tanggal"
             placeholder="Masukkan tanggal"
-            defaultValue={stateGrafikKepuasan.create.form.tanggal}
+            value={stateGrafikKepuasan.create.form.tanggal}
             onChange={(e) => (stateGrafikKepuasan.create.form.tanggal = e.target.value)}
             required
           />
           <TextInput
             label="Jenis Kelamin"
             placeholder="Masukkan jenis kelamin"
-            defaultValue={stateGrafikKepuasan.create.form.jenisKelamin}
+            value={stateGrafikKepuasan.create.form.jenisKelamin}
             onChange={(e) => (stateGrafikKepuasan.create.form.jenisKelamin = e.target.value)}
             required
           />
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat"
-            defaultValue={stateGrafikKepuasan.create.form.alamat}
+            value={stateGrafikKepuasan.create.form.alamat}
             onChange={(e) => (stateGrafikKepuasan.create.form.alamat = e.target.value)}
             required
           />
           <TextInput
             label="Penyakit"
             placeholder="Masukkan penyakit"
-            defaultValue={stateGrafikKepuasan.create.form.penyakit}
+            value={stateGrafikKepuasan.create.form.penyakit}
             onChange={(e) => (stateGrafikKepuasan.create.form.penyakit = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -113,7 +135,7 @@ function CreateGrafikHasilKepuasanMasyarakat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
index 88ce54d1..9252f2e4 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
@@ -4,7 +4,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import jadwalKegiatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -39,7 +39,10 @@ function EditJadwalKegiatan() {
   const router = useRouter();
   const params = useParams();
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState<JadwalKegiatanFormBase>(emptyForm());
+  const [originalData, setOriginalData] = useState<JadwalKegiatanFormBase>(emptyForm());
+
 
   // Helper untuk update nested state
   const updateNested = <
@@ -85,6 +88,19 @@ function EditJadwalKegiatan() {
             syaratKetentuanJadwalKegiatan: { content: form.syaratKetentuanJadwalKegiatan?.content || '' },
             dokumenJadwalKegiatan: { content: form.dokumenJadwalKegiatan?.content || '' },
           });
+          setOriginalData({
+            content: form.content || '',
+            informasiJadwalKegiatan: {
+              name: form.informasiJadwalKegiatan?.name || '',
+              tanggal: form.informasiJadwalKegiatan?.tanggal || '',
+              waktu: form.informasiJadwalKegiatan?.waktu || '',
+              lokasi: form.informasiJadwalKegiatan?.lokasi || '',
+            },
+            deskripsiJadwalKegiatan: { deskripsi: form.deskripsiJadwalKegiatan?.deskripsi || '' },
+            layananJadwalKegiatan: { content: form.layananJadwalKegiatan?.content || '' },
+            syaratKetentuanJadwalKegiatan: { content: form.syaratKetentuanJadwalKegiatan?.content || '' },
+            dokumenJadwalKegiatan: { content: form.dokumenJadwalKegiatan?.content || '' },
+          });
         }
       } catch (error) {
         console.error("Error loading jadwal kegiatan:", error);
@@ -94,8 +110,26 @@ function EditJadwalKegiatan() {
     loadJadwalKegiatan();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      content: originalData.content || '',
+      informasiJadwalKegiatan: {
+        name: originalData.informasiJadwalKegiatan?.name || '',
+        tanggal: originalData.informasiJadwalKegiatan?.tanggal || '',
+        waktu: originalData.informasiJadwalKegiatan?.waktu || '',
+        lokasi: originalData.informasiJadwalKegiatan?.lokasi || '',
+      },
+      deskripsiJadwalKegiatan: { deskripsi: originalData.deskripsiJadwalKegiatan?.deskripsi || '' },
+      layananJadwalKegiatan: { content: originalData.layananJadwalKegiatan?.content || '' },
+      syaratKetentuanJadwalKegiatan: { content: originalData.syaratKetentuanJadwalKegiatan?.content || '' },
+      dokumenJadwalKegiatan: { content: originalData.dokumenJadwalKegiatan?.content || '' },
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateJadwalKegiatan.edit.form = { ...stateJadwalKegiatan.edit.form, ...formData };
       const success = await stateJadwalKegiatan.edit.submit();
       if (success) {
@@ -105,6 +139,8 @@ function EditJadwalKegiatan() {
     } catch (error) {
       console.error("Error updating jadwal kegiatan:", error);
       toast.error(error instanceof Error ? error.message : "Gagal memperbarui data jadwal kegiatan");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -190,6 +226,17 @@ function EditJadwalKegiatan() {
 
           {/* Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -200,7 +247,7 @@ function EditJadwalKegiatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
index a63a5c8e..4cf617fb 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -14,12 +15,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateJadwalKegiatan() {
   const stateJadwalKegiatan = useProxy(jadwalKegiatanState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateJadwalKegiatan.create.form = {
@@ -47,11 +50,18 @@ function CreateJadwalKegiatan() {
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    await stateJadwalKegiatan.create.submit();
-
-    toast.success('Data berhasil disimpan');
-    resetForm();
-    router.push('/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan');
+    try {
+      setIsSubmitting(true);
+      await stateJadwalKegiatan.create.submit();
+      toast.success('Data berhasil disimpan');
+      resetForm();
+      router.push('/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menyimpan data jadwal kegiatan');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -84,7 +94,7 @@ function CreateJadwalKegiatan() {
           <TextInput
             label="Nama Jadwal Kegiatan"
             placeholder="Masukkan nama jadwal kegiatan"
-            defaultValue={stateJadwalKegiatan.create.form.content}
+            value={stateJadwalKegiatan.create.form.content}
             onChange={(e) => {
               stateJadwalKegiatan.create.form.content = e.target.value;
             }}
@@ -107,7 +117,7 @@ function CreateJadwalKegiatan() {
               label="Nama"
               required
               placeholder="Masukkan nama"
-              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name}
+              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name = e.target.value;
               }}
@@ -116,7 +126,7 @@ function CreateJadwalKegiatan() {
               type="date"
               required
               label="Tanggal"
-              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal}
+              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal = e.target.value;
               }}
@@ -125,7 +135,7 @@ function CreateJadwalKegiatan() {
               label="Waktu"
               required
               placeholder="Masukkan waktu"
-              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu}
+              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu = e.target.value;
               }}
@@ -134,7 +144,7 @@ function CreateJadwalKegiatan() {
               label="Lokasi"
               required
               placeholder="Masukkan lokasi"
-              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi}
+              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi = e.target.value;
               }}
@@ -172,8 +182,20 @@ function CreateJadwalKegiatan() {
           </Box>
           {/* Save Button */}
           <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              type="submit"
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
@@ -182,7 +204,7 @@ function CreateJadwalKegiatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
index 91370aef..c8d517a2 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
@@ -19,7 +19,7 @@ import {
   Title
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
+import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -27,18 +27,10 @@ import HeaderSearch from '../../../_com/header';
 import jadwalKegiatanState from '../../../_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
 
 function JadwalKegiatan() {
-  const router = useRouter();
   const [search, setSearch] = useState("");
 
   return (
     <Box>
-      {/* Tombol Back */}
-      <Box mb={10}>
-        <Button variant="subtle" onClick={() => router.back()}>
-          <IconArrowBack color={colors["blue-button"]} size={25} />
-        </Button>
-      </Box>
-
       {/* Header Search */}
       <HeaderSearch
         title="Jadwal Kegiatan"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
index a48a6ef0..ae458717 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -17,11 +18,13 @@ import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
+import { convertToISODate } from '../../../lib/dateUtils';
 
 function EditKelahiran() {
   const editState = useProxy(persentaseKelahiranKematian.kelahiran);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     nama: '',
@@ -30,26 +33,44 @@ function EditKelahiran() {
     alamat: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    tanggal: '',
+    jenisKelamin: '',
+    alamat: '',
+  });
+
   // Load data saat mount atau params.id berubah
   useEffect(() => {
     const loadKelahiran = async () => {
       const id = params?.id as string;
       if (!id) return;
-
+  
       try {
         const data = await editState.edit.load(id);
-        if (data) setFormData({
-          nama: data.nama || '',
-          tanggal: data.tanggal || '',
-          jenisKelamin: data.jenisKelamin || '',
-          alamat: data.alamat || ''
-        });
+        if (data) {
+          const formattedTanggal = convertToISODate(data.tanggal);
+  
+          setFormData({
+            nama: data.nama || '',
+            tanggal: formattedTanggal,
+            jenisKelamin: data.jenisKelamin || '',
+            alamat: data.alamat || ''
+          });
+  
+          setOriginalData({
+            nama: data.nama || '',
+            tanggal: formattedTanggal,
+            jenisKelamin: data.jenisKelamin || '',
+            alamat: data.alamat || ''
+          });
+        }
       } catch (error) {
         console.error('Error loading data kelahiran:', error);
         toast.error('Gagal memuat data kelahiran');
       }
     };
-
+  
     loadKelahiran();
   }, [params?.id]);
 
@@ -57,8 +78,20 @@ function EditKelahiran() {
     setFormData((prev) => ({ ...prev, [key]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      tanggal: originalData.tanggal,
+      jenisKelamin: originalData.jenisKelamin,
+      alamat: originalData.alamat,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state hanya saat submit
       editState.edit.form = { ...editState.edit.form, ...formData };
       await editState.edit.update();
@@ -67,6 +100,8 @@ function EditKelahiran() {
     } catch (error) {
       console.error('Error updating data kelahiran:', error);
       toast.error('Terjadi kesalahan saat memperbarui data kelahiran');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -123,6 +158,17 @@ function EditKelahiran() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -133,7 +179,7 @@ function EditKelahiran() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
index 71d7721f..90ea1275 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -13,13 +14,15 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 
 function CreateKelahiran() {
   const createState = useProxy(persentaseKelahiranKematian.kelahiran);
   const router = useRouter();
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     createState.create.form = {
@@ -32,11 +35,19 @@ function CreateKelahiran() {
 
 
   const handleSubmit = async () => {
-    await createState.create.create();
-    resetForm();
-    router.push(
-      '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran'
-    );
+    try {
+      setIsSubmitting(true);
+      await createState.create.create();
+      resetForm();
+      router.push(
+        '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran'
+      );
+    } catch (error) {
+      console.error('Error creating kelahiran:', error);
+      toast.error('Gagal menambahkan data kelahiran');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
 
@@ -71,7 +82,7 @@ function CreateKelahiran() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama</Text>}
             placeholder="Masukkan nama"
-            defaultValue={createState.create.form.nama}
+            value={createState.create.form.nama}
             onChange={(e) => (createState.create.form.nama = e.target.value)}
             required
           />
@@ -79,27 +90,38 @@ function CreateKelahiran() {
             type="date"
             label={<Text fw="bold" fz="sm">Tanggal</Text>}
             placeholder="Masukkan tanggal"
-            defaultValue={createState.create.form.tanggal}
+            value={createState.create.form.tanggal}
             onChange={(e) => (createState.create.form.tanggal = e.target.value)}
             required
           />
           <TextInput
             label={<Text fw="bold" fz="sm">Jenis Kelamin</Text>}
             placeholder="Masukkan jenis kelamin"
-            defaultValue={createState.create.form.jenisKelamin}
+            value={createState.create.form.jenisKelamin}
             onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
             required
           />
           <TextInput
             label={<Text fw="bold" fz="sm">Alamat</Text>}
             placeholder="Masukkan alamat"
-            defaultValue={createState.create.form.alamat}
+            value={createState.create.form.alamat}
             onChange={(e) => (createState.create.form.alamat = e.target.value)}
             required
           />
 
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -110,7 +132,7 @@ function CreateKelahiran() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
index a70c1a42..2606a523 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -19,11 +20,13 @@ import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
+import { convertToISODate } from '../../../lib/dateUtils';
 
 function EditKematian() {
   const editState = useProxy(persentaseKelahiranKematian.kematian);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     nama: '',
@@ -33,6 +36,14 @@ function EditKematian() {
     penyebab: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    tanggal: '',
+    jenisKelamin: '',
+    alamat: '',
+    penyebab: '',
+  });
+
   // Load data saat mount
   useEffect(() => {
     const loadData = async () => {
@@ -42,12 +53,22 @@ function EditKematian() {
       try {
         const data = await editState.edit.load(id);
         if (data) {
+          const formattedTanggal = convertToISODate(data.tanggal);
+
           setFormData({
             nama: data.nama || '',
-            tanggal: data.tanggal || '',
+            tanggal: formattedTanggal,
             jenisKelamin: data.jenisKelamin || '',
             alamat: data.alamat || '',
-            penyebab: data.penyebab || '',
+            penyebab: data.penyebab || ''
+          });
+
+          setOriginalData({
+            nama: data.nama || '',
+            tanggal: formattedTanggal,
+            jenisKelamin: data.jenisKelamin || '',
+            alamat: data.alamat || '',
+            penyebab: data.penyebab || ''
           });
         }
       } catch (error) {
@@ -63,8 +84,20 @@ function EditKematian() {
     setFormData(prev => ({ ...prev, [key]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      tanggal: originalData.tanggal,
+      jenisKelamin: originalData.jenisKelamin,
+      alamat: originalData.alamat,
+      penyebab: originalData.penyebab,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state saat submit
       editState.edit.form = { ...editState.edit.form, ...formData };
       await editState.edit.update();
@@ -75,6 +108,8 @@ function EditKematian() {
     } catch (error) {
       console.error('Error updating data kematian:', error);
       toast.error('Terjadi kesalahan saat memperbarui data kematian');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -144,6 +179,17 @@ function EditKematian() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -154,7 +200,7 @@ function EditKematian() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
index 8d1e0790..7248597a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -13,18 +14,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
-
-
-
-
-
 function CreateKematian() {
   const createState = useProxy(persentaseKelahiranKematian.kematian);
   const router = useRouter();
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     createState.create.form = {
@@ -38,19 +35,27 @@ function CreateKematian() {
 
 
   const handleSubmit = async () => {
-    if (!createState.create.form.nama) {
-      return toast.warn('Nama wajib diisi');
-    }
-    if (!createState.create.form.tanggal) {
-      return toast.warn('Tanggal wajib diisi');
-    }
+    try {
+      setIsSubmitting(true);
+      if (!createState.create.form.nama) {
+        return toast.warn('Nama wajib diisi');
+      }
+      if (!createState.create.form.tanggal) {
+        return toast.warn('Tanggal wajib diisi');
+      }
 
 
-    await createState.create.create();
-    resetForm();
-    router.push(
-      '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian'
-    );
+      await createState.create.create();
+      resetForm();
+      router.push(
+        '/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian'
+      );
+    } catch (error) {
+      console.error('Error creating data kematian:', error);
+      toast.error('Gagal menambahkan data kematian');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
 
@@ -80,7 +85,7 @@ function CreateKematian() {
           <TextInput
             label="Nama"
             placeholder="Masukkan nama"
-            defaultValue={createState.create.form.nama}
+            value={createState.create.form.nama}
             onChange={(e) => (createState.create.form.nama = e.target.value)}
             required
           />
@@ -88,21 +93,21 @@ function CreateKematian() {
             type="date"
             label="Tanggal"
             placeholder="Masukkan tanggal"
-            defaultValue={createState.create.form.tanggal}
+            value={createState.create.form.tanggal}
             onChange={(e) => (createState.create.form.tanggal = e.target.value)}
             required
           />
           <TextInput
             label="Jenis Kelamin"
             placeholder="Masukkan jenis kelamin"
-            defaultValue={createState.create.form.jenisKelamin}
+            value={createState.create.form.jenisKelamin}
             onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
             required
           />
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat"
-            defaultValue={createState.create.form.alamat}
+            value={createState.create.form.alamat}
             onChange={(e) => (createState.create.form.alamat = e.target.value)}
             required
           />
@@ -120,6 +125,17 @@ function CreateKematian() {
 
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -130,7 +146,7 @@ function CreateKematian() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/lib/dateUtils.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/lib/dateUtils.tsx
new file mode 100644
index 00000000..3ce629bc
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/lib/dateUtils.tsx
@@ -0,0 +1,24 @@
+export const convertToISODate = (dateString: string): string => {
+  if (!dateString) return '';
+
+  // Jika format dd/mm/yyyy
+  const parts = dateString.split('/');
+  if (parts.length === 3 && parts[0].length === 2 && parts[1].length === 2 && parts[2].length === 4) {
+    const [day, month, year] = parts;
+    return `${year}-${month}-${day}`;
+  }
+
+  // Jika sudah format YYYY-MM-DD, biarkan
+  if (/^\d{4}-\d{2}-\d{2}$/.test(dateString)) {
+    return dateString;
+  }
+
+  // Jika format lain, coba parse dengan Date
+  const date = new Date(dateString);
+  if (!isNaN(date.getTime())) {
+    return date.toISOString().split('T')[0]; // YYYY-MM-DD
+  }
+
+  console.warn(`Format tanggal tidak dikenali: ${dateString}`);
+  return '';
+};
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
index a00cf493..39473173 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import infoWabahPenyakit from '@/app/admin/(dashboard)/_state/kesehatan/info-wab
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,13 +28,22 @@ function EditInfoWabahPenyakit() {
   const infoWabahPenyakitState = useProxy(infoWabahPenyakit);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     name: '',
     deskripsiSingkat: '',
-    deskripsi: '',
+    deskripsiLengkap: '',
     imageId: '',
   });
+
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsiSingkat: '',
+    deskripsiLengkap: '',
+    imageId: '',
+    imageUrl: ''
+  });
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
@@ -53,9 +64,16 @@ function EditInfoWabahPenyakit() {
           setFormData({
             name: data.name || '',
             deskripsiSingkat: data.deskripsiSingkat || '',
-            deskripsi: data.deskripsiLengkap || '',
+            deskripsiLengkap: data.deskripsiLengkap || '',
             imageId: data.imageId || '',
           });
+          setOriginalData({
+            name: data.name || '',
+            deskripsiSingkat: data.deskripsiSingkat || '',
+            deskripsiLengkap: data.deskripsiLengkap || '',
+            imageId: data.imageId || '',
+            imageUrl: data.image?.link || '',
+          });
 
           if (data.image?.link) setPreviewImage(data.image.link);
         }
@@ -70,6 +88,7 @@ function EditInfoWabahPenyakit() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let uploadedImageId = formData.imageId;
 
       // Upload file kalau ada
@@ -86,7 +105,7 @@ function EditInfoWabahPenyakit() {
         ...infoWabahPenyakitState.edit.form,
         name: formData.name,
         deskripsiSingkat: formData.deskripsiSingkat,
-        deskripsiLengkap: formData.deskripsi,
+        deskripsiLengkap: formData.deskripsiLengkap,
         imageId: uploadedImageId,
       };
 
@@ -96,9 +115,23 @@ function EditInfoWabahPenyakit() {
     } catch (error) {
       console.error(error);
       toast.error('Terjadi kesalahan saat memperbarui info wabah penyakit');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsiSingkat: originalData.deskripsiSingkat,
+      deskripsiLengkap: originalData.deskripsiLengkap,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleDrop = (files: File[]) => {
     const selectedFile = files[0];
     if (selectedFile) {
@@ -149,11 +182,11 @@ function EditInfoWabahPenyakit() {
 
           <Box>
             <Text fz="sm" fw="bold">
-              Deskripsi
+              Deskripsi Lengkap
             </Text>
             <EditEditor
-              value={formData.deskripsi}
-              onChange={(val) => updateField('deskripsi', val)}
+              value={formData.deskripsiLengkap}
+              onChange={(val) => updateField('deskripsiLengkap', val)}
             />
           </Box>
 
@@ -165,7 +198,7 @@ function EditInfoWabahPenyakit() {
               onDrop={handleDrop}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={200} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -190,7 +223,7 @@ function EditInfoWabahPenyakit() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -203,11 +236,40 @@ function EditInfoWabahPenyakit() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -218,7 +280,7 @@ function EditInfoWabahPenyakit() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
index f55b0e68..d51ddc31 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,6 +28,7 @@ function CreateInfoWabahPenyakit() {
   const infoWabahPenyakitState = useProxy(infoWabahPenyakit)
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     infoWabahPenyakitState.create.form = {
@@ -39,25 +42,33 @@ function CreateInfoWabahPenyakit() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn("Pilih file gambar terlebih dahulu");
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn("Pilih file gambar terlebih dahulu");
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error("Gagal upload gambar");
+      }
+
+      infoWabahPenyakitState.create.form.imageId = uploaded.id;
+      await infoWabahPenyakitState.create.create();
+
+      resetForm();
+      router.push("/admin/kesehatan/info-wabah-penyakit")
+    } catch (error) {
+      console.error("Error creating info wabah penyakit:", error);
+      toast.error("Gagal menambahkan info wabah penyakit");
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error("Gagal upload gambar");
-    }
-
-    infoWabahPenyakitState.create.form.imageId = uploaded.id;
-    await infoWabahPenyakitState.create.create();
-
-    resetForm();
-    router.push("/admin/kesehatan/info-wabah-penyakit")
   };
 
   return (
@@ -88,7 +99,7 @@ function CreateInfoWabahPenyakit() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={infoWabahPenyakitState.create.form.name}
+            value={infoWabahPenyakitState.create.form.name}
             onChange={(val) => {
               infoWabahPenyakitState.create.form.name = val.target.value;
             }}
@@ -129,7 +140,7 @@ function CreateInfoWabahPenyakit() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -154,7 +165,7 @@ function CreateInfoWabahPenyakit() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -167,11 +178,40 @@ function CreateInfoWabahPenyakit() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -182,7 +222,7 @@ function CreateInfoWabahPenyakit() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
index 98014e3a..21af40ca 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
@@ -1,13 +1,16 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import kontakDarurat from '@/app/admin/(dashboard)/_state/kesehatan/kontak-darurat/kontakDarurat';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -28,12 +31,20 @@ function EditKontakDarurat() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     name: '',
     deskripsi: '',
     imageId: '',
     whatsapp: '',
   });
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsi: '',
+    imageId: '',
+    whatsapp: '',
+    imageUrl: '',
+  });
   const [loading, setLoading] = useState(true);
 
   // Load data sekali saat mount
@@ -51,6 +62,13 @@ function EditKontakDarurat() {
             imageId: data.imageId || '',
             whatsapp: data.whatsapp || '',
           });
+          setOriginalData({
+            name: data.name || '',
+            deskripsi: data.deskripsi || '',
+            imageId: data.imageId || '',
+            whatsapp: data.whatsapp || '',
+            imageUrl: data.image?.link || '',
+          });
           if (data?.image?.link) setPreviewImage(data.image.link);
         }
       } catch (error) {
@@ -62,10 +80,11 @@ function EditKontakDarurat() {
     };
 
     loadKontakDarurat();
-  }, [params?.id, kontakDaruratState.edit]);
+  }, [params?.id]);
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let imageId = formData.imageId;
 
       // Upload file baru jika ada
@@ -89,9 +108,23 @@ function EditKontakDarurat() {
     } catch (error) {
       console.error("Error updating kontak darurat:", error);
       toast.error("Terjadi kesalahan saat memperbarui kontak darurat");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+      whatsapp: originalData.whatsapp,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   if (loading) return <Text>Loading...</Text>;
 
   return (
@@ -151,7 +184,7 @@ function EditKontakDarurat() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={200} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -172,7 +205,7 @@ function EditKontakDarurat() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -185,11 +218,40 @@ function EditKontakDarurat() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -200,7 +262,7 @@ function EditKontakDarurat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
index 4fc6d685..d35f1fb4 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -31,6 +33,7 @@ function CreateKontakDarurat() {
   const kontakDaruratState = useProxy(kontakDarurat);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     kontakDaruratState.create.form = {
@@ -44,26 +47,34 @@ function CreateKontakDarurat() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal upload gambar');
+      }
+
+      kontakDaruratState.create.form.imageId = uploaded.id;
+
+      await kontakDaruratState.create.create();
+
+      resetForm();
+      router.push('/admin/kesehatan/kontak-darurat');
+    } catch (error) {
+      console.error('Error creating kontak darurat:', error);
+      toast.error('Gagal menambahkan kontak darurat');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal upload gambar');
-    }
-
-    kontakDaruratState.create.form.imageId = uploaded.id;
-
-    await kontakDaruratState.create.create();
-
-    resetForm();
-    router.push('/admin/kesehatan/kontak-darurat');
   };
 
   return (
@@ -94,7 +105,7 @@ function CreateKontakDarurat() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={kontakDaruratState.create.form.name}
+            value={kontakDaruratState.create.form.name}
             onChange={(val) => {
               kontakDaruratState.create.form.name = val.target.value;
             }}
@@ -105,7 +116,7 @@ function CreateKontakDarurat() {
 
           <TextInput
             type='number'
-            defaultValue={kontakDaruratState.create.form.whatsapp}
+            value={kontakDaruratState.create.form.whatsapp}
             onChange={(val) => {
               kontakDaruratState.create.form.whatsapp = val.target.value;
             }}
@@ -136,7 +147,7 @@ function CreateKontakDarurat() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group
                 justify="center"
@@ -178,7 +189,7 @@ function CreateKontakDarurat() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -191,11 +202,40 @@ function CreateKontakDarurat() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -206,7 +246,7 @@ function CreateKontakDarurat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
index 47a054ae..ecf4d166 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
@@ -6,10 +6,12 @@ import penangananDarurat from '@/app/admin/(dashboard)/_state/kesehatan/penangan
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -27,6 +29,7 @@ function EditPenangananDarurat() {
   const penangananDaruratState = useProxy(penangananDarurat)
   const router = useRouter();
   const params = useParams()
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     name: '',
@@ -34,6 +37,13 @@ function EditPenangananDarurat() {
     imageId: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsi: '',
+    imageId: '',
+    imageUrl: '',
+  });
+
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const [loading, setLoading] = useState(true);
@@ -53,6 +63,13 @@ function EditPenangananDarurat() {
             imageId: data.imageId || '',
           });
 
+          setOriginalData({
+            name: data.name || '',
+            deskripsi: data.deskripsi || '',
+            imageId: data.imageId || '',
+            imageUrl: data.image?.link || '',
+          });
+
           if (data.image?.link) {
             setPreviewImage(data.image.link);
           }
@@ -80,8 +97,20 @@ function EditPenangananDarurat() {
     setPreviewImage(URL.createObjectURL(selected));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let imageId = formData.imageId;
 
       if (file) {
@@ -107,6 +136,8 @@ function EditPenangananDarurat() {
     } catch (err) {
       console.error("Error updating penanganan darurat:", err);
       toast.error("Gagal memperbarui data penanganan darurat");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -156,7 +187,7 @@ function EditPenangananDarurat() {
               onDrop={handleDrop}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -181,7 +212,7 @@ function EditPenangananDarurat() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos="relative">
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -194,11 +225,40 @@ function EditPenangananDarurat() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -209,7 +269,7 @@ function EditPenangananDarurat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
index 00839be0..c75878fb 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -30,6 +32,7 @@ function CreatePenangananDarurat() {
   const router = useRouter();
   const penangananDaruratState = useProxy(penangananDarurat);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [file, setFile] = useState<File | null>(null);
 
   const resetForm = () => {
@@ -43,26 +46,34 @@ function CreatePenangananDarurat() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal upload gambar');
+      }
+
+      penangananDaruratState.create.form.imageId = uploaded.id;
+
+      await penangananDaruratState.create.create();
+
+      resetForm();
+      router.push('/admin/kesehatan/penanganan-darurat');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menambahkan penanganan darurat');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal upload gambar');
-    }
-
-    penangananDaruratState.create.form.imageId = uploaded.id;
-
-    await penangananDaruratState.create.create();
-
-    resetForm();
-    router.push('/admin/kesehatan/penanganan-darurat');
   };
 
   return (
@@ -96,7 +107,7 @@ function CreatePenangananDarurat() {
           <TextInput
             label={<Text fw="bold" fz="sm">Judul</Text>}
             placeholder="Masukkan judul"
-            defaultValue={penangananDaruratState.create.form.name}
+            value={penangananDaruratState.create.form.name}
             onChange={(val) => {
               penangananDaruratState.create.form.name = val.target.value;
             }}
@@ -128,7 +139,7 @@ function CreatePenangananDarurat() {
                 }}
                 onReject={() => toast.error('File tidak valid.')}
                 maxSize={5 * 1024 ** 2}
-                accept={{ 'image/*': [] }}
+                accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               >
                 <Group
                   justify="center"
@@ -170,7 +181,7 @@ function CreatePenangananDarurat() {
               </Dropzone>
 
               {previewImage && (
-                <Box mt="sm">
+                <Box mt="sm" pos={"relative"}>
                   <Image
                     src={previewImage}
                     alt="Preview"
@@ -183,6 +194,24 @@ function CreatePenangananDarurat() {
                     }}
                     loading="lazy"
                   />
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    pos="absolute"
+                    top={5}
+                    right={5}
+                    onClick={() => {
+                      setPreviewImage(null);
+                      setFile(null);
+                    }}
+                    style={{
+                      boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                    }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
                 </Box>
               )}
             </Box>
@@ -190,6 +219,17 @@ function CreatePenangananDarurat() {
 
           {/* Button Simpan */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -200,7 +240,7 @@ function CreatePenangananDarurat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
index 8c90a4b6..8882f40a 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
@@ -6,10 +6,12 @@ import posyandustate from '@/app/admin/(dashboard)/_state/kesehatan/posyandu/pos
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -30,6 +32,7 @@ function EditPosyandu() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     name: '',
     nomor: '',
@@ -37,6 +40,14 @@ function EditPosyandu() {
     imageId: '',
     jadwalPelayanan: '',
   });
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    nomor: "",
+    deskripsi: "",
+    imageId: "",
+    jadwalPelayanan: "",
+    imageUrl: ""
+  });
 
   // Load data posyandu
   useEffect(() => {
@@ -54,6 +65,14 @@ function EditPosyandu() {
             imageId: data.imageId || '',
             jadwalPelayanan: data.jadwalPelayanan || '',
           });
+          setOriginalData({
+            name: data.name || '',
+            nomor: data.nomor || '',
+            deskripsi: data.deskripsi || '',
+            imageId: data.imageId || '',
+            jadwalPelayanan: data.jadwalPelayanan || '',
+            imageUrl: data.image?.link || '',
+          });
           if (data?.image?.link) setPreviewImage(data.image.link);
         }
       } catch (error) {
@@ -66,7 +85,7 @@ function EditPosyandu() {
 
   const handleSubmit = async () => {
     try {
-      // Update global state hanya saat submit
+      setIsSubmitting(true);
       const updatedForm = { ...statePosyandu.edit.form, ...formData };
 
       // Upload file jika ada
@@ -86,9 +105,24 @@ function EditPosyandu() {
     } catch (error) {
       console.error('Error updating posyandu:', error);
       toast.error('Terjadi kesalahan saat memperbarui posyandu');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const resetForm = () => {
+    setFormData({
+      name: originalData.name,
+      nomor: originalData.nomor,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+      jadwalPelayanan: originalData.jadwalPelayanan,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Tombol Back */}
@@ -126,7 +160,7 @@ function EditPosyandu() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -145,25 +179,45 @@ function EditPosyandu() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box mt="sm" pos={"relative"} style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
                   style={{
-                    maxHeight: 220,
+                    maxHeight: 200,
                     objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
+                    border: '1px solid #ddd',
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -209,6 +263,17 @@ function EditPosyandu() {
 
           {/* Tombol Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -219,7 +284,7 @@ function EditPosyandu() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
index 66fdb61c..606b21d6 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -27,6 +29,7 @@ function CreatePosyandu() {
   const router = useRouter();
   const [file, setFile] = useState<File | null>(null);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
 
   const resetForm = () => {
@@ -43,35 +46,31 @@ function CreatePosyandu() {
 
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+      // Upload gambar dulu
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal upload gambar');
+      }
+      statePosyandu.create.form.imageId = uploaded.id;
+      await statePosyandu.create.create();
+      resetForm();
+      router.push('/admin/kesehatan/posyandu');
+    } catch (error) {
+      console.error('Error creating posyandu:', error);
+      toast.error('Gagal menambahkan posyandu');
+    } finally {
+      setIsSubmitting(false);
     }
-
-
-    // Upload gambar dulu
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal upload gambar');
-    }
-
-
-    statePosyandu.create.form.imageId = uploaded.id;
-
-
-    await statePosyandu.create.create();
-
-
-    resetForm();
-    router.push('/admin/kesehatan/posyandu');
   };
-
-
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
@@ -109,7 +108,7 @@ function CreatePosyandu() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -131,7 +130,7 @@ function CreatePosyandu() {
 
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -143,6 +142,24 @@ function CreatePosyandu() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -152,14 +169,14 @@ function CreatePosyandu() {
           <TextInput
             label="Nama Posyandu"
             placeholder="Masukkan nama posyandu"
-            defaultValue={statePosyandu.create.form.name || ''}
+            value={statePosyandu.create.form.name || ''}
             onChange={(e) => (statePosyandu.create.form.name = e.target.value)}
             required
           />
           <TextInput
             label="Telepon Posyandu"
             placeholder="Masukkan telepon posyandu"
-            defaultValue={statePosyandu.create.form.nomor || ''}
+            value={statePosyandu.create.form.nomor || ''}
             onChange={(e) => (statePosyandu.create.form.nomor = e.target.value)}
             required
           />
@@ -189,6 +206,17 @@ function CreatePosyandu() {
 
           {/* Button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -199,7 +227,7 @@ function CreatePosyandu() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
index 249ade53..ec68731d 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import programKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/program-k
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -29,12 +31,20 @@ function EditProgramKesehatan() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     name: '',
     deskripsiSingkat: '',
     deskripsi: '',
     imageId: '',
   });
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    deskripsiSingkat: '',
+    deskripsi: '',
+    imageId: '',
+    imageUrl: ''
+  });
 
   // Load data awal
   useEffect(() => {
@@ -52,6 +62,13 @@ function EditProgramKesehatan() {
           deskripsi: data.deskripsi || '',
           imageId: data.imageId || '',
         });
+        setOriginalData({
+          name: data.name || '',
+          deskripsiSingkat: data.deskripsiSingkat || '',
+          deskripsi: data.deskripsi || '',
+          imageId: data.imageId || '',
+          imageUrl: data.image?.link || '',
+        });
 
         if (data?.image?.link) setPreviewImage(data.image.link);
       } catch (err) {
@@ -68,9 +85,22 @@ function EditProgramKesehatan() {
     setFormData((prev) => ({ ...prev, [key]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsiSingkat: originalData.deskripsiSingkat,
+      deskripsi: originalData.deskripsi,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // Submit form
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       const updatedForm = { ...programKesehatanState.edit.form, ...formData };
 
       // Upload file kalau ada
@@ -89,6 +119,8 @@ function EditProgramKesehatan() {
     } catch (err) {
       console.error(err);
       toast.error('Terjadi kesalahan saat memperbarui program kesehatan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -158,7 +190,7 @@ function EditProgramKesehatan() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -183,7 +215,7 @@ function EditProgramKesehatan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -196,11 +228,40 @@ function EditProgramKesehatan() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -211,7 +272,7 @@ function EditProgramKesehatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
index 75537a6e..020c8f50 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -26,6 +28,7 @@ function CreateProgramKesehatan() {
   const programKesehatanState = useProxy(programKesehatan);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     programKesehatanState.create.form = {
@@ -45,25 +48,33 @@ function CreateProgramKesehatan() {
     if (!programKesehatanState.create.form.deskripsiSingkat) {
       return toast.warn("Deskripsi singkat wajib diisi");
     }
-    if (!file) {
-      return toast.warn("Pilih file gambar terlebih dahulu");
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn("Pilih file gambar terlebih dahulu");
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error("Gagal upload gambar");
+      }
+
+      programKesehatanState.create.form.imageId = uploaded.id;
+      await programKesehatanState.create.create();
+
+      resetForm();
+      router.push("/admin/kesehatan/program-kesehatan");
+    } catch (error) {
+      console.error("Error creating program kesehatan:", error);
+      toast.error("Gagal menambahkan program kesehatan");
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error("Gagal upload gambar");
-    }
-
-    programKesehatanState.create.form.imageId = uploaded.id;
-    await programKesehatanState.create.create();
-
-    resetForm();
-    router.push("/admin/kesehatan/program-kesehatan");
   };
 
   return (
@@ -89,7 +100,7 @@ function CreateProgramKesehatan() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={programKesehatanState.create.form.name}
+            value={programKesehatanState.create.form.name}
             onChange={(val) => {
               programKesehatanState.create.form.name = val.target.value;
             }}
@@ -136,7 +147,7 @@ function CreateProgramKesehatan() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -161,7 +172,7 @@ function CreateProgramKesehatan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -174,11 +185,40 @@ function CreateProgramKesehatan() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -189,7 +229,7 @@ function CreateProgramKesehatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
index 61f43035..4b3a4350 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 
@@ -5,10 +6,12 @@ import puskesmasState from '@/app/admin/(dashboard)/_state/kesehatan/puskesmas/p
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -52,6 +55,7 @@ function EditPuskesmas() {
 
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState<PuskesmasFormData>({
     name: '',
     alamat: '',
@@ -59,6 +63,14 @@ function EditPuskesmas() {
     kontak: { kontakPuskesmas: '', email: '', facebook: '', kontakUGD: '' },
     imageId: '',
   });
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    alamat: '',
+    jam: { workDays: '', weekDays: '', holiday: '' },
+    kontak: { kontakPuskesmas: '', email: '', facebook: '', kontakUGD: '' },
+    imageId: '',
+    imageUrl: ''
+  });
 
   useEffect(() => {
     const loadPuskesmas = async () => {
@@ -85,6 +97,24 @@ function EditPuskesmas() {
             },
             imageId: form.imageId,
           });
+          setOriginalData({
+            name: form.name,
+            alamat: form.alamat,
+            jam: {
+              workDays: form.jam.workDays,
+              weekDays: form.jam.weekDays,
+              holiday: form.jam.holiday,
+            },
+            kontak: {
+              kontakPuskesmas: form.kontak.kontakPuskesmas,
+              email: form.kontak.email,
+              facebook: form.kontak.facebook,
+              kontakUGD: form.kontak.kontakUGD,
+            },
+            imageId: form.imageId,
+            imageUrl: (form as any).image?.link
+
+          });
 
           const formWithImage = form as PuskesmasFormData;
           if (formWithImage.image?.link) {
@@ -99,8 +129,31 @@ function EditPuskesmas() {
     loadPuskesmas();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      alamat: originalData.alamat,
+      jam: {
+        workDays: originalData.jam.workDays,
+        weekDays: originalData.jam.weekDays,
+        holiday: originalData.jam.holiday,
+      },
+      kontak: {
+        kontakPuskesmas: originalData.kontak.kontakPuskesmas,
+        email: originalData.kontak.email,
+        facebook: originalData.kontak.facebook,
+        kontakUGD: originalData.kontak.kontakUGD,
+      },
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       statePuskesmas.edit.form = {
         ...statePuskesmas.edit.form,
         name: formData.name,
@@ -130,6 +183,8 @@ function EditPuskesmas() {
     } catch (error) {
       console.error("Error updating puskesmas:", error);
       toast.error(error instanceof Error ? error.message : "Gagal memperbarui data puskesmas");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -252,7 +307,7 @@ function EditPuskesmas() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={200} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -276,7 +331,7 @@ function EditPuskesmas() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -289,11 +344,41 @@ function EditPuskesmas() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -303,9 +388,8 @@ function EditPuskesmas() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              loading={statePuskesmas.edit.loading}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
index 59787839..62cdc64a 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
@@ -2,10 +2,12 @@
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -25,6 +27,7 @@ function CreatePuskesmas() {
   const router = useRouter();
   const [file, setFile] = useState<File | null>(null);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     statePuskesmas.create.form = {
@@ -50,35 +53,43 @@ function CreatePuskesmas() {
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    if (!file) {
-      return toast.warn('Pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal upload gambar');
+      }
+
+      statePuskesmas.create.form.imageId = uploaded.id;
+      await statePuskesmas.create.submit();
+
+      toast.success('Data berhasil disimpan');
+      resetForm();
+      router.push('/admin/kesehatan/puskesmas');
+    } catch (error) {
+      console.error('Error creating posyandu:', error);
+      toast.error('Terjadi kesalahan saat membuat posyandu');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error('Gagal upload gambar');
-    }
-
-    statePuskesmas.create.form.imageId = uploaded.id;
-    await statePuskesmas.create.submit();
-
-    toast.success('Data berhasil disimpan');
-    resetForm();
-    router.push('/admin/kesehatan/puskesmas');
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Data Puskesmas
         </Title>
@@ -97,40 +108,40 @@ function CreatePuskesmas() {
           <TextInput
             label="Nama Puskesmas"
             placeholder="Masukkan nama puskesmas"
-            defaultValue={statePuskesmas.create.form.name}
+            value={statePuskesmas.create.form.name}
             onChange={(e) => (statePuskesmas.create.form.name = e.target.value)}
             required
           />
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat"
-            defaultValue={statePuskesmas.create.form.alamat}
+            value={statePuskesmas.create.form.alamat}
             onChange={(e) => (statePuskesmas.create.form.alamat = e.target.value)}
             required
           />
           <TextInput
             label="Jam Buka"
             placeholder="Masukkan jam buka"
-            defaultValue={statePuskesmas.create.form.jam.workDays}
+            value={statePuskesmas.create.form.jam.workDays}
             onChange={(e) => (statePuskesmas.create.form.jam.workDays = e.target.value)}
           />
           <TextInput
             label="Jam Tutup"
             placeholder="Masukkan jam tutup"
-            defaultValue={statePuskesmas.create.form.jam.weekDays}
+            value={statePuskesmas.create.form.jam.weekDays}
             onChange={(e) => (statePuskesmas.create.form.jam.weekDays = e.target.value)}
           />
           <TextInput
             label="Holiday"
             placeholder="Masukkan hari libur"
-            defaultValue={statePuskesmas.create.form.jam.holiday}
+            value={statePuskesmas.create.form.jam.holiday}
             onChange={(e) => (statePuskesmas.create.form.jam.holiday = e.target.value)}
           />
 
           <TextInput
             label="Kontak Puskesmas"
             placeholder="Masukkan kontak puskesmas"
-            defaultValue={statePuskesmas.create.form.kontak.kontakPuskesmas}
+            value={statePuskesmas.create.form.kontak.kontakPuskesmas}
             onChange={(e) =>
               (statePuskesmas.create.form.kontak.kontakPuskesmas = e.target.value)
             }
@@ -138,19 +149,19 @@ function CreatePuskesmas() {
           <TextInput
             label="Email"
             placeholder="Masukkan email"
-            defaultValue={statePuskesmas.create.form.kontak.email}
+            value={statePuskesmas.create.form.kontak.email}
             onChange={(e) => (statePuskesmas.create.form.kontak.email = e.target.value)}
           />
           <TextInput
             label="Facebook"
             placeholder="Masukkan facebook"
-            defaultValue={statePuskesmas.create.form.kontak.facebook}
+            value={statePuskesmas.create.form.kontak.facebook}
             onChange={(e) => (statePuskesmas.create.form.kontak.facebook = e.target.value)}
           />
           <TextInput
             label="Kontak UGD"
             placeholder="Masukkan kontak UGD"
-            defaultValue={statePuskesmas.create.form.kontak.kontakUGD}
+            value={statePuskesmas.create.form.kontak.kontakUGD}
             onChange={(e) => (statePuskesmas.create.form.kontak.kontakUGD = e.target.value)}
           />
 
@@ -168,7 +179,7 @@ function CreatePuskesmas() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
             >
               <Group justify="center" gap="xl" mih={200} style={{ pointerEvents: 'none' }}>
                 <Dropzone.Accept>
@@ -193,7 +204,7 @@ function CreatePuskesmas() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm">
+              <Box mt="sm" pos={"relative"}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -206,14 +217,44 @@ function CreatePuskesmas() {
                   }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Action Button */}
           <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              type="submit"
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
@@ -222,7 +263,7 @@ function CreatePuskesmas() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
similarity index 62%
rename from src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
index ca6d3b99..c1adc0ac 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import sdgsDesa from "@/app/admin/(dashboard)/_state/landing-page/sdgs-desa";
 import colors from "@/con/colors";
 import ApiFetch from "@/lib/api-fetch";
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -16,7 +18,7 @@ import {
   Title
 } from "@mantine/core";
 import { Dropzone } from "@mantine/dropzone";
-import { IconArrowBack, IconDeviceFloppy, IconPhoto, IconUpload, IconX } from "@tabler/icons-react";
+import { IconArrowBack, IconPhoto, IconUpload, IconX } from "@tabler/icons-react";
 import { useParams, useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import { toast } from "react-toastify";
@@ -32,6 +34,15 @@ export default function EditKolaborasiInovasi() {
     jumlah: "",
     imageId: "",
   });
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    jumlah: "",
+    imageId: "",
+    imageUrl: "",
+  });
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
@@ -44,14 +55,21 @@ export default function EditKolaborasiInovasi() {
       try {
         const data = await sdgsState.edit.load(id);
         if (data) {
-          setFormData({
+          // isi form awal
+          const newForm = {
             name: data.name || "",
             jumlah: data.jumlah || "",
             imageId: data.imageId || "",
+          };
+          setFormData(newForm);
+
+          // simpan juga versi original
+          setOriginalData({
+            ...newForm,
+            imageUrl: data.image?.link || "",
           });
-          if (data.image?.link) {
-            setPreviewImage(data.image.link);
-          }
+
+          setPreviewImage(data.image?.link || null);
         }
       } catch (error) {
         console.error("Error loading sdgs desa:", error);
@@ -62,12 +80,24 @@ export default function EditKolaborasiInovasi() {
     loadKolaborasi();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      jumlah: originalData.jumlah,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleInputChange = (field: keyof typeof formData, value: string) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let imageId = formData.imageId;
 
       // Upload file baru jika ada
@@ -83,19 +113,21 @@ export default function EditKolaborasiInovasi() {
       await sdgsState.edit.update();
 
       toast.success("sdgs desa berhasil diperbarui!");
-      router.push("/admin/landing-page/sdgs-desa");
+      router.push("/admin/landing-page/SDGs");
     } catch (error) {
       console.error("Error updating sdgs desa:", error);
       toast.error("Terjadi kesalahan saat memperbarui sdgs desa");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: "sm", md: "lg" }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors["blue-button"]} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Sdgs Desa
         </Title>
@@ -112,7 +144,7 @@ export default function EditKolaborasiInovasi() {
         <Stack gap="md">
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
-              Gambar Sdgs Desa
+              Gambar Program Inovasi
             </Text>
             <Dropzone
               onDrop={(files) => {
@@ -122,15 +154,15 @@ export default function EditKolaborasiInovasi() {
                   setPreviewImage(URL.createObjectURL(selectedFile));
                 }
               }}
-              onReject={() => toast.error("File tidak valid, gunakan format gambar")}
+              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ "image/*": [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
               <Group justify="center" gap="xl" mih={180}>
                 <Dropzone.Accept>
-                  <IconUpload size={48} color={colors["blue-button"]} stroke={1.5} />
+                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
                 </Dropzone.Accept>
                 <Dropzone.Reject>
                   <IconX size={48} color="red" stroke={1.5} />
@@ -143,25 +175,49 @@ export default function EditKolaborasiInovasi() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
+            {/* ✅ Preview gambar + tombol X */}
             {previewImage && (
-              <Box mt="sm" style={{ display: "flex", justifyContent: "center" }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 220, objectFit: "contain", border: `1px solid ${colors["blue-button"]}` }}
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
-
           <TextInput
             label="Nama Sdgs Desa"
             placeholder="Masukkan nama Sdgs Desa"
@@ -180,19 +236,29 @@ export default function EditKolaborasiInovasi() {
           />
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              leftSection={<IconDeviceFloppy size={20} />}
-              loading={sdgsState.edit.loading}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors["blue-button"]}, #4facfe)`,
-                color: "#fff",
-                boxShadow: "0 4px 15px rgba(79, 172, 254, 0.4)",
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/page.tsx
rename to src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
index 7cd5265d..3a754953 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
@@ -27,7 +27,7 @@ function DetailSDGSDesa() {
       sdgsState.delete.byId(selectedId)
       setModalHapus(false)
       setSelectedId(null)
-      router.push("/admin/landing-page/sdgs-desa")
+      router.push("/admin/landing-page/SDGs")
     }
   }
 
@@ -111,7 +111,7 @@ function DetailSDGSDesa() {
 
                   <Button
                     color="green"
-                    onClick={() => router.push(`/admin/landing-page/sdgs-desa/${data.id}/edit`)}
+                    onClick={() => router.push(`/admin/landing-page/SDGs/${data.id}/edit`)}
                     variant="light"
                     radius="md"
                     size="md"
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
new file mode 100644
index 00000000..3364be76
--- /dev/null
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
@@ -0,0 +1,221 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
+import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title, Loader, ActionIcon } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import sdgsDesa from '../../../_state/landing-page/sdgs-desa';
+
+
+function CreateSDGsDesa() {
+  const router = useRouter();
+  const stateSDGSDesa = useProxy(sdgsDesa)
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+
+  useEffect(() => {
+    stateSDGSDesa.findMany.load();
+  }, []);
+
+  const resetForm = () => {
+    stateSDGSDesa.create.form = {
+      name: "",
+      jumlah: "",
+      imageId: "",
+    };
+    setFile(null);
+    setPreviewImage(null);
+  };
+  const handleSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn("Pilih file image terlebih dahulu");
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      })
+
+      const uploaded = res.data?.data;
+
+      if (!uploaded?.id) {
+        return toast.error("Gagal mengupload file");
+      }
+
+      stateSDGSDesa.create.form.imageId = uploaded.id;
+
+      await stateSDGSDesa.create.create();
+
+      resetForm();
+      router.push("/admin/landing-page/SDGs")
+    } catch (error) {
+      console.error(error);
+      toast.error("Gagal menambahkan sdgs desa")
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      <Group mb="md">
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Sdgs Desa
+        </Title>
+      </Group>
+
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Gambar Program Inovasi
+            </Text>
+            <Dropzone
+              onDrop={(files) => {
+                const selectedFile = files[0];
+                if (selectedFile) {
+                  setFile(selectedFile);
+                  setPreviewImage(URL.createObjectURL(selectedFile));
+                }
+              }}
+              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
+              maxSize={5 * 1024 ** 2}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+              radius="md"
+              p="xl"
+            >
+              <Group justify="center" gap="xl" mih={180}>
+                <Dropzone.Accept>
+                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
+                </Dropzone.Accept>
+                <Dropzone.Reject>
+                  <IconX size={48} color="red" stroke={1.5} />
+                </Dropzone.Reject>
+                <Dropzone.Idle>
+                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
+                </Dropzone.Idle>
+                <Stack gap="xs" align="center">
+                  <Text size="md" fw={500}>
+                    Seret gambar atau klik untuk memilih file
+                  </Text>
+                  <Text size="sm" c="dimmed">
+                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
+                  </Text>
+                </Stack>
+              </Group>
+            </Dropzone>
+
+            {/* ✅ Preview gambar + tombol X */}
+            {previewImage && (
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                <Image
+                  src={previewImage}
+                  alt="Preview Gambar"
+                  radius="md"
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
+                  loading="lazy"
+                />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
+              </Box>
+            )}
+          </Box>
+          <TextInput
+            label="Nama Sdgs Desa"
+            placeholder="Masukkan nama Sdgs Desa"
+            value={stateSDGSDesa.create.form.name}
+            onChange={(e) => {
+              stateSDGSDesa.create.form.name = e.currentTarget.value;
+            }}
+            required
+          />
+
+          <TextInput
+            type="number"
+            label={
+              <Text fw="bold" fz="sm" mb={4}>
+                Jumlah
+              </Text>
+            }
+            placeholder="Masukkan jumlah"
+            value={stateSDGSDesa.create.form.jumlah}
+            onChange={(val) => {
+              stateSDGSDesa.create.form.jumlah = val.target.value;
+            }}
+            required
+            min={0}
+            radius="md"
+          />
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default CreateSDGsDesa;
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/landing-page/sdgs-desa/page.tsx
rename to src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
index 644ba1cd..5d4eb010 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
@@ -63,7 +63,7 @@ function ListSdgsDesa({ search }: { search: string }) {
                 leftSection={<IconPlus size={18} />} 
                 color={colors['blue-button']} 
                 variant="light"
-                onClick={() => router.push('/admin/landing-page/sdgs-desa/create')}
+                onClick={() => router.push('/admin/landing-page/SDGs/create')}
               >
                 Tambah Baru
               </Button>
@@ -97,7 +97,7 @@ function ListSdgsDesa({ search }: { search: string }) {
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Sdgs Desa</Title>
             <Button leftSection={<IconPlus size={18} />} color="blue" variant="light"
-              onClick={() => router.push('/admin/landing-page/sdgs-desa/create')}
+              onClick={() => router.push('/admin/landing-page/SDGs/create')}
             >
               Tambah Baru
             </Button>
@@ -131,7 +131,7 @@ function ListSdgsDesa({ search }: { search: string }) {
                         variant="light"
                         color="blue"
                         leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() => router.push(`/admin/landing-page/sdgs-desa/${item.id}`)}
+                        onClick={() => router.push(`/admin/landing-page/SDGs/${item.id}`)}
                       >
                         Detail
                       </Button>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index bdfc7be5..10a262ce 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -13,7 +13,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader,
+  ActionIcon
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconFile, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -34,6 +36,17 @@ function EditAPBDes() {
     fileId: ''
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    jumlah: "",
+    imageId: "",
+    fileId: "",
+    imageUrl: "",
+    docUrl: "",
+  });
+
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [previewDoc, setPreviewDoc] = useState<string | null>(null);
   const [imageFile, setImageFile] = useState<File | null>(null);
@@ -48,12 +61,21 @@ function EditAPBDes() {
       try {
         const data = await apbdesState.edit.load(id);
         if (data) {
-          setFormData({
-            name: data.name || '',
-            jumlah: data.jumlah || '',
-            imageId: data.imageId || '',
-            fileId: data.fileId || ''
+          const newForm = {
+            name: data.name || "",
+            jumlah: data.jumlah || "",
+            imageId: data.imageId || "",
+            fileId: data.fileId || "",
+          };
+          setFormData(newForm);
+
+          // simpan juga versi original
+          setOriginalData({
+            ...newForm,
+            imageUrl: data.image?.link || "",
+            docUrl: data.file?.link || "",
           });
+
           setPreviewImage(data.image?.link || null);
           setPreviewDoc(data.file?.link || null);
         }
@@ -82,6 +104,7 @@ function EditAPBDes() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state with local form data first
       apbdesState.edit.form = { ...apbdesState.edit.form, ...formData };
 
@@ -103,13 +126,29 @@ function EditAPBDes() {
 
       await apbdesState.edit.update();
       toast.success('APBDes berhasil diperbarui!');
-      router.push('/admin/landing-page/apbdes');
+      router.push('/admin/landing-page/APBDes');
     } catch (err) {
       console.error(err);
       toast.error('Terjadi kesalahan saat memperbarui APBDes');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      jumlah: originalData.jumlah,
+      imageId: originalData.imageId,
+      fileId: originalData.fileId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setImageFile(null);
+    setPreviewDoc(originalData.docUrl || null);
+    setDocFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
@@ -147,7 +186,7 @@ function EditAPBDes() {
               onDrop={handleDrop('image')}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -157,13 +196,43 @@ function EditAPBDes() {
                 <Dropzone.Idle><IconPhoto size={48} color="#868e96" stroke={1.5} /></Dropzone.Idle>
                 <Stack gap="xs" align="center">
                   <Text size="md" fw={500}>Seret gambar atau klik untuk memilih file</Text>
-                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar wajib</Text>
+                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp</Text>
                 </Stack>
               </Group>
             </Dropzone>
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
-                <Image src={previewImage} alt="Preview Gambar" radius="md" style={{ maxHeight: 300, objectFit: 'contain', border: `1px solid ${colors['blue-button']}` }} loading="lazy" />
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                <Image
+                  src={previewImage}
+                  alt="Preview Gambar"
+                  radius="md"
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
+                  loading="lazy"
+                />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setImageFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -196,16 +265,47 @@ function EditAPBDes() {
               </Group>
             </Dropzone>
             {previewDoc && (
-              <Box mt="sm">
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Text size="sm" c="dimmed" mb="xs">Dokumen terpilih: {docFile?.name || 'Dokumen'}</Text>
                 <Button component="a" href={previewDoc} target="_blank" rel="noopener noreferrer" variant="light" leftSection={<IconFile size={16} />} size="sm">
                   Lihat Dokumen
                 </Button>
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewDoc(null);
+                    setDocFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -216,7 +316,7 @@ function EditAPBDes() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
index 4cd49a60..3b27da39 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
@@ -28,7 +28,7 @@ function DetailAPBDes() {
       apbdesState.delete.byId(selectedId)
       setModalHapus(false)
       setSelectedId(null)
-      router.push("/admin/landing-page/apbdes")
+      router.push("/admin/landing-page/APBDes")
     }
   }
 
@@ -133,7 +133,7 @@ function DetailAPBDes() {
 
                   <Button
                     color="green"
-                    onClick={() => router.push(`/admin/landing-page/apbdes/${data.id}/edit`)}
+                    onClick={() => router.push(`/admin/landing-page/APBDes/${data.id}/edit`)}
                     variant="light"
                     radius="md"
                     size="md"
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index 581ffa9c..cd9b21bc 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -11,7 +11,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader,
+  ActionIcon
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconFile, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -29,7 +31,7 @@ function CreateAPBDes() {
   const [previewDoc, setPreviewDoc] = useState<string | null>(null);
   const [imageFile, setImageFile] = useState<File | null>(null);
   const [docFile, setDocFile] = useState<File | null>(null);
-  
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
 
   useEffect(() => {
@@ -51,40 +53,43 @@ function CreateAPBDes() {
     if (!imageFile || !docFile) {
       return toast.warn("Pilih gambar dan dokumen terlebih dahulu");
     }
-  
+
     try {
+      setIsSubmitting(true);
       const [uploadImageRes, uploadDocRes] = await Promise.all([
         ApiFetch.api.fileStorage.create.post({ file: imageFile, name: imageFile.name }),
         ApiFetch.api.fileStorage.create.post({ file: docFile, name: docFile.name }),
       ]);
-  
+
       const imageId = uploadImageRes?.data?.data?.id;
       const fileId = uploadDocRes?.data?.data?.id;
-  
+
       if (!imageId || !fileId) {
         return toast.error("Gagal mengupload file");
       }
-  
+
       stateAPBDes.create.form.imageId = imageId;
       stateAPBDes.create.form.fileId = fileId;
-  
+
       await stateAPBDes.create.create();
-  
+
       toast.success("Berhasil menambahkan APBDes");
       resetForm();
-      router.push("/admin/landing-page/apbdes");
+      router.push("/admin/landing-page/APBDes");
     } catch (error) {
       console.error("Gagal submit:", error);
       toast.error("Gagal menyimpan data");
+    } finally {
+      setIsSubmitting(false);
     }
   };
-  
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah APBDes
         </Title>
@@ -102,7 +107,7 @@ function CreateAPBDes() {
           {/* Gambar APBDes */}
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
-              Gambar APBDes
+              Gambar Program Inovasi
             </Text>
             <Dropzone
               onDrop={(files) => {
@@ -114,40 +119,65 @@ function CreateAPBDes() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
               <Group justify="center" gap="xl" mih={180}>
                 <Dropzone.Accept>
-                  <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
                 </Dropzone.Accept>
                 <Dropzone.Reject>
-                  <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
+                  <IconX size={48} color="red" stroke={1.5} />
                 </Dropzone.Reject>
                 <Dropzone.Idle>
-                  <IconPhoto size={48} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
                 </Dropzone.Idle>
-                <Box>
-                  <Text size="xl" inline>
+                <Stack gap="xs" align="center">
+                  <Text size="md" fw={500}>
                     Seret gambar atau klik untuk memilih file
                   </Text>
-                  <Text size="sm" c="dimmed" inline display="block" mt={7}>
-                    Maksimal 5MB (format: JPEG, JPG, PNG, GIF, WEBP, SVG)
+                  <Text size="sm" c="dimmed">
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
-                </Box>
+                </Stack>
               </Group>
             </Dropzone>
 
+            {/* ✅ Preview gambar + tombol X */}
             {previewImage && (
-              <Box mt="md" style={{ textAlign: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setImageFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -197,7 +227,7 @@ function CreateAPBDes() {
             </Dropzone>
 
             {previewDoc && (
-              <Box mt="md">
+              <Box mt="md" pos="relative" style={{ textAlign: 'center' }}>
                 <Text fw="bold" fz="sm" mb={6}>
                   Pratinjau Dokumen
                 </Text>
@@ -207,6 +237,25 @@ function CreateAPBDes() {
                   height="500px"
                   style={{ border: '1px solid #ddd', borderRadius: '8px' }}
                 />
+
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewDoc(null);
+                    setDocFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -215,19 +264,31 @@ function CreateAPBDes() {
           <TextInput
             label="Nama APBDes"
             placeholder="Masukkan nama APBDes"
-            defaultValue={stateAPBDes.create.form.name || ''}
+            value={stateAPBDes.create.form.name || ''}
             onChange={(e) => (stateAPBDes.create.form.name = e.target.value)}
             required
           />
           <TextInput
             label="Jumlah Anggaran"
             placeholder="14 M / 1 T / 200 JT / 900 RB"
-            defaultValue={stateAPBDes.create.form.jumlah || ''}
+            value={stateAPBDes.create.form.jumlah || ''}
             onChange={(e) => (stateAPBDes.create.form.jumlah = e.target.value)}
             required
           />
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -237,9 +298,8 @@ function CreateAPBDes() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              disabled={!imageFile || !docFile || !stateAPBDes.create.form.name || !stateAPBDes.create.form.jumlah}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index 6c72569e..a8d35fc4 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -61,7 +61,7 @@ function ListAPBDes({ search }: { search: string }) {
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/landing-page/apbdes/create')}
+            onClick={() => router.push('/admin/landing-page/APBDes/create')}
           >
             Tambah Baru
           </Button>
@@ -116,7 +116,7 @@ function ListAPBDes({ search }: { search: string }) {
                         variant="light"
                         color="blue"
                         leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() => router.push(`/admin/landing-page/apbdes/${item.id}`)}
+                        onClick={() => router.push(`/admin/landing-page/APBDes/${item.id}`)}
                         fullWidth
                       >
                         Detail
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
index b73a741d..1361aecf 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
@@ -1,9 +1,10 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 
 import korupsiState from '@/app/admin/(dashboard)/_state/landing-page/desa-anti-korupsi';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title, Loader } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
@@ -14,71 +15,78 @@ export default function EditKategoriDesaAntiKorupsi() {
   const router = useRouter();
   const params = useParams();
   const id = params?.id as string;
-  const stateKategori = useProxy(korupsiState.kategoriDesaAntiKorupsi);
 
-  // state lokal untuk form
+  // 🧠 Ambil proxy asli (bisa ditulis) & snapshot (buat render)
+  const stateKategori = korupsiState.kategoriDesaAntiKorupsi;
+  const snapshotKategori = useProxy(stateKategori);
+
+  // 🧾 state lokal form
   const [formData, setFormData] = useState({ name: '' });
-  const [isLoading, setIsLoading] = useState(false);
+  const [originalData, setOriginalData] = useState({ name: '' });
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
-  // load data kategori saat mount atau id berubah
+  // 📥 load data saat pertama kali dibuka
   useEffect(() => {
     if (!id) return;
 
     const loadKategori = async () => {
-      setIsLoading(true);
       try {
         const data = await stateKategori.edit.load(id);
         if (data) {
           stateKategori.edit.id = id;
-          setFormData({ name: data.name || '' });
+          const newForm = { name: data.name || '' };
+          setFormData(newForm);
+          setOriginalData(newForm);
         }
       } catch (err) {
         console.error(err);
         toast.error('Gagal memuat data kategori desa anti korupsi');
-      } finally {
-        setIsLoading(false);
       }
     };
 
     loadKategori();
   }, [id]);
 
-  // handler controlled input
-  const handleChange = useCallback(
-    (field: keyof typeof formData, value: string) => {
-      setFormData(prev => ({ ...prev, [field]: value }));
-    },
-    []
-  );
+  // ✍️ ubah value input form
+  const handleChange = (field: keyof typeof formData, value: string) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
 
-  // submit form
+  // 🔁 reset ke data awal
+  const handleResetForm = () => {
+    setFormData({ ...originalData });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  // 💾 submit update
   const handleSubmit = useCallback(async () => {
     if (!formData.name.trim()) return toast.error('Nama kategori tidak boleh kosong');
 
+    setIsSubmitting(true);
     try {
-      setIsLoading(true);
-
-      // update global state hanya saat submit
+      // isi form global dari local state
       stateKategori.edit.form = { name: formData.name.trim() };
-      if (!stateKategori.edit.id) stateKategori.edit.id = id;
+      stateKategori.edit.id = id;
 
       await stateKategori.edit.update();
+
       toast.success('Kategori berhasil diperbarui');
       router.push('/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi');
     } catch (err) {
       console.error(err);
       toast.error(err instanceof Error ? err.message : 'Gagal memperbarui kategori');
     } finally {
-      setIsLoading(false);
+      setIsSubmitting(false);
     }
-  }, [formData.name, id, router, stateKategori.edit]);
+  }, [formData.name, id, router]);
 
+  // 🧩 UI
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Kategori Desa Anti Korupsi
         </Title>
@@ -96,25 +104,36 @@ export default function EditKategoriDesaAntiKorupsi() {
           <TextInput
             label="Nama Kategori"
             placeholder="Masukkan nama kategori"
-            value={formData.name} // controlled
+            value={formData.name}
             onChange={(e) => handleChange('name', e.currentTarget.value)}
             required
-            disabled={isLoading}
           />
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
-              loading={isLoading}
+              disabled={isSubmitting}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
index bb816f12..117f5f19 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
@@ -1,16 +1,18 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title, Loader } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import korupsiState from '../../../../_state/landing-page/desa-anti-korupsi';
+import { toast } from 'react-toastify';
 
 export default function CreateKategoriDesaAntiKorupsi() {
   const router = useRouter();
   const stateKategori = useProxy(korupsiState.kategoriDesaAntiKorupsi);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateKategori.findMany.load();
@@ -23,21 +25,29 @@ export default function CreateKategoriDesaAntiKorupsi() {
   };
 
   const handleSubmit = async () => {
-    if (!stateKategori.create.form.name) {
-      return alert('Nama kategori harus diisi');
+    setIsSubmitting(true);
+    try {
+      if (!stateKategori.create.form.name) {
+        return alert('Nama kategori harus diisi');
+      }
+
+      await stateKategori.create.create();
+      resetForm();
+      router.push("/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi");
+    } catch (error) {
+      console.error("Error creating kategori desa anti korupsi:", error);
+      toast.error("Gagal menambahkan kategori desa anti korupsi");
+    } finally {
+      setIsSubmitting(false);
     }
-    
-    await stateKategori.create.create();
-    resetForm();
-    router.push("/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi");
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Kategori Desa Anti Korupsi
         </Title>
@@ -55,12 +65,24 @@ export default function CreateKategoriDesaAntiKorupsi() {
           <TextInput
             label="Nama Kategori"
             placeholder="Masukkan nama kategori"
-            defaultValue={stateKategori.create.form.name || ''}
+            value={stateKategori.create.form.name || ''}
             onChange={(e) => (stateKategori.create.form.name = e.target.value)}
             required
           />
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -71,7 +93,7 @@ export default function CreateKategoriDesaAntiKorupsi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
index dfb4b0e6..eaf0c853 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 
-import { Box, Button, Group, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Loader, ActionIcon, Box, Button, Group, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconFile, IconUpload, IconX } from '@tabler/icons-react';
@@ -34,9 +34,18 @@ export default function EditDesaAntiKorupsi() {
     fileId: '',
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    deskripsi: "",
+    kategoriId: "",
+    fileId: "",
+    fileUrl: ""
+  });
+
   const [previewFile, setPreviewFile] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
-  const [isLoading, setIsLoading] = useState(false);
 
   // Load kategori
   useShallowEffect(() => {
@@ -63,6 +72,14 @@ export default function EditDesaAntiKorupsi() {
           fileId: data.fileId,
         });
 
+        setOriginalData({
+          name: data.name,
+          deskripsi: data.deskripsi,
+          kategoriId: data.kategoriId,
+          fileId: data.fileId,
+          fileUrl: data.file?.link || "",
+        });
+
         if (data.file?.link) setPreviewFile(data.file.link);
       } catch (err) {
         console.error(err);
@@ -91,12 +108,24 @@ export default function EditDesaAntiKorupsi() {
     setPreviewFile(URL.createObjectURL(selectedFile));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      kategoriId: originalData.kategoriId,
+      fileId: originalData.fileId,
+    });
+    setPreviewFile(originalData.fileUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.name) return toast.warn('Masukkan judul dokumen');
     if (!formData.kategoriId) return toast.warn('Pilih kategori dokumen');
 
-    setIsLoading(true);
     try {
+      setIsSubmitting(true);
       // Update global state
       desaAntiKorupsiState.edit.form = { ...desaAntiKorupsiState.edit.form, ...formData };
 
@@ -116,16 +145,16 @@ export default function EditDesaAntiKorupsi() {
       console.error(err);
       toast.error('Terjadi kesalahan saat memperbarui data');
     } finally {
-      setIsLoading(false);
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Desa Anti Korupsi
         </Title>
@@ -204,7 +233,7 @@ export default function EditDesaAntiKorupsi() {
             </Dropzone>
 
             {previewFile && (
-              <Box mt="md">
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Text fw="bold" fz="sm" mb={6}>
                   Pratinjau Dokumen
                 </Text>
@@ -219,23 +248,52 @@ export default function EditDesaAntiKorupsi() {
                 >
                   <iframe src={previewFile} width="100%" height="100%" style={{ border: 'none' }} />
                 </Box>
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewFile(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
-          <Group justify="right" mt="xl">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
-              loading={isLoading}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
index dc6e1210..63a495b3 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
@@ -13,7 +13,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader,
+  ActionIcon,
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconFile, IconUpload, IconX } from '@tabler/icons-react';
@@ -27,7 +29,7 @@ export default function CreateDesaAntiKorupsi() {
   const stateKorupsi = useProxy(korupsiState.desaAntikorupsi);
   const [previewFile, setPreviewFile] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
-  const [isLoading, setIsLoading] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateKorupsi.findMany.load();
@@ -56,7 +58,7 @@ export default function CreateDesaAntiKorupsi() {
       return toast.warn('Pilih kategori dokumen');
     }
 
-    setIsLoading(true);
+    setIsSubmitting(true);
     try {
       const res = await ApiFetch.api.fileStorage.create.post({
         file,
@@ -71,7 +73,7 @@ export default function CreateDesaAntiKorupsi() {
 
       stateKorupsi.create.form.fileId = uploaded.id;
       await stateKorupsi.create.create();
-      
+
       toast.success('Data berhasil disimpan');
       resetForm();
       router.push('/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi');
@@ -79,15 +81,15 @@ export default function CreateDesaAntiKorupsi() {
       console.error('Error:', error);
       toast.error('Terjadi kesalahan saat menyimpan data');
     } finally {
-      setIsLoading(false);
+      setIsSubmitting(false);
     }
   };
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Dokumen Desa Anti Korupsi
         </Title>
@@ -143,7 +145,7 @@ export default function CreateDesaAntiKorupsi() {
             </Dropzone>
 
             {previewFile && (
-              <Box mt="md" style={{ textAlign: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <iframe
                   src={previewFile}
                   width="100%"
@@ -154,6 +156,24 @@ export default function CreateDesaAntiKorupsi() {
                     maxWidth: '100%',
                   }}
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewFile(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -161,7 +181,7 @@ export default function CreateDesaAntiKorupsi() {
           <TextInput
             label="Judul Dokumen"
             placeholder="Masukkan judul dokumen"
-            defaultValue={stateKorupsi.create.form.name || ''}
+            value={stateKorupsi.create.form.name || ''}
             onChange={(e) => (stateKorupsi.create.form.name = e.target.value)}
             required
           />
@@ -179,32 +199,52 @@ export default function CreateDesaAntiKorupsi() {
           <Select
             label="Kategori"
             placeholder="Pilih kategori"
-            value={stateKorupsi.create.form.kategoriId || ''}
-            onChange={(val) => (stateKorupsi.create.form.kategoriId = val || '')}
-            data={
-              korupsiState.kategoriDesaAntiKorupsi.findMany.data?.map((v) => ({
-                value: v.id,
-                label: v.name,
-              })) || []
-            }
-            required
+            data={korupsiState.kategoriDesaAntiKorupsi.findMany.data?.map((item) => ({
+              label: item.name,
+              value: item.id,
+            })) || []}
+            value={stateKorupsi.create.form.kategoriId || null}
+            onChange={(val: string | null) => {
+              if (val) {
+                const selected = korupsiState.kategoriDesaAntiKorupsi.findMany.data?.find(
+                  (item) => item.id === val
+                );
+                if (selected) {
+                  stateKorupsi.create.form.kategoriId = selected.id;
+                }
+              } else {
+                stateKorupsi.create.form.kategoriId = '';
+              }
+            }}
             searchable
             clearable
+            nothingFoundMessage="Tidak ditemukan"
+            required
           />
 
-          <Group justify="right" mt="xl">
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
-              loading={isLoading}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
index f203df16..6e123982 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
@@ -1,19 +1,21 @@
-'use client'
 /* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+'use client';
 import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
 import colors from '@/con/colors';
 import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
 } from '@mantine/core';
-import { IconArrowBack, IconDeviceFloppy } from '@tabler/icons-react';
+import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -30,9 +32,13 @@ interface FormResponden {
 function EditResponden() {
   const router = useRouter();
   const params = useParams() as { id: string };
-  const state = useProxy(indeksKepuasanState.responden);
   const id = params.id;
 
+  // ✅ proxy asli untuk mutasi
+  const state = indeksKepuasanState.responden;
+  // ✅ snapshot untuk re-render (read-only)
+  const snapshot = useProxy(indeksKepuasanState.responden);
+
   const [formData, setFormData] = useState<FormResponden>({
     name: '',
     tanggal: '',
@@ -41,31 +47,43 @@ function EditResponden() {
     kelompokUmurId: '',
   });
 
-  // Helper untuk load pilihan select
+  const [originalData, setOriginalData] = useState<FormResponden>({
+    name: '',
+    tanggal: '',
+    jenisKelaminId: '',
+    ratingId: '',
+    kelompokUmurId: '',
+  });
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // 🔹 Load data pilihan select
   const loadSelectOptions = useCallback(() => {
     indeksKepuasanState.jenisKelaminResponden.findMany.load();
     indeksKepuasanState.pilihanRatingResponden.findMany.load();
     indeksKepuasanState.kelompokUmurResponden.findMany.load();
   }, []);
 
-  // Load data responden
+  // 🔹 Load data responden by ID
   const loadResponden = useCallback(async () => {
     if (!id) return;
-
     try {
       const data = await state.update.load(id);
       if (!data) return;
 
-      setFormData({
-        name: data.name,
-        tanggal: data.tanggal,
-        jenisKelaminId: data.jenisKelaminId,
-        ratingId: data.ratingId,
-        kelompokUmurId: data.kelompokUmurId,
-      });
+      const newForm = {
+        name: data.name || '',
+        tanggal: data.tanggal || '',
+        jenisKelaminId: data.jenisKelaminId || '',
+        ratingId: data.ratingId || '',
+        kelompokUmurId: data.kelompokUmurId || '',
+      };
+
+      setFormData(newForm);
+      setOriginalData(newForm);
     } catch (error) {
-      console.error("Error loading responden:", error);
-      toast.error("Gagal memuat data responden");
+      console.error('Error loading responden:', error);
+      toast.error('Gagal memuat data responden');
     }
   }, [id]);
 
@@ -74,14 +92,30 @@ function EditResponden() {
     loadResponden();
   }, [loadSelectOptions, loadResponden]);
 
+  // 🔹 Submit data
   const handleSubmit = async () => {
-    state.update.id = id;
-    state.update.form = { ...formData }; // sinkronisasi manual
-    await state.update.submit();
-    router.push('/admin/landing-page/indeks-kepuasan-masyarakat/responden');
+    try {
+      setIsSubmitting(true);
+      state.update.id = id;
+      state.update.form = { ...formData }; // mutasi proxy asli ✅
+      await state.update.submit();
+      toast.success('Responden berhasil diperbarui!');
+      router.push('/admin/landing-page/indeks-kepuasan-masyarakat/responden');
+    } catch (error) {
+      console.error('Error updating responden:', error);
+      toast.error('Gagal memperbarui responden');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
-  // Reusable Select component
+  // 🔹 Reset form ke data awal
+  const handleResetForm = () => {
+    setFormData({ ...originalData });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  // 🔹 Reusable Select component
   const ControlledSelect = ({
     label,
     value,
@@ -98,30 +132,28 @@ function EditResponden() {
     error?: string;
     placeholder?: string;
     loading?: boolean;
-  }) => {
-    return (
-      <Select
-        label={<Text fw="bold" fz="sm" mb={4}>{label}</Text>}
-        value={value}
-        onChange={(val) => onChange(val || '')}
-        data={options}
-        placeholder={placeholder}
-        disabled={loading}
-        clearable
-        searchable
-        required
-        radius="md"
-        error={error}
-      />
-    );
-  };
+  }) => (
+    <Select
+      label={<Text fw="bold" fz="sm" mb={4}>{label}</Text>}
+      value={value}
+      onChange={(val) => onChange(val || '')}
+      data={options}
+      placeholder={placeholder}
+      disabled={loading}
+      clearable
+      searchable
+      required
+      radius="md"
+      error={error}
+    />
+  );
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Responden
         </Title>
@@ -144,6 +176,7 @@ function EditResponden() {
             radius="md"
             required
           />
+
           <TextInput
             label="Tanggal"
             type="date"
@@ -158,7 +191,6 @@ function EditResponden() {
             value={formData.jenisKelaminId}
             onChange={(val) => setFormData({ ...formData, jenisKelaminId: val })}
             options={(indeksKepuasanState.jenisKelaminResponden.findMany.data || [])
-              .filter(Boolean)
               .map((v) => ({ value: v.id || '', label: v.name || 'Tanpa Nama' }))}
             loading={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
             error={!formData.jenisKelaminId ? 'Pilih jenis kelamin' : undefined}
@@ -169,7 +201,6 @@ function EditResponden() {
             value={formData.ratingId}
             onChange={(val) => setFormData({ ...formData, ratingId: val })}
             options={(indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
-              .filter(Boolean)
               .map((v) => ({ value: v.id || '', label: v.name || 'Tanpa Nama' }))}
             loading={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
             error={!formData.ratingId ? 'Pilih rating' : undefined}
@@ -180,23 +211,33 @@ function EditResponden() {
             value={formData.kelompokUmurId}
             onChange={(val) => setFormData({ ...formData, kelompokUmurId: val })}
             options={(indeksKepuasanState.kelompokUmurResponden.findMany.data || [])
-              .filter(Boolean)
               .map((v) => ({ value: v.id || '', label: v.name || 'Tanpa Nama' }))}
             loading={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
             error={!formData.kelompokUmurId ? 'Pilih kelompok umur' : undefined}
           />
 
-          <Group justify="flex-end" mt="md">
-            <Button variant="light" color="red" onClick={() => router.back()}>
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
               Batal
             </Button>
+
             <Button
-              leftSection={<IconDeviceFloppy size={20} />}
               onClick={handleSubmit}
-              loading={state.update.loading}
-              color={colors['blue-button']}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx
index 7056c869..6c8c149e 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx
@@ -1,21 +1,20 @@
 'use client'
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { useRouter } from 'next/navigation';
-import grafikBerdasarkanJenisKelamin from '@/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanJenisKelamin';
-import { useProxy } from 'valtio/utils';
-import { useState } from 'react';
-import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Title, TextInput, Select, Text } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
 import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
+import colors from '@/con/colors';
+import { Box, Button, Group, Loader, Paper, Select, Stack, TextInput, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 function RespondenCreate() {
   const router = useRouter();
   const stategrafikBerdasarkanResponden = useProxy(indeksKepuasanState.responden)
   const [donutData, setDonutData] = useState<any[]>([]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stategrafikBerdasarkanResponden.create.form = {
@@ -35,6 +34,7 @@ function RespondenCreate() {
   })
 
   const handleSubmit = async () => {
+    setIsSubmitting(true);
     try {
       const id = await stategrafikBerdasarkanResponden.create.create();
       if (typeof id !== 'undefined') {
@@ -45,9 +45,11 @@ function RespondenCreate() {
         }
       }
       resetForm();
-      router.push("/admin/ppid/ikm-desa-darmasaba/responden");
+      router.push("/admin/landing-page/indeks-kepuasan-masyarakat/responden");
     } catch (error) {
       console.error('Error submitting form:', error);
+    } finally {
+      setIsSubmitting(false);
     }
   }
   return (
@@ -64,7 +66,7 @@ function RespondenCreate() {
             label="Nama"
             type='text'
             placeholder="masukkan nama"
-            defaultValue={stategrafikBerdasarkanResponden.create.form.name}
+            value={stategrafikBerdasarkanResponden.create.form.name}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.name = val.currentTarget.value;
             }}
@@ -73,7 +75,7 @@ function RespondenCreate() {
             label="Tanggal"
             type="date"
             placeholder="masukkan tanggal"
-            defaultValue={stategrafikBerdasarkanResponden.create.form.tanggal}
+            value={stategrafikBerdasarkanResponden.create.form.tanggal}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.tanggal = val.currentTarget.value;
             }}
@@ -96,24 +98,24 @@ function RespondenCreate() {
             }
             disabled={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
           />
-            <Select
+          <Select
             key={"rating_responden"}
-              label={"Rating"}
-              placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-              value={stategrafikBerdasarkanResponden.create.form.ratingId || ""}
-              onChange={(val) => {
-                stategrafikBerdasarkanResponden.create.form.ratingId = val ?? "";
-              }}
-              data={
-                (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
-                  .filter(Boolean) // Hapus null, undefined, dll
-                  .map((item) => ({
-                    value: item.id,
-                    label: item.name || 'Tanpa Nama',
-                  }))
-              }
-              disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
-            />
+            label={"Rating"}
+            placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
+            value={stategrafikBerdasarkanResponden.create.form.ratingId || ""}
+            onChange={(val) => {
+              stategrafikBerdasarkanResponden.create.form.ratingId = val ?? "";
+            }}
+            data={
+              (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
+                .filter(Boolean) // Hapus null, undefined, dll
+                .map((item) => ({
+                  value: item.id,
+                  label: item.name || 'Tanpa Nama',
+                }))
+            }
+            disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
+          />
           <Select
             key={"kelompokUmur"}
             label={"Kelompok Umur"}
@@ -132,13 +134,32 @@ function RespondenCreate() {
             }
             disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
           />
-          <Button
-            mt={10}
-            bg={colors['blue-button']}
-            onClick={handleSubmit}
-          >
-            Submit
-          </Button>
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
         </Stack>
       </Paper>
     </Box>
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
index eadaee3d..ea36e1d3 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -97,11 +97,11 @@ function ListResponden({ search }: ListRespondenProps) {
             >
               <TableThead>
                 <TableTr>
-                  <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
-                  <TableTh style={{ width: '25%', textAlign: 'center' }}>Nama</TableTh>
-                  <TableTh style={{ width: '20%', textAlign: 'center' }}>Tanggal</TableTh>
-                  <TableTh style={{ width: '20%', textAlign: 'center' }}>Jenis Kelamin</TableTh>
-                  <TableTh style={{ width: '15%', textAlign: 'center' }}>Aksi</TableTh>
+                  <TableTh style={{ width: '5%' }}>No</TableTh>
+                  <TableTh style={{ width: '25%' }}>Nama</TableTh>
+                  <TableTh style={{ width: '20%' }}>Tanggal</TableTh>
+                  <TableTh style={{ width: '20%' }}>Jenis Kelamin</TableTh>
+                  <TableTh style={{ width: '15%' }}>Aksi</TableTh>
                 </TableTr>
               </TableThead>
               <TableTbody>
@@ -116,9 +116,9 @@ function ListResponden({ search }: ListRespondenProps) {
                 ) : (
                   filteredData.map((item, index) => (
                     <TableTr key={item.id}>
-                      <TableTd ta="center">{index + 1}</TableTd>
-                      <TableTd ta="center">{item.name}</TableTd>
-                      <TableTd ta="center">
+                      <TableTd>{index + 1}</TableTd>
+                      <TableTd>{item.name}</TableTd>
+                      <TableTd>
                         <Box w={150}>
                         {item.tanggal
                           ? new Date(item.tanggal).toLocaleDateString('id-ID', {
@@ -129,12 +129,12 @@ function ListResponden({ search }: ListRespondenProps) {
                           : '-'}
                         </Box>
                       </TableTd>
-                      <TableTd ta="center">
+                      <TableTd>
                         <Box w={100}>
                         {item.jenisKelamin.name}
                         </Box>
                       </TableTd>
-                      <TableTd ta="center">
+                      <TableTd>
                         <Button
                           size="xs"
                           radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
index 6614f2eb..0cb9cbbe 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
@@ -3,7 +3,7 @@
 
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title, Loader } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -17,6 +17,8 @@ function EditKategoriPrestasi() {
   const stateKategori = useProxy(prestasiState.kategoriPrestasi);
 
   const [formData, setFormData] = useState({ name: '' });
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [resetData, setResetData] = useState({ name: '' });
   const [loading, setLoading] = useState(false);
 
   // Load data kategori prestasi saat component mount
@@ -30,6 +32,7 @@ function EditKategoriPrestasi() {
         if (data) {
           stateKategori.edit.id = id;
           setFormData({ name: data.name || '' });
+          setResetData({ name: data.name || '' });
         }
       } catch (err) {
         console.error(err);
@@ -42,6 +45,13 @@ function EditKategoriPrestasi() {
     loadKategori();
   }, [id]);
 
+  const resetForm = () => {
+    setFormData({
+      name: resetData.name,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   // Submit: update global state hanya saat submit
   const handleSubmit = async () => {
     if (!formData.name.trim()) {
@@ -50,6 +60,7 @@ function EditKategoriPrestasi() {
     }
 
     try {
+      setIsSubmitting(true);
       stateKategori.edit.form = { name: formData.name.trim() };
       stateKategori.edit.id ||= id; // fallback jika id belum ada
 
@@ -61,6 +72,8 @@ function EditKategoriPrestasi() {
     } catch (err) {
       console.error(err);
       toast.error('Gagal memperbarui kategori prestasi desa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -94,18 +107,29 @@ function EditKategoriPrestasi() {
           />
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
               size="md"
-              loading={loading}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
index 3d3a09d3..ebfd82cc 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
@@ -2,16 +2,18 @@
 'use client'
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title, Loader } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 
 function CreateKategoriPrestasi() {
   const router = useRouter();
   const stateKategori = useProxy(prestasiState.kategoriPrestasi)
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateKategori.findMany.load();
@@ -24,9 +26,17 @@ function CreateKategoriPrestasi() {
   }
 
   const handleSubmit = async () => {
-    await stateKategori.create.create();
-    resetForm();
-    router.push("/admin/landing-page/prestasi-desa/kategori-prestasi-desa")
+    try {
+      setIsSubmitting(true);
+      await stateKategori.create.create();
+      resetForm();
+      router.push("/admin/landing-page/prestasi-desa/kategori-prestasi-desa")
+    } catch (error) {
+      console.error("Error creating kategori prestasi:", error);
+      toast.error("Terjadi kesalahan saat menambahkan kategori prestasi");
+    } finally {
+      setIsSubmitting(false);
+    }
   }
 
   return (
@@ -52,12 +62,24 @@ function CreateKategoriPrestasi() {
           <TextInput
             label="Nama Kategori Prestasi"
             placeholder="Masukkan nama kategori prestasi"
-            defaultValue={stateKategori.create.form.name || ''}
+            value={stateKategori.create.form.name || ''}
             onChange={(val) => (stateKategori.create.form.name = val.target.value)}
             required
           />
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -68,7 +90,7 @@ function CreateKategoriPrestasi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
index b10fea7a..085d347a 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
+import { ActionIcon, Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Loader } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -28,6 +28,17 @@ export default function EditPrestasiDesa() {
     kategoriId: '',
     imageId: '',
   });
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    deskripsi: "",
+    kategoriId: "",
+    imageId: "",
+    imageUrl: "",
+  });
+
   const [previewFile, setPreviewFile] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const params = useParams();
@@ -59,6 +70,14 @@ export default function EditPrestasiDesa() {
             imageId: data.imageId,
           });
 
+          setOriginalData({
+            name: data.name,
+            deskripsi: data.deskripsi,
+            kategoriId: data.kategoriId,
+            imageId: data.imageId,
+            imageUrl: data.image?.link || "",
+          });
+
           if (data.image?.link) setPreviewFile(data.image.link);
         }
       } catch (error) {
@@ -70,9 +89,22 @@ export default function EditPrestasiDesa() {
     loadPrestasi();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      kategoriId: originalData.kategoriId,
+      imageId: originalData.imageId,
+    });
+    setPreviewFile(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+
   const handleSubmit = async () => {
     try {
-      // Jika ada file baru, upload dulu
+      setIsSubmitting(true);
       let imageId = formData.imageId;
       if (file) {
         const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
@@ -90,15 +122,17 @@ export default function EditPrestasiDesa() {
     } catch (error) {
       console.error('Error updating prestasi desa:', error);
       toast.error('Terjadi kesalahan saat memperbarui prestasi desa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">Edit Prestasi Desa</Title>
       </Group>
 
@@ -118,12 +152,29 @@ export default function EditPrestasiDesa() {
           </Box>
 
           <Select
-            label="Kategori"
-            placeholder="Pilih kategori"
-            value={formData.kategoriId}
-            onChange={(val) => setFormData({ ...formData, kategoriId: val ?? '' })}
-            data={prestasiState.kategoriPrestasi.findMany.data?.map((v) => ({ value: v.id, label: v.name })) || []}
-            required
+           label="Kategori"
+           placeholder="Pilih kategori"
+           data={prestasiState.kategoriPrestasi.findMany.data?.map((item) => ({
+             label: item.name,
+             value: item.id,
+           })) || []}
+           value={formData.kategoriId || null}
+           onChange={(val: string | null) => {
+             if (val) {
+               const selected = prestasiState.kategoriPrestasi.findMany.data?.find(
+                 (item) => item.id === val
+               );
+               if (selected) {
+                 setFormData({ ...formData, kategoriId: selected.id });
+               }
+             } else {
+               setFormData({ ...formData, kategoriId: '' });
+             }
+           }}
+           searchable
+           clearable
+           nothingFoundMessage="Tidak ditemukan"
+           required
           />
 
           <Box>
@@ -138,7 +189,7 @@ export default function EditPrestasiDesa() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -148,13 +199,13 @@ export default function EditPrestasiDesa() {
                 <Dropzone.Idle><IconPhoto size={48} color="#868e96" stroke={1.5} /></Dropzone.Idle>
                 <Stack gap="xs" align="center">
                   <Text size="md" fw={500}>Seret gambar atau klik untuk memilih file</Text>
-                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar wajib</Text>
+                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp</Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewFile && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos="relative" mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewFile}
                   alt="Preview Gambar"
@@ -162,11 +213,42 @@ export default function EditPrestasiDesa() {
                   style={{ maxHeight: 220, objectFit: 'contain', border: `1px solid ${colors['blue-button']}` }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewFile(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
-          <Group justify="right" mt="md">
+          {/* ======= Tombol Aksi ======= */}
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -177,7 +259,7 @@ export default function EditPrestasiDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
index cb15bb3d..2ec16125 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
@@ -4,7 +4,7 @@ import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import prestasiState from '@/app/admin/(dashboard)/_state/landing-page/prestasi-desa';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
+import { ActionIcon, Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Loader } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -15,18 +15,20 @@ import { useProxy } from 'valtio/utils';
 
 function CreatePrestasiDesa() {
   const router = useRouter();
-  const stateCreate = useProxy(prestasiState.prestasiDesa)
+  const snapPrestasi = useProxy(prestasiState.prestasiDesa); // snapshot → buat render
+  const prestasi = prestasiState.prestasiDesa
   const [previewFile, setPreviewFile] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
 
   useEffect(() => {
-    stateCreate.findMany.load();
+    prestasi.findMany.load();
     prestasiState.kategoriPrestasi.findMany.load();
   }, []);
 
   const resetForm = () => {
-    stateCreate.create.form = {
+    prestasi.create.form = {
       name: "",
       deskripsi: "",
       kategoriId: "",
@@ -36,34 +38,42 @@ function CreatePrestasiDesa() {
     setPreviewFile(null);
   };
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn("Pilih file image terlebih dahulu");
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn("Pilih file image terlebih dahulu");
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      })
+
+      const uploaded = res.data?.data;
+
+      if (!uploaded?.id) {
+        return toast.error("Gagal mengupload image");
+      }
+
+      prestasi.create.form.imageId = uploaded.id;
+
+      await prestasi.create.create();
+
+      resetForm();
+      router.push("/admin/landing-page/prestasi-desa/list-prestasi-desa")
+    } catch (error) {
+      console.error(error);
+      toast.error("Gagal menambahkan prestasi desa");
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    })
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error("Gagal mengupload image");
-    }
-
-    stateCreate.create.form.imageId = uploaded.id;
-
-    await stateCreate.create.create();
-
-    resetForm();
-    router.push("/admin/landing-page/prestasi-desa/list-prestasi-desa")
   }
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Prestasi Desa
         </Title>
@@ -112,14 +122,14 @@ function CreatePrestasiDesa() {
                     Seret file gambar ke sini atau klik untuk memilih
                   </Text>
                   <Text size="sm" c="dimmed" inline mt={7}>
-                    Unggah file gambar (maks. 5MB)
+                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </div>
               </Group>
             </Dropzone>
 
             {previewFile && (
-              <Box mt="md">
+              <Box mt="md" pos={"relative"}>
                 <Text size="sm" fw={500} mb={4}>
                   Pratinjau Gambar:
                 </Text>
@@ -132,6 +142,24 @@ function CreatePrestasiDesa() {
                     loading='lazy'
                   />
                 </Box>
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewFile(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -139,8 +167,8 @@ function CreatePrestasiDesa() {
           <TextInput
             label="Judul Prestasi"
             placeholder="Masukkan judul prestasi"
-            defaultValue={stateCreate.create.form.name}
-            onChange={(e) => (stateCreate.create.form.name = e.target.value)}
+            value={snapPrestasi.create.form.name}
+            onChange={(e) => (prestasi.create.form.name = e.target.value)}
             required
           />
 
@@ -149,39 +177,62 @@ function CreatePrestasiDesa() {
               Deskripsi Prestasi
             </Text>
             <CreateEditor
-              value={stateCreate.create.form.deskripsi}
-              onChange={(val) => (stateCreate.create.form.deskripsi = val)}
+              value={snapPrestasi.create.form.deskripsi}
+              onChange={(val) => (prestasi.create.form.deskripsi = val)}
             />
           </Box>
 
           <Select
-            label="Kategori Prestasi"
+            label="Kategori"
             placeholder="Pilih kategori"
-            value={stateCreate.create.form.kategoriId}
-            onChange={(val) => (stateCreate.create.form.kategoriId = val ?? '')}
-            data={
-              prestasiState.kategoriPrestasi.findMany.data?.map((v) => ({
-                value: v.id,
-                label: v.name,
-              })) || []
-            }
+            data={prestasiState.kategoriPrestasi.findMany.data?.map((item) => ({
+              label: item.name,
+              value: item.id,
+            })) || []}
+            value={snapPrestasi.create.form.kategoriId || null}
+            onChange={(val: string | null) => {
+              if (val) {
+                const selected = prestasiState.kategoriPrestasi.findMany.data?.find(
+                  (item) => item.id === val
+                );
+                if (selected) {
+                  prestasi.create.form.kategoriId = selected.id;
+                }
+              } else {
+                prestasi.create.form.kategoriId = '';
+              }
+            }}
+            searchable
+            clearable
+            nothingFoundMessage="Tidak ditemukan"
             required
           />
 
-          <Group justify="space-between" mt="md">
+          {/* ======= Tombol Aksi ======= */}
+          <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              variant="light"
+              variant="outline"
               color="gray"
-              onClick={() => router.back()}
+              radius="md"
+              size="md"
+              onClick={resetForm}
             >
-              Batal
+              Reset
             </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              bg={colors['blue-button']}
-              style={{ boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)' }}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
             >
-              Simpan Prestasi
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
index 1059a1f7..6a9b88bf 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
@@ -1,10 +1,10 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import prestasiState from '../../../_state/landing-page/prestasi-desa';
@@ -37,23 +37,9 @@ function ListPrestasi({ search }: { search: string }) {
     load,
   } = listState.findMany
 
-  // Debug log
-  console.log('ListPrestasi state:', {
-    loading,
-    data: data?.length,
-    page,
-    totalPages,
-    search
-  });
-
-  useEffect(() => {
-    console.log('Loading data...', { page, search });
-    load(page, 10, search).then(() => {
-      console.log('Data loaded:', listState.findMany.data);
-    }).catch(error => {
-      console.error('Error loading data:', error);
-    });
-  }, [page, search])
+  useShallowEffect(() => {
+    load(page, 10, search);
+  }, [page, search]);
 
   const filteredData = data || []
 
@@ -70,14 +56,14 @@ function ListPrestasi({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Prestasi Desa</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/landing-page/prestasi-desa/list-prestasi-desa/create')}
-            >
-              Tambah Baru
-            </Button>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/landing-page/prestasi-desa/list-prestasi-desa/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
@@ -107,16 +93,16 @@ function ListPrestasi({ search }: { search: string }) {
                       </Box>
                     </TableTd>
                     <TableTd style={{ width: '25%', textAlign: 'center' }}>
-                        <Button
-                          size="xs"
-                          radius="md"
-                          variant="light"
-                          color="blue"
-                          leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}
-                        >
-                          Detail
-                        </Button>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}
+                      >
+                        Detail
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
diff --git a/src/app/admin/(dashboard)/landing-page/profile/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
similarity index 95%
rename from src/app/admin/(dashboard)/landing-page/profile/_lib/layoutTabs.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
index c5e029cb..6d889a1f 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
@@ -22,19 +22,19 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
     {
       label: "Program Inovasi",
       value: "program-inovasi",
-      href: "/admin/landing-page/profile/program-inovasi",
+      href: "/admin/landing-page/profil/program-inovasi",
       icon: <IconBulb size={18} stroke={1.8} />,
     },
     {
       label: "Pejabat Desa",
       value: "pejabat-desa",
-      href: "/admin/landing-page/profile/pejabat-desa",
+      href: "/admin/landing-page/profil/pejabat-desa",
       icon: <IconUsers size={18} stroke={1.8} />,
     },
     {
       label: "Media Sosial",
       value: "media-sosial",
-      href: "/admin/landing-page/profile/media-sosial",
+      href: "/admin/landing-page/profil/media-sosial",
       icon: <IconBrandFacebook size={18} stroke={1.8} />,
     },
   ];
diff --git a/src/app/admin/(dashboard)/landing-page/profile/layout.tsx b/src/app/admin/(dashboard)/landing-page/profil/layout.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/landing-page/profile/layout.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/layout.tsx
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
similarity index 69%
rename from src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
index dd41c2a9..2cb77a63 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
@@ -4,6 +4,7 @@ import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
@@ -12,7 +13,8 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -34,6 +36,15 @@ function EditMediaSosial() {
     imageId: '',
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    iconUrl: "",
+    imageId: "",
+    imageUrl: "",
+  });
+
   // Load data by ID
   useEffect(() => {
     const id = params?.id as string;
@@ -44,12 +55,21 @@ function EditMediaSosial() {
         const data = await stateMediaSosial.update.load(id);
 
         if (data) {
-          setFormData({
-            name: data.name || '',
-            iconUrl: data.iconUrl || '',
-            imageId: data.imageId || '',
+          // isi form awal
+          const newForm = {
+            name: data.name || "",
+            iconUrl: data.iconUrl || "",
+            imageId: data.imageId || "",
+          };
+          setFormData(newForm);
+
+          // simpan juga versi original
+          setOriginalData({
+            ...newForm,
+            imageUrl: data.image?.link || "",
           });
-          if (data.image?.link) setPreviewImage(data.image.link);
+
+          setPreviewImage(data.image?.link || null);
         }
       } catch (error) {
         console.error('Error loading media sosial:', error);
@@ -67,6 +87,7 @@ function EditMediaSosial() {
   };
 
   const handleSubmit = async () => {
+    setIsSubmitting(true);
     try {
       // update global state hanya saat submit
       stateMediaSosial.update.form = { ...stateMediaSosial.update.form, ...formData };
@@ -82,13 +103,27 @@ function EditMediaSosial() {
 
       await stateMediaSosial.update.update();
       toast.success('Media sosial berhasil diperbarui!');
-      router.push('/admin/landing-page/profile/media-sosial');
+      router.push('/admin/landing-page/profil/media-sosial');
     } catch (error) {
       console.error('Error updating media sosial:', error);
       toast.error('Terjadi kesalahan saat memperbarui media sosial');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  // ✅ Tombol Batal → balikin ke data original
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      iconUrl: originalData.iconUrl,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box
       px={{ base: 'sm', md: 'lg' }}
@@ -115,7 +150,7 @@ function EditMediaSosial() {
           {/* Upload Gambar */}
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
-              Gambar Media Sosial
+              Gambar Program Inovasi
             </Text>
             <Dropzone
               onDrop={(files) => {
@@ -127,7 +162,7 @@ function EditMediaSosial() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -146,25 +181,46 @@ function EditMediaSosial() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
+            {/* ✅ Preview gambar + tombol X */}
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
                   style={{
-                    maxHeight: 220,
+                    maxHeight: 200,
                     objectFit: 'contain',
-                    border: `1px solid ${colors['blue-button']}`,
+                    border: '1px solid #ddd',
                   }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -187,7 +243,19 @@ function EditMediaSosial() {
             required
           />
 
-          <Group justify="right">
+<Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -198,7 +266,7 @@ function EditMediaSosial() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
index d6aecffd..d84a78a6 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
@@ -25,7 +25,7 @@ function DetailMediaSosial() {
       stateMediaSosial.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push("/admin/landing-page/profile/media-sosial");
+      router.push("/admin/landing-page/profil/media-sosial");
     }
   };
 
@@ -110,7 +110,7 @@ function DetailMediaSosial() {
 
                   <Button
                     color="green"
-                    onClick={() => router.push(`/admin/landing-page/profile/media-sosial/${data.id}/edit`)}
+                    onClick={() => router.push(`/admin/landing-page/profil/media-sosial/${data.id}/edit`)}
                     variant="light"
                     radius="md"
                     size="md"
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
similarity index 57%
rename from src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
index b42fb69a..937f08c7 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
@@ -11,7 +11,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader,
+  ActionIcon
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -26,6 +28,7 @@ export default function CreateMediaSosial() {
   const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateMediaSosial.findMany.load();
@@ -42,27 +45,35 @@ export default function CreateMediaSosial() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    setIsSubmitting(true);
+    try {
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      stateMediaSosial.create.form.imageId = uploaded.id;
+
+      await stateMediaSosial.create.create();
+
+      resetForm();
+      router.push('/admin/landing-page/profil/media-sosial');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menambahkan media sosial');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    stateMediaSosial.create.form.imageId = uploaded.id;
-
-    await stateMediaSosial.create.create();
-
-    resetForm();
-    router.push('/admin/landing-page/profile/media-sosial');
   };
 
   return (
@@ -87,7 +98,7 @@ export default function CreateMediaSosial() {
         <Stack gap="md">
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
-              Gambar Media Sosial
+              Gambar Program Inovasi
             </Text>
             <Dropzone
               onDrop={(files) => {
@@ -99,35 +110,65 @@ export default function CreateMediaSosial() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
               <Group justify="center" gap="xl" mih={180}>
                 <Dropzone.Accept>
-                  <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
                 </Dropzone.Accept>
                 <Dropzone.Reject>
-                  <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
+                  <IconX size={48} color="red" stroke={1.5} />
                 </Dropzone.Reject>
                 <Dropzone.Idle>
-                  <IconPhoto size={48} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
                 </Dropzone.Idle>
+                <Stack gap="xs" align="center">
+                  <Text size="md" fw={500}>
+                    Seret gambar atau klik untuk memilih file
+                  </Text>
+                  <Text size="sm" c="dimmed">
+                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
+                  </Text>
+                </Stack>
               </Group>
-              <Text ta="center" mt="sm" size="sm" color="dimmed">
-                Seret gambar atau klik untuk memilih file (maks 5MB)
-              </Text>
             </Dropzone>
 
+            {/* ✅ Preview gambar + tombol X */}
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -135,19 +176,28 @@ export default function CreateMediaSosial() {
           <TextInput
             label="Nama Media Sosial / Kontak"
             placeholder="Masukkan nama media sosial atau kontak"
-            defaultValue={stateMediaSosial.create.form.name || ''}
+            value={stateMediaSosial.create.form.name || ''}
             onChange={(e) => (stateMediaSosial.create.form.name = e.target.value)}
             required
           />
           <TextInput
             label="Link Media Sosial / Nomor Telepon"
             placeholder="Masukkan link media sosial atau nomor telepon"
-            defaultValue={stateMediaSosial.create.form.iconUrl || ''}
+            value={stateMediaSosial.create.form.iconUrl || ''}
             onChange={(e) => (stateMediaSosial.create.form.iconUrl = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -158,7 +208,7 @@ export default function CreateMediaSosial() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
index 587590b3..e1d8c56b 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
@@ -56,7 +56,7 @@ function ListMediaSosial({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Media Sosial</Title>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/profile/media-sosial/create')}>
+            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/profil/media-sosial/create')}>
               Tambah Baru
             </Button>
         </Group>
@@ -100,7 +100,7 @@ function ListMediaSosial({ search }: { search: string }) {
                         variant="light"
                         color="blue"
                         leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() => router.push(`/admin/landing-page/profile/media-sosial/${item.id}`)}
+                        onClick={() => router.push(`/admin/landing-page/profil/media-sosial/${item.id}`)}
                       >
                         Detail
                       </Button>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
similarity index 64%
rename from src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
index 25599d5b..0c7e40ef 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
@@ -2,8 +2,9 @@
 
 import colors from '@/con/colors';
 import {
+  ActionIcon,
   Alert, Box, Button, Center, Group, Image,
-  Paper, Stack, Text, TextInput, Title
+  Paper, Stack, Text, TextInput, Title, Loader
 } from '@mantine/core';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -24,7 +25,14 @@ function EditPejabatDesa() {
   const [formData, setFormData] = useState({
     name: '',
     position: '',
-    imageId: null as string | null,
+    imageId: ''
+  });
+
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    position: '',
+    imageId: "",
+    imageUrl: "",
   });
 
   // UI states
@@ -38,7 +46,7 @@ function EditPejabatDesa() {
       const id = params?.id as string;
       if (!id) {
         toast.error("ID tidak valid");
-        router.push("/admin/landing-page/profile/pejabat-desa");
+        router.push("/admin/landing-page/profil/pejabat-desa");
         return;
       }
 
@@ -46,26 +54,27 @@ function EditPejabatDesa() {
         const profileData = await profileLandingPageState.pejabatDesa.findUnique.load(id);
 
         if (profileData) {
-          // Initialize form data
-          setFormData({
-            name: profileData.name || '',
-            position: profileData.position || '',
-            imageId: profileData.imageId || null,
+          // isi form awal
+          const newForm = {
+            name: profileData.name || "",
+            position: profileData.position || "",
+            imageId: profileData.imageId || "",
+          };
+          setFormData(newForm);
+
+          // simpan juga versi original
+          setOriginalData({
+            ...newForm,
+            imageUrl: profileData.image?.link || "",
           });
 
-          // Initialize edit state with profile data
-          profileLandingPageState.pejabatDesa.edit.initialize({
-            ...profileData,
-            imageId: profileData.imageId || ''
-          });
-
-          if (profileData.image?.link) {
-            setPreviewImage(profileData.image.link);
-          }
+          setPreviewImage(profileData.image?.link || null);
         }
       } catch (error) {
-        console.error("Error loading profile:", error);
-        toast.error("Gagal memuat data profile");
+        console.error("Error loading program inovasi:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal mengambil data program inovasi"
+        );
       }
     };
 
@@ -78,22 +87,6 @@ function EditPejabatDesa() {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
-  // Handle file change
-  const handleFileChange = (newFile: File | null) => {
-    if (!newFile) {
-      setFile(null);
-      return;
-    }
-
-    setFile(newFile);
-
-    const reader = new FileReader();
-    reader.onload = (event) => {
-      setPreviewImage(event.target?.result as string);
-    };
-    reader.readAsDataURL(newFile);
-  };
-
   // Submit form
   const handleSubmit = async () => {
     if (isSubmitting || !formData.name.trim()) {
@@ -133,7 +126,7 @@ function EditPejabatDesa() {
       const success = await profileLandingPageState.pejabatDesa.edit.submit();
       if (success) {
         toast.success("Berhasil menyimpan perubahan");
-        router.push("/admin/landing-page/profile/pejabat-desa");
+        router.push("/admin/landing-page/profil/pejabat-desa");
       }
     } catch (error) {
       console.error("Error submitting form:", error);
@@ -143,6 +136,17 @@ function EditPejabatDesa() {
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      position: originalData.position,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleBack = () => router.back();
 
   // Loading
@@ -216,49 +220,78 @@ function EditPejabatDesa() {
 
             {/* File Upload */}
             <Box>
-              <Text fz={"md"} fw={"bold"}>Gambar</Text>
+              <Text fw="bold" fz="sm" mb={6}>
+                Gambar Program Inovasi
+              </Text>
               <Dropzone
-                onDrop={(files) => handleFileChange(files[0])}
-                onReject={() => toast.error('File tidak valid.')}
+                onDrop={(files) => {
+                  const selectedFile = files[0];
+                  if (selectedFile) {
+                    setFile(selectedFile);
+                    setPreviewImage(URL.createObjectURL(selectedFile));
+                  }
+                }}
+                onReject={() => toast.error('File tidak valid, gunakan format gambar')}
                 maxSize={5 * 1024 ** 2}
-                accept={{ 'image/*': [] }}
+                accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+                radius="md"
+                p="xl"
               >
-                <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
+                <Group justify="center" gap="xl" mih={180}>
                   <Dropzone.Accept>
-                    <IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                    <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
                   </Dropzone.Accept>
                   <Dropzone.Reject>
-                    <IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
+                    <IconX size={48} color="red" stroke={1.5} />
                   </Dropzone.Reject>
                   <Dropzone.Idle>
-                    <IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                    <IconPhoto size={48} color="#868e96" stroke={1.5} />
                   </Dropzone.Idle>
-
-                  <div>
-                    <Text size="xl" inline>
-                      Drag gambar ke sini atau klik untuk pilih file
+                  <Stack gap="xs" align="center">
+                    <Text size="md" fw={500}>
+                      Seret gambar atau klik untuk memilih file
                     </Text>
-                    <Text size="sm" c="dimmed" inline mt={7}>
-                      Maksimal 5MB dan harus format gambar
+                    <Text size="sm" c="dimmed">
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                     </Text>
-                  </div>
+                  </Stack>
                 </Group>
               </Dropzone>
 
+              {/* ✅ Preview gambar + tombol X */}
               {previewImage && (
-                <Box mt="sm">
+                <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                   <Image
                     src={previewImage}
-                    alt="Preview"
+                    alt="Preview Gambar"
+                    radius="md"
                     style={{
-                      maxWidth: '100%',
-                      maxHeight: '150px',
+                      maxHeight: 200,
                       objectFit: 'contain',
-                      borderRadius: '8px',
                       border: '1px solid #ddd',
                     }}
                     loading="lazy"
                   />
+
+                  {/* Tombol hapus (pojok kanan atas) */}
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    pos="absolute"
+                    top={5}
+                    right={5}
+                    onClick={() => {
+                      setPreviewImage(null);
+                      setFile(null);
+                    }}
+                    style={{
+                      boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                    }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
                 </Box>
               )}
             </Box>
@@ -267,7 +300,7 @@ function EditPejabatDesa() {
             <Box>
               <Text fz="sm" fw="bold" mb="xs">Preview Gambar</Text>
               {previewImage ? (
-                <Image alt="Profile preview" src={previewImage} w={200} h={200} fit="cover" radius="md" loading="lazy"/>
+                <Image alt="Profile preview" src={previewImage} w={200} h={200} fit="cover" radius="md" loading="lazy" />
               ) : (
                 <Center w={200} h={200} bg="gray.2">
                   <Stack align="center" gap="xs">
@@ -279,23 +312,33 @@ function EditPejabatDesa() {
             </Box>
 
             {/* Submit */}
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || allState.edit.loading}
-                disabled={!formData.name}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify='right'>
               <Button
                 variant="outline"
-                onClick={handleBack}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
                 disabled={isSubmitting || allState.edit.loading}
               >
                 Batal
               </Button>
+
+              <Button
+                onClick={handleSubmit}
+                loading={isSubmitting || allState.edit.loading}
+                disabled={!formData.name}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
+
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
index a425140a..f9f37707 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
@@ -40,7 +40,7 @@ function Page() {
                 variant="light"
                 leftSection={<IconEdit size={18} stroke={2} />}
                 radius="md"
-                onClick={() => router.push(`/admin/landing-page/profile/pejabat-desa/${allList.findUnique.data?.id}`)}
+                onClick={() => router.push(`/admin/landing-page/profil/pejabat-desa/${allList.findUnique.data?.id}`)}
               >
                 Edit
               </Button>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
similarity index 71%
rename from src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
index b3892f26..9d41f051 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
@@ -5,6 +5,7 @@ import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
@@ -13,7 +14,8 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -35,6 +37,15 @@ function EditProgramInovasi() {
     imageId: "",
     link: "",
   })
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    description: "",
+    imageId: "",
+    link: "",
+    imageUrl: "",
+  });
 
   useEffect(() => {
     const id = params?.id as string;
@@ -44,19 +55,22 @@ function EditProgramInovasi() {
       try {
         const data = await stateProgramInovasi.update.load(id);
         if (data) {
-          setFormData({
+          // isi form awal
+          const newForm = {
             name: data.name || "",
             description: data.description || "",
             imageId: data.imageId || "",
-            link: data.link || ""
+            link: data.link || "",
+          };
+          setFormData(newForm);
+
+          // simpan juga versi original
+          setOriginalData({
+            ...newForm,
+            imageUrl: data.image?.link || "",
           });
 
-          // Preview image
-          if (data.image?.link) {
-            setPreviewImage(data.image.link);
-          } else {
-            setPreviewImage(null);
-          }
+          setPreviewImage(data.image?.link || null);
         }
       } catch (error) {
         console.error("Error loading program inovasi:", error);
@@ -64,13 +78,26 @@ function EditProgramInovasi() {
           error instanceof Error ? error.message : "Gagal mengambil data program inovasi"
         );
       }
-    }
-
+    };
     loadProgramInovasi();
   }, [params?.id]);
 
+  // ✅ Tombol Batal → balikin ke data original
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      description: originalData.description,
+      imageId: originalData.imageId,
+      link: originalData.link,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Upload file kalau ada file baru
       let imageId = formData.imageId;
       if (file) {
@@ -93,10 +120,12 @@ function EditProgramInovasi() {
 
       await stateProgramInovasi.update.update();
       toast.success("Program Inovasi berhasil diperbarui!");
-      router.push("/admin/landing-page/profile/program-inovasi");
+      router.push("/admin/landing-page/profil/program-inovasi");
     } catch (error) {
       console.error("Error updating program inovasi:", error);
       toast.error("Terjadi kesalahan saat memperbarui program inovasi");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -134,7 +163,7 @@ function EditProgramInovasi() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -153,21 +182,46 @@ function EditProgramInovasi() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
+            {/* ✅ Preview gambar + tombol X */}
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 220, objectFit: 'contain', border: `1px solid ${colors['blue-button']}` }}
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -199,7 +253,20 @@ function EditProgramInovasi() {
             onChange={(e) => setFormData({ ...formData, link: e.target.value })}
           />
 
+          {/* ======= Tombol Aksi ======= */}
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -210,7 +277,7 @@ function EditProgramInovasi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
index 8ae6df07..b82d958f 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
@@ -25,7 +25,7 @@ function DetailProgramInovasi() {
       stateProgramInovasi.delete.byId(selectedId)
       setModalHapus(false)
       setSelectedId(null)
-      router.push("/admin/landing-page/profile/program-inovasi")
+      router.push("/admin/landing-page/profil/program-inovasi")
     }
   }
 
@@ -121,7 +121,7 @@ function DetailProgramInovasi() {
 
                   <Button
                     color="green"
-                    onClick={() => router.push(`/admin/landing-page/profile/program-inovasi/${data.id}/edit`)}
+                    onClick={() => router.push(`/admin/landing-page/profil/program-inovasi/${data.id}/edit`)}
                     variant="light"
                     radius="md"
                     size="md"
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
similarity index 62%
rename from src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
index 2954b30a..f13ab8ef 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
@@ -12,7 +12,9 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  ActionIcon,
+  Loader,
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -27,45 +29,52 @@ function CreateProgramInovasi() {
   const stateProgramInovasi = useProxy(profileLandingPageState.programInovasi);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateProgramInovasi.findMany.load();
   }, []);
 
+  // ✅ Reset semua input form & gambar
   const resetForm = () => {
     stateProgramInovasi.create.form = {
-      name: "",
-      description: "",
-      imageId: "",
-      link: "",
+      name: '',
+      description: '',
+      imageId: '',
+      link: '',
     };
     setPreviewImage(null);
     setFile(null);
   };
 
+  // ✅ Submit data
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn("Silakan pilih file gambar terlebih dahulu");
+    setIsSubmitting(true);
+    try {
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+      stateProgramInovasi.create.form.imageId = uploaded.id;
+      await stateProgramInovasi.create.create();
+
+      resetForm();
+      router.push('/admin/landing-page/profil/program-inovasi');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menambahkan program inovasi');
+    } finally {
+      setIsSubmitting(false);
     }
+  };
 
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error("Gagal mengunggah gambar, silakan coba lagi");
-    }
-
-    stateProgramInovasi.create.form.imageId = uploaded.id;
-
-    await stateProgramInovasi.create.create();
-
-    resetForm();
-    router.push("/admin/landing-page/profile/program-inovasi")
-  }
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
@@ -86,6 +95,7 @@ function CreateProgramInovasi() {
         style={{ border: '1px solid #e0e0e0' }}
       >
         <Stack gap="md">
+          {/* ======= Upload Gambar ======= */}
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
               Gambar Program Inovasi
@@ -100,7 +110,7 @@ function CreateProgramInovasi() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -119,35 +129,64 @@ function CreateProgramInovasi() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
+            {/* ✅ Preview gambar + tombol X */}
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
+          {/* ======= Input Nama ======= */}
           <TextInput
             label="Nama Program Inovasi"
             placeholder="Masukkan nama program inovasi"
-            defaultValue={stateProgramInovasi.create.form.name}
+            value={stateProgramInovasi.create.form.name}
             onChange={(e) => (stateProgramInovasi.create.form.name = e.target.value)}
             required
           />
 
+          {/* ======= Deskripsi ======= */}
           <Box>
-            <Text fz={"sm"} fw={"bold"}>Deskripsi</Text>
+            <Text fz={'sm'} fw={'bold'}>
+              Deskripsi
+            </Text>
             <CreateEditor
               value={stateProgramInovasi.create.form.description || ''}
               onChange={(htmlContent: string) => {
@@ -156,14 +195,28 @@ function CreateProgramInovasi() {
             />
           </Box>
 
+          {/* ======= Link Program ======= */}
           <TextInput
             label="Link Program Inovasi"
             placeholder="Masukkan link program inovasi (opsional)"
-            defaultValue={stateProgramInovasi.create.form.link || ''}
+            value={stateProgramInovasi.create.form.link || ''}
             onChange={(e) => (stateProgramInovasi.create.form.link = e.target.value)}
           />
 
+          {/* ======= Tombol Aksi ======= */}
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -174,7 +227,7 @@ function CreateProgramInovasi() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx
rename to src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
index ba77436b..fd744631 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
@@ -56,7 +56,7 @@ function ListProgramInovasi({ search }: { search: string }) {
               leftSection={<IconPlus size={18} />}
               variant="light"
               radius="md"
-              onClick={() => router.push('/admin/landing-page/profile/program-inovasi/create')}
+              onClick={() => router.push('/admin/landing-page/profil/program-inovasi/create')}
             >
               Tambah Program
             </Button>
@@ -109,7 +109,7 @@ function ListProgramInovasi({ search }: { search: string }) {
                         color="blue"
                         leftSection={<IconDeviceImacCog size={16} />}
                         onClick={() =>
-                          router.push(`/admin/landing-page/profile/program-inovasi/${item.id}`)
+                          router.push(`/admin/landing-page/profil/program-inovasi/${item.id}`)
                         }
                       >
                         Detail
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
deleted file mode 100644
index 474ea855..00000000
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import colors from '@/con/colors';
-import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
-import { Dropzone } from '@mantine/dropzone';
-import { IconArrowBack, IconDeviceFloppy, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
-import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
-import sdgsDesa from '../../../_state/landing-page/sdgs-desa';
-
-
-function CreateSDGsDesa() {
-  const router = useRouter();
-  const stateSDGSDesa = useProxy(sdgsDesa)
-  const [previewImage, setPreviewImage] = useState<string | null>(null);
-  const [file, setFile] = useState<File | null>(null);
-
-
-  useEffect(() => {
-    stateSDGSDesa.findMany.load();
-  }, []);
-
-  const resetForm = () => {
-    stateSDGSDesa.create.form = {
-      name: "",
-      jumlah: "",
-      imageId: "",
-    };
-    setFile(null);
-    setPreviewImage(null);
-  };
-  const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn("Pilih file image terlebih dahulu");
-    }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    })
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error("Gagal mengupload file");
-    }
-
-    stateSDGSDesa.create.form.imageId = uploaded.id;
-
-    await stateSDGSDesa.create.create();
-
-    resetForm();
-    router.push("/admin/landing-page/sdgs-desa")
-  }
-  return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
-      <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        <Title order={4} ml="sm" c="dark">
-          Tambah Sdgs Desa
-        </Title>
-      </Group>
-
-      <Paper
-        w={{ base: '100%', md: '50%' }}
-        bg={colors['white-1']}
-        p="lg"
-        radius="md"
-        shadow="sm"
-        style={{ border: '1px solid #e0e0e0' }}
-      >
-        <Stack gap="md">
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Gambar Sdgs Desa
-            </Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0];
-                if (selectedFile) {
-                  setFile(selectedFile);
-                  setPreviewImage(URL.createObjectURL(selectedFile));
-                }
-              }}
-              onReject={() => toast.error('File tidak valid.')}
-              maxSize={5 * 1024 ** 2}
-              accept={{
-                'image/*': ['.jpeg', '.jpg', '.png', '.gif', '.webp', '.svg'],
-              }}
-              radius="md"
-            >
-              <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
-                <Dropzone.Accept>
-                  <IconUpload size={52} color={colors['blue-button']} stroke={1.5} />
-                </Dropzone.Accept>
-                <Dropzone.Reject>
-                  <IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
-                </Dropzone.Reject>
-                <Dropzone.Idle>
-                  <IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
-                </Dropzone.Idle>
-
-                <div style={{ textAlign: 'center' }}>
-                  <Text size="xl" inline>
-                    Drag file ke sini atau klik untuk memilih
-                  </Text>
-                  <Text size="sm" c="dimmed" inline mt={7} display="block">
-                    Maksimal 5MB (JPEG, JPG, PNG, GIF, WEBP, SVG)
-                  </Text>
-                </div>
-              </Group>
-            </Dropzone>
-
-            {previewImage && (
-              <Box mt="md">
-                <Text fw={500} fz="sm" mb={4}>
-                  Pratinjau Gambar
-                </Text>
-                <Box
-                  style={{
-                    border: '1px solid #e0e0e0',
-                    borderRadius: '8px',
-                    overflow: 'hidden',
-                    maxWidth: '300px'
-                  }}
-                >
-                  <Image
-                    src={previewImage}
-                    alt="Preview"
-                    style={{ width: '100%', height: 'auto' }}
-                    loading="lazy"
-                  />
-                </Box>
-              </Box>
-            )}
-          </Box>
-          <TextInput
-            label="Nama Sdgs Desa"
-            placeholder="Masukkan nama Sdgs Desa"
-            defaultValue={stateSDGSDesa.create.form.name}
-            onChange={(e) => {
-              stateSDGSDesa.create.form.name = e.currentTarget.value;
-            }}
-            required
-          />
-
-          <TextInput
-            type="number"
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Jumlah
-              </Text>
-            }
-            placeholder="Masukkan jumlah"
-            defaultValue={stateSDGSDesa.create.form.jumlah}
-            onChange={(val) => {
-              stateSDGSDesa.create.form.jumlah = val.target.value;
-            }}
-            required
-            min={0}
-            radius="md"
-          />
-          <Group justify="flex-end" mt="md">
-            <Button
-              variant="light"
-              color="red"
-              onClick={() => router.back()}
-            >
-              Batal
-            </Button>
-            <Button
-              leftSection={<IconDeviceFloppy size={20} />}
-              onClick={handleSubmit}
-              loading={stateSDGSDesa.create.loading}
-              color={colors['blue-button']}
-            >
-              Simpan
-            </Button>
-          </Group>
-        </Stack>
-      </Paper>
-    </Box>
-  );
-}
-
-export default CreateSDGsDesa;
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
index ec954d40..78b5771d 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -50,6 +51,7 @@ export default function EditDataLingkunganDesa() {
   const stateDataLingkunganDesa = useProxy(dataLingkunganDesaState);
   const params = useParams();
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState<FormDataLingkunganDesa>({
     name: '',
@@ -58,6 +60,13 @@ export default function EditDataLingkunganDesa() {
     icon: '',
   });
 
+  const [originalData, setOriginalData] = useState<FormDataLingkunganDesa>({
+    name: '',
+    deskripsi: '',
+    jumlah: '',
+    icon: '',
+  });
+
   // Load data saat komponen mount
   useEffect(() => {
     const loadData = async () => {
@@ -74,6 +83,12 @@ export default function EditDataLingkunganDesa() {
             jumlah: data.jumlah,
             icon: data.icon,
           });
+          setOriginalData({
+            name: data.name,
+            deskripsi: data.deskripsi,
+            jumlah: data.jumlah,
+            icon: data.icon,
+          });
         }
       } catch (error) {
         console.error('Error loading data lingkungan desa:', error);
@@ -84,8 +99,19 @@ export default function EditDataLingkunganDesa() {
     loadData();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      jumlah: originalData.jumlah,
+      icon: originalData.icon,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state hanya saat submit
       stateDataLingkunganDesa.update.form = {
         ...formData,
@@ -100,6 +126,8 @@ export default function EditDataLingkunganDesa() {
     } catch (error) {
       console.error('Error updating data lingkungan desa:', error);
       toast.error('Terjadi kesalahan saat memperbarui data lingkungan desa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -168,6 +196,17 @@ export default function EditDataLingkunganDesa() {
           </Box>
 
           <Group justify="flex-end">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -178,7 +217,7 @@ export default function EditDataLingkunganDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
index 4fb19016..ad1f00dc 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
@@ -4,6 +4,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -16,10 +17,13 @@ import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import SelectIconProgram from '../../../_com/selectIcon';
 import dataLingkunganDesaState from '../../../_state/lingkungan/data-lingkungan-desa';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 
 function CreateDataLingkunganDesa() {
   const stateCreate = useProxy(dataLingkunganDesaState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateCreate.create.form = {
@@ -31,9 +35,17 @@ function CreateDataLingkunganDesa() {
   };
 
   const handleSubmit = async () => {
-    await stateCreate.create.create();
-    resetForm();
-    router.push('/admin/lingkungan/data-lingkungan-desa');
+    try {
+      setIsSubmitting(true);
+      await stateCreate.create.create();
+      resetForm();
+      router.push('/admin/lingkungan/data-lingkungan-desa');
+    } catch (error) {
+      console.error("Error creating data lingkungan desa:", error);
+      toast.error("Terjadi kesalahan saat menambahkan data lingkungan desa");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -66,7 +78,7 @@ function CreateDataLingkunganDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Data Lingkungan Desa</Text>}
             placeholder="Masukkan nama data lingkungan desa"
-            defaultValue={stateCreate.create.form.name || ''}
+            value={stateCreate.create.form.name || ''}
             onChange={(val) => (stateCreate.create.form.name = val.target.value)}
             required
           />
@@ -83,7 +95,7 @@ function CreateDataLingkunganDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Jumlah Data Lingkungan Desa</Text>}
             placeholder="Masukkan jumlah data lingkungan desa"
-            defaultValue={stateCreate.create.form.jumlah || ''}
+            value={stateCreate.create.form.jumlah || ''}
             onChange={(e) => (stateCreate.create.form.jumlah = e.currentTarget.value)}
             required
           />
@@ -102,6 +114,17 @@ function CreateDataLingkunganDesa() {
 
           {/* Submit Button */}
           <Group justify="right" mt="sm">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -112,7 +135,7 @@ function CreateDataLingkunganDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
index 78447cc6..ef782f70 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
@@ -2,12 +2,13 @@
 
 import stateEdukasiLingkungan from '@/app/admin/(dashboard)/_state/lingkungan/edukasi-lingkungan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 const EdukasiLingkunganTextEditor = dynamic(
@@ -24,12 +25,19 @@ export default function EditContohKegiatanDesaDarmasaba() {
     stateEdukasiLingkungan.stateContohEdukasiLingkungan
   );
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   // state lokal untuk form
   const [formData, setFormData] = useState({
     judul: '',
     deskripsi: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  });
+
   // load data awal
   useShallowEffect(() => {
     if (!contohEdukasiState.findById.data) {
@@ -44,6 +52,10 @@ export default function EditContohKegiatanDesaDarmasaba() {
         judul: contohEdukasiState.findById.data.judul ?? '',
         deskripsi: contohEdukasiState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: contohEdukasiState.findById.data.judul ?? '',
+        deskripsi: contohEdukasiState.findById.data.deskripsi ?? '',
+      });
     }
   }, [contohEdukasiState.findById.data]);
 
@@ -52,19 +64,35 @@ export default function EditContohKegiatanDesaDarmasaba() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // submit update
   const handleSubmit = () => {
-    if (contohEdukasiState.findById.data) {
-      const updatedData = {
-        ...contohEdukasiState.findById.data,
-        judul: formData.judul,
-        deskripsi: formData.deskripsi,
-      };
-      contohEdukasiState.update.save(updatedData);
+    try {
+      setIsSubmitting(true);
+      if (contohEdukasiState.findById.data) {
+        const updatedData = {
+          ...contohEdukasiState.findById.data,
+          judul: formData.judul,
+          deskripsi: formData.deskripsi,
+        };
+        contohEdukasiState.update.save(updatedData);
+      }
+      router.push(
+        '/admin/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba'
+      );
+    } catch (error) {
+      console.error("Error updating contoh kegiatan desa darmasaba:", error);
+      toast.error("Terjadi kesalahan saat memperbarui contoh kegiatan desa darmasaba");
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push(
-      '/admin/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba'
-    );
   };
 
   return (
@@ -111,7 +139,19 @@ export default function EditContohKegiatanDesaDarmasaba() {
             />
           </Box>
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -121,9 +161,8 @@ export default function EditContohKegiatanDesaDarmasaba() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              loading={contohEdukasiState.update.loading}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
index 6f363765..0eb0c956 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
@@ -1,12 +1,13 @@
 'use client'
 import stateEdukasiLingkungan from '@/app/admin/(dashboard)/_state/lingkungan/edukasi-lingkungan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 const EdukasiLingkunganTextEditor = dynamic(
@@ -17,9 +18,14 @@ const EdukasiLingkunganTextEditor = dynamic(
 export default function EditMateriEdukasiYangDiberikan() {
   const router = useRouter();
   const materiEdukasiState = useProxy(stateEdukasiLingkungan.stateMateriEdukasiLingkungan);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // State lokal gabungan untuk form
   const [formData, setFormData] = useState({ judul: '', content: '' });
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    content: '',
+  });
 
   // Initialize data kalau belum ada
   useShallowEffect(() => {
@@ -35,6 +41,10 @@ export default function EditMateriEdukasiYangDiberikan() {
         judul: materiEdukasiState.findById.data.judul ?? '',
         content: materiEdukasiState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: materiEdukasiState.findById.data.judul ?? '',
+        content: materiEdukasiState.findById.data.deskripsi ?? '',
+      });
     }
   }, [materiEdukasiState.findById.data]);
 
@@ -42,17 +52,32 @@ export default function EditMateriEdukasiYangDiberikan() {
   const handleChange = (field: 'judul' | 'content', value: string) => {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      content: originalData.content,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
 
   const submit = () => {
-    if (materiEdukasiState.findById.data) {
-      const updatedData = {
-        ...materiEdukasiState.findById.data,
-        judul: formData.judul,
-        deskripsi: formData.content,
-      };
-      materiEdukasiState.update.save(updatedData);
+    try {
+      setIsSubmitting(true);
+      if (materiEdukasiState.findById.data) {
+        const updatedData = {
+          ...materiEdukasiState.findById.data,
+          judul: formData.judul,
+          deskripsi: formData.content,
+        };
+        materiEdukasiState.update.save(updatedData);
+      }
+      router.push('/admin/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan');
+    } catch (error) {
+      console.error("Error updating materi edukasi yang diberikan:", error);
+      toast.error("Terjadi kesalahan saat memperbarui materi edukasi yang diberikan");
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push('/admin/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan');
   };
 
   return (
@@ -97,7 +122,19 @@ export default function EditMateriEdukasiYangDiberikan() {
             />
           </Box>
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={submit}
               radius="md"
@@ -107,9 +144,8 @@ export default function EditMateriEdukasiYangDiberikan() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              loading={materiEdukasiState.update.loading}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
index 0c60469d..527358ea 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
@@ -2,12 +2,13 @@
 
 import stateEdukasiLingkungan from '@/app/admin/(dashboard)/_state/lingkungan/edukasi-lingkungan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 const EdukasiLingkunganTextEditor = dynamic(
@@ -18,9 +19,14 @@ const EdukasiLingkunganTextEditor = dynamic(
 export default function EditTujuanEdukasiLingkungan() {
   const router = useRouter();
   const tujuanEdukasiState = useProxy(stateEdukasiLingkungan.stateTujuanEdukasi);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // State lokal untuk form, gak tergantung global state
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  });
 
   // Initialize global state
   useShallowEffect(() => {
@@ -36,25 +42,45 @@ export default function EditTujuanEdukasiLingkungan() {
         judul: tujuanEdukasiState.findById.data.judul ?? '',
         deskripsi: tujuanEdukasiState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: tujuanEdukasiState.findById.data.judul ?? '',
+        deskripsi: tujuanEdukasiState.findById.data.deskripsi ?? '',
+      });
     }
   }, [tujuanEdukasiState.findById.data]);
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   // Handler input
   const handleChange = (field: 'judul' | 'deskripsi', value: string) => {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
   const submit = () => {
-    if (tujuanEdukasiState.findById.data) {
-      // Update global state hanya saat submit
-      const updatedData = {
-        ...tujuanEdukasiState.findById.data,
-        judul: formData.judul,
-        deskripsi: formData.deskripsi,
-      };
-      tujuanEdukasiState.update.save(updatedData);
+    try {
+      setIsSubmitting(true);
+      if (tujuanEdukasiState.findById.data) {
+        // Update global state hanya saat submit
+        const updatedData = {
+          ...tujuanEdukasiState.findById.data,
+          judul: formData.judul,
+          deskripsi: formData.deskripsi,
+        };
+        tujuanEdukasiState.update.save(updatedData);
+      }
+      router.push('/admin/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan');
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal memuat data tujuan edukasi lingkungan');
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push('/admin/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan');
   };
 
   return (
@@ -104,7 +130,19 @@ export default function EditTujuanEdukasiLingkungan() {
             />
           </Box>
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={submit}
               radius="md"
@@ -114,9 +152,8 @@ export default function EditTujuanEdukasiLingkungan() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              loading={tujuanEdukasiState.update.loading}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
index e5b6d2f6..5dcce580 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
@@ -3,7 +3,7 @@
 
 import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-royong';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -15,8 +15,10 @@ function EditKategoriKegiatan() {
   const params = useParams();
   const id = params?.id as string;
   const stateKategori = useProxy(gotongRoyongState.kategoriKegiatan);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({ nama: '' });
+  const [originalData, setOriginalData] = useState({ nama: '' });
   const [loading, setLoading] = useState(true);
 
   // Load data once
@@ -29,6 +31,7 @@ function EditKategoriKegiatan() {
         if (data) {
           stateKategori.edit.id = id;
           setFormData({ nama: data.nama || '' });
+          setOriginalData({ nama: data.nama || '' });
         }
       } catch (err) {
         console.error('Error loading kategori kegiatan:', err);
@@ -53,6 +56,7 @@ function EditKategoriKegiatan() {
     }
 
     try {
+      setIsSubmitting(true);
       stateKategori.edit.form = { nama: trimmedNama };
       if (!stateKategori.edit.id) stateKategori.edit.id = id;
 
@@ -64,9 +68,18 @@ function EditKategoriKegiatan() {
     } catch (err) {
       console.error('Error updating kategori kegiatan:', err);
       toast.error('Gagal memperbarui kategori kegiatan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   if (loading) return <Text>Loading...</Text>;
 
   return (
@@ -98,6 +111,17 @@ function EditKategoriKegiatan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -108,7 +132,7 @@ function EditKategoriKegiatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
index d74cf703..b6b937b6 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
@@ -1,16 +1,18 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import gotongRoyongState from '../../../../_state/lingkungan/gotong-royong';
+import { toast } from 'react-toastify';
 
 function CreateKategoriKegiatan() {
   const router = useRouter();
   const stateKategori = useProxy(gotongRoyongState.kategoriKegiatan)
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateKategori.findMany.load();
@@ -23,9 +25,17 @@ function CreateKategoriKegiatan() {
   }
 
   const handleSubmit = async () => {
-    await stateKategori.create.create();
-    resetForm();
-    router.push("/admin/lingkungan/gotong-royong/kategori-kegiatan")
+    try {
+      setIsSubmitting(true);
+      await stateKategori.create.create();
+      resetForm();
+      router.push("/admin/lingkungan/gotong-royong/kategori-kegiatan")
+    } catch (error) {
+      console.error('Error creating kategori kegiatan:', error);
+      toast.error('Terjadi kesalahan saat menambahkan kategori kegiatan');
+    } finally {
+      setIsSubmitting(false);
+    }
   }
 
   return (
@@ -51,7 +61,7 @@ function CreateKategoriKegiatan() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={stateKategori.create.form.nama}
+            value={stateKategori.create.form.nama}
             onChange={(val) => (stateKategori.create.form.nama = val.target.value)}
             label={<Text fw="bold" fz="sm">Nama Kategori Kegiatan</Text>}
             placeholder="Masukkan nama kategori kegiatan"
@@ -59,6 +69,17 @@ function CreateKategoriKegiatan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -69,7 +90,7 @@ function CreateKategoriKegiatan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
index f46191cc..2aad0154 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
@@ -5,10 +5,12 @@ import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -38,6 +40,7 @@ export default function EditKegiatanDesa() {
   const kegiatanDesaState = useProxy(gotongRoyongState.kegiatanDesa);
   const params = useParams();
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState<FormKegiatanDesa>({
     judul: '',
@@ -49,6 +52,18 @@ export default function EditKegiatanDesa() {
     imageId: '',
     kategoriKegiatanId: '',
   });
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsiSingkat: '',
+    deskripsiLengkap: '',
+    tanggal: '',
+    lokasi: '',
+    partisipan: 0,
+    imageId: '',
+    imageUrl: '',
+    kategoriKegiatanId: '',
+  });
+
   const [file, setFile] = useState<File | null>(null);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
 
@@ -77,10 +92,18 @@ export default function EditKegiatanDesa() {
             imageId: data.imageId || '',
             kategoriKegiatanId: data.kategoriKegiatanId || '',
           });
-          if (data.imageId) {
-            // Optional: bisa fetch URL image dari backend
-            setPreviewImage(`/api/file/${data.imageId}`);
-          }
+          setOriginalData({
+            judul: data.judul || '',
+            deskripsiSingkat: data.deskripsiSingkat || '',
+            deskripsiLengkap: data.deskripsiLengkap || '',
+            tanggal: data.tanggal || '',
+            lokasi: data.lokasi || '',
+            partisipan: data.partisipan || 0,
+            imageId: data.imageId || '',
+            kategoriKegiatanId: data.kategoriKegiatanId || '',
+            imageUrl: data.image?.link || "",
+          });
+          setPreviewImage(data.image?.link || null);
         }
       } catch (error) {
         console.error(error);
@@ -90,8 +113,24 @@ export default function EditKegiatanDesa() {
     loadData();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsiSingkat: originalData.deskripsiSingkat,
+      deskripsiLengkap: originalData.deskripsiLengkap,
+      tanggal: originalData.tanggal,
+      lokasi: originalData.lokasi,
+      partisipan: originalData.partisipan,
+      imageId: originalData.imageId,
+      kategoriKegiatanId: originalData.kategoriKegiatanId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       let imageId = formData.imageId;
       if (file) {
         const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
@@ -117,6 +156,8 @@ export default function EditKegiatanDesa() {
     } catch (error) {
       console.error(error);
       toast.error('Terjadi kesalahan saat memperbarui kegiatan desa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -203,7 +244,7 @@ export default function EditKegiatanDesa() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -219,13 +260,13 @@ export default function EditKegiatanDesa() {
                 </Dropzone.Idle>
                 <Stack gap="xs" align="center">
                   <Text size="md" fw={500}>Drag gambar atau klik untuk pilih file</Text>
-                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar wajib</Text>
+                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp</Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -233,11 +274,40 @@ export default function EditKegiatanDesa() {
                   style={{ maxHeight: 220, objectFit: 'contain', border: `1px solid ${colors['blue-button']}` }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -248,7 +318,7 @@ export default function EditKegiatanDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
index 2644fb76..a9605a38 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
@@ -5,10 +5,12 @@ import gotongRoyongState from '@/app/admin/(dashboard)/_state/lingkungan/gotong-
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
   Image,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -34,6 +36,8 @@ function CreateKegiatanDesa() {
     gotongRoyongState.kategoriKegiatan.findMany.load();
   }, []);
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   const resetForm = () => {
     stateKegiatanDesa.create.form = {
       judul: '',
@@ -50,27 +54,35 @@ function CreateKegiatanDesa() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn('Silakan pilih file gambar terlebih dahulu');
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      stateKegiatanDesa.create.form.imageId = uploaded.id;
+
+      await stateKegiatanDesa.create.create();
+
+      resetForm();
+      router.push('/admin/lingkungan/gotong-royong/kegiatan-desa');
+    } catch (error) {
+      console.error('Error creating kegiatan desa:', error);
+      toast.error('Gagal membuat kegiatan desa');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-
-    if (!uploaded?.id) {
-      return toast.error('Gagal mengunggah gambar, silakan coba lagi');
-    }
-
-    stateKegiatanDesa.create.form.imageId = uploaded.id;
-
-    await stateKegiatanDesa.create.create();
-
-    resetForm();
-    router.push('/admin/lingkungan/gotong-royong/kegiatan-desa');
   };
 
   return (
@@ -115,7 +127,7 @@ function CreateKegiatanDesa() {
               }}
               onReject={() => toast.error('File tidak valid, gunakan format gambar')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -136,7 +148,7 @@ function CreateKegiatanDesa() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
@@ -144,6 +156,24 @@ function CreateKegiatanDesa() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -152,7 +182,7 @@ function CreateKegiatanDesa() {
           <TextInput
             label="Judul Kegiatan"
             placeholder="Masukkan judul kegiatan"
-            defaultValue={stateKegiatanDesa.create.form.judul}
+            value={stateKegiatanDesa.create.form.judul}
             onChange={(e) => (stateKegiatanDesa.create.form.judul = e.target.value)}
             required
           />
@@ -168,7 +198,7 @@ function CreateKegiatanDesa() {
           <TextInput
             type="number"
             min={0}
-            defaultValue={stateKegiatanDesa.create.form.partisipan}
+            value={stateKegiatanDesa.create.form.partisipan}
             onChange={(e) => {
               const value = Number(e.target.value);
               if (value >= 0) {
@@ -183,7 +213,7 @@ function CreateKegiatanDesa() {
             label="Tanggal"
             type="date"
             placeholder="Contoh: 2022-01-01"
-            defaultValue={
+            value={
               stateKegiatanDesa.create.form.tanggal
                 ? stateKegiatanDesa.create.form.tanggal.toISOString().split('T')[0]
                 : ''
@@ -197,7 +227,7 @@ function CreateKegiatanDesa() {
           <TextInput
             label="Lokasi"
             placeholder="Masukkan lokasi kegiatan"
-            defaultValue={stateKegiatanDesa.create.form.lokasi}
+            value={stateKegiatanDesa.create.form.lokasi}
             onChange={(e) => (stateKegiatanDesa.create.form.lokasi = e.target.value)}
             required
           />
@@ -228,6 +258,17 @@ function CreateKegiatanDesa() {
 
           {/* Submit */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -238,7 +279,7 @@ function CreateKegiatanDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
index aca07a0c..e6694a8c 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
@@ -1,12 +1,13 @@
 'use client'
 import stateKonservasiAdatBali from '@/app/admin/(dashboard)/_state/lingkungan/konservasi-adat-bali';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 const KonservasiAdatBaliTextEditor = dynamic(
@@ -17,9 +18,14 @@ const KonservasiAdatBaliTextEditor = dynamic(
 function EditBentukKonservasiBerdasarkanAdat() {
   const router = useRouter();
   const bentukKonservasiState = useProxy(stateKonservasiAdatBali.stateBentukKonservasiBerdasarkanAdat);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // Gabung semua field form jadi satu object
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  });
 
   // Initialize data dari global state
   useShallowEffect(() => {
@@ -34,6 +40,10 @@ function EditBentukKonservasiBerdasarkanAdat() {
         judul: bentukKonservasiState.findById.data.judul ?? '',
         deskripsi: bentukKonservasiState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: bentukKonservasiState.findById.data.judul ?? '',
+        deskripsi: bentukKonservasiState.findById.data.deskripsi ?? '',
+      });
     }
   }, [bentukKonservasiState.findById.data]);
 
@@ -41,13 +51,29 @@ function EditBentukKonservasiBerdasarkanAdat() {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
-  const submit = () => {
-    if (bentukKonservasiState.findById.data) {
-      // Update global state cuma pas submit
-      const updatedData = { ...bentukKonservasiState.findById.data, ...formData };
-      bentukKonservasiState.update.save(updatedData);
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+  const handleSubmit = () => {
+    try {
+      setIsSubmitting(true);
+      if (bentukKonservasiState.findById.data) {
+        // Update global state cuma pas submit
+        const updatedData = { ...bentukKonservasiState.findById.data, ...formData };
+        bentukKonservasiState.update.save(updatedData);
+      }
+      router.push('/admin/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat');
+    } catch (error) {
+      console.error("Error updating bentuk konservasi berdasarkan adat:", error);
+      toast.error("Terjadi kesalahan saat memperbarui bentuk konservasi berdasarkan adat");
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push('/admin/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat');
   };
 
   return (
@@ -94,9 +120,21 @@ function EditBentukKonservasiBerdasarkanAdat() {
             />
           </Box>
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              onClick={submit}
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
@@ -104,9 +142,8 @@ function EditBentukKonservasiBerdasarkanAdat() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              loading={bentukKonservasiState.update.loading}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
index 3ed20d1e..14a4e88c 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
@@ -2,12 +2,13 @@
 
 import stateKonservasiAdatBali from '@/app/admin/(dashboard)/_state/lingkungan/konservasi-adat-bali';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 const KonservasiAdatBaliTextEditor = dynamic(
@@ -21,9 +22,14 @@ const KonservasiAdatBaliTextEditor = dynamic(
 function EditFilosofiTriHitaKarana() {
   const router = useRouter();
   const filosofiTriHitaState = useProxy(stateKonservasiAdatBali.stateFilosofiTriHita);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // Local state form
   const [formData, setFormData] = useState({ judul: '', content: '' });
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    content: '',
+  });
 
   // Load data dari global state kalau belum ada
   useShallowEffect(() => {
@@ -39,6 +45,10 @@ function EditFilosofiTriHitaKarana() {
         judul: filosofiTriHitaState.findById.data.judul ?? '',
         content: filosofiTriHitaState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: filosofiTriHitaState.findById.data.judul ?? '',
+        content: filosofiTriHitaState.findById.data.deskripsi ?? '',
+      });
     }
   }, [filosofiTriHitaState.findById.data]);
 
@@ -46,13 +56,29 @@ function EditFilosofiTriHitaKarana() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      content: originalData.content,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = () => {
-    if (filosofiTriHitaState.findById.data) {
-      filosofiTriHitaState.findById.data.judul = formData.judul;
-      filosofiTriHitaState.findById.data.deskripsi = formData.content;
-      filosofiTriHitaState.update.save(filosofiTriHitaState.findById.data);
+    try {
+      setIsSubmitting(true);
+      if (filosofiTriHitaState.findById.data) {
+        filosofiTriHitaState.findById.data.judul = formData.judul;
+        filosofiTriHitaState.findById.data.deskripsi = formData.content;
+        filosofiTriHitaState.update.save(filosofiTriHitaState.findById.data);
+      }
+      router.push('/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana');
+    } catch (error) {
+      console.error("Error updating filosofi tri hita karana:", error);
+      toast.error("Terjadi kesalahan saat memperbarui filosofi tri hita karana");
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push('/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana');
   };
 
   return (
@@ -99,7 +125,19 @@ function EditFilosofiTriHitaKarana() {
             />
           </Box>
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -109,9 +147,8 @@ function EditFilosofiTriHitaKarana() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              loading={filosofiTriHitaState.update.loading}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
index 1df50f0c..ed32c9fa 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
@@ -1,12 +1,13 @@
 'use client'
 import stateKonservasiAdatBali from '@/app/admin/(dashboard)/_state/lingkungan/konservasi-adat-bali';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 const KonservasiAdatBaliTextEditor = dynamic(
@@ -17,9 +18,11 @@ const KonservasiAdatBaliTextEditor = dynamic(
 function EditNilaiKonservasiAdat() {
   const router = useRouter();
   const nilaiKonservasiState = useProxy(stateKonservasiAdatBali.stateNilaiKonservasiAdat);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // state lokal untuk form
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
+  const [originalData, setOriginalData] = useState({ judul: '', deskripsi: '' });
 
   // load data awal
   useShallowEffect(() => {
@@ -35,6 +38,10 @@ function EditNilaiKonservasiAdat() {
         judul: nilaiKonservasiState.findById.data.judul ?? '',
         deskripsi: nilaiKonservasiState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: nilaiKonservasiState.findById.data.judul ?? '',
+        deskripsi: nilaiKonservasiState.findById.data.deskripsi ?? '',
+      });
     }
   }, [nilaiKonservasiState.findById.data]);
 
@@ -42,14 +49,30 @@ function EditNilaiKonservasiAdat() {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
-  const submit = () => {
-    if (nilaiKonservasiState.findById.data) {
-      // update global state saat submit
-      nilaiKonservasiState.findById.data.judul = formData.judul;
-      nilaiKonservasiState.findById.data.deskripsi = formData.deskripsi;
-      nilaiKonservasiState.update.save(nilaiKonservasiState.findById.data);
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+  const handleSubmit = () => {
+    try {
+      setIsSubmitting(true);
+      if (nilaiKonservasiState.findById.data) {
+        // update global state saat submit
+        nilaiKonservasiState.findById.data.judul = formData.judul;
+        nilaiKonservasiState.findById.data.deskripsi = formData.deskripsi;
+        nilaiKonservasiState.update.save(nilaiKonservasiState.findById.data);
+      }
+      router.push('/admin/lingkungan/konservasi-adat-bali/nilai-konservasi-adat');
+    } catch (error) {
+      console.error("Error updating nilai konservasi adat:", error);
+      toast.error("Terjadi kesalahan saat memperbarui nilai konservasi adat");
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push('/admin/lingkungan/konservasi-adat-bali/nilai-konservasi-adat');
   };
 
   return (
@@ -96,9 +119,21 @@ function EditNilaiKonservasiAdat() {
             />
           </Box>
 
-          <Group justify="right" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              onClick={submit}
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
               radius="md"
               size="md"
               style={{
@@ -106,9 +141,8 @@ function EditNilaiKonservasiAdat() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              loading={nilaiKonservasiState.update.loading}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
index 72555ecf..ef0cb555 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
@@ -3,7 +3,7 @@
 
 import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useParams, useRouter } from 'next/navigation';
@@ -18,7 +18,7 @@ function EditKeteranganBankSampahTerdekat() {
   const router = useRouter();
   const params = useParams();
   const [markerPosition, setMarkerPosition] = useState<{ lat: number; lng: number } | null>(null);
-
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     name: '',
     alamat: '',
@@ -27,6 +27,14 @@ function EditKeteranganBankSampahTerdekat() {
     lng: 0,
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    alamat: '',
+    namaTempatMaps: '',
+    lat: 0,
+    lng: 0,
+  });
+
   // Load data ketika component mount
   useEffect(() => {
     const loadKeterangan = async () => {
@@ -46,6 +54,15 @@ function EditKeteranganBankSampahTerdekat() {
             lat: data.lat,
             lng: data.lng,
           });
+
+          // simpan juga versi original
+          setOriginalData({
+            name: data.name,
+            alamat: data.alamat,
+            namaTempatMaps: data.namaTempatMaps,
+            lat: data.lat,
+            lng: data.lng,
+          });
           setMarkerPosition({ lat: data.lat, lng: data.lng });
         }
       } catch (error) {
@@ -61,8 +78,21 @@ function EditKeteranganBankSampahTerdekat() {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      alamat: originalData.alamat,
+      namaTempatMaps: originalData.namaTempatMaps,
+      lat: originalData.lat,
+      lng: originalData.lng,
+    });
+    setMarkerPosition({ lat: originalData.lat, lng: originalData.lng });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       if (!formData.name.trim()) return toast.error('Nama bank sampah harus diisi');
       if (!formData.alamat.trim()) return toast.error('Alamat harus diisi');
       if (!formData.namaTempatMaps.trim()) return toast.error('Nama tempat di Maps harus diisi');
@@ -84,6 +114,8 @@ function EditKeteranganBankSampahTerdekat() {
     } catch (error) {
       console.error(error);
       toast.error(error instanceof Error ? error.message : 'Gagal memperbarui data bank sampah');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -150,6 +182,17 @@ function EditKeteranganBankSampahTerdekat() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -160,7 +203,7 @@ function EditKeteranganBankSampahTerdekat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
index 3bf71f3d..8b702830 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
@@ -2,7 +2,7 @@
 
 import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
@@ -17,6 +17,7 @@ function CreateKeteranganBankSampahTerdekat() {
   const router = useRouter();
 
   const [markerPosition, setMarkerPosition] = useState<{ lat: number; lng: number } | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     keteranganState.create.form = {
@@ -30,6 +31,7 @@ function CreateKeteranganBankSampahTerdekat() {
   }
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       if (!keteranganState.create.form.name) {
         return toast.error('Nama bank sampah harus diisi');
       }
@@ -48,6 +50,8 @@ function CreateKeteranganBankSampahTerdekat() {
     } catch (error) {
       console.error('Error creating bank sampah:', error);
       toast.error('Gagal menambahkan data bank sampah');
+    } finally {
+      setIsSubmitting(false);
     }
   }
 
@@ -74,7 +78,7 @@ function CreateKeteranganBankSampahTerdekat() {
           <TextInput
             label="Nama Bank Sampah"
             placeholder="Masukkan nama bank sampah"
-            defaultValue={keteranganState.create.form.name}
+            value={keteranganState.create.form.name}
             onChange={(e) => (keteranganState.create.form.name = e.target.value)}
             required
           />
@@ -82,7 +86,7 @@ function CreateKeteranganBankSampahTerdekat() {
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat lengkap"
-            defaultValue={keteranganState.create.form.alamat}
+            value={keteranganState.create.form.alamat}
             onChange={(e) => (keteranganState.create.form.alamat = e.target.value)}
             required
           />
@@ -90,7 +94,7 @@ function CreateKeteranganBankSampahTerdekat() {
           <TextInput
             label="Nama Tempat di Maps"
             placeholder="Masukkan nama tempat yang terdaftar di Google Maps"
-            defaultValue={keteranganState.create.form.namaTempatMaps}
+            value={keteranganState.create.form.namaTempatMaps}
             onChange={(e) => (keteranganState.create.form.namaTempatMaps = e.target.value)}
             required
           />
@@ -116,6 +120,17 @@ function CreateKeteranganBankSampahTerdekat() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -126,7 +141,7 @@ function CreateKeteranganBankSampahTerdekat() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
index f07cfb6d..c1c20352 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
@@ -3,7 +3,7 @@
 import SelectIconProgramEdit from '@/app/admin/(dashboard)/_com/selectIconEdit';
 import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -21,6 +21,7 @@ function EditProgramKreatifDesa() {
   const stateSampah = useProxy(pengelolaanSampahState.pengelolaanSampah)
   const params = useParams()
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // State lokal untuk form controlled
   const [formData, setFormData] = useState<FormProgramKreatif>({
@@ -28,6 +29,11 @@ function EditProgramKreatifDesa() {
     icon: '',
   });
 
+  const [originalData, setOriginalData] = useState<FormProgramKreatif>({
+    name: '',
+    icon: '',
+  });
+
   useEffect(() => {
     const loadProgramKreatif = async () => {
       const id = params?.id as string;
@@ -41,6 +47,10 @@ function EditProgramKreatifDesa() {
             name: data.name,
             icon: data.icon,
           });
+          setOriginalData({
+            name: data.name,
+            icon: data.icon,
+          });
         }
       } catch (error) {
         console.error("Error loading pengelolaan sampah:", error);
@@ -51,8 +61,17 @@ function EditProgramKreatifDesa() {
     loadProgramKreatif();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      icon: originalData.icon,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state HANYA saat submit
       stateSampah.update.form = {
         name: formData.name.trim(),
@@ -65,6 +84,8 @@ function EditProgramKreatifDesa() {
     } catch (error) {
       console.error("Error updating pengelolaan sampah:", error);
       toast.error(error instanceof Error ? error.message : "Gagal memperbarui data pengelolaan sampah");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -107,6 +128,17 @@ function EditProgramKreatifDesa() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -117,7 +149,7 @@ function EditProgramKreatifDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
index 365c97bd..a3b7dc61 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
@@ -2,17 +2,16 @@
 import SelectIconProgram from '@/app/admin/(dashboard)/_com/selectIcon';
 import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
-
-
-
 function CreatePengelolaanSampahBankSampah() {
   const stateCreate = useProxy(pengelolaanSampahState.pengelolaanSampah);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateCreate.create.form = {
@@ -23,11 +22,14 @@ function CreatePengelolaanSampahBankSampah() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       await stateCreate.create.create();
       resetForm();
       router.push("/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah");
     } catch (error) {
       console.error('Error creating pengelolaan sampah:', error);
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -59,7 +61,7 @@ function CreatePengelolaanSampahBankSampah() {
           <TextInput
             label="Nama Pengelolaan Sampah"
             placeholder="Masukkan nama pengelolaan sampah"
-            defaultValue={stateCreate.create.form.name || ''}
+            value={stateCreate.create.form.name || ''}
             onChange={(e) => (stateCreate.create.form.name = e.target.value)}
             required
           />
@@ -74,6 +76,17 @@ function CreatePengelolaanSampahBankSampah() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -84,7 +97,7 @@ function CreatePengelolaanSampahBankSampah() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
index 161aef97..3ebf74e0 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
@@ -9,6 +9,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -47,6 +48,7 @@ function EditProgramPenghijauan() {
   const stateProgramPenghijauan = useProxy(programPenghijauanState);
   const params = useParams();
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState<FormProgramPenghijauan>({
     name: '',
@@ -55,6 +57,13 @@ function EditProgramPenghijauan() {
     icon: '',
   });
 
+  const [originalData, setOriginalData] = useState<FormProgramPenghijauan>({
+    name: '',
+    judul: '',
+    deskripsi: '',
+    icon: '',
+  });
+
   // Load data program penghijauan
   useEffect(() => {
     const loadProgram = async () => {
@@ -71,6 +80,12 @@ function EditProgramPenghijauan() {
             deskripsi: data.deskripsi,
             icon: data.icon,
           });
+          setOriginalData({
+            name: data.name,
+            judul: data.judul,
+            deskripsi: data.deskripsi,
+            icon: data.icon,
+          });
         }
       } catch (error) {
         console.error('Error loading program penghijauan:', error);
@@ -81,9 +96,20 @@ function EditProgramPenghijauan() {
     loadProgram();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+      icon: originalData.icon,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   // Hanya update global state saat submit
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateProgramPenghijauan.update.form = {
         name: formData.name.trim(),
         judul: formData.judul.trim(),
@@ -97,6 +123,8 @@ function EditProgramPenghijauan() {
     } catch (error) {
       console.error('Error updating program penghijauan:', error);
       toast.error('Gagal memperbarui program penghijauan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -173,6 +201,17 @@ function EditProgramPenghijauan() {
 
           {/* Tombol simpan */}
           <Group justify="flex-end">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -183,7 +222,7 @@ function EditProgramPenghijauan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
index ff29a6ba..307e30af 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
@@ -4,9 +4,13 @@ import colors from '@/con/colors';
 import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import {
-  IconArrowBack, IconChartLine, IconChristmasTreeFilled, IconClipboard,
-  IconEdit, IconHomeEco, IconLeaf, IconRecycle, IconScale,
-  IconShieldFilled, IconTent, IconTrash, IconTrendingUp,
+  IconAlertTriangle,
+  IconAmbulance,
+  IconArrowBack, IconBuilding, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboard,
+  IconDroplet,
+  IconEdit, IconFiretruck, IconHome, IconHomeEco, IconHospital, IconLeaf, IconRecycle, IconScale,
+  IconSchool,
+  IconShieldFilled, IconShoppingCart, IconTent, IconTrash, IconTree, IconTrendingUp,
   IconTrophy, IconTruck
 } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -24,18 +28,31 @@ function DetailProgramPenghijauan() {
 
   const iconMap: Record<string, React.FC<any>> = {
     ekowisata: IconLeaf,
-    kompetisi: IconTrophy,
-    wisata: IconTent,
-    ekonomi: IconChartLine,
-    sampah: IconRecycle,
-    truck: IconTruck,
-    scale: IconScale,
-    clipboard: IconClipboard,
-    trash: IconTrash,
-    lingkunganSehat: IconHomeEco,
-    sumberOksigen: IconChristmasTreeFilled,
-    ekonomiBerkelanjutan: IconTrendingUp,
-    mencegahBencana: IconShieldFilled,
+  kompetisi: IconTrophy,
+  wisata: IconTent,
+  ekonomi: IconChartLine,
+  sampah: IconRecycle,
+  truck: IconTruck,
+  scale: IconScale,
+  clipboard: IconClipboard,
+  trash: IconTrash,
+  lingkunganSehat: IconHomeEco,
+  sumberOksigen: IconChristmasTreeFilled,
+  ekonomiBerkelanjutan: IconTrendingUp,
+  mencegahBencana: IconShieldFilled,
+  rumah: IconHome,
+  pohon: IconTree,
+  air: IconDroplet,
+  bantuan: IconCash,
+  pelatihan: IconSchool,
+  subsidi: IconShoppingCart,
+  layananKesehatan: IconHospital,
+  polisi: IconShieldFilled,
+  ambulans: IconAmbulance,
+  pemadam: IconFiretruck,
+  rumahSakit: IconHospital,
+  bangunan: IconBuilding,
+  darurat: IconAlertTriangle
   };
 
   useShallowEffect(() => {
@@ -96,7 +113,7 @@ function DetailProgramPenghijauan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Ikon Program</Text>
-                {iconMap[data?.icon] ? (
+                {iconMap[data?.icon]  ? (
                   <Box title={data?.icon}>
                     {React.createElement(iconMap[data.icon], { size: 28, color: colors['blue-button'] })}
                   </Box>
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
index 3031d35d..e06a98d1 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
@@ -4,6 +4,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -16,10 +17,13 @@ import { useProxy } from 'valtio/utils';
 import CreateEditor from '../../../_com/createEditor';
 import SelectIconProgram from '../../../_com/selectIcon';
 import programPenghijauanState from '../../../_state/lingkungan/program-penghijauan';
+import { toast } from 'react-toastify';
+import { useState } from 'react';
 
 function CreateProgramPenghijauan() {
   const stateCreate = useProxy(programPenghijauanState);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateCreate.create.form = {
@@ -31,9 +35,17 @@ function CreateProgramPenghijauan() {
   };
 
   const handleSubmit = async () => {
-    await stateCreate.create.create();
-    resetForm();
-    router.push('/admin/lingkungan/program-penghijauan');
+    try {
+      setIsSubmitting(true);
+      await stateCreate.create.create();
+      resetForm();
+      router.push('/admin/lingkungan/program-penghijauan');
+    } catch (error) {
+      console.error(error);
+      toast.error(error instanceof Error ? error.message : 'Gagal menambahkan program penghijauan');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -66,7 +78,7 @@ function CreateProgramPenghijauan() {
           <TextInput
             label={<Text fz="sm" fw="bold">Nama Program Penghijauan</Text>}
             placeholder="Masukkan nama program penghijauan"
-            defaultValue={stateCreate.create.form.name || ''}
+            value={stateCreate.create.form.name || ''}
             onChange={(e) => (stateCreate.create.form.name = e.target.value)}
             required
           />
@@ -83,7 +95,7 @@ function CreateProgramPenghijauan() {
           <TextInput
             label={<Text fz="sm" fw="bold">Judul Deskripsi Program Penghijauan</Text>}
             placeholder="Masukkan judul deskripsi program penghijauan"
-            defaultValue={stateCreate.create.form.judul || ''}
+            value={stateCreate.create.form.judul || ''}
             onChange={(e) => (stateCreate.create.form.judul = e.target.value)}
             required
           />
@@ -101,6 +113,17 @@ function CreateProgramPenghijauan() {
           </Box>
 
           <Group justify="right" mt="sm">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -111,7 +134,7 @@ function CreateProgramPenghijauan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
index 9fac6d28..18728c2c 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
@@ -3,7 +3,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -14,10 +14,15 @@ function EditProgramKreatifDesa() {
   const state = useProxy(beasiswaDesaState.keunggulanProgram)
   const params = useParams()
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
     judul: '',
     deskripsi: '',
   })
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  })
 
   useEffect(() => {
     const loadProgramKreatif = async () => {
@@ -39,6 +44,10 @@ function EditProgramKreatifDesa() {
             judul: data.judul,
             deskripsi: data.deskripsi,
           });
+          setOriginalData({
+            judul: data.judul,
+            deskripsi: data.deskripsi,
+          });
         }
       } catch (error) {
         console.error("Error loading pengelolaan sampah:", error);
@@ -49,10 +58,24 @@ function EditProgramKreatifDesa() {
     loadProgramKreatif();
   }, [params?.id]);
 
-
+  const handleResetForm = () => {
+    const resetData = {
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    };
+  
+    setFormData(resetData);
+  
+    // ⬇️ tambahkan sinkronisasi ke state global
+    state.update.form = { ...resetData };
+  
+    toast.info("Form dikembalikan ke data awal");
+  };
+  
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       state.update.form = {
         ...state.update.form,
         judul: formData.judul.trim(),
@@ -65,6 +88,8 @@ function EditProgramKreatifDesa() {
     } catch (error) {
       console.error("Error updating keunggulan program:", error);
       toast.error(error instanceof Error ? error.message : "Gagal memperbarui data keunggulan program");
+    } finally {
+      setIsSubmitting(false);
     }
   }
   return (
@@ -95,7 +120,7 @@ function EditProgramKreatifDesa() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            defaultValue={formData.judul}
+            value={formData.judul}
             onChange={(e) => {
               const value = e.target.value;
               setFormData(prev => ({
@@ -120,6 +145,17 @@ function EditProgramKreatifDesa() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -130,7 +166,7 @@ function EditProgramKreatifDesa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
index 2206cef2..00b7bc4b 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
@@ -2,9 +2,10 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
 
@@ -13,6 +14,7 @@ import { useProxy } from 'valtio/utils';
 function CreateKeunggulanProgram() {
   const stateCreate = useProxy(beasiswaDesaState.keunggulanProgram);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateCreate.create.form = {
@@ -23,11 +25,14 @@ function CreateKeunggulanProgram() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       await stateCreate.create.create();
       resetForm();
       router.push("/admin/pendidikan/beasiswa-desa/keunggulan-program");
     } catch (error) {
       console.error('Error creating keunggulan program:', error);
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -59,7 +64,7 @@ function CreateKeunggulanProgram() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            defaultValue={stateCreate.create.form.judul || ''}
+            value={stateCreate.create.form.judul || ''}
             onChange={(e) => (stateCreate.create.form.judul = e.target.value)}
             required
           />
@@ -77,6 +82,17 @@ function CreateKeunggulanProgram() {
           </Box>
 
           <Group justify="right" mt="md">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -87,7 +103,7 @@ function CreateKeunggulanProgram() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
index 09a00b71..15beadd4 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Center,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -36,6 +37,10 @@ function EditFasilitasYangDisediakan() {
   // === State lokal form ===
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  });
 
   // Load data pertama kali
   useShallowEffect(() => {
@@ -51,6 +56,10 @@ function EditFasilitasYangDisediakan() {
         judul: editState.findById.data.judul ?? '',
         deskripsi: editState.findById.data.deskripsi ?? ''
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        deskripsi: editState.findById.data.deskripsi ?? '',
+      });
     }
   }, [editState.findById.data]);
 
@@ -58,6 +67,14 @@ function EditFasilitasYangDisediakan() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.judul.trim()) {
       toast.error('Judul wajib diisi');
@@ -146,23 +163,31 @@ function EditFasilitasYangDisediakan() {
             </Box>
 
             {/* Tombol Aksi */}
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
index 31ac6352..4b2a8156 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Center,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -36,6 +37,7 @@ function EditLokasiDanJadwal() {
   // state lokal untuk form, tidak langsung merubah global state
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({ judul: '', deskripsi: '' });
 
   // Load data sekali
   useShallowEffect(() => {
@@ -51,6 +53,10 @@ function EditLokasiDanJadwal() {
         judul: editState.findById.data.judul ?? '',
         deskripsi: editState.findById.data.deskripsi ?? ''
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        deskripsi: editState.findById.data.deskripsi ?? ''
+      });
     }
   }, [editState.findById.data]);
 
@@ -58,6 +64,14 @@ function EditLokasiDanJadwal() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.judul.trim()) {
       toast.error('Judul wajib diisi');
@@ -147,23 +161,31 @@ function EditLokasiDanJadwal() {
             </Box>
 
             {/* Action Button */}
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
index 3ddddbd1..be02e0d6 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Center,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -36,6 +37,7 @@ function EditTujuanProgram() {
   // gabung judul & content jadi formData
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({ judul: '', deskripsi: '' });
 
   // load data sekali
   useShallowEffect(() => {
@@ -49,6 +51,10 @@ function EditTujuanProgram() {
         judul: editState.findById.data.judul ?? '',
         deskripsi: editState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        deskripsi: editState.findById.data.deskripsi ?? '',
+      });
     }
   }, [editState.findById.data]);
 
@@ -56,6 +62,14 @@ function EditTujuanProgram() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.judul.trim()) {
       toast.error('Judul wajib diisi');
@@ -139,23 +153,31 @@ function EditTujuanProgram() {
             </Box>
 
             {/* Submit & Cancel */}
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
index ff3d1e37..731b4f22 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
@@ -2,18 +2,20 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Loader, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import dataPendidikan from '../../../_state/pendidikan/data-pendidikan';
+import { toast } from 'react-toastify';
 
 export default function EditDataPendidikan() {
   const router = useRouter();
   const params = useParams() as { id: string };
   const stateDPM = useProxy(dataPendidikan);
   const id = params.id;
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // state lokal untuk form
   const [formData, setFormData] = useState({
@@ -21,6 +23,11 @@ export default function EditDataPendidikan() {
     jumlah: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    jumlah: '',
+  });
+
   // Load data saat mount
   useEffect(() => {
     if (id) {
@@ -31,21 +38,41 @@ export default function EditDataPendidikan() {
             name: data.name || '',
             jumlah: data.jumlah || '',
           });
+          setOriginalData({
+            name: data.name || '',
+            jumlah: data.jumlah || '',
+          });
         }
       });
     }
   }, [id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      jumlah: originalData.jumlah,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleChange = (field: 'name' | 'jumlah', value: string) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
   const handleSubmit = async () => {
-    // update global state hanya saat submit
+    try {
+      setIsSubmitting(true);
+      // update global state hanya saat submit
     stateDPM.update.id = id;
     stateDPM.update.form = { ...formData };
     await stateDPM.update.submit();
     router.push('/admin/pendidikan/data-pendidikan');
+    } catch (error) {
+      console.error("Error updating data pendidikan:", error);
+      toast.error("Terjadi kesalahan saat memperbarui data pendidikan");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -83,19 +110,30 @@ export default function EditDataPendidikan() {
             radius="md"
             required
           />
-          <Group justify="right" mt="sm">
+          <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              onClick={handleSubmit}
-              style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, ${colors['blue-button-trans']})`,
-                color: 'white',
-                boxShadow: '0 0 10px rgba(0,123,255,0.5)',
-                '&:hover': { opacity: 0.9 },
-              }}
+              variant="outline"
+              color="gray"
               radius="md"
               size="md"
+              onClick={handleResetForm}
             >
-              Simpan
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
index 6cd346a8..dcfb0a49 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
@@ -1,31 +1,41 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import dataPendidikan from '../../../_state/pendidikan/data-pendidikan';
+import { toast } from 'react-toastify';
 
 export default function CreateDataPendidikan() {
   const stateDPM = useProxy(dataPendidikan);
   const [chartData, setChartData] = useState<any[]>([]);
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stateDPM.create.form = { name: '', jumlah: '' };
   };
 
   const handleSubmit = async () => {
-    const id = await stateDPM.create.create();
-    if (id) {
-      const idStr = String(id);
-      await stateDPM.findUnique.load(idStr);
-      if (stateDPM.findUnique.data) setChartData([stateDPM.findUnique.data]);
+    try {
+      setIsSubmitting(true);
+      const id = await stateDPM.create.create();
+      if (id) {
+        const idStr = String(id);
+        await stateDPM.findUnique.load(idStr);
+        if (stateDPM.findUnique.data) setChartData([stateDPM.findUnique.data]);
+      }
+      resetForm();
+      router.push('/admin/pendidikan/data-pendidikan');
+    } catch (error) {
+      console.error("Error creating data pendidikan:", error);
+      toast.error("Terjadi kesalahan saat menambahkan data pendidikan");
+    } finally {
+      setIsSubmitting(false);
     }
-    resetForm();
-    router.push('/admin/pendidikan/data-pendidikan');
   };
 
   return (
@@ -49,7 +59,7 @@ export default function CreateDataPendidikan() {
           <TextInput
             label="Nama Pendidikan"
             placeholder="Contoh: SD, SMP, SMA"
-            defaultValue={stateDPM.create.form.name}
+            value={stateDPM.create.form.name}
             onChange={(e) => (stateDPM.create.form.name = e.currentTarget.value)}
             radius="md"
             required
@@ -57,25 +67,36 @@ export default function CreateDataPendidikan() {
           <TextInput
             label="Jumlah Peserta"
             placeholder="Masukkan jumlah peserta"
-            defaultValue={stateDPM.create.form.jumlah}
+            value={stateDPM.create.form.jumlah}
             onChange={(e) => (stateDPM.create.form.jumlah = e.currentTarget.value)}
             radius="md"
             type="number"
             required
           />
-          <Group justify="right" mt="sm">
+          <Group justify="right">
+            {/* Tombol Batal */}
             <Button
-              onClick={handleSubmit}
-              style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, ${colors['blue-button-trans']})`,
-                color: 'white',
-                boxShadow: '0 0 10px rgba(0,123,255,0.5)',
-                '&:hover': { opacity: 0.9 },
-              }}
+              variant="outline"
+              color="gray"
               radius="md"
               size="md"
+              onClick={resetForm}
             >
-              Simpan
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
index 5e9395c6..252eed16 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -26,6 +27,8 @@ function EditJenjangPendidikan() {
   const stateJenjang = useProxy(infoSekolahPaud.jenjangPendidikan);
 
   const [formData, setFormData] = useState({ nama: '' });
+  const [originalData, setOriginalData] = useState({ nama: '' });
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [loading, setLoading] = useState(true);
 
   // Load data sekali saat component mount
@@ -38,6 +41,7 @@ function EditJenjangPendidikan() {
         if (data) {
           stateJenjang.edit.id = id; // tetap simpan di global state
           setFormData({ nama: data.nama || '' });
+          setOriginalData({ nama: data.nama || '' });
         }
       } catch (error) {
         console.error('Error loading jenjang pendidikan:', error);
@@ -61,6 +65,7 @@ function EditJenjangPendidikan() {
     }
 
     try {
+      setIsSubmitting(true);
       stateJenjang.edit.form = { nama: formData.nama.trim() };
       if (!stateJenjang.edit.id) stateJenjang.edit.id = id;
 
@@ -72,9 +77,18 @@ function EditJenjangPendidikan() {
     } catch (error) {
       console.error('Error updating jenjang pendidikan:', error);
       toast.error('Terjadi kesalahan saat memperbarui jenjang pendidikan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       {/* Header */}
@@ -107,6 +121,17 @@ function EditJenjangPendidikan() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -117,7 +142,7 @@ function EditJenjangPendidikan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
index e66fa92f..dacee6d5 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Stack,
   TextInput,
@@ -12,7 +13,7 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import infoSekolahPaud from '../../../../_state/pendidikan/info-sekolah-paud';
@@ -20,6 +21,7 @@ import infoSekolahPaud from '../../../../_state/pendidikan/info-sekolah-paud';
 function CreateJenjangPendidikan() {
   const router = useRouter();
   const stateJenjang = useProxy(infoSekolahPaud.jenjangPendidikan);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateJenjang.findMany.load();
@@ -32,13 +34,20 @@ function CreateJenjangPendidikan() {
   };
 
   const handleSubmit = async () => {
-    if (!stateJenjang.create.form.nama) {
-      return toast.warn('Nama jenjang pendidikan tidak boleh kosong');
-    }
+    try {
+      if (!stateJenjang.create.form.nama) {
+        return toast.warn('Nama jenjang pendidikan tidak boleh kosong');
+      }
 
-    await stateJenjang.create.create();
-    resetForm();
-    router.push('/admin/pendidikan/info-sekolah/jenjang-pendidikan');
+      setIsSubmitting(true);
+      await stateJenjang.create.create();
+      resetForm();
+      router.push('/admin/pendidikan/info-sekolah/jenjang-pendidikan');
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -71,12 +80,23 @@ function CreateJenjangPendidikan() {
           <TextInput
             label="Nama Jenjang Pendidikan"
             placeholder="Masukkan nama jenjang pendidikan"
-            defaultValue={stateJenjang.create.form.nama || ''}
+            value={stateJenjang.create.form.nama || ''}
             onChange={(e) => (stateJenjang.create.form.nama = e.target.value)}
             required
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -87,7 +107,7 @@ function CreateJenjangPendidikan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
index d5b322a1..3b5107f8 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -24,12 +25,18 @@ export default function EditLembaga() {
   const { id } = useParams<{ id: string }>();
   const state = useProxy(infoSekolahPaud.lembagaPendidikan);
   const jenjangPendidikanList = infoSekolahPaud.jenjangPendidikan.findMany.data;
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [form, setForm] = useState({
     nama: '',
     jenjangId: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+    jenjangId: '',
+  });
+
   // Load jenjang pendidikan dan data lembaga
   useEffect(() => {
     infoSekolahPaud.jenjangPendidikan.findMany.load();
@@ -41,6 +48,10 @@ export default function EditLembaga() {
             nama: data.nama,
             jenjangId: data.jenjangId,
           });
+          setOriginalData({
+            nama: data.nama,
+            jenjangId: data.jenjangId,
+          });
         }
       });
     }
@@ -50,21 +61,37 @@ export default function EditLembaga() {
     setForm((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setForm({
+      nama: originalData.nama,
+      jenjangId: originalData.jenjangId,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
-    if (!form.nama || !form.jenjangId) {
-      toast.warn('Nama dan jenjang pendidikan harus diisi');
-      return;
-    }
+    try {
+      setIsSubmitting(true);
+      if (!form.nama || !form.jenjangId) {
+        toast.warn('Nama dan jenjang pendidikan harus diisi');
+        return;
+      }
 
-    // Update global state hanya saat submit
-    state.edit.id = id;
-    state.edit.form = form;
+      // Update global state hanya saat submit
+      state.edit.id = id;
+      state.edit.form = form;
 
-    const result = await state.edit.update();
+      const result = await state.edit.update();
 
-    if (result) {
-      toast.success('Data berhasil diperbarui');
-      router.push('/admin/pendidikan/info-sekolah/lembaga');
+      if (result) {
+        toast.success('Data berhasil diperbarui');
+        router.push('/admin/pendidikan/info-sekolah/lembaga');
+      }
+    } catch (error) {
+      console.error('Error updating lembaga:', error);
+      toast.error('Gagal memperbarui lembaga');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -119,6 +146,17 @@ export default function EditLembaga() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -129,7 +167,7 @@ export default function EditLembaga() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
index bfbd79fc..447e6938 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -14,13 +15,15 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import infoSekolahPaud from '../../../../_state/pendidikan/info-sekolah-paud';
+import { toast } from 'react-toastify';
 
 function CreateLembaga() {
   const router = useRouter();
   const stateLembaga = useProxy(infoSekolahPaud.lembagaPendidikan);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateLembaga.findMany.load();
@@ -35,9 +38,17 @@ function CreateLembaga() {
   };
 
   const handleSubmit = async () => {
-    await stateLembaga.create.create();
-    resetForm();
-    router.push('/admin/pendidikan/info-sekolah/lembaga');
+    try {
+      setIsSubmitting(true);
+      await stateLembaga.create.create();
+      resetForm();
+      router.push('/admin/pendidikan/info-sekolah/lembaga');
+    } catch (error) {
+      console.error('Error creating lembaga:', error);
+      toast.error('Gagal menambahkan lembaga');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -63,7 +74,7 @@ function CreateLembaga() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={stateLembaga.create.form.nama}
+            value={stateLembaga.create.form.nama}
             onChange={(val) => {
               stateLembaga.create.form.nama = val.target.value;
             }}
@@ -90,6 +101,17 @@ function CreateLembaga() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -100,7 +122,7 @@ function CreateLembaga() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
index 6d2a91bb..4df0541d 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -29,10 +30,15 @@ function EditPengajar() {
   const params = useParams();
   const router = useRouter();
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState<FormPengajar>({
     nama: '',
     lembagaId: ''
   });
+  const [originalData, setOriginalData] = useState<FormPengajar>({
+    nama: '',
+    lembagaId: ''
+  });
 
   useEffect(() => {
     const loadData = async () => {
@@ -47,6 +53,10 @@ function EditPengajar() {
             nama: data.nama || '',
             lembagaId: data.lembagaId || '',
           });
+          setOriginalData({
+            nama: data.nama || '',
+            lembagaId: data.lembagaId || '',
+          });
         }
       } catch (err) {
         console.error(err);
@@ -57,12 +67,21 @@ function EditPengajar() {
     loadData();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      lembagaId: originalData.lembagaId,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleChange = (field: keyof FormPengajar, value: string) => {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // update global state hanya saat submit
       pengajarState.edit.form = {
         ...pengajarState.edit.form,
@@ -75,6 +94,8 @@ function EditPengajar() {
     } catch (err) {
       console.error(err);
       toast.error("Terjadi kesalahan saat memperbarui pengajar");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -121,6 +142,17 @@ function EditPengajar() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -131,7 +163,7 @@ function EditPengajar() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
index 3049368b..a0395acc 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -15,13 +16,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreatePengajar() {
   const router = useRouter();
   const stateCreate = useProxy(infoSekolahPaud.pengajar);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateCreate.findMany.load();
@@ -36,14 +38,22 @@ function CreatePengajar() {
   };
 
   const handleSubmit = async () => {
-    if (!stateCreate.create.form.nama || !stateCreate.create.form.lembagaId) {
-      return toast.warn('Nama dan Lembaga wajib diisi!');
+    try {
+      setIsSubmitting(true);
+      if (!stateCreate.create.form.nama || !stateCreate.create.form.lembagaId) {
+        return toast.warn('Nama dan Lembaga wajib diisi!');
+      }
+  
+      await stateCreate.create.create();
+  
+      resetForm();
+      router.push('/admin/pendidikan/info-sekolah/pengajar');
+    } catch (error) {
+      console.error('Error creating pengajar:', error);
+      toast.error('Terjadi kesalahan saat menambahkan pengajar');
+    } finally {
+      setIsSubmitting(false);
     }
-
-    await stateCreate.create.create();
-
-    resetForm();
-    router.push('/admin/pendidikan/info-sekolah/pengajar');
   };
 
   return (
@@ -71,7 +81,7 @@ function CreatePengajar() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama</Text>}
             placeholder="Masukkan nama pengajar"
-            defaultValue={stateCreate.create.form.nama}
+            value={stateCreate.create.form.nama}
             onChange={(e) => (stateCreate.create.form.nama = e.target.value)}
             required
           />
@@ -91,6 +101,17 @@ function CreatePengajar() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -101,7 +122,7 @@ function CreatePengajar() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
index c22b8792..6d283d2e 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -29,6 +30,12 @@ function EditSiswa() {
   const siswaState = useProxy(infoSekolahPaud.siswa);
   const params = useParams();
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    nama: "",
+    lembagaId: "",
+  });
 
   const [formData, setFormData] = useState<FormSiswa>({
     nama: '',
@@ -48,6 +55,10 @@ function EditSiswa() {
             nama: data.nama || '',
             lembagaId: data.lembagaId || '',
           });
+          setOriginalData({
+            nama: data.nama || '',
+            lembagaId: data.lembagaId || '',
+          });
         }
       } catch (error) {
         console.error('Error loading siswa:', error);
@@ -67,9 +78,18 @@ function EditSiswa() {
     }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      lembagaId: originalData.lembagaId,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   // Submit ke global state
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       siswaState.edit.form = {
         ...siswaState.edit.form,
         nama: formData.nama.trim(),
@@ -81,6 +101,8 @@ function EditSiswa() {
     } catch (error) {
       console.error('Error updating siswa:', error);
       toast.error('Terjadi kesalahan saat memperbarui siswa');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -129,6 +151,17 @@ function EditSiswa() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -139,7 +172,7 @@ function EditSiswa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
index 34ef5442..0cd59c97 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -15,12 +16,14 @@ import {
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateSiswa() {
   const router = useRouter();
   const stateCreate = useProxy(infoSekolahPaud.siswa);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     stateCreate.findMany.load();
@@ -35,10 +38,17 @@ function CreateSiswa() {
   };
 
   const handleSubmit = async () => {
-    await stateCreate.create.create();
-
-    resetForm();
-    router.push('/admin/pendidikan/info-sekolah/siswa');
+    try {
+      setIsSubmitting(true);
+      await stateCreate.create.create();
+      resetForm();
+      router.push('/admin/pendidikan/info-sekolah/siswa');
+    } catch (error) {
+      console.error('Error creating siswa:', error);
+      toast.error('Gagal menambahkan siswa');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -64,7 +74,7 @@ function CreateSiswa() {
       >
         <Stack gap="md">
           <TextInput
-            defaultValue={stateCreate.create.form.nama}
+            value={stateCreate.create.form.nama}
             onChange={(val) => {
               stateCreate.create.form.nama = val.target.value;
             }}
@@ -90,6 +100,17 @@ function CreateSiswa() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -100,7 +121,7 @@ function CreateSiswa() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
index 5c459e6e..30117ce0 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
@@ -6,6 +6,7 @@ import {
   Button,
   Center,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -34,6 +35,7 @@ function EditJenisProgramYangDiselenggarakan() {
 
   const [formData, setFormData] = useState({ judul: '', content: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({ judul: '', content: '' });
 
   // Load data pertama kali
   useShallowEffect(() => {
@@ -49,6 +51,10 @@ function EditJenisProgramYangDiselenggarakan() {
         judul: editState.findById.data.judul ?? '',
         content: editState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        content: editState.findById.data.deskripsi ?? '',
+      });
     }
   }, [editState.findById.data]);
 
@@ -56,6 +62,14 @@ function EditJenisProgramYangDiselenggarakan() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      content: originalData.content,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.judul.trim()) {
       toast.error('Judul wajib diisi');
@@ -137,24 +151,32 @@ function EditJenisProgramYangDiselenggarakan() {
               />
             </Box>
 
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
+            <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
 
-              <Button
-                variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
-              >
-                Batal
-              </Button>
-            </Group>
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
           </Stack>
         </Paper>
       </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
index f4a46c19..699e9839 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Center,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -39,6 +40,10 @@ function EditTempatKegiatan() {
     deskripsi: '',
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  });
 
   // load data pertama kali
   useShallowEffect(() => {
@@ -54,6 +59,10 @@ function EditTempatKegiatan() {
         judul: editState.findById.data.judul ?? '',
         deskripsi: editState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        deskripsi: editState.findById.data.deskripsi ?? '',
+      });
     }
   }, [editState.findById.data]);
 
@@ -61,6 +70,14 @@ function EditTempatKegiatan() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.judul.trim()) {
       toast.error('Judul wajib diisi');
@@ -143,23 +160,31 @@ function EditTempatKegiatan() {
               />
             </Box>
 
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
index 48d3d1db..111cd506 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Center,
   Group,
   Paper,
+  Loader,
   Stack,
   Text,
   TextInput,
@@ -32,6 +33,10 @@ function EditTujuanProgram() {
 
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  });
 
   // Load data pertama kali
   useShallowEffect(() => {
@@ -47,6 +52,10 @@ function EditTujuanProgram() {
         judul: editState.findById.data.judul ?? '',
         deskripsi: editState.findById.data.deskripsi ?? ''
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        deskripsi: editState.findById.data.deskripsi ?? '',
+      });
     }
   }, [editState.findById.data]);
 
@@ -54,6 +63,14 @@ function EditTujuanProgram() {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.judul.trim()) {
       toast.error('Judul wajib diisi');
@@ -129,23 +146,31 @@ function EditTujuanProgram() {
               />
             </Box>
 
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
index 1f14cc05..52208e15 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
+import { ActionIcon, Loader, Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -18,6 +18,7 @@ function EditPerpustakaanDigital() {
   const router = useRouter();
   const params = useParams();
   const editState = useProxy(perpustakaanDigitalState.dataPerpustakaan);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState({
     judul: '',
@@ -26,6 +27,14 @@ function EditPerpustakaanDigital() {
     imageId: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+    kategoriId: '',
+    imageId: '',
+    imageUrl: ''
+  });
+
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
@@ -48,6 +57,14 @@ function EditPerpustakaanDigital() {
           imageId: data.imageId || '',
         });
 
+        setOriginalData({
+          judul: data.judul || '',
+          deskripsi: data.deskripsi || '',
+          kategoriId: data.kategoriId || '',
+          imageId: data.imageId || '',
+          imageUrl: data.image?.link || '',
+        });
+
         if (data.image?.link) setPreviewImage(data.image.link);
       } catch (error) {
         console.error(error);
@@ -62,8 +79,20 @@ function EditPerpustakaanDigital() {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+      kategoriId: originalData.kategoriId,
+      imageId: originalData.imageId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state hanya pas submit
       editState.update.form = { ...editState.update.form, ...formData };
 
@@ -81,6 +110,8 @@ function EditPerpustakaanDigital() {
     } catch (error) {
       console.error(error);
       toast.error('Terjadi kesalahan saat memperbarui data perpustakaan');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -120,7 +151,7 @@ function EditPerpustakaanDigital() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -139,14 +170,14 @@ function EditPerpustakaanDigital() {
                     Seret gambar atau klik untuk memilih file
                   </Text>
                   <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar wajib
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -154,6 +185,24 @@ function EditPerpustakaanDigital() {
                   style={{ maxHeight: 220, objectFit: 'contain', border: `1px solid ${colors['blue-button']}` }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -190,6 +239,17 @@ function EditPerpustakaanDigital() {
 
           {/* Submit Button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -200,7 +260,7 @@ function EditPerpustakaanDigital() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
index e5eec0d7..a85c0caa 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
@@ -3,7 +3,7 @@ import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
+import { ActionIcon, Box, Button, Group, Image, Loader, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -16,6 +16,7 @@ function CreateDataPerpustakaan() {
   const router = useRouter();
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
     perpustakaanDigitalState.kategoriBuku.findMany.load();
@@ -33,24 +34,32 @@ function CreateDataPerpustakaan() {
   };
 
   const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn("Pilih file gambar terlebih dahulu");
+    try {
+      if (!file) {
+        return toast.warn("Pilih file gambar terlebih dahulu");
+      }
+
+      setIsSubmitting(true);
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error("Gagal upload gambar");
+      }
+
+      createState.create.form.imageId = uploaded.id;
+      await createState.create.create();
+      resetForm();
+      router.push("/admin/pendidikan/perpustakaan-digital/data-perpustakaan")
+    } catch (error) {
+      console.error("Error creating data perpustakaan:", error);
+      toast.error("Gagal menambahkan data perpustakaan");
+    } finally {
+      setIsSubmitting(false);
     }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error("Gagal upload gambar");
-    }
-
-    createState.create.form.imageId = uploaded.id;
-    await createState.create.create();
-    resetForm();
-    router.push("/admin/pendidikan/perpustakaan-digital/data-perpustakaan")
   };
 
   return (
@@ -78,7 +87,7 @@ function CreateDataPerpustakaan() {
           <TextInput
             label={<Text fw="bold" fz="sm">Judul</Text>}
             placeholder='Masukkan judul'
-            defaultValue={createState.create.form.judul}
+            value={createState.create.form.judul}
             onChange={(val) => {
               createState.create.form.judul = val.target.value;
             }}
@@ -119,7 +128,7 @@ function CreateDataPerpustakaan() {
               }}
               onReject={() => toast.error('File tidak valid.')}
               maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': [] }}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
               radius="md"
               p="xl"
             >
@@ -140,7 +149,7 @@ function CreateDataPerpustakaan() {
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ textAlign: 'center' }}>
+              <Box pos={"relative"} mt="sm" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview"
@@ -148,12 +157,41 @@ function CreateDataPerpustakaan() {
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
                   loading="lazy"
                 />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
 
           {/* Submit Button */}
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -164,7 +202,7 @@ function CreateDataPerpustakaan() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
index b29b3156..67a51242 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
@@ -3,7 +3,7 @@
 
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -14,6 +14,11 @@ function EditKategoriBuku() {
   const editState = useProxy(perpustakaanDigitalState.kategoriBuku);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+  })
 
   const [formData, setFormData] = useState({ name: '' });
   const [loading, setLoading] = useState(true);
@@ -27,6 +32,9 @@ function EditKategoriBuku() {
         const data = await editState.update.load(id);
         if (data) {
           setFormData({ name: data.name || '' });
+          setOriginalData({
+            name: data.name || "",
+          });
         }
       } catch (error) {
         console.error('Error loading kategori buku:', error);
@@ -43,8 +51,16 @@ function EditKategoriBuku() {
     setFormData((prev) => ({ ...prev, name: e.target.value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       // Update global state hanya saat submit
       editState.update.form = { ...editState.update.form, name: formData.name };
       await editState.update.update();
@@ -53,6 +69,8 @@ function EditKategoriBuku() {
     } catch (error) {
       console.error('Error updating kategori buku:', error);
       toast.error('Terjadi kesalahan saat memperbarui kategori buku');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -86,6 +104,18 @@ function EditKategoriBuku() {
           />
 
           <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -95,9 +125,8 @@ function EditKategoriBuku() {
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-              disabled={loading || !formData.name.trim()}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
index c82b184c..ec7ca529 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
@@ -1,14 +1,17 @@
 'use client'
 import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Loader, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreateKategoriBuku() {
   const createState = useProxy(perpustakaanDigitalState.kategoriBuku)
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     createState.create.form = {
@@ -17,9 +20,17 @@ function CreateKategoriBuku() {
   };
 
   const handleSubmit = async () => {
-    await createState.create.create();
-    resetForm();
-    router.push("/admin/pendidikan/perpustakaan-digital/kategori-buku");
+    try {
+      setIsSubmitting(true);
+      await createState.create.create();
+      resetForm();
+      router.push("/admin/pendidikan/perpustakaan-digital/kategori-buku");
+    } catch (error) {
+      console.error("Error creating kategori buku:", error);
+      toast.error("Terjadi kesalahan saat menambahkan kategori buku");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -47,7 +58,7 @@ function CreateKategoriBuku() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Kategori Buku</Text>}
             placeholder='Masukkan nama kategori buku'
-            defaultValue={createState.create.form.name}
+            value={createState.create.form.name}
             onChange={(val) => {
               createState.create.form.name = val.target.value;
             }}
@@ -55,6 +66,17 @@ function CreateKategoriBuku() {
           />
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -65,7 +87,7 @@ function CreateKategoriBuku() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
index 48463e0a..161a10bf 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
@@ -8,6 +8,7 @@ import {
   Box,
   Button,
   Group,
+  Loader,
   Paper,
   Select,
   Stack,
@@ -29,6 +30,7 @@ function EditPeminjam() {
   const stateEdit = useProxy(perpustakaanDigitalState.peminjamanBuku);
   const router = useRouter();
   const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [formData, setFormData] = useState<{
     nama: string;
@@ -56,6 +58,18 @@ function EditPeminjam() {
     catatan: '',
   });
 
+  const [originalData, setOriginalData] = useState({
+    nama: "",
+    noTelp: "",
+    alamat: "",
+    bukuId: "",
+    tanggalPinjam: "",
+    batasKembali: "",
+    tanggalKembali: "",
+    status: "Dipinjam", // Default status
+    catatan: "",
+  })
+
   useShallowEffect(() => {
     perpustakaanDigitalState.dataPerpustakaan.findManyAll.load()
   })
@@ -84,6 +98,22 @@ function EditPeminjam() {
             status: (data.status as Status) ?? prev.status,
             catatan: data.catatan ?? prev.catatan,
           }));
+          setOriginalData((prev) => ({
+            ...prev,
+            nama: data.nama ?? prev.nama,
+            noTelp: data.noTelp ?? prev.noTelp,
+            alamat: data.alamat ?? prev.alamat,
+            bukuId: data.bukuId ?? prev.bukuId,
+            buku: data.buku ? {
+              id: data.buku.id,
+              judul: data.buku.judul
+            } : undefined,
+            tanggalPinjam: data.tanggalPinjam ?? prev.tanggalPinjam,
+            batasKembali: data.batasKembali ?? prev.batasKembali,
+            tanggalKembali: data.tanggalKembali ?? prev.tanggalKembali,
+            status: (data.status as Status) ?? prev.status,
+            catatan: data.catatan ?? prev.catatan,
+          }));
         }
       } catch (error) {
         console.error("Error loading peminjam:", error);
@@ -94,6 +124,22 @@ function EditPeminjam() {
     loadPeminjam();
   }, [params?.id]);
 
+  const handleResetForm = () => {
+    setFormData((prev) => ({
+      ...prev,
+      nama: originalData.nama ?? prev.nama,
+      noTelp: originalData.noTelp ?? prev.noTelp,
+      alamat: originalData.alamat ?? prev.alamat,
+      bukuId: originalData.bukuId ?? prev.bukuId,
+      tanggalPinjam: originalData.tanggalPinjam ?? prev.tanggalPinjam,
+      batasKembali: originalData.batasKembali ?? prev.batasKembali,
+      tanggalKembali: originalData.tanggalKembali ?? prev.tanggalKembali,
+      status: (originalData.status as Status) ?? prev.status,
+      catatan: originalData.catatan ?? prev.catatan,
+    }));
+    toast.info("Form dikembalikan ke data awal");
+  };
+
 
   const handleChange = (field: string, value: string | Status) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
@@ -101,6 +147,7 @@ function EditPeminjam() {
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       stateEdit.update.form = {
         ...stateEdit.update.form,
         ...formData,
@@ -112,6 +159,8 @@ function EditPeminjam() {
     } catch (error) {
       console.error("Error updating peminjam:", error);
       toast.error("Terjadi kesalahan saat memperbarui peminjam");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -174,6 +223,7 @@ function EditPeminjam() {
           </Box>
 
           <DateInput
+            disabled
             value={formData.tanggalPinjam}
             onChange={(date) => {
               perpustakaanDigitalState.peminjamanBuku.update.form.tanggalPinjam =
@@ -185,6 +235,7 @@ function EditPeminjam() {
           />
 
           <DateInput
+            disabled
             value={formData.tanggalKembali}
             onChange={(date) => {
               perpustakaanDigitalState.peminjamanBuku.update.form.tanggalKembali =
@@ -196,6 +247,7 @@ function EditPeminjam() {
           />
 
           <DateInput
+            disabled
             value={formData.batasKembali}
             onChange={(date) => {
               perpustakaanDigitalState.peminjamanBuku.update.form.batasKembali =
@@ -229,6 +281,17 @@ function EditPeminjam() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -239,7 +302,7 @@ function EditPeminjam() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
index 89d8505a..16ebda74 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
@@ -89,9 +89,10 @@ function ListPeminjamBuku({ search }: { search: string }) {
             <TableThead>
               <TableTr>
                 <TableTh style={{ width: '10%' }}>No</TableTh>
-                <TableTh style={{ width: '60%' }}>Nama Peminjam</TableTh>
-                <TableTh style={{ width: '15%' }}>Status</TableTh>
-                <TableTh style={{ width: '15%' }}>Detail</TableTh>
+                <TableTh style={{ width: '25%' }}>Nama Peminjam</TableTh>
+                <TableTh style={{ width: '25%' }}>Status</TableTh>
+                <TableTh style={{ width: '25%' }}>Alamat</TableTh>
+                <TableTh style={{ width: '25%' }}>Detail</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -105,6 +106,9 @@ function ListPeminjamBuku({ search }: { search: string }) {
                     <TableTd>
                       {renderStatusBadge(item.status)}
                     </TableTd>
+                    <TableTd>
+                      {item.alamat}
+                    </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
index 7e7e0d9d..383a7f9f 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Center,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -43,6 +44,10 @@ function EditTujuanProgram() {
     judul: '',
     deskripsi: ''
   });
+  const [originalData, setOriginalData] = useState<FormData>({
+    judul: '',
+    deskripsi: ''
+  });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   // load data once
@@ -57,6 +62,10 @@ function EditTujuanProgram() {
         judul: editState.findById.data.judul ?? '',
         deskripsi: editState.findById.data.deskripsi ?? ''
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        deskripsi: editState.findById.data.deskripsi ?? ''
+      });
     }
   }, [editState.findById.data]);
 
@@ -67,6 +76,14 @@ function EditTujuanProgram() {
     []
   );
 
+  const handleResetForm = () => {
+      setFormData({
+        judul: originalData.judul,
+        deskripsi: originalData.deskripsi,
+      });
+      toast.info("Form dikembalikan ke data awal");
+    };
+
   const handleSubmit = async () => {
     if (!formData.judul.trim()) {
       toast.error('Judul wajib diisi');
@@ -152,24 +169,32 @@ function EditTujuanProgram() {
             </Box>
 
             {/* Submit & Cancel */}
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
+            <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
 
-              <Button
-                variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
-              >
-                Batal
-              </Button>
-            </Group>
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
           </Stack>
         </Paper>
       </Stack>
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
index 5d3c2e87..e9bef0b8 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
@@ -6,6 +6,7 @@ import {
   Button,
   Center,
   Group,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -32,6 +33,10 @@ function EditTujuanProgram() {
   // Menggunakan satu state lokal untuk form
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    deskripsi: '',
+  });
 
   // Load data pertama kali
   useShallowEffect(() => {
@@ -47,9 +52,21 @@ function EditTujuanProgram() {
         judul: editState.findById.data.judul ?? '',
         deskripsi: editState.findById.data.deskripsi ?? '',
       });
+      setOriginalData({
+        judul: editState.findById.data.judul ?? '',
+        deskripsi: editState.findById.data.deskripsi ?? '',
+      });
     }
   }, [editState.findById.data]);
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      deskripsi: originalData.deskripsi,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleChange = (field: 'judul' | 'deskripsi', value: string) => {
     setFormData(prev => ({ ...prev, [field]: value }));
   };
@@ -132,23 +149,31 @@ function EditTujuanProgram() {
               />
             </Box>
 
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || editState.update.loading}
-                disabled={!formData.judul}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
+            <Group justify="right">
+              {/* Tombol Batal */}
               <Button
                 variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || editState.update.loading}
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
               >
                 Batal
               </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
index 7f8918bb..aa331732 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
@@ -66,7 +66,7 @@ export default function CreateDaftarInformasi() {
             </Text>
             <TextInput
               placeholder="Contoh: Profil Desa, Laporan Keuangan, dll"
-              defaultValue={daftarInformasi.create.form.jenisInformasi}
+              value={daftarInformasi.create.form.jenisInformasi}
               onChange={(e) => {
                 daftarInformasi.create.form.jenisInformasi = e.target.value;
               }}
@@ -94,7 +94,7 @@ export default function CreateDaftarInformasi() {
             </Text>
             <TextInput
               type="date"
-              defaultValue={daftarInformasi.create.form.tanggal}
+              value={daftarInformasi.create.form.tanggal}
               onChange={(e) => {
                 daftarInformasi.create.form.tanggal = e.target.value;
               }}
diff --git a/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx b/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
index 4867d90b..a092f2e9 100644
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { Loader, Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
@@ -8,6 +8,7 @@ import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import stateDasarHukumPPID from '../../../_state/ppid/dasar_hukum/dasarHukum';
+import { toast } from 'react-toastify';
 
 const PPIDTextEditor = dynamic(
   () => import('../../_com/PPIDTextEditor').then(mod => mod.PPIDTextEditor),
@@ -20,6 +21,11 @@ function EditDasarHukum() {
 
   // Gabungkan judul & content jadi satu state lokal
   const [formData, setFormData] = useState({ judul: '', content: '' });
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [originalData, setOriginalData] = useState({
+    judul: '',
+    content: '',
+  });
 
   // Load data awal sekali
   useShallowEffect(() => {
@@ -35,24 +41,44 @@ function EditDasarHukum() {
         judul: dasarHukumState.findById.data.judul ?? '',
         content: dasarHukumState.findById.data.content ?? '',
       });
+      setOriginalData({
+        judul: dasarHukumState.findById.data.judul ?? '',
+        content: dasarHukumState.findById.data.content ?? '',
+      });
     }
   }, [dasarHukumState.findById.data]);
 
+  const handleResetForm = () => {
+    setFormData({
+      judul: originalData.judul,
+      content: originalData.content,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = () => {
-    if (dasarHukumState.findById.data) {
-      // Update global state hanya saat submit
-      const updated = { ...dasarHukumState.findById.data, ...formData };
-      dasarHukumState.update.save(updated);
+    try {
+      setIsSubmitting(true);
+      if (dasarHukumState.findById.data) {
+        // Update global state hanya saat submit
+        const updated = { ...dasarHukumState.findById.data, ...formData };
+        dasarHukumState.update.save(updated);
+      }
+      router.push('/admin/ppid/dasar-hukum');
+    } catch (error) {
+      console.error("Error updating dasar hukum:", error);
+      toast.error("Terjadi kesalahan saat memperbarui dasar hukum");
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push('/admin/ppid/dasar-hukum');
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Dasar Hukum PPID
         </Title>
@@ -93,10 +119,22 @@ function EditDasarHukum() {
             </Box>
           </Box>
 
-          <Group justify="flex-end" mt="md">
+         {/* ======= Tombol Aksi ======= */}
+         <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              loading={dasarHukumState.update.loading}
               radius="md"
               size="md"
               style={{
@@ -105,7 +143,7 @@ function EditDasarHukum() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
index 7056c869..9feb87e7 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
@@ -64,7 +64,7 @@ function RespondenCreate() {
             label="Nama"
             type='text'
             placeholder="masukkan nama"
-            defaultValue={stategrafikBerdasarkanResponden.create.form.name}
+            value={stategrafikBerdasarkanResponden.create.form.name}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.name = val.currentTarget.value;
             }}
@@ -73,7 +73,7 @@ function RespondenCreate() {
             label="Tanggal"
             type="date"
             placeholder="masukkan tanggal"
-            defaultValue={stategrafikBerdasarkanResponden.create.form.tanggal}
+            value={stategrafikBerdasarkanResponden.create.form.tanggal}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.tanggal = val.currentTarget.value;
             }}
diff --git a/src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx
new file mode 100644
index 00000000..6c166b5b
--- /dev/null
+++ b/src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx
@@ -0,0 +1,300 @@
+'use client';
+
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
+import { ActionIcon, Alert, Box, Button, Center, Group, Image, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+import { IconAlertCircle, IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import stateProfilePPID from '../../../_state/ppid/profile_ppid/profile_PPID';
+import Biodata from '../_com/biodata/biodataForm';
+import PengalamanOrganisasi from '../_com/pengalaman_organisasi/pengalamanForm';
+import ProgramKerjaUnggulan from '../_com/program_kerja_unggulan/programKerjaForm';
+import RiwayatKarir from '../_com/riwayat_karir/riwayatKarirForm';
+
+
+// import komponen rich text jika ada
+
+
+function EditProfilePPID() {
+  const allState = useProxy(stateProfilePPID);
+  const router = useRouter();
+  const params = useParams();
+  const id = params?.id as string;
+
+  const [file, setFile] = useState<File | null>(null);
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  useEffect(() => {
+    if (!id) return;
+    stateProfilePPID.loadForEdit(id).then((data) => {
+      if (data?.image?.link) setPreviewImage(data.image.link);
+    });
+  }, [id]);
+
+  const handleFieldChange = (field: keyof typeof allState.editForm.form, value: string) => {
+    stateProfilePPID.editForm.updateField(field, value);
+  };
+
+  const handleSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      stateProfilePPID.editForm.loading = true;
+
+      let imageId = allState.editForm.form.imageId;
+
+      // Upload file baru jika ada
+      if (file) {
+        const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
+        const uploaded = res.data?.data;
+        if (!uploaded?.id) {
+          toast.error("Gagal upload gambar");
+          return;
+        }
+        imageId = uploaded.id;
+      }
+
+      // Update form di state
+      allState.editForm.form.imageId = imageId;
+
+      const success = await stateProfilePPID.editForm.submit();
+      if (success) {
+        toast.success("Profil berhasil diperbarui!");
+        router.push("/admin/ppid/profil-ppid");
+      }
+    } catch (error) {
+      console.error("Error updating profile:", error);
+      toast.error("Terjadi kesalahan saat memperbarui profil");
+    } finally {
+      stateProfilePPID.editForm.loading = false;
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleResetForm = () => {
+    if (!allState.profile.data) return;
+
+    // Reset form ke data awal yang di-load
+    const original = allState.profile.data;
+
+    stateProfilePPID.editForm.form = {
+      name: original.name || '',
+      imageId: original.imageId || '',
+      biodata: original.biodata || '',
+      riwayat: original.riwayat || '',
+      pengalaman: original.pengalaman || '',
+      unggulan: original.unggulan || '',
+    };
+
+    // Reset preview gambar juga
+    setPreviewImage(original.image?.link || null);
+    setFile(null);
+
+    toast.info('Perubahan dibatalkan');
+  };
+
+
+  const handleBack = () => router.back();
+
+  // Kondisi loading & error handling
+  if (allState.profile.loading) {
+    return (
+      <Center h={400}>
+        <Text>Memuat data profil...</Text>
+      </Center>
+    );
+  }
+
+  if (allState.profile.error) {
+    return (
+      <Stack gap="md">
+        <Button variant="subtle" onClick={handleBack}>
+          <IconArrowBack color={colors['blue-button']} size={20} />
+        </Button>
+        <Alert icon={<IconAlertCircle size={16} />} color="red">
+          <Text fw="bold">Error</Text>
+          <Text>{allState.profile.error}</Text>
+        </Alert>
+      </Stack>
+    );
+  }
+
+  if (!allState.profile.data) {
+    return (
+      <Stack gap="md">
+        <Button variant="subtle" onClick={handleBack}>
+          <IconArrowBack color={colors['blue-button']} size={20} />
+        </Button>
+        <Alert icon={<IconAlertCircle size={16} />} color="yellow">
+          <Text fw="bold">Data tidak ditemukan</Text>
+          <Text>Profil PPID tidak dapat ditemukan</Text>
+        </Alert>
+      </Stack>
+    );
+  }
+
+  return (
+    <Box p="md">
+      <Stack gap="md">
+        <Group mb="md">
+          <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
+          <Title order={4} ml="sm" c="dark">
+            Edit Profil PPID
+          </Title>
+        </Group>
+
+        <Paper
+          w={{ base: "100%", md: "50%" }}
+          bg={colors['white-1']}
+          p="md"
+          radius="md"
+          shadow="sm"
+          style={{ border: '1px solid #e0e0e0' }}
+        >
+          <Stack gap="md">
+            <Title order={3} c={colors['blue-button']}>Edit Profil PPID</Title>
+
+            {/* Nama */}
+            <TextInput
+              label={<Text fw="bold">Nama Perbekel</Text>}
+              placeholder="Masukkan nama perbekel"
+              value={allState.editForm.form.name}
+              onChange={(e) => handleFieldChange('name', e.currentTarget.value)}
+              error={!allState.editForm.form.name && "Nama wajib diisi"}
+            />
+
+            {/* Upload Gambar */}
+            <Box>
+              <Text fz={"md"} fw={"bold"}>Gambar</Text>
+              <Dropzone
+                onDrop={(files) => {
+                  const selectedFile = files[0];
+                  if (selectedFile) {
+                    setFile(selectedFile);
+                    setPreviewImage(URL.createObjectURL(selectedFile));
+                  }
+                }}
+                onReject={() => toast.error('File tidak valid.')}
+                maxSize={5 * 1024 ** 2}
+                accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+              >
+                <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
+                  <Dropzone.Accept>
+                    <IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                  </Dropzone.Accept>
+                  <Dropzone.Reject>
+                    <IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
+                  </Dropzone.Reject>
+                  <Dropzone.Idle>
+                    <IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                  </Dropzone.Idle>
+                  <div>
+                    <Text size="xl" inline>
+                      Tarik gambar ke sini atau klik untuk memilih file
+                    </Text>
+                    <Text size="sm" c="dimmed" inline mt={7}>
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
+                    </Text>
+                  </div>
+                </Group>
+              </Dropzone>
+
+              {previewImage && (
+                <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                  <Image
+                    src={previewImage}
+                    alt="Preview Gambar"
+                    radius="md"
+                    style={{
+                      maxHeight: 200,
+                      objectFit: 'contain',
+                      border: '1px solid #ddd',
+                    }}
+                    loading="lazy"
+                  />
+
+                  {/* Tombol hapus (pojok kanan atas) */}
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    pos="absolute"
+                    top={5}
+                    right={5}
+                    onClick={() => {
+                      setPreviewImage(null);
+                      setFile(null);
+                    }}
+                    style={{
+                      boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                    }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
+                </Box>
+              )}
+            </Box>
+
+            {/* Form Rich Text */}
+            <Biodata
+              value={allState.editForm.form.biodata}
+              onChange={(val) => handleFieldChange('biodata', val)}
+            />
+
+            <RiwayatKarir
+              value={allState.editForm.form.riwayat}
+              onChange={(val) => handleFieldChange('riwayat', val)}
+            />
+
+            <PengalamanOrganisasi
+              value={allState.editForm.form.pengalaman}
+              onChange={(val) => handleFieldChange('pengalaman', val)}
+            />
+
+            <ProgramKerjaUnggulan
+              value={allState.editForm.form.unggulan}
+              onChange={(val) => handleFieldChange('unggulan', val)}
+            />
+
+            {/* ======= Tombol Aksi ======= */}
+            <Group justify="right">
+              {/* Tombol Batal */}
+              <Button
+                variant="outline"
+                color="gray"
+                radius="md"
+                size="md"
+                onClick={handleResetForm}
+              >
+                Batal
+              </Button>
+
+              {/* Tombol Simpan */}
+              <Button
+                onClick={handleSubmit}
+                radius="md"
+                size="md"
+                style={{
+                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  color: '#fff',
+                  boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+                }}
+              >
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              </Button>
+            </Group>
+          </Stack>
+        </Paper>
+      </Stack>
+    </Box>
+  );
+}
+
+export default EditProfilePPID;
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/biodata/biodataForm.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/_com/biodata/biodataForm.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/profile-ppid/[id]/biodata/biodataForm.tsx
rename to src/app/admin/(dashboard)/ppid/profil-ppid/_com/biodata/biodataForm.tsx
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/_com/editPPIDEditor.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/_com/editPPIDEditor.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/profile-ppid/_com/editPPIDEditor.tsx
rename to src/app/admin/(dashboard)/ppid/profil-ppid/_com/editPPIDEditor.tsx
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/pengalaman_organisasi/pengalamanForm.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/_com/pengalaman_organisasi/pengalamanForm.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/profile-ppid/[id]/pengalaman_organisasi/pengalamanForm.tsx
rename to src/app/admin/(dashboard)/ppid/profil-ppid/_com/pengalaman_organisasi/pengalamanForm.tsx
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/program_kerja_unggulan/programKerjaForm.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/_com/program_kerja_unggulan/programKerjaForm.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/profile-ppid/[id]/program_kerja_unggulan/programKerjaForm.tsx
rename to src/app/admin/(dashboard)/ppid/profil-ppid/_com/program_kerja_unggulan/programKerjaForm.tsx
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/riwayat_karir/riwayatKarirForm.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/_com/riwayat_karir/riwayatKarirForm.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ppid/profile-ppid/[id]/riwayat_karir/riwayatKarirForm.tsx
rename to src/app/admin/(dashboard)/ppid/profil-ppid/_com/riwayat_karir/riwayatKarirForm.tsx
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
rename to src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
index c6c5fdc7..1e49f3da 100644
--- a/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
@@ -40,7 +40,7 @@ function Page() {
                 variant="light"
                 leftSection={<IconEdit size={18} stroke={2} />}
                 radius="md"
-                onClick={() => router.push(`/admin/ppid/profile-ppid/${allList.profile.data?.id}`)}
+                onClick={() => router.push(`/admin/ppid/profil-ppid/${allList.profile.data?.id}`)}
               >
                 Edit
               </Button>
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx
deleted file mode 100644
index babed390..00000000
--- a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx
+++ /dev/null
@@ -1,289 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-'use client'
-import colors from '@/con/colors';
-import { Alert, Box, Button, Center, Group, Image, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
-import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
-import stateProfilePPID from '../../../_state/ppid/profile_ppid/profile_PPID';
-
-import ApiFetch from '@/lib/api-fetch';
-import { Dropzone } from '@mantine/dropzone';
-import { IconAlertCircle, IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
-import { useParams, useRouter } from 'next/navigation';
-import { toast } from 'react-toastify';
-import Biodata from './biodata/biodataForm';
-import PengalamanOrganisasi from './pengalaman_organisasi/pengalamanForm';
-import ProgramKerjaUnggulan from './program_kerja_unggulan/programKerjaForm';
-import RiwayatKarir from './riwayat_karir/riwayatKarirForm';
-
-function EditProfilePPID() {
-  const allState = useProxy(stateProfilePPID);
-  const params = useParams();
-  const router = useRouter();
-
-  // UI States
-  const [previewImage, setPreviewImage] = useState<string | null>(null);
-  const [file, setFile] = useState<File | null>(null);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-
-  // Load data on mount
-  useEffect(() => {
-
-    const loadData = async () => {
-      const id = params?.id as string;
-      if (!id) {
-        toast.error("ID tidak valid");
-        router.push("/admin/ppid/profile-ppid");
-        return;
-      }
-
-      try {
-        const profileData = await stateProfilePPID.loadForEdit(id);
-
-        if (profileData && profileData.image?.link) {
-          setPreviewImage(profileData.image.link);
-        }
-      } catch (error) {
-        console.error("Error loading profile:", error);
-        toast.error("Gagal memuat data profile");
-      }
-    };
-
-    loadData();
-
-    return () => {
-      stateProfilePPID.editForm.reset(); // cleanup form
-    };
-  }, [params?.id, router]);
-
-  const handleFieldChange = (field: string, value: string) => {
-    stateProfilePPID.editForm.updateField(field as any, value);
-  };
-
-  const handleSubmit = async () => {
-    if (isSubmitting || !stateProfilePPID.editForm.form.name.trim()) {
-      toast.error("Nama wajib diisi");
-      return;
-    }
-
-    setIsSubmitting(true);
-
-    try {
-      // Upload file jika ada
-      if (file) {
-        const uploadResponse = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
-        const uploaded = uploadResponse.data?.data;
-
-        if (!uploaded?.id) {
-          toast.error("Gagal upload gambar");
-          return;
-        }
-
-        stateProfilePPID.editForm.form.imageId = uploaded.id;
-      }
-
-      // Submit form
-      const success = await stateProfilePPID.editForm.submit();
-
-      if (success) {
-        toast.success("Berhasil menyimpan perubahan");
-        router.push("/admin/ppid/profile-ppid");
-      }
-    } catch (error) {
-      console.error("Error submitting form:", error);
-      toast.error("Gagal menyimpan profile");
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-
-  const handleBack = () => {
-    router.back();
-  };
-
-  // Loading state
-  if (allState.profile.loading) {
-    return (
-      <Box>
-        <Center h={400}>
-          <Text>Memuat data profile...</Text>
-        </Center>
-      </Box>
-    );
-  }
-
-  // Error state
-  if (allState.profile.error) {
-    return (
-      <Box>
-        <Stack gap="md">
-          <Button variant="subtle" onClick={handleBack}>
-            <IconArrowBack color={colors['blue-button']} size={20} />
-          </Button>
-          <Alert icon={<IconAlertCircle size={16} />} color="red">
-            <Text fw="bold">Error</Text>
-            <Text>{allState.profile.error}</Text>
-          </Alert>
-        </Stack>
-      </Box>
-    );
-  }
-
-  // No data state
-  if (!allState.profile.data) {
-    return (
-      <Box>
-        <Stack gap="md">
-          <Button variant="subtle" onClick={handleBack}>
-            <IconArrowBack color={colors['blue-button']} size={20} />
-          </Button>
-          <Alert icon={<IconAlertCircle size={16} />} color="yellow">
-            <Text fw="bold">Data tidak ditemukan</Text>
-            <Text>Profile PPID tidak dapat ditemukan</Text>
-          </Alert>
-        </Stack>
-      </Box>
-    );
-  }
-
-  return (
-    <Box p="md">
-      <Stack gap="md">
-        <Group mb="md">
-          <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-            <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
-              <IconArrowBack color={colors['blue-button']} size={24} />
-            </Button>
-          </Tooltip>
-          <Title order={4} ml="sm" c="dark">
-            Edit Profil PPID
-          </Title>
-        </Group>
-
-        <Paper
-          w={{ base: "100%", md: "50%" }}
-          bg={colors['white-1']}
-          p="md"
-          radius="md"
-          shadow="sm"
-          style={{ border: '1px solid #e0e0e0' }}
-        >
-          <Stack gap="md">
-            <Title order={3} c={colors['blue-button']}>Edit Profile PPID</Title>
-
-            {/* Nama Field */}
-            <TextInput
-              label={<Text fw="bold">Nama Perbekel</Text>}
-              placeholder="Masukkan nama perbekel"
-              value={allState.editForm.form.name}
-              onChange={(e) => handleFieldChange('name', e.currentTarget.value)}
-              error={!allState.editForm.form.name && "Nama wajib diisi"}
-            />
-
-            {/* File Upload */}
-            <Box>
-              <Text fz={"md"} fw={"bold"}>Gambar</Text>
-              <Box>
-                <Dropzone
-                  onDrop={(files) => {
-                    const selectedFile = files[0]; // Ambil file pertama
-                    if (selectedFile) {
-                      setFile(selectedFile);
-                      setPreviewImage(URL.createObjectURL(selectedFile)); // Buat preview
-                    }
-                  }}
-                  onReject={() => toast.error('File tidak valid.')}
-                  maxSize={5 * 1024 ** 2} // Maks 5MB
-                  accept={{ 'image/*': [] }}
-                >
-                  <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
-                    <Dropzone.Accept>
-                      <IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} />
-                    </Dropzone.Accept>
-                    <Dropzone.Reject>
-                      <IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
-                    </Dropzone.Reject>
-                    <Dropzone.Idle>
-                      <IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
-                    </Dropzone.Idle>
-
-                    <div>
-                      <Text size="xl" inline>
-                        Tarik gambar ke sini atau klik untuk memilih file
-                      </Text>
-                      <Text size="sm" c="dimmed" inline mt={7}>
-                        Maksimal 5MB dan harus format gambar
-                      </Text>
-                    </div>
-                  </Group>
-                </Dropzone>
-
-                {/* Tampilkan preview kalau ada */}
-                {previewImage && (
-                  <Box mt="sm">
-                    <Image
-                      src={previewImage}
-                      alt="Preview"
-                      style={{
-                        maxWidth: '100%',
-                        maxHeight: '200px',
-                        objectFit: 'contain',
-                        borderRadius: '8px',
-                        border: '1px solid #ddd',
-                      }}
-                      loading='lazy'
-                    />
-                  </Box>
-                )}
-
-              </Box>
-            </Box>
-
-            {/* Rich Components */}
-            <Biodata
-              value={allState.editForm.form.biodata}
-              onChange={(val) => handleFieldChange('biodata', val)}
-            />
-
-            <RiwayatKarir
-              value={allState.editForm.form.riwayat}
-              onChange={(val) => handleFieldChange('riwayat', val)}
-            />
-
-            <PengalamanOrganisasi
-              value={allState.editForm.form.pengalaman}
-              onChange={(val) => handleFieldChange('pengalaman', val)}
-            />
-
-            <ProgramKerjaUnggulan
-              value={allState.editForm.form.unggulan}
-              onChange={(val) => handleFieldChange('unggulan', val)}
-            />
-
-            {/* Submit Button */}
-            <Group>
-              <Button
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-                loading={isSubmitting || allState.editForm.loading}
-                disabled={!allState.editForm.form.name}
-              >
-                {isSubmitting ? 'Menyimpan...' : 'Simpan Perubahan'}
-              </Button>
-
-              <Button
-                variant="outline"
-                onClick={handleBack}
-                disabled={isSubmitting || allState.editForm.loading}
-              >
-                Batal
-              </Button>
-            </Group>
-          </Stack>
-        </Paper>
-      </Stack>
-    </Box>
-  );
-}
-
-export default EditProfilePPID;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
index f4c68282..946398c3 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
@@ -4,6 +4,7 @@ import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
   Box,
   Button,
   Group,
@@ -13,7 +14,8 @@ import {
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
+  Loader
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -26,7 +28,20 @@ export default function EditPegawaiPPID() {
   const router = useRouter();
   const { id } = useParams<{ id: string }>();
   const stateOrganisasi = useProxy(stateStrukturPPID.pegawai);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
+  const [originalData, setOriginalData] = useState({
+    namaLengkap: "",
+    gelarAkademik: "",
+    imageId: "",
+    tanggalMasuk: "",
+    email: "",
+    telepon: "",
+    alamat: "",
+    posisiId: "",
+    imageUrl: "",
+    isActive: true,
+  });
   const [formData, setFormData] = useState({
     namaLengkap: '',
     gelarAkademik: '',
@@ -66,6 +81,18 @@ export default function EditPegawaiPPID() {
             posisiId: data.posisiId || '',
             isActive: data.isActive ?? true,
           });
+          setOriginalData({
+            namaLengkap: data.namaLengkap || '',
+            gelarAkademik: data.gelarAkademik || '',
+            imageId: data.imageId || '',
+            tanggalMasuk: data.tanggalMasuk || '',
+            email: data.email || '',
+            telepon: data.telepon || '',
+            alamat: data.alamat || '',
+            posisiId: data.posisiId || '',
+            imageUrl: data.image?.link || '',
+            isActive: data.isActive ?? true,
+          });
 
           setPreviewImage(data.image?.link || null);
         }
@@ -78,8 +105,26 @@ export default function EditPegawaiPPID() {
     loadPegawai();
   }, [id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      namaLengkap: originalData.namaLengkap,
+      gelarAkademik: originalData.gelarAkademik,
+      imageId: originalData.imageId,
+      tanggalMasuk: originalData.tanggalMasuk,
+      email: originalData.email,
+      telepon: originalData.telepon,
+      alamat: originalData.alamat,
+      posisiId: originalData.posisiId,
+      isActive: originalData.isActive,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       if (!formData.namaLengkap.trim()) {
         return toast.error('Nama lengkap tidak boleh kosong');
       }
@@ -102,15 +147,17 @@ export default function EditPegawaiPPID() {
     } catch (error) {
       console.error('Error updating pegawai:', error);
       toast.error(error instanceof Error ? error.message : 'Gagal memperbarui data pegawai');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">Edit Data Pegawai PPID</Title>
       </Group>
 
@@ -163,20 +210,44 @@ export default function EditPegawaiPPID() {
                 <Dropzone.Idle><IconPhoto size={48} color="#868e96" stroke={1.5} /></Dropzone.Idle>
                 <Stack gap="xs" align="center">
                   <Text size="md" fw={500}>Seret gambar atau klik untuk memilih file</Text>
-                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar wajib</Text>
+                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp</Text>
                 </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="sm" style={{ display: 'flex', justifyContent: 'center' }}>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
                   src={previewImage}
                   alt="Preview Gambar"
                   radius="md"
-                  style={{ maxHeight: 220, objectFit: 'contain', border: `1px solid ${colors['blue-button']}` }}
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
                   loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -219,12 +290,29 @@ export default function EditPegawaiPPID() {
           <Box>
             <Text fw="bold" fz="sm" mb={6}>Posisi</Text>
             <Select
+              label="Posisi"
               placeholder="Pilih posisi"
-              data={stateStrukturPPID.posisiOrganisasi.findManyAll.data?.map(p => ({ value: p.id, label: p.nama })) || []}
-              value={formData.posisiId}
-              onChange={(value) => value && setFormData({ ...formData, posisiId: value })}
+              data={stateStrukturPPID.posisiOrganisasi.findManyAll.data?.map((item) => ({
+                label: item.nama,
+                value: item.id,
+              })) || []}
+              value={formData.posisiId || null}
+              onChange={(val: string | null) => {
+                if (val) {
+                  const selected = stateStrukturPPID.posisiOrganisasi.findManyAll.data?.find(
+                    (item) => item.id === val
+                  );
+                  if (selected) {
+                    formData.posisiId = selected.id;
+                  }
+                } else {
+                  formData.posisiId = '';
+                }
+              }}
               searchable
               clearable
+              nothingFoundMessage="Tidak ditemukan"
+              required
             />
           </Box>
 
@@ -243,10 +331,20 @@ export default function EditPegawaiPPID() {
           </Box>
 
           {/* Submit Button */}
-          <Group justify="flex-end" mt="md">
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              loading={stateOrganisasi.edit.loading}
               radius="md"
               size="md"
               style={{
@@ -255,7 +353,7 @@ export default function EditPegawaiPPID() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
index 202b9b15..1efb649a 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
@@ -3,7 +3,7 @@
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
+import { ActionIcon, Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Loader } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -13,8 +13,12 @@ import { useProxy } from 'valtio/utils';
 
 function CreatePegawaiPPID() {
   const router = useRouter();
-  const [previewImage, setPreviewImage] = useState<{ preview: string; file: File } | null>(null);
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [file, setFile] = useState<File | null>(null);
   const stateOrganisasi = useProxy(stateStrukturPPID.pegawai)
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+
   useEffect(() => {
     stateStrukturPPID.posisiOrganisasi.findManyAll.load();
     resetForm();
@@ -32,23 +36,23 @@ function CreatePegawaiPPID() {
       posisiId: "",
       isActive: true,
     };
+    setPreviewImage(null);
+    setFile(null);
   };
 
   const handleSubmit = async () => {
-    if (!previewImage) {
-      return toast.warn("Pilih file gambar terlebih dahulu");
-    }
-
     try {
-      // Upload gambar dulu
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
       const res = await ApiFetch.api.fileStorage.create.post({
-        file: previewImage.file,
-        name: previewImage.file.name,
+        file,
+        name: file.name,
       });
-
       const uploaded = res.data?.data;
       if (!uploaded?.id) {
-        return toast.error("Gagal upload gambar");
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
       }
 
       // Set status aktif secara otomatis
@@ -68,15 +72,17 @@ function CreatePegawaiPPID() {
     } catch (error) {
       console.error("Error creating pegawai:", error);
       toast.error("Terjadi kesalahan saat menambahkan pegawai");
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Pegawai PPID
         </Title>
@@ -95,7 +101,7 @@ function CreatePegawaiPPID() {
             <TextInput
               label="Nama Lengkap"
               placeholder="Masukkan nama lengkap"
-              defaultValue={stateOrganisasi.create.form.namaLengkap}
+              value={stateOrganisasi.create.form.namaLengkap}
               onChange={(e) => (stateOrganisasi.create.form.namaLengkap = e.currentTarget.value)}
               required
             />
@@ -104,7 +110,7 @@ function CreatePegawaiPPID() {
             <TextInput
               label="Gelar Akademik"
               placeholder="Contoh: S.Kom"
-              defaultValue={stateOrganisasi.create.form.gelarAkademik}
+              value={stateOrganisasi.create.form.gelarAkademik}
               onChange={(e) => (stateOrganisasi.create.form.gelarAkademik = e.currentTarget.value)}
             />
           </Box>
@@ -114,71 +120,72 @@ function CreatePegawaiPPID() {
             </Text>
             <Dropzone
               onDrop={(files) => {
-                const file = files[0];
-                if (file) {
-                  setPreviewImage({
-                    file,
-                    preview: URL.createObjectURL(file)
-                  });
+                const selectedFile = files[0];
+                if (selectedFile) {
+                  setFile(selectedFile);
+                  setPreviewImage(URL.createObjectURL(selectedFile));
                 }
               }}
-              maxSize={5 * 1024 ** 2} // 5MB
-              accept={{
-                'image/*': ['.jpeg', '.jpg', '.png', '.webp']
-              }}
-              styles={{
-                root: {
-                  border: '2px dashed #ced4da',
-                  borderRadius: '8px',
-                  padding: '20px',
-                  textAlign: 'center',
-                  cursor: 'pointer',
-                  '&:hover': {
-                    borderColor: '#228be6',
-                  },
-                },
-              }}
+              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
+              maxSize={5 * 1024 ** 2}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+              radius="md"
+              p="xl"
             >
-              <Group justify="center" gap="xl" mih={160} style={{ pointerEvents: 'none' }}>
+              <Group justify="center" gap="xl" mih={180}>
                 <Dropzone.Accept>
-                  <IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
                 </Dropzone.Accept>
                 <Dropzone.Reject>
-                  <IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
+                  <IconX size={48} color="red" stroke={1.5} />
                 </Dropzone.Reject>
                 <Dropzone.Idle>
-                  <IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
                 </Dropzone.Idle>
-
-                <div>
-                  <Text size="md" inline>
-                    Seret gambar ke sini atau klik untuk memilih file
+                <Stack gap="xs" align="center">
+                  <Text size="md" fw={500}>
+                    Seret gambar atau klik untuk memilih file
                   </Text>
-                  <Text size="sm" c="dimmed" inline mt={7}>
-                    Format yang didukung: JPG, PNG, WebP. Maksimal 5MB
+                  <Text size="sm" c="dimmed">
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
                   </Text>
-                </div>
+                </Stack>
               </Group>
             </Dropzone>
 
             {previewImage && (
-              <Box mt="md">
-                <Text fw="bold" fz="sm" mb={6}>
-                  Preview Gambar
-                </Text>
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
                 <Image
-                  src={previewImage.preview}
-                  alt="Preview"
-                  width={200}
-                  height={200}
-                  fit="cover"
+                  src={previewImage}
+                  alt="Preview Gambar"
                   radius="md"
                   style={{
-                    border: '1px solid #e0e0e0',
-                    borderRadius: '8px',
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
                   }}
-                  loading='lazy'
+                  loading="lazy"
                 />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
               </Box>
             )}
           </Box>
@@ -187,7 +194,7 @@ function CreatePegawaiPPID() {
               label="Tanggal Masuk"
               type="date"
               placeholder="Contoh: 2022-01-01"
-              defaultValue={stateOrganisasi.create.form.tanggalMasuk}
+              value={stateOrganisasi.create.form.tanggalMasuk}
               onChange={(e) => (stateOrganisasi.create.form.tanggalMasuk = e.currentTarget.value)}
             />
           </Box>
@@ -197,16 +204,17 @@ function CreatePegawaiPPID() {
               label="Email"
               type="email"
               placeholder="Contoh: email@example.com"
-              defaultValue={stateOrganisasi.create.form.email}
+              value={stateOrganisasi.create.form.email}
               onChange={(e) => (stateOrganisasi.create.form.email = e.currentTarget.value)}
             />
           </Box>
 
           <Box>
             <TextInput
+              type='number'
               label="Nomor Telepon"
               placeholder="Contoh: 08123456789"
-              defaultValue={stateOrganisasi.create.form.telepon}
+              value={stateOrganisasi.create.form.telepon}
               onChange={(e) => (stateOrganisasi.create.form.telepon = e.currentTarget.value)}
             />
           </Box>
@@ -215,7 +223,7 @@ function CreatePegawaiPPID() {
             <TextInput
               label="Alamat"
               placeholder="Contoh: Jl. Contoh No. 1"
-              defaultValue={stateOrganisasi.create.form.alamat}
+              value={stateOrganisasi.create.form.alamat}
               onChange={(e) => (stateOrganisasi.create.form.alamat = e.currentTarget.value)}
             />
           </Box>
@@ -225,6 +233,31 @@ function CreatePegawaiPPID() {
               Posisi
             </Text>
             <Select
+              label="Kategori"
+              placeholder="Pilih kategori"
+              data={stateStrukturPPID.posisiOrganisasi.findManyAll.data?.map((item) => ({
+                label: item.nama,
+                value: item.id,
+              })) || []}
+              value={stateOrganisasi.create.form.posisiId || null}
+              onChange={(val: string | null) => {
+                if (val) {
+                  const selected = stateStrukturPPID.posisiOrganisasi.findManyAll.data?.find(
+                    (item) => item.id === val
+                  );
+                  if (selected) {
+                    stateOrganisasi.create.form.posisiId = selected.id;
+                  }
+                } else {
+                  stateOrganisasi.create.form.posisiId = '';
+                }
+              }}
+              searchable
+              clearable
+              nothingFoundMessage="Tidak ditemukan"
+              required
+            />
+            {/* <Select
               placeholder="Pilih posisi"
               data={stateStrukturPPID.posisiOrganisasi.findManyAll.data?.map(p => ({
                 value: p.id,
@@ -236,11 +269,24 @@ function CreatePegawaiPPID() {
               }}
               searchable
               clearable
-            />
+            /> */}
           </Box>
 
 
-          <Group justify="flex-end" mt="md">
+          {/* ======= Tombol Aksi ======= */}
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -251,7 +297,7 @@ function CreatePegawaiPPID() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
index 27634d4f..0e81e613 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
@@ -5,7 +5,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Loader, Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -24,6 +24,14 @@ function EditPosisiOrganisasiPPID() {
     hierarki: 0,
   });
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    nama: "",
+    deskripsi: "",
+    hierarki: 0,
+  });
+
   // Fungsi generik untuk update formData
   const handleChange = (field: keyof typeof formData, value: any) => {
     setFormData(prev => ({ ...prev, [field]: value }));
@@ -42,6 +50,11 @@ function EditPosisiOrganisasiPPID() {
             deskripsi: data.deskripsi || '',
             hierarki: data.hierarki || 0,
           });
+          setOriginalData({
+            nama: data.nama || '',
+            deskripsi: data.deskripsi || '',
+            hierarki: data.hierarki || 0,
+          });
         }
       } catch (err) {
         console.error('Error loading posisi organisasi:', err);
@@ -52,6 +65,15 @@ function EditPosisiOrganisasiPPID() {
     loadPosisiOrganisasi();
   }, [id]);
 
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      deskripsi: originalData.deskripsi,
+      hierarki: originalData.hierarki,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
   const handleSubmit = async () => {
     if (!formData.nama.trim()) {
       toast.error('Nama posisi organisasi tidak boleh kosong');
@@ -59,6 +81,7 @@ function EditPosisiOrganisasiPPID() {
     }
 
     try {
+      setIsSubmitting(true);
       // Update global state hanya saat submit
       stateOrganisasi.edit.form = {
         nama: formData.nama.trim(),
@@ -78,15 +101,17 @@ function EditPosisiOrganisasiPPID() {
     } catch (err) {
       console.error('Error updating posisi organisasi:', err);
       // toast error biasanya sudah ada di update
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Posisi Organisasi PPID
         </Title>
@@ -132,10 +157,21 @@ function EditPosisiOrganisasiPPID() {
             required
           />
 
-          <Group justify="flex-end" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              loading={stateOrganisasi.edit.loading}
               radius="md"
               size="md"
               style={{
@@ -144,7 +180,7 @@ function EditPosisiOrganisasiPPID() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
index f986fe98..fda5e1d4 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
@@ -3,57 +3,54 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Loader, Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 function CreatePosisiOrganisasiPPID() {
   const router = useRouter();
   const stateOrganisasi = useProxy(stateStrukturPPID.posisiOrganisasi);
-  
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   useEffect(() => {
     stateOrganisasi.findMany.load();
-    // Initialize form with default values
+  }, []);
+
+  const resetForm = () => {
     stateOrganisasi.create.form = {
-      nama: "",
-      deskripsi: "",
+      nama: '',
+      deskripsi: '',
       hierarki: 0,
     };
-    
-    return () => {
-      // Clean up form on unmount
-      stateOrganisasi.create.form = {
-        nama: "",
-        deskripsi: "",
-        hierarki: 0,
-      };
-    };
-  }, []);
+  };
 
   const handleSubmit = async () => {
     try {
+      setIsSubmitting(true);
       if (!stateOrganisasi.create.form.nama.trim()) {
         return toast.error('Nama posisi tidak boleh kosong');
       }
-      
+
       await stateOrganisasi.create.submit();
       toast.success('Posisi organisasi berhasil ditambahkan');
       router.push('/admin/ppid/struktur-ppid/posisi-organisasi');
     } catch (error) {
       toast.error('Gagal menambahkan posisi organisasi');
       console.error('Error:', error);
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Posisi Organisasi PPID
         </Title>
@@ -71,11 +68,11 @@ function CreatePosisiOrganisasiPPID() {
           <TextInput
             label="Nama Posisi"
             placeholder="Contoh: Kepala Desa"
-            defaultValue={stateOrganisasi.create.form.nama}
+            value={stateOrganisasi.create.form.nama}
             onChange={(e) => (stateOrganisasi.create.form.nama = e.target.value)}
             required
           />
-          
+
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
               Deskripsi
@@ -87,13 +84,13 @@ function CreatePosisiOrganisasiPPID() {
               }}
             />
           </Box>
-          
+
           <TextInput
             label="Hierarki"
             type="number"
             min={0}
             placeholder="Contoh: 1 (Angka semakin kecil, posisi semakin tinggi)"
-            defaultValue={stateOrganisasi.create.form.hierarki || ''}
+            value={stateOrganisasi.create.form.hierarki || ''}
             onChange={(e) => {
               const value = parseInt(e.target.value, 10);
               stateOrganisasi.create.form.hierarki = isNaN(value) ? 0 : value;
@@ -101,10 +98,21 @@ function CreatePosisiOrganisasiPPID() {
             required
           />
 
-          <Group justify="flex-end" mt="md">
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
-              loading={stateOrganisasi.create.loading}
               radius="md"
               size="md"
               style={{
@@ -113,7 +121,7 @@ function CreatePosisiOrganisasiPPID() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
index 2514499b..f6bb2f53 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Title } from '@mantine/core';
+import { Loader, Box, Button, Group, Paper, Stack, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -9,6 +9,7 @@ import { useProxy } from 'valtio/utils';
 import stateVisiMisiPPID from '../../../_state/ppid/visi_misi_ppid/visimisiPPID';
 import MisiPPID from '../misiPPID/misi-PPID';
 import VisiPPID from '../visiPPID/visi-PPID';
+import { toast } from 'react-toastify';
 
 function VisiMisiPPIDEdit() {
   const router = useRouter();
@@ -16,6 +17,8 @@ function VisiMisiPPIDEdit() {
 
   // Gabung state lokal menjadi satu object
   const [formData, setFormData] = useState({ visi: '', misi: '' });
+  const [originalData, setOriginalData] = useState({ visi: '', misi: '' });
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   // Initialize global data ke state lokal saat pertama load
   useShallowEffect(() => {
@@ -30,6 +33,10 @@ function VisiMisiPPIDEdit() {
         visi: visiMisi.findById.data.visi ?? '',
         misi: visiMisi.findById.data.misi ?? '',
       });
+      setOriginalData({
+        visi: visiMisi.findById.data.visi ?? '',
+        misi: visiMisi.findById.data.misi ?? '',
+      });
     }
   }, [visiMisi.findById.data]);
 
@@ -37,22 +44,38 @@ function VisiMisiPPIDEdit() {
     setFormData(prev => ({ ...prev, [key]: value }));
   };
 
+  const handleResetForm = () => {
+    setFormData({
+      visi: originalData.visi,
+      misi: originalData.misi,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
   const submit = () => {
-    if (visiMisi.findById.data) {
-      // update nilai global hanya saat submit
-      visiMisi.findById.data.visi = formData.visi;
-      visiMisi.findById.data.misi = formData.misi;
-      visiMisi.update.save(visiMisi.findById.data);
+    try {
+      setIsSubmitting(true);
+      if (visiMisi.findById.data) {
+        // update nilai global hanya saat submit
+        visiMisi.findById.data.visi = formData.visi;
+        visiMisi.findById.data.misi = formData.misi;
+        visiMisi.update.save(visiMisi.findById.data);
+      }
+      router.push('/admin/ppid/visi-misi-ppid');
+    } catch (error) {
+      console.error("Error updating visi misi:", error);
+      toast.error("Terjadi kesalahan saat memperbarui visi misi");
+    } finally {
+      setIsSubmitting(false);
     }
-    router.push('/admin/ppid/visi-misi-ppid');
   };
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Visi Misi PPID
         </Title>
@@ -75,10 +98,22 @@ function VisiMisiPPIDEdit() {
             <MisiPPID value={formData.misi} onChange={value => handleChange('misi', value)} />
           </Box>
 
-          <Group justify="flex-end" mt="md">
+          {/* ======= Tombol Aksi ======= */}
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={submit}
-              loading={visiMisi.update.loading}
               radius="md"
               size="md"
               style={{
@@ -87,7 +122,7 @@ function VisiMisiPPIDEdit() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
index b31a0ff3..f4e59441 100644
--- a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Group, MultiSelect, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Loader, Group, MultiSelect, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
@@ -20,6 +20,13 @@ function EditRole() {
     permissions: [] as string[],
   });
 
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    permissions: [] as string[],
+  });
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   // Load role data
   const loadRole = useCallback(async (id: string) => {
     try {
@@ -29,6 +36,10 @@ function EditRole() {
           name: data.name || '',
           permissions: data.permissions || [],
         });
+        setOriginalData({
+          name: data.name || '',
+          permissions: data.permissions || [],
+        });
       }
     } catch (error) {
       console.error('Error loading role:', error);
@@ -42,6 +53,13 @@ function EditRole() {
     if (id) loadRole(id);
   }, [params?.id, loadRole, stateRole.findMany]);
 
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      permissions: originalData.permissions,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
   // Submit handler
   const handleSubmit = async () => {
     if (!formData.name.trim()) {
@@ -54,6 +72,7 @@ function EditRole() {
     }
 
     try {
+      setIsSubmitting(true);
       // Update global state only on submit
       stateRole.update.form = {
         ...stateRole.update.form,
@@ -66,6 +85,8 @@ function EditRole() {
     } catch (error) {
       console.error('Error updating role:', error);
       toast.error('Terjadi kesalahan saat memperbarui role');
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -112,18 +133,30 @@ function EditRole() {
             error={!formData.permissions.length ? 'Pilih minimal satu permission' : undefined}
           />
 
-          <Group justify="right">
+<Group justify="right">
+            {/* Tombol Batal */}
             <Button
+              variant="outline"
+              color="gray"
               radius="md"
               size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
               onClick={handleSubmit}
+              radius="md"
+              size="md"
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Submit
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/user&role/role/create/page.tsx b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
index 40644b2a..3bca6712 100644
--- a/src/app/admin/(dashboard)/user&role/role/create/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
@@ -7,15 +7,17 @@ import {
   Group,
   MultiSelect,
   Paper,
+  Loader,
   Stack,
   TextInput,
   Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import user from '../../../_state/user/user-state';
+import { toast } from 'react-toastify';
 
 
 export default function CreateRole() {
@@ -25,6 +27,8 @@ export default function CreateRole() {
     stateRole.findMany.load();
   }, []);
 
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   const resetForm = () => {
     stateRole.create.form = {
       name: '',
@@ -33,10 +37,18 @@ export default function CreateRole() {
   };
 
   const handleSubmit = async () => {
-    await stateRole.create.create();
+    try {
+      setIsSubmitting(true);
+      await stateRole.create.create();
 
-    resetForm();
-    router.push('/admin/user&role/role');
+      resetForm();
+      router.push('/admin/user&role/role');
+    } catch (error) {
+      console.error('Error creating role:', error);
+      toast.error('Terjadi kesalahan saat membuat role');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -63,7 +75,7 @@ export default function CreateRole() {
             <TextInput
               label="Nama Role"
               placeholder="Masukkan nama role"
-              defaultValue={stateRole.create.form.name || ''}
+              value={stateRole.create.form.name || ''}
               onChange={(e) => (stateRole.create.form.name = e.target.value)}
               required
             />
@@ -92,6 +104,17 @@ export default function CreateRole() {
           </Box>
 
           <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
@@ -102,7 +125,7 @@ export default function CreateRole() {
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index ac5f19b9..d82a0d6a 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -6,8 +6,8 @@ export const navBar = [
     children: [
       {
         id: "Landing_Page_1",
-        name: "Profile",
-        path: "/admin/landing-page/profile/program-inovasi"
+        name: "Profil",
+        path: "/admin/landing-page/profil/program-inovasi"
       },
       {
         id: "Landing_Page_2",
@@ -21,13 +21,13 @@ export const navBar = [
       },
       {
         id: "Landing_Page_4",
-        name: "Sdgs Desa",
-        path: "/admin/landing-page/sdgs-desa"
+        name: "SDGs",
+        path: "/admin/landing-page/SDGs"
       },
       {
         id: "Landing_Page_5",
-        name: "Apbdes",
-        path: "/admin/landing-page/apbdes"
+        name: "APBDes",
+        path: "/admin/landing-page/APBDes"
       },
       {
         id: "Landing_Page_6",
@@ -43,8 +43,8 @@ export const navBar = [
     children: [
       {
         id: "PPID_1",
-        name: "Profile PPID",
-        path: "/admin/ppid/profile-ppid"
+        name: "Profil PPID",
+        path: "/admin/ppid/profil-ppid"
       },
       {
         id: "PPID_2",
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 203da169..ec65e499 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -5,12 +5,12 @@ import { useEffect, useState } from 'react';
 
 // Dynamically import the components with SSR disabled to prevent hydration issues
 const LayoutTabs = dynamic(
-  () => import('./(dashboard)/landing-page/profile/_lib/layoutTabs'),
+  () => import('./(dashboard)/landing-page/profil/_lib/layoutTabs'),
   { ssr: false }
 );
 
 const ProgramInovasi = dynamic(
-  () => import('./(dashboard)/landing-page/profile/program-inovasi/page'),
+  () => import('./(dashboard)/landing-page/profil/program-inovasi/page'),
   { ssr: false }
 );
 
diff --git a/src/app/api/[[...slugs]]/_lib/desa/berita/create.ts b/src/app/api/[[...slugs]]/_lib/desa/berita/create.ts
index e64f67ca..5e19903f 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/create.ts
@@ -26,7 +26,7 @@ async function beritaCreate(context: Context) {
 
   return {
     success: true,
-    message: "Success create berita",
+    message: "Sukses menambahkan berita",
     data: {
       ...body,
     },
diff --git a/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts b/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts
index ada6473a..6e4d94c4 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts
@@ -11,6 +11,6 @@ export default async function kategoriBeritaDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete kategori berita",
+        message: "Sukses Menghapus kategori berita",
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/desa/gallery/foto/create.ts b/src/app/api/[[...slugs]]/_lib/desa/gallery/foto/create.ts
index e53f35af..4eb72b0d 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/gallery/foto/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/gallery/foto/create.ts
@@ -22,7 +22,7 @@ async function galleryFotoCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create gallery foto",
+        message: "Sukses menambahkan gallery foto",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/desa/gallery/video/create.ts b/src/app/api/[[...slugs]]/_lib/desa/gallery/video/create.ts
index b3b5a558..745ce8f6 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/gallery/video/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/gallery/video/create.ts
@@ -21,7 +21,7 @@ async function galleryVideoCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create gallery video",
+        message: "Sukses menambahkan gallery video",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_surat_keterangan/create.ts b/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_surat_keterangan/create.ts
index b22a7a52..2a033da9 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_surat_keterangan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_surat_keterangan/create.ts
@@ -23,7 +23,7 @@ async function createPelayananSuratKeterangan(context: Context) {
     });
     return {
         success: true,
-        message: "Success create pelayanan surat keterangan",
+        message: "Sukses menambahkan pelayanan surat keterangan",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_telunjuk_sakti_desa/create.ts b/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_telunjuk_sakti_desa/create.ts
index 3de921e0..55c6d0c7 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_telunjuk_sakti_desa/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/layanan/pelayanan_telunjuk_sakti_desa/create.ts
@@ -21,7 +21,7 @@ export default async function pelayananTelunjukSaktiDesaCreate(context: Context)
     });
     return {
         success: true,
-        message: "Success create pelayanan telunjuk sakti desa",
+        message: "Sukses menambahkan pelayanan telunjuk sakti desa",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/desa/penghargaan/create.ts b/src/app/api/[[...slugs]]/_lib/desa/penghargaan/create.ts
index 199a8f75..eacaf0a9 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/penghargaan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/penghargaan/create.ts
@@ -24,7 +24,7 @@ export default async function penghargaanCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create penghargaan",
+        message: "Sukses menambahkan penghargaan",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/create.ts b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/create.ts
index 86c5f1e2..381c0197 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/create.ts
@@ -35,7 +35,7 @@ export async function pengumumanCreate(context: Context) {
 
   return {
     success: true,
-    message: "Success create pengumuman",
+    message: "Sukses menambahkan pengumuman",
     data: {
       ...body,
     },
diff --git a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/kategori-pengumuman/del.ts b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/kategori-pengumuman/del.ts
index 3fde4347..437c369f 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/kategori-pengumuman/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/kategori-pengumuman/del.ts
@@ -11,6 +11,6 @@ export default async function kategoriPengumumanDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete kategori pengumuman",
+        message: "Sukses Menghapus kategori pengumuman",
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/desa/potensi/create.ts b/src/app/api/[[...slugs]]/_lib/desa/potensi/create.ts
index cfbdb4e8..8c359986 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/potensi/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/potensi/create.ts
@@ -25,7 +25,7 @@ export default async function potensiDesaCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create potensi desa",
+        message: "Sukses menambahkan potensi desa",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts b/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts
index 804fff7f..d91cef98 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts
@@ -11,6 +11,6 @@ export default async function kategoriPotensiDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete kategori potensi",
+        message: "Sukses Menghapus kategori potensi",
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile-mantan-perbekel/create.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile-mantan-perbekel/create.ts
index 350729cc..f493a110 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile-mantan-perbekel/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile-mantan-perbekel/create.ts
@@ -21,7 +21,7 @@ export default async function profileMantanPerbekelCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create profile mantan perbekel",
+        message: "Sukses menambahkan profile mantan perbekel",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/demografi-pekerjaan/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/demografi-pekerjaan/create.ts
index 69c51e18..d6a67dc6 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/demografi-pekerjaan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/demografi-pekerjaan/create.ts
@@ -28,7 +28,7 @@ export default async function demografiPekerjaanCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create demografi pekerjaan",
+        message: "Sukses menambahkan demografi pekerjaan",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/create.ts
index 0e9f71eb..a5a4c1e8 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/create.ts
@@ -27,7 +27,7 @@ export default async function grafikJumlahPendudukMiskinCreate(
 
   return {
     success: true,
-    message: "Success create grafik jumlah penduduk miskin",
+    message: "Sukses menambahkan grafik jumlah penduduk miskin",
     data: created,
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/lowongan-kerja/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/lowongan-kerja/create.ts
index d94ba148..6b034fd7 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/lowongan-kerja/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/lowongan-kerja/create.ts
@@ -30,7 +30,7 @@ export default async function lowonganKerjaCreate(context: Context) {
 
     return {
         success: true,
-        message: "Success create lowongan kerja",
+        message: "Sukses menambahkan lowongan kerja",
         data: lowonganKerja,
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts
index 7ddd3be7..42d01da5 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts
@@ -61,7 +61,7 @@ export default async function pasarDesaCreate(context: Context) {
 
     return {
       success: true,
-      message: "Success create pasar desa",
+      message: "Sukses menambahkan pasar desa",
       data: result,
     };
   } catch (error) {
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/create.ts
index 023de01f..fd92ea8b 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/create.ts
@@ -19,7 +19,7 @@ export default async function kategoriProdukCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create kategori produk",
+        message: "Sukses menambahkan kategori produk",
         data: kategoriProduk
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/del.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/del.ts
index aa22e6ac..317ea36e 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/del.ts
@@ -25,7 +25,7 @@ const kategoriProdukDelete = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success delete kategori produk",
+        message: "Sukses Menghapus kategori produk",
         data: kategoriProduk,
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/create.ts
index 7382162d..b9871ca4 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/create.ts
@@ -34,7 +34,7 @@ export default async function apbDesaCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create apb desa",
+        message: "Sukses menambahkan apb desa",
         data: created,
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/findFirst.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/findFirst.ts
new file mode 100644
index 00000000..ca98543c
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/findFirst.ts
@@ -0,0 +1,67 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+export default async function apbDesaFindFirst(context: Context) {
+  try {
+    // ambil id dari query (?id=xxx) atau dari params (/api/apb-desa/:id)
+    const id = context.query?.id || context.params?.id;
+
+    // kalau ada ID, cari berdasarkan ID
+    if (id) {
+      const data = await prisma.apbDesa.findUnique({
+        where: { id: String(id), isActive: true },
+        include: {
+          pendapatan: true,
+          belanja: true,
+          pembiayaan: true,
+        },
+      });
+
+      if (!data) {
+        return {
+          success: false,
+          message: "APB Desa not found",
+          data: null,
+        };
+      }
+
+      return {
+        success: true,
+        message: "Success fetch APB Desa by ID",
+        data,
+      };
+    }
+
+    // kalau tidak ada ID, ambil data paling baru
+    const data = await prisma.apbDesa.findFirst({
+      where: { isActive: true },
+      include: {
+        pendapatan: true,
+        belanja: true,
+        pembiayaan: true,
+      },
+      orderBy: { createdAt: "desc" },
+    });
+
+    if (!data) {
+      return {
+        success: false,
+        message: "No APB Desa data found",
+        data: null,
+      };
+    }
+
+    return {
+      success: true,
+      message: "Success fetch latest APB Desa",
+      data,
+    };
+  } catch (e) {
+    console.error("Error in apbDesaFindFirst:", e);
+    return {
+      success: false,
+      message: "Failed to fetch APB Desa data",
+      data: null,
+    };
+  }
+}
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/index.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/index.ts
index 4910e25d..0b9fd0bf 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/apbDesa/index.ts
@@ -4,12 +4,14 @@ import apbDesaFindUnique from "./findUnique";
 import apbDesaCreate from "./create";
 import apbDesaDelete from "./del";
 import apbDesaUpdate from "./updt";
+import apbDesaFindFirst from "./findFirst";
 
 const APBDesa = new Elysia({
   prefix: "/apbdesa",
   tags: ["Ekonomi/Pendapatan Asli Desa/APB Desa"],
 })
   .get("/find-many", apbDesaFindMany)
+  .get("/find-first", apbDesaFindFirst)
   .get("/:id", async (context) => {
     const response = await apbDesaFindUnique(new Request(context.request));
     return response;
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/belanja/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/belanja/create.ts
index 78951f0a..6d6a7b0a 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/belanja/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/belanja/create.ts
@@ -22,7 +22,7 @@ export default async function belanjaCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create belanja",
+        message: "Sukses menambahkan belanja",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pembiayaan/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pembiayaan/create.ts
index dc7849d4..13707fd1 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pembiayaan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pembiayaan/create.ts
@@ -22,7 +22,7 @@ export default async function pembiayaanCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create pembiayaan",
+        message: "Sukses menambahkan pembiayaan",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pendapatan/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pendapatan/create.ts
index 0b42098f..607e8970 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pendapatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/pendapatan/create.ts
@@ -23,7 +23,7 @@ export default async function pendapatanAsliCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create pendapatan asli desa",
+        message: "Sukses menambahkan pendapatan asli desa",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/create.ts
index 8f852cbd..dea19c43 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/create.ts
@@ -35,7 +35,7 @@ export default async function programKemiskinanCreate(context: Context) {
 
   return {
     success: true,
-    message: "Success create program kemiskinan dengan relasi statistik",
+    message: "Sukses menambahkan program kemiskinan dengan relasi statistik",
     data: program,
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/del.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/del.ts
index 340d9063..ee66e2aa 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/del.ts
@@ -14,6 +14,6 @@ export default async function programKemiskinanDelete(context: Context) {
   return {
     status: 200,
     success: true,
-    message: "Success delete program kemiskinan",
+    message: "Sukses Menghapus program kemiskinan",
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/sektor-unggulan-desa/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/sektor-unggulan-desa/create.ts
index 4dc1ece5..fc909b41 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/sektor-unggulan-desa/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/sektor-unggulan-desa/create.ts
@@ -27,7 +27,7 @@ export default async function sektorUnggulanDesaCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create sektor unggulan desa",
+        message: "Sukses menambahkan sektor unggulan desa",
         data: created,
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/posisi-organisasi/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/posisi-organisasi/create.ts
index 69aa2578..43cbfbde 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/posisi-organisasi/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/posisi-organisasi/create.ts
@@ -27,7 +27,7 @@ export default async function posisiOrganisasiCreate(context: Context) {
         });
         return {
             success: true,
-            message: "Success create posisi organisasi",
+            message: "Sukses menambahkan posisi organisasi",
             data: posisiOrganisasi
         };
     } catch (error) {
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/create.ts
index 151e85d6..d3f8d6e6 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/create.ts
@@ -30,7 +30,7 @@ export default async function grafikMenganggurBerdasarkanUsiaCreate(context: Con
     });
     return {
         success: true,
-        message: "Success create grafik menganggur berdasarkan usia",
+        message: "Sukses menambahkan grafik menganggur berdasarkan usia",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/pengangguran-berdasrkan-pendidikan/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/pengangguran-berdasrkan-pendidikan/create.ts
index d21f3eaa..0b1deb92 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/pengangguran-berdasrkan-pendidikan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/usia-kerja-yang-menganggur/pengangguran-berdasrkan-pendidikan/create.ts
@@ -33,7 +33,7 @@ export default async function grafikMenganggurBerdasarkanPendidikanCreate(contex
     });
     return {
         success: true,
-        message: "Success create grafik menganggur berdasarkan pendidikan",
+        message: "Sukses menambahkan grafik menganggur berdasarkan pendidikan",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/ajukan-ide-inovatif/create.ts b/src/app/api/[[...slugs]]/_lib/inovasi/ajukan-ide-inovatif/create.ts
index 6373f417..0496fdb4 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/ajukan-ide-inovatif/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/ajukan-ide-inovatif/create.ts
@@ -28,7 +28,7 @@ export default async function ajukanIdeInovatifCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create ajukan ide inovatif",
+        message: "Sukses menambahkan ajukan ide inovatif",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/desa-digital/create.ts b/src/app/api/[[...slugs]]/_lib/inovasi/desa-digital/create.ts
index d9cfbf6a..8411fbc0 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/desa-digital/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/desa-digital/create.ts
@@ -22,7 +22,7 @@ export default async function desaDigitalCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create desa digital",
+        message: "Sukses menambahkan desa digital",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/info-teknologi/create.ts b/src/app/api/[[...slugs]]/_lib/inovasi/info-teknologi/create.ts
index ac7dbd1b..92460fbc 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/info-teknologi/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/info-teknologi/create.ts
@@ -22,7 +22,7 @@ export default async function infoTeknoCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create info teknologi",
+        message: "Sukses menambahkan info teknologi",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/create.ts b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/create.ts
index ebf6632d..e98110cb 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/create.ts
@@ -20,7 +20,7 @@ export default async function jenisLayananCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create jenis layanan",
+        message: "Sukses menambahkan jenis layanan",
         data: jenisLayanan
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/del.ts b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/del.ts
index d2d26ea5..bc201279 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/administrasi-online/jenis-layanan/del.ts
@@ -25,7 +25,7 @@ const jenisLayananDelete = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success delete jenis layanan",
+        message: "Sukses Menghapus jenis layanan",
         data: jenisLayanan,
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/create.ts b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/create.ts
index f861d5c6..58cd39a4 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/create.ts
@@ -31,7 +31,7 @@ export default async function pengaduanMasyarakatCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create pengaduan masyarakat",
+        message: "Sukses menambahkan pengaduan masyarakat",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/create.ts b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/create.ts
index 27011f30..c54aa456 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/create.ts
@@ -16,7 +16,7 @@ export default async function jenisPengaduanCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create jenis pengaduan",
+        message: "Sukses menambahkan jenis pengaduan",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/del.ts b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/del.ts
index 8721bac8..a07cc3c8 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/layanan-online-desa/pengaduan-masyarakat/jenis-pengaduan/del.ts
@@ -25,7 +25,7 @@ const jenisPengaduanDelete = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success delete jenis pengaduan",
+        message: "Sukses Menghapus jenis pengaduan",
         data: jenisPengaduan,
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/inovasi/program-kreatif/create.ts b/src/app/api/[[...slugs]]/_lib/inovasi/program-kreatif/create.ts
index c73ee4c2..0b5594be 100644
--- a/src/app/api/[[...slugs]]/_lib/inovasi/program-kreatif/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/inovasi/program-kreatif/create.ts
@@ -22,7 +22,7 @@ export default async function programKreatifCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create program kreatif",
+        message: "Sukses menambahkan program kreatif",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/keamanan-lingkungan/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/keamanan-lingkungan/create.ts
index 5f332ebc..3d225fc8 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/keamanan-lingkungan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/keamanan-lingkungan/create.ts
@@ -21,7 +21,7 @@ async function createKeamananLingkungan(context: Context) {
     });
     return {
         success: true,
-        message: "Success create keamanan lingkungan",
+        message: "Sukses menambahkan keamanan lingkungan",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/create.ts
index d42e792a..de0a3b99 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/create.ts
@@ -45,7 +45,7 @@ export default async function kontakDaruratKeamananCreate(context: Context) {
 
     return {
       success: true,
-      message: "Success create kontak darurat keamanan",
+      message: "Sukses menambahkan kontak darurat keamanan",
       data: result,
     };
   } catch (error) {
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/kontak-item/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/kontak-item/create.ts
index 51e3ceff..a5f0e061 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/kontak-item/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/kontak-item/create.ts
@@ -18,7 +18,7 @@ export default async function kontakItemCreate(context: Context){
     })
     return {
         success: true,
-        message: "Success create kontak item",
+        message: "Sukses menambahkan kontak item",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts
index 009121f9..452dd869 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts
@@ -20,7 +20,7 @@ export default async function layananPolsekCreate(context: Context) {
 
   return {
     success: true,
-    message: "Success create layanan polsek",
+    message: "Sukses menambahkan layanan polsek",
     data: layanan,
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts
index 55a5ff51..63669de5 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts
@@ -25,7 +25,7 @@ export const layananPolsekDelete = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success delete layanan polsek",
+        message: "Sukses Menghapus layanan polsek",
         data: layanan,
     }
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/pencegahan-kriminalitas/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/pencegahan-kriminalitas/create.ts
index 4d25b781..16ff64b8 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/pencegahan-kriminalitas/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/pencegahan-kriminalitas/create.ts
@@ -25,7 +25,7 @@ const pencegahanKriminalitasCreate = async (context: Context) => {
 
   return {
     success: true,
-    message: "Success create pencegahan kriminalitas",
+    message: "Sukses menambahkan pencegahan kriminalitas",
     data: {
       ...body,
     },
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts
index 1d196824..71047362 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts
@@ -35,7 +35,7 @@ async function polsekTerdekatCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create polsek terdekat",
+        message: "Sukses menambahkan polsek terdekat",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/tips-keamanan/del.ts b/src/app/api/[[...slugs]]/_lib/keamanan/tips-keamanan/del.ts
index 77fca5df..261deff2 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/tips-keamanan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/tips-keamanan/del.ts
@@ -47,7 +47,7 @@ const menuTipsKeamananDelete = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success delete menu tips keamanan",
+        message: "Sukses Menghapus menu tips keamanan",
         data: deleted,
     };
 };
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/create.ts
index 13755f06..9a5339d4 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/create.ts
@@ -51,7 +51,7 @@ const artikelKesehatanCreate = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success create artikel kesehatan",
+        message: "Sukses menambahkan artikel kesehatan",
         data: artikelKesehatan,
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/doctor_sign/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/doctor_sign/create.ts
index 7e5200e8..4051e48c 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/doctor_sign/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/doctor_sign/create.ts
@@ -18,7 +18,7 @@ export default async function doctorSignCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create doctor sign",
+        message: "Sukses menambahkan doctor sign",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/first_aid/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/first_aid/create.ts
index 62c6ba4d..88ca35c8 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/first_aid/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/first_aid/create.ts
@@ -19,7 +19,7 @@ export default async function firstAidCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create first aid",
+        message: "Sukses menambahkan first aid",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/introduction/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/introduction/create.ts
index 68b26645..4a606000 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/introduction/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/introduction/create.ts
@@ -18,7 +18,7 @@ export default async function introductionCreate(context: Context) {
   });
   return {
     success: true,
-    message: "Success create introduction",
+    message: "Sukses menambahkan introduction",
     data: {
       ...body,
     },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/myth_vs_fact/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/myth_vs_fact/create.ts
index c394c660..1bf8a6ea 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/myth_vs_fact/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/myth_vs_fact/create.ts
@@ -22,7 +22,7 @@ export default async function mythVsFactCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create myth vs fact",
+        message: "Sukses menambahkan myth vs fact",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/prevention/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/prevention/create.ts
index adc0dac8..b95442dc 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/prevention/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/prevention/create.ts
@@ -20,7 +20,7 @@ export default async function preventionCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create prevention",
+        message: "Sukses menambahkan prevention",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/syptom/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/syptom/create.ts
index c53ec1dd..c80d39c7 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/syptom/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/artikel_kesehatan/syptom/create.ts
@@ -19,7 +19,7 @@ export default async function symptomCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create symptom",
+        message: "Sukses menambahkan symptom",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts
index f1e42c5f..4852439d 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts
@@ -25,7 +25,7 @@ export default async function dokterTenagaMedisCreate(context: Context) {
 
   return {
     success: true,
-    message: "Success create dokter tenaga medis",
+    message: "Sukses menambahkan dokter tenaga medis",
     data: created,
   };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/create.ts
index 5e65c22f..e75ab39c 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/create.ts
@@ -30,7 +30,7 @@ export default async function grafikKepuasanCreate(context: Context) {
   });
   return {
     success: true,
-    message: "Success create grafik kepuasan",
+    message: "Sukses menambahkan grafik kepuasan",
     data: created,
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/create.ts
index c806286c..a6942a54 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/create.ts
@@ -49,7 +49,7 @@ const jadwalKegiatanCreate = async (context: Context) => {
     })
     return {
         success: true,
-        message: "Success create jadwal kegiatan",
+        message: "Sukses menambahkan jadwal kegiatan",
         data: jadwalKegiatan
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/create.ts
index 0e22c8fd..3ddcb327 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/create.ts
@@ -24,7 +24,7 @@ async function createPendaftaran(context: Context) {
   });
   return {
     success: true,
-    message: "Success create pendaftaran jadwal kegiatan",
+    message: "Sukses menambahkan pendaftaran jadwal kegiatan",
     data: {
       ...body,
     },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/create.ts
index 899415e2..e412fef8 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/create.ts
@@ -21,7 +21,7 @@ export default async function persentaseKelahiranKematianCreate(context: Context
     })
     return{
         success: true,
-        message: "Success create persentase kelahiran kematian",
+        message: "Sukses menambahkan persentase kelahiran kematian",
         data: created
     }
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kelahiran/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kelahiran/create.ts
index 93ad49b1..fdfc398c 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kelahiran/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kelahiran/create.ts
@@ -27,7 +27,7 @@ export default async function kelahiranCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create kelahiran",
+        message: "Sukses menambahkan kelahiran",
         data: created,
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kematian/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kematian/create.ts
index 4faeb5b9..04231ea9 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kematian/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/kematian/create.ts
@@ -30,7 +30,7 @@ export default async function kematianCreate(context: Context) {
   });
   return {
     success: true,
-    message: "Success create kematian",
+    message: "Sukses menambahkan kematian",
     data: created,
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/info-wabah-penyakit/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/info-wabah-penyakit/create.ts
index eb8a5422..10eaba48 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/info-wabah-penyakit/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/info-wabah-penyakit/create.ts
@@ -23,7 +23,7 @@ export default async function infoWabahPenyakitCreate(context: Context) {
     })
     return {
         success: true,
-        message: "Success create info wabah penyakit",
+        message: "Sukses menambahkan info wabah penyakit",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/kontak-darurat/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/kontak-darurat/create.ts
index 2e4ccdea..bc6a580d 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/kontak-darurat/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/kontak-darurat/create.ts
@@ -23,7 +23,7 @@ export default async function kontakDaruratCreate(context: Context) {
     })
     return {
         success: true,
-        message: "Success create kontak darurat",
+        message: "Sukses menambahkan kontak darurat",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/penanganan-darurat/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/penanganan-darurat/create.ts
index cbd05516..ca700b0b 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/penanganan-darurat/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/penanganan-darurat/create.ts
@@ -21,7 +21,7 @@ export default async function penangananDaruratCreate(context: Context) {
     })
     return {
         success: true,
-        message: "Success create penanganan darurat",
+        message: "Sukses menambahkan penanganan darurat",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/posyandu/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/posyandu/create.ts
index 7431e7ef..cf3aad12 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/posyandu/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/posyandu/create.ts
@@ -25,7 +25,7 @@ export default async function posyanduCreate(context: Context) {
     })
     return {
         success: true,
-        message: "Success create posyandu",
+        message: "Sukses menambahkan posyandu",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/program-kesehatan/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/program-kesehatan/create.ts
index da9f4a28..47c46630 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/program-kesehatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/program-kesehatan/create.ts
@@ -23,7 +23,7 @@ export default async function programKesehatanCreate(context: Context) {
     })
     return {
         success: true,
-        message: "Success create program kesehatan",
+        message: "Sukses menambahkan program kesehatan",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/desa-anti-korupsi/kategori-dak/create.ts b/src/app/api/[[...slugs]]/_lib/landing_page/desa-anti-korupsi/kategori-dak/create.ts
index 2e8ef33f..3b601dc4 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/desa-anti-korupsi/kategori-dak/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/desa-anti-korupsi/kategori-dak/create.ts
@@ -19,7 +19,7 @@ export default async function kategoriDesaAntiKorupsiCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create kategori desa anti korupsi",
+        message: "Sukses menambahkan kategori desa anti korupsi",
         data: kategoriDesaAntiKorupsi
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/jenis-kelamin-responden/del.ts b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/jenis-kelamin-responden/del.ts
index 8aa9f0e7..8be7aadf 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/jenis-kelamin-responden/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/jenis-kelamin-responden/del.ts
@@ -11,6 +11,6 @@ export default async function jenisKelaminRespondenDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete jenis kelamin responden",
+        message: "Sukses Menghapus jenis kelamin responden",
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/pilihan-rating-responden/del.ts b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/pilihan-rating-responden/del.ts
index cefe67fc..e9ded564 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/pilihan-rating-responden/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/pilihan-rating-responden/del.ts
@@ -11,6 +11,6 @@ export default async function pilihanRatingRespondenDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete pilihan rating responden",
+        message: "Sukses Menghapus pilihan rating responden",
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/responden/del.ts b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/responden/del.ts
index 2e85b091..c9b70462 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/responden/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/responden/del.ts
@@ -28,6 +28,6 @@ export default async function respondenDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete responden",
+        message: "Sukses Menghapus responden",
 };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/umur-responden/del.ts b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/umur-responden/del.ts
index 86a70751..21160dd1 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/umur-responden/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/indeks_kepuasan/umur-responden/del.ts
@@ -11,6 +11,6 @@ export default async function umurRespondenDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete umur responden",
+        message: "Sukses Menghapus umur responden",
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/create.ts b/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/create.ts
index 7e1c3ddf..e9f19a1d 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/create.ts
@@ -19,7 +19,7 @@ export default async function kategoriPrestasiCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create kategori prestasi",
+        message: "Sukses menambahkan kategori prestasi",
         data: kategoriPrestasi
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/del.ts b/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/del.ts
index 927bd5d4..bf3813b4 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/prestasi-desa/kategori-prestasi/del.ts
@@ -25,7 +25,7 @@ const kategoriPrestasiDelete = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success delete kategori prestasi",
+        message: "Sukses Menghapus kategori prestasi",
         data: kategoriPrestasi,
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/lingkungan/data-lingkungan-desa/create.ts b/src/app/api/[[...slugs]]/_lib/lingkungan/data-lingkungan-desa/create.ts
index 52630076..7981c4c0 100644
--- a/src/app/api/[[...slugs]]/_lib/lingkungan/data-lingkungan-desa/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/lingkungan/data-lingkungan-desa/create.ts
@@ -21,7 +21,7 @@ export default async function dataLingkunganDesaCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create data lingkungan desa",
+        message: "Sukses menambahkan data lingkungan desa",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/create.ts b/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/create.ts
index f62d0413..5dd57770 100644
--- a/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/create.ts
@@ -19,7 +19,7 @@ export default async function kategoriKegiatanCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create kategori kegiatan",
+        message: "Sukses menambahkan kategori kegiatan",
         data: kategoriKegiatan
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/del.ts b/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/del.ts
index b51a7762..7cb44d36 100644
--- a/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/lingkungan/gotong-royong/kategori-kegiatan/del.ts
@@ -25,7 +25,7 @@ const kategoriKegiatanDelete = async (context: Context) => {
 
     return {
         success: true,
-        message: "Success delete kategori produk",
+        message: "Sukses Menghapus kategori produk",
         data: kategoriKegiatan,
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/create.ts b/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/create.ts
index b3691ef3..9be8ca67 100644
--- a/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/create.ts
@@ -18,7 +18,7 @@ export default async function pengelolaanSampahCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create program kreatif",
+        message: "Sukses menambahkan program kreatif",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/keterangan-bank-sampah/create.ts b/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/keterangan-bank-sampah/create.ts
index 51950fdb..c496c910 100644
--- a/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/keterangan-bank-sampah/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/lingkungan/pengelolaan-sampah/keterangan-bank-sampah/create.ts
@@ -27,7 +27,7 @@ export default async function keteranganBankSampahTerdekatCreate(context: Contex
 
     return {
         success: true,
-        message: "Success create keterangan bank sampah terdekat",
+        message: "Sukses menambahkan keterangan bank sampah terdekat",
         data: created,
     };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/lingkungan/program-penghijauan/create.ts b/src/app/api/[[...slugs]]/_lib/lingkungan/program-penghijauan/create.ts
index c334619a..dae30bba 100644
--- a/src/app/api/[[...slugs]]/_lib/lingkungan/program-penghijauan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/lingkungan/program-penghijauan/create.ts
@@ -22,7 +22,7 @@ export default async function programPenghijauanCreate(context: Context){
 
     return {
         success: true,
-        message: "Success create program kreatif",
+        message: "Sukses menambahkan program kreatif",
         data: {
             ...body,
         }
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/del.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/del.ts
index f3d8d05a..555d87e1 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/del.ts
@@ -11,6 +11,6 @@ export default async function beasiswaPendaftarDelete(context: Context) {
   return {
     status: 200,
     success: true,
-    message: "Success delete beasiswa pendaftar",
+    message: "Sukses Menghapus beasiswa pendaftar",
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/keunggulan-program/del.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/keunggulan-program/del.ts
index 4b807b8c..65aaa949 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/keunggulan-program/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/keunggulan-program/del.ts
@@ -11,6 +11,6 @@ export default async function keunggulanProgramDelete(context: Context) {
   return {
     status: 200,
     success: true,
-    message: "Success delete keunggulan program",
+    message: "Sukses Menghapus keunggulan program",
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/jenjang-pendidikan/del.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/jenjang-pendidikan/del.ts
index e0cc1665..10027513 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/jenjang-pendidikan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/jenjang-pendidikan/del.ts
@@ -25,7 +25,7 @@ export default async function jenjangPendidikanDelete(context: Context) {
 
     return {
         success: true,
-        message: "Success delete jenjang pendidikan",
+        message: "Sukses Menghapus jenjang pendidikan",
         data: jenjangPendidikan,
     }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/del.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/del.ts
index 74b1004f..f65a2190 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/del.ts
@@ -11,6 +11,6 @@ export default async function dataPerpustakaanDelete(context: Context) {
   return {
     status: 200,
     success: true,
-    message: "Success delete data perpustakaan",
+    message: "Sukses Menghapus data perpustakaan",
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/del.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/del.ts
index c6f300a7..5369f1ec 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/del.ts
@@ -11,6 +11,6 @@ export default async function kategoriBukuDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete kategori buku",
+        message: "Sukses Menghapus kategori buku",
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/peminjaman/del.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/peminjaman/del.ts
index 4b38efd7..17dd539d 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/peminjaman/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/peminjaman/del.ts
@@ -11,6 +11,6 @@ export default async function peminjamanBukuDelete(context: Context) {
   return {
     status: 200,
     success: true,
-    message: "Success delete peminjaman buku",
+    message: "Sukses Menghapus peminjaman buku",
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/daftar_informasi_publik/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/daftar_informasi_publik/create.ts
index 2bd88541..5b80798f 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/daftar_informasi_publik/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/daftar_informasi_publik/create.ts
@@ -17,7 +17,7 @@ export default async function daftarInformasiPublikCreate(context: Context) {
     })
     return {
         success: true,
-        message: "Success create daftar informasi publik",
+        message: "Sukses menambahkan daftar informasi publik",
         data: {
             ...body,
         },
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_jenis_kelamin/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_jenis_kelamin/create.ts
index a92ac5d4..aa756b9c 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_jenis_kelamin/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_jenis_kelamin/create.ts
@@ -24,7 +24,7 @@ export default async function grafikBerdasarkanJenisKelaminCreate(context: Conte
     });
     return {
         success: true,
-        message: "Success create grafik berdasarkan jenis kelamin",
+        message: "Sukses menambahkan grafik berdasarkan jenis kelamin",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_umur/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_umur/create.ts
index e1063e5c..1bb3aa6e 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_umur/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_berdasarkan_umur/create.ts
@@ -30,7 +30,7 @@ export async function grafikBerdasarkanUmurCreate(context: Context) {
     });
     return {
         success: true,
-        message: "Success create grafik berdasarkan umur",
+        message: "Sukses menambahkan grafik berdasarkan umur",
         data: created,
     };
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_hasil_kepuasan_masyarakat/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_hasil_kepuasan_masyarakat/create.ts
index a9d5646a..32c7e36d 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_hasil_kepuasan_masyarakat/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_hasil_kepuasan_masyarakat/create.ts
@@ -24,7 +24,7 @@ export default async function grafikHasilKepuasanMasyarakatCreate(context: Conte
   });
   return {
     success: true,
-    message: "Success create grafik hasil kepuasan masyarakat",
+    message: "Sukses menambahkan grafik hasil kepuasan masyarakat",
     data: created,
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_responden/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_responden/create.ts
index 3b23b738..63c9a4b0 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_responden/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/ikm/grafik_responden/create.ts
@@ -11,7 +11,7 @@ export default async function grafikRespondenCreate(context: Context) {
 
   return {
     success: true,
-    message: "Success create grafik berdasarkan responden",
+    message: "Sukses menambahkan grafik berdasarkan responden",
     data: created, // ini termasuk id
   };
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/struktur_ppid/posisi-organisasi/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/struktur_ppid/posisi-organisasi/create.ts
index 3055dc43..323ac417 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/struktur_ppid/posisi-organisasi/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/struktur_ppid/posisi-organisasi/create.ts
@@ -27,7 +27,7 @@ export default async function posisiOrganisasiCreate(context: Context) {
         });
         return {
             success: true,
-            message: "Success create posisi organisasi",
+            message: "Sukses menambahkan posisi organisasi",
             data: posisiOrganisasi
         };
     } catch (error) {
diff --git a/src/app/api/[[...slugs]]/_lib/user/role/del.ts b/src/app/api/[[...slugs]]/_lib/user/role/del.ts
index d2677650..343084ae 100644
--- a/src/app/api/[[...slugs]]/_lib/user/role/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/role/del.ts
@@ -11,6 +11,6 @@ export default async function roleDelete(context: Context) {
     return {
         status: 200,
         success: true,
-        message: "Success delete role",
+        message: "Sukses Menghapus role",
     };
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/berita/page2.txt b/src/app/darmasaba/(pages)/desa/berita/page2.txt
index 8c819a5a..c63910f0 100644
--- a/src/app/darmasaba/(pages)/desa/berita/page2.txt
+++ b/src/app/darmasaba/(pages)/desa/berita/page2.txt
@@ -66,7 +66,7 @@ function Page() {
       </Container>
 
       {/* Tabs Menu */}
-      <Tabs color={colors['blue-button']} variant="pills" defaultValue="semua">
+      <Tabs color={colors['blue-button']} variant="pills" value="semua">
         <Box px={{ base: "md", md: 100 }} py="md" bg={colors['BG-trans']} >
           <Grid>
             <GridCol span={{ base: 12, md: 9, lg: 8, xl: 9 }}>
diff --git a/src/app/darmasaba/(pages)/desa/galery/_lib/layoutTabs.tsx b/src/app/darmasaba/(pages)/desa/galery/_lib/layoutTabs.tsx
index 76abe9fc..605b15ff 100644
--- a/src/app/darmasaba/(pages)/desa/galery/_lib/layoutTabs.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/_lib/layoutTabs.tsx
@@ -8,76 +8,59 @@ import { useEffect, useState } from 'react';
 import BackButton from '../../layanan/_com/BackButto';
 import type { SearchBarProps } from './searchBar';
 
-// Define tabs outside the component to ensure consistency between server and client
+// ✅ Definisikan tabs di luar komponen (statis, aman untuk SSR)
 const TABS = [
-  {
-    label: "Foto",
-    value: "foto",
-    href: "/darmasaba/desa/galery/foto",
-  },
-  {
-    label: "Video",
-    value: "video",
-    href: "/darmasaba/desa/galery/video",
-  },
+  { label: 'Foto', value: 'foto', href: '/darmasaba/desa/galery/foto' },
+  { label: 'Video', value: 'video', href: '/darmasaba/desa/galery/video' },
 ] as const;
 
 const SearchBar = dynamic<SearchBarProps>(
-  () => import('./searchBar').then(mod => mod.SearchBar),
+  () => import('./searchBar').then((mod) => mod.SearchBar),
   { ssr: false }
 );
 
-type HeaderSearchProps = {
+type LayoutTabsGaleryProps = {
   children?: React.ReactNode;
 };
 
-function LayoutTabsGalery({ children }: HeaderSearchProps) {
+export default function LayoutTabsGalery({ children }: LayoutTabsGaleryProps) {
   const router = useRouter();
   const pathname = usePathname();
-  const [isClient, setIsClient] = useState(false);
+  const [activeTab, setActiveTab] = useState<string>(TABS[0].value);
 
-  // Set default active tab to empty string to prevent hydration mismatch
-  const [activeTab, setActiveTab] = useState('');
-
-  // Set client flag on mount
+  // 🧠 Update tab aktif berdasarkan URL
   useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  // Update active tab based on current route - only on client side
-  useEffect(() => {
-    if (!isClient) return;
-
-    const currentTab = TABS.find(tab => pathname.includes(tab.value));
-    if (currentTab) {
-      setActiveTab(currentTab.value);
-    } else {
-      // Default to first tab if no match found
-      setActiveTab(TABS[0].value);
-    }
-  }, [pathname, isClient]);
+    const found = TABS.find((tab) => pathname.includes(tab.value));
+    if (found) setActiveTab(found.value);
+    else setActiveTab(TABS[0].value);
+  }, [pathname]);
 
+  // 🖱️ Handle perubahan tab
   const handleTabChange = (value: string | null) => {
     if (!value) return;
-    const tab = TABS.find(tab => tab.value === value);
-    if (tab) {
-      // Only update if we're on the client
-      if (typeof window !== 'undefined') {
-        setActiveTab(value);
-        router.push(tab.href);
-      }
+    const selected = TABS.find((tab) => tab.value === value);
+    if (selected) {
+      setActiveTab(selected.value);
+      router.push(selected.href);
     }
   };
 
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
-      {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
+      {/* 🔙 Header */}
+      <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: "md", md: 100 }}>
+
+      {/* 🏷️ Title & Search */}
+      <Box px={{ base: 'md', md: 100 }}>
         <Stack align="center" gap="0">
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
+          <Text
+            fz={{ base: '2rem', md: '3.4rem' }}
+            c={colors['blue-button']}
+            fw="bold"
+            ta="center"
+          >
             Galeri Kegiatan Desa Darmasaba
           </Text>
         </Stack>
@@ -86,35 +69,26 @@ function LayoutTabsGalery({ children }: HeaderSearchProps) {
         </Box>
       </Box>
 
+      {/* 🗂️ Tabs Section */}
       <Tabs
-        value={isClient ? activeTab : undefined}
-        defaultValue={TABS[0].value}
+        value={activeTab}
         onChange={handleTabChange}
         color={colors['blue-button']}
         variant="pills"
         keepMounted={false}
       >
-        <Box px={{ base: "md", md: 100 }} py="md" bg={colors['BG-trans']}>
+        <Box px={{ base: 'md', md: 100 }} py="md" bg={colors['BG-trans']}>
           <TabsList>
             {TABS.map((tab) => (
-              <TabsTab
-                key={tab.value}
-                value={tab.value}
-                component="button"
-                type="button"
-              >
+              <TabsTab key={tab.value} value={tab.value}>
                 {tab.label}
               </TabsTab>
             ))}
           </TabsList>
         </Box>
 
-        <Container size={'xl'}>
-          {children}
-        </Container>
+        <Container size="xl">{children}</Container>
       </Tabs>
     </Stack>
   );
 }
-
-export default LayoutTabsGalery;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
index 84392b6f..6252515c 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
@@ -166,7 +166,7 @@ function PengaduanMasyarakat() {
                     }}
                     onReject={() => toast.error('File tidak valid.')}
                     maxSize={5 * 1024 ** 2} // Maks 5MB
-                    accept={{ 'image/*': [] }}
+                    accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
                   >
                     <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
                       <Dropzone.Accept>
diff --git a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
index 57b83ab5..fc7b6f82 100644
--- a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
@@ -195,7 +195,7 @@ function Page() {
         >
           <Stack gap="md">
             <TextInput
-              defaultValue={stateLaporan.create.form.judul}
+              value={stateLaporan.create.form.judul}
               onChange={(e) => (stateLaporan.create.form.judul = e.target.value)}
               label={<Text fw="bold" fz="sm">Judul Laporan Publik</Text>}
               placeholder="Masukkan judul laporan publik"
@@ -203,7 +203,7 @@ function Page() {
             />
 
             <TextInput
-              defaultValue={stateLaporan.create.form.lokasi}
+              value={stateLaporan.create.form.lokasi}
               onChange={(e) => (stateLaporan.create.form.lokasi = e.target.value)}
               label={<Text fw="bold" fz="sm">Lokasi Laporan Publik</Text>}
               placeholder="Masukkan lokasi laporan publik"
@@ -212,7 +212,7 @@ function Page() {
 
             <DateTimePicker
               label={<Text fw="bold" fz="sm">Tanggal Laporan Publik</Text>}
-              defaultValue={
+              value={
                 stateLaporan.create.form.tanggalWaktu
                   ? new Date(stateLaporan.create.form.tanggalWaktu)
                   : null
diff --git a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
index 514d9f59..f5ac3373 100644
--- a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
@@ -333,7 +333,7 @@ const state = useProxy(indeksKepuasanState.responden);
                 label="Nama"
                 type='text'
                 placeholder="Masukkan nama"
-                defaultValue={state.create.form.name}
+                value={state.create.form.name}
                 onChange={(val) => {
                   state.create.form.name = val.currentTarget.value;
                 }}
@@ -342,7 +342,7 @@ const state = useProxy(indeksKepuasanState.responden);
                 label="Tanggal"
                 type="date"
                 placeholder="masukkan tanggal"
-                defaultValue={state.create.form.tanggal}
+                value={state.create.form.tanggal}
                 onChange={(val) => {
                   state.create.form.tanggal = val.currentTarget.value;
                 }}
@@ -351,7 +351,7 @@ const state = useProxy(indeksKepuasanState.responden);
                 key={"jenisKelamin"}
                 label={"Jenis Kelamin"}
                 placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-                defaultValue={state.create.form.jenisKelaminId || ""}
+                value={state.create.form.jenisKelaminId || ""}
                 onChange={(val) => {
                   state.create.form.jenisKelaminId = val ?? "";
                 }}
@@ -369,7 +369,7 @@ const state = useProxy(indeksKepuasanState.responden);
                 key={"rating_responden"}
                 label={"Rating"}
                 placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-                defaultValue={state.create.form.ratingId || ""}
+                value={state.create.form.ratingId || ""}
                 onChange={(val) => {
                   state.create.form.ratingId = val ?? "";
                 }}
@@ -387,7 +387,7 @@ const state = useProxy(indeksKepuasanState.responden);
                 key={"kelompokUmur"}
                 label={"Kelompok Umur"}
                 placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-                defaultValue={state.create.form.kelompokUmurId || ""}
+                value={state.create.form.kelompokUmurId || ""}
                 onChange={(val) => {
                   state.create.form.kelompokUmurId = val ?? "";
                 }}
@@ -599,7 +599,7 @@ const state = useProxy(indeksKepuasanState.responden);
               label="Nama"
               type='text'
               placeholder="masukkan nama"
-              defaultValue={state.create.form.name}
+              value={state.create.form.name}
               onChange={(val) => {
                 state.create.form.name = val.currentTarget.value;
               }}
@@ -608,7 +608,7 @@ const state = useProxy(indeksKepuasanState.responden);
               label="Tanggal Pengisian"
               type="date"
               placeholder="masukkan tanggal"
-              defaultValue={state.create.form.tanggal}
+              value={state.create.form.tanggal}
               onChange={(val) => {
                 state.create.form.tanggal = val.currentTarget.value;
               }}
@@ -617,7 +617,7 @@ const state = useProxy(indeksKepuasanState.responden);
               key={"jenisKelamin"}
               label={"Jenis Kelamin"}
               placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-              defaultValue={state.create.form.jenisKelaminId || ""}
+              value={state.create.form.jenisKelaminId || ""}
               onChange={(val) => {
                 state.create.form.jenisKelaminId = val ?? "";
               }}
@@ -635,7 +635,7 @@ const state = useProxy(indeksKepuasanState.responden);
               key={"rating_responden"}
               label={"Rating"}
               placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-              defaultValue={state.create.form.ratingId || ""}
+              value={state.create.form.ratingId || ""}
               onChange={(val) => {
                 state.create.form.ratingId = val ?? "";
               }}
@@ -653,7 +653,7 @@ const state = useProxy(indeksKepuasanState.responden);
               key={"kelompokUmur"}
               label={"Kelompok Umur"}
               placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-              defaultValue={state.create.form.kelompokUmurId || ""}
+              value={state.create.form.kelompokUmurId || ""}
               onChange={(val) => {
                 state.create.form.kelompokUmurId = val ?? "";
               }}
diff --git a/src/app/darmasaba/(tambahan)/apbdes/page.tsx b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
index 4d01ed1a..87a1388b 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/page.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
@@ -1,9 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
+import PendapatanAsliDesa from '@/app/admin/(dashboard)/_state/ekonomi/PADesa'
 import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
 import colors from '@/con/colors'
-import { ActionIcon, BackgroundImage, Box, Center, Container, Group, Loader, SimpleGrid, Stack, Text, Title } from '@mantine/core'
+import { ActionIcon, BackgroundImage, Box, Center, Container, Group, Loader, Paper, Progress, SimpleGrid, Stack, Table, Text, Title } from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import { Link } from 'next-view-transitions'
 import { useEffect, useState } from 'react'
@@ -12,13 +13,14 @@ import BackButton from '../../(pages)/desa/layanan/_com/BackButto'
 
 function Page() {
   const state = useProxy(apbdes)
+  const paDesaState = useProxy(PendapatanAsliDesa.ApbDesa)
   const [loading, setLoading] = useState(false)
-
   useEffect(() => {
     const loadData = async () => {
       try {
         setLoading(true)
         await state.findMany.load()
+        await paDesaState.findMany.load()
       } catch (error) {
         console.error(error)
       } finally {
@@ -28,7 +30,7 @@ function Page() {
     loadData()
   }, [])
 
-  const data = state.findMany.data || []
+  const dataAPBDes = state.findMany.data || []
 
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap={32}>
@@ -52,7 +54,7 @@ function Page() {
             <Text fz="lg" c="dimmed">Sedang memuat data APBDes...</Text>
           </Stack>
         </Center>
-      ) : data.length === 0 ? (
+      ) : dataAPBDes.length === 0 ? (
         <Center mih={200}>
           <Stack align="center" gap="xs">
             <Text fz="xl" fw={600} c="dimmed">Belum ada data APBDes tersedia</Text>
@@ -61,7 +63,7 @@ function Page() {
         </Center>
       ) : (
         <SimpleGrid px={{ base: 'md', md: 100 }} cols={{ base: 1, sm: 2, md: 3 }} spacing="xl">
-          {data.map((v: any, k: number) => (
+          {dataAPBDes.map((v: any, k: number) => (
             <BackgroundImage key={k} src={v.image?.link || ''} h={360} radius="xl" pos="relative">
               <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 27 }} />
               <Stack justify="space-between" h="100%" p="lg" pos="relative">
@@ -82,7 +84,7 @@ function Page() {
                     bg={colors['blue-button']}
                     variant="filled"
                   >
-                      <IconDownload size={20} color="white" />
+                    <IconDownload size={20} color="white" />
                   </ActionIcon>
                 </Group>
               </Stack>
@@ -90,8 +92,200 @@ function Page() {
           ))}
         </SimpleGrid>
       )}
+      <DetailAPBDesaTable />
+      <APBDesaProgress />
     </Stack>
   )
 }
 
+function DetailAPBDesaTable() {
+  // 🔹 Dummy data
+  const data = {
+    tahun: 2024,
+    pendapatan: [
+      { id: 1, nama: 'Pendapatan Asli Desa', anggaran: 32000000, realisasi: 6500000 },
+      { id: 2, nama: 'Dana Desa', anggaran: 125000000, realisasi: 120000000 },
+      { id: 3, nama: 'Bagi Hasil Pajak dan Retribusi', anggaran: 10000000, realisasi: 9000000 },
+    ],
+    belanja: [
+      { id: 1, nama: 'Belanja Pegawai', anggaran: 80000000, realisasi: 75000000 },
+      { id: 2, nama: 'Belanja Barang & Jasa', anggaran: 50000000, realisasi: 42000000 },
+    ],
+    pembiayaan: [
+      { id: 1, nama: 'Penerimaan Pembiayaan', anggaran: 15000000, realisasi: 15000000 },
+      { id: 2, nama: 'Pengeluaran Pembiayaan', anggaran: 10000000, realisasi: 8000000 },
+    ],
+  };
+
+  const formatRupiah = (value: number) =>
+    new Intl.NumberFormat('id-ID', {
+      minimumFractionDigits: 2,
+      style: 'decimal',
+    }).format(value);
+
+  // 🔹 Helper buat render satu kategori (Pendapatan, Belanja, Pembiayaan)
+  const renderSection = (title: string, items: any[]) => {
+    const totalAnggaran = items.reduce((sum, i) => sum + Number(i.anggaran || 0), 0);
+    const totalRealisasi = items.reduce((sum, i) => sum + Number(i.realisasi || 0), 0);
+    const totalSelisih = totalAnggaran - totalRealisasi;
+    const totalPersen = totalAnggaran
+      ? (totalRealisasi / totalAnggaran) * 100
+      : 0;
+
+    return (
+      <Paper withBorder radius="md" shadow="xs" p="md">
+        <Title order={5} mb="sm" c={colors['blue-button']}>
+          {title.toUpperCase()}
+        </Title>
+        <Table withColumnBorders highlightOnHover>
+          <Table.Thead bg={colors['blue-button']}>
+            <Table.Tr>
+              <Table.Th c="white">Uraian</Table.Th>
+              <Table.Th c="white" ta="right">
+                Anggaran (Rp)
+              </Table.Th>
+              <Table.Th c="white" ta="right">
+                Realisasi (Rp)
+              </Table.Th>
+              <Table.Th c="white" ta="right">
+                Lebih/(Kurang) (Rp)
+              </Table.Th>
+              <Table.Th c="white" ta="center">
+                Persentase (%)
+              </Table.Th>
+            </Table.Tr>
+          </Table.Thead>
+          <Table.Tbody>
+            {items.map((item, index) => {
+              const selisih = Number(item.anggaran) - Number(item.realisasi);
+              const persen = item.anggaran
+                ? (item.realisasi / item.anggaran) * 100
+                : 0;
+              return (
+                <Table.Tr key={item.id || index}>
+                  <Table.Td>
+                    <strong>{`${index + 1}. ${item.nama}`}</strong>
+                  </Table.Td>
+                  <Table.Td ta="right">{formatRupiah(item.anggaran)}</Table.Td>
+                  <Table.Td ta="right">{formatRupiah(item.realisasi)}</Table.Td>
+                  <Table.Td ta="right">{formatRupiah(selisih)}</Table.Td>
+                  <Table.Td ta="center">{persen.toFixed(2)}</Table.Td>
+                </Table.Tr>
+              );
+            })}
+          </Table.Tbody>
+          <Table.Tfoot bg="#f1f5fb">
+            <Table.Tr>
+              <Table.Th>Total {title}</Table.Th>
+              <Table.Th ta="right">{formatRupiah(totalAnggaran)}</Table.Th>
+              <Table.Th ta="right">{formatRupiah(totalRealisasi)}</Table.Th>
+              <Table.Th ta="right">{formatRupiah(totalSelisih)}</Table.Th>
+              <Table.Th ta="center">{totalPersen.toFixed(2)}</Table.Th>
+            </Table.Tr>
+          </Table.Tfoot>
+        </Table>
+      </Paper>
+    );
+  };
+
+  return (
+    <Box py="md" px={{ base: 'md', md: 100 }}>
+      <Stack gap="xl">
+        <Title order={4} c={colors['blue-button']}>
+          APB Desa Tahun {data.tahun}
+        </Title>
+
+        {renderSection('Pendapatan', data.pendapatan)}
+        {renderSection('Belanja', data.belanja)}
+        {renderSection('Pembiayaan', data.pembiayaan)}
+      </Stack>
+    </Box>
+  );
+}
+
+function APBDesaProgress() {
+  const data = {
+    tahun: 2024,
+    pendapatan: [
+      { id: 1, nama: 'Pendapatan Asli Desa', anggaran: 32000000, realisasi: 6500000 },
+      { id: 2, nama: 'Dana Desa', anggaran: 125000000, realisasi: 120000000 },
+      { id: 3, nama: 'Bagi Hasil Pajak dan Retribusi', anggaran: 10000000, realisasi: 9000000 },
+    ],
+    belanja: [
+      { id: 1, nama: 'Belanja Pegawai', anggaran: 80000000, realisasi: 75000000 },
+      { id: 2, nama: 'Belanja Barang & Jasa', anggaran: 50000000, realisasi: 42000000 },
+    ],
+    pembiayaan: [
+      { id: 1, nama: 'Penerimaan Pembiayaan', anggaran: 15000000, realisasi: 15000000 },
+      { id: 2, nama: 'Pengeluaran Pembiayaan', anggaran: 10000000, realisasi: 8000000 },
+    ],
+  };
+
+  const formatRupiah = (value: number) =>
+    new Intl.NumberFormat('id-ID', {
+      style: 'currency',
+      currency: 'IDR',
+      minimumFractionDigits: 2,
+    }).format(value);
+
+  const calcProgress = (items: any[]) => {
+    const anggaran = items.reduce((sum, i) => sum + i.anggaran, 0);
+    const realisasi = items.reduce((sum, i) => sum + i.realisasi, 0);
+    const persen = anggaran ? (realisasi / anggaran) * 100 : 0;
+    return { anggaran, realisasi, persen };
+  };
+
+  const pendapatan = calcProgress(data.pendapatan);
+  const belanja = calcProgress(data.belanja);
+  const pembiayaan = calcProgress(data.pembiayaan);
+
+  const renderProgress = (label: string, dataset: any) => (
+    <Box>
+      <Text fw={600}>{label}</Text>
+      <Text fw={700} mb="xs">
+        {formatRupiah(dataset.realisasi)} | {formatRupiah(dataset.anggaran)}
+      </Text>
+      <Progress
+        value={dataset.persen}
+        size="xl"
+        radius="xl"
+        striped={false}
+        styles={{
+          root: { backgroundColor: '#d7e3f1' },
+          section: { 
+            backgroundColor: colors['blue-button'],
+            position: 'relative',
+            '&::after': {
+              content: `'${dataset.persen.toFixed(2)}%'`,
+              position: 'absolute',
+              right: 10,
+              top: '50%',
+              transform: 'translateY(-50%)',
+              color: 'white',
+              fontWeight: 700,
+              fontSize: '0.8rem',
+            }
+          },
+        }}
+      />
+    </Box>
+  );
+
+  return (
+    <Paper mx={{ base: 'md', md: 100 }} p="xl" radius="md" shadow="sm" withBorder bg={colors['white-1']}>
+      <Stack gap="lg">
+        <Title order={4} c={colors['blue-button']}>
+          Grafik APB Desa Tahun {data.tahun}
+        </Title>
+
+        {renderProgress('Pendapatan Desa', pendapatan)}
+        {renderProgress('Belanja Desa', belanja)}
+        {renderProgress('Pembiayaan Desa', pembiayaan)}
+      </Stack>
+    </Paper>
+  );
+}
+
+
+
 export default Page
diff --git a/src/app/darmasaba/_com/ModernNeewsNotification.tsx b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
index 2741289c..b2dfd547 100644
--- a/src/app/darmasaba/_com/ModernNeewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
@@ -3,7 +3,7 @@
 import { useState, useEffect } from "react";
 import { Box, Paper, Text, Group, CloseButton, Badge, ActionIcon, Stack, Transition } from "@mantine/core";
 import { IconBell, IconChevronRight } from "@tabler/icons-react";
-import { usePathname, useRouter } from "next/navigation"; // 👉 tambahkan ini
+import { usePathname, useRouter } from "next/navigation";
 
 interface NewsItem {
   id: string | number;
@@ -31,7 +31,7 @@ export default function ModernNewsNotification({
   news = [],
   autoShowDelay = 2000
 }: ModernNewsNotificationProps) {
-  const router = useRouter(); // 👉 router Next.js
+  const router = useRouter();
   const [toastVisible, setToastVisible] = useState(false);
   const [widgetOpen, setWidgetOpen] = useState(false);
   const [hasNewNotifications, setHasNewNotifications] = useState(true);
@@ -39,8 +39,7 @@ export default function ModernNewsNotification({
   const [iconVisible, setIconVisible] = useState(true);
   const pathname = usePathname();
 
-
-
+  // Auto show toast on page load
   useEffect(() => {
     if (news.length > 0 && !toastVisible && !hasShownToast) {
       const timer = setTimeout(() => {
@@ -51,6 +50,7 @@ export default function ModernNewsNotification({
     }
   }, [news.length, autoShowDelay, toastVisible, hasShownToast]);
 
+  // Auto hide toast after 8 seconds
   useEffect(() => {
     if (toastVisible) {
       const timer = setTimeout(() => {
@@ -60,22 +60,26 @@ export default function ModernNewsNotification({
     }
   }, [toastVisible]);
 
-  // Ganti useEffect scroll yang lama dengan versi berikut:
-
+  // Enhanced scroll handler with better thresholds
   useEffect(() => {
     let lastScrollY = window.scrollY;
+    const HIDE_THRESHOLD = 100; // Mulai hide saat scroll > 100px
+    const SHOW_THRESHOLD = 50; // Hanya show ketika benar-benar di atas (< 50px)
 
     const handleScroll = () => {
       const currentScrollY = window.scrollY;
+      const scrollDirection = currentScrollY > lastScrollY ? 'down' : 'up';
 
-      // Kontrol ikon lonceng
-      if (currentScrollY > lastScrollY && currentScrollY > 100) {
+      // Logic untuk hide/show icon
+      if (scrollDirection === 'down' && currentScrollY > HIDE_THRESHOLD) {
+        // Scroll ke bawah dan sudah melewati threshold → hide
         setIconVisible(false);
-      } else if (currentScrollY < lastScrollY) {
+      } else if (scrollDirection === 'up' && currentScrollY < SHOW_THRESHOLD) {
+        // Scroll ke atas dan sudah di posisi paling atas → show
         setIconVisible(true);
       }
 
-      // 🔴 BARU: Sembunyikan toast saat scroll ke bawah melewati 150px
+      // Hide toast saat scroll ke bawah melewati 150px
       if (currentScrollY > 150 && toastVisible) {
         setToastVisible(false);
       }
@@ -85,11 +89,11 @@ export default function ModernNewsNotification({
 
     window.addEventListener('scroll', handleScroll, { passive: true });
     return () => window.removeEventListener('scroll', handleScroll);
-  }, [toastVisible]); // 👈 tambahkan toastVisible sebagai dependency
+  }, [toastVisible]);
 
   const currentNews = news[0];
 
-  // 👉 Fungsi baru untuk handle klik notifikasi
+  // Handle notification click
   const handleNotificationClick = (item: NewsItem) => {
     setWidgetOpen(false);
     if (item.type === "berita") {
@@ -105,13 +109,14 @@ export default function ModernNewsNotification({
     setHasNewNotifications(false);
   };
 
-  // Ganti dengan path landing page Anda
+  // Only show on landing page
   if (pathname !== '/darmasaba') {
     return null;
   }
 
   return (
     <>
+      {/* Floating Bell Icon */}
       <Transition mounted={iconVisible} transition="slide-down" duration={200}>
         {(transitionStyles) => (
           <Box
@@ -119,7 +124,8 @@ export default function ModernNewsNotification({
               ...transitionStyles,
               position: "fixed",
               bottom: "24px",
-              right: "24px"
+              right: "24px",
+              zIndex: 1000,
             }}
           >
             <ActionIcon
@@ -161,6 +167,7 @@ export default function ModernNewsNotification({
         )}
       </Transition>
 
+      {/* Widget Panel */}
       <Transition mounted={widgetOpen} transition="slide-up" duration={300}>
         {(styles) => (
           <Paper
@@ -187,7 +194,7 @@ export default function ModernNewsNotification({
               <Group justify="space-between">
                 <Group gap="xs">
                   <IconBell size={20} />
-                  <Text c={"white"} fw={600} size="md">Berita & Pengumuman</Text>
+                  <Text c="white" fw={600} size="md">Berita & Pengumuman</Text>
                 </Group>
                 <CloseButton
                   onClick={() => setWidgetOpen(false)}
@@ -257,6 +264,7 @@ export default function ModernNewsNotification({
         )}
       </Transition>
 
+      {/* Toast Notification */}
       <Transition mounted={toastVisible && !!currentNews} transition="slide-left" duration={300}>
         {(styles) => (
           <Paper
@@ -299,7 +307,10 @@ export default function ModernNewsNotification({
                   {currentNews?.type === "berita" ? "Berita Terbaru" : "Pengumuman"}
                 </Badge>
                 <CloseButton
-                  onClick={() => setToastVisible(false)}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    setToastVisible(false);
+                  }}
                   size="sm"
                 />
               </Group>
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index 5c05733e..9d96292e 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -339,7 +339,7 @@ function Kepuasan() {
                 label="Nama"
                 type='text'
                 placeholder="Masukkan nama"
-                defaultValue={state.create.form.name}
+                value={state.create.form.name}
                 onChange={(val) => {
                   state.create.form.name = val.currentTarget.value;
                 }}
@@ -348,7 +348,7 @@ function Kepuasan() {
                 label="Tanggal"
                 type="date"
                 placeholder="masukkan tanggal"
-                defaultValue={state.create.form.tanggal}
+                value={state.create.form.tanggal}
                 onChange={(val) => {
                   state.create.form.tanggal = val.currentTarget.value;
                 }}
@@ -357,7 +357,7 @@ function Kepuasan() {
                 key={"jenisKelamin"}
                 label={"Jenis Kelamin"}
                 placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-                defaultValue={state.create.form.jenisKelaminId || ""}
+                value={state.create.form.jenisKelaminId || ""}
                 onChange={(val) => {
                   state.create.form.jenisKelaminId = val ?? "";
                 }}
@@ -375,7 +375,7 @@ function Kepuasan() {
                 key={"rating_responden"}
                 label={"Rating"}
                 placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-                defaultValue={state.create.form.ratingId || ""}
+                value={state.create.form.ratingId || ""}
                 onChange={(val) => {
                   state.create.form.ratingId = val ?? "";
                 }}
@@ -393,7 +393,7 @@ function Kepuasan() {
                 key={"kelompokUmur"}
                 label={"Kelompok Umur"}
                 placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-                defaultValue={state.create.form.kelompokUmurId || ""}
+                value={state.create.form.kelompokUmurId || ""}
                 onChange={(val) => {
                   state.create.form.kelompokUmurId = val ?? "";
                 }}
@@ -611,7 +611,7 @@ function Kepuasan() {
               label="Nama"
               type='text'
               placeholder="masukkan nama"
-              defaultValue={state.create.form.name}
+              value={state.create.form.name}
               onChange={(val) => {
                 state.create.form.name = val.currentTarget.value;
               }}
@@ -620,7 +620,7 @@ function Kepuasan() {
               label="Tanggal Pengisian"
               type="date"
               placeholder="masukkan tanggal"
-              defaultValue={state.create.form.tanggal}
+              value={state.create.form.tanggal}
               onChange={(val) => {
                 state.create.form.tanggal = val.currentTarget.value;
               }}
@@ -629,7 +629,7 @@ function Kepuasan() {
               key={"jenisKelamin"}
               label={"Jenis Kelamin"}
               placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-              defaultValue={state.create.form.jenisKelaminId || ""}
+              value={state.create.form.jenisKelaminId || ""}
               onChange={(val) => {
                 state.create.form.jenisKelaminId = val ?? "";
               }}
@@ -647,7 +647,7 @@ function Kepuasan() {
               key={"rating_responden"}
               label={"Rating"}
               placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-              defaultValue={state.create.form.ratingId || ""}
+              value={state.create.form.ratingId || ""}
               onChange={(val) => {
                 state.create.form.ratingId = val ?? "";
               }}
@@ -665,7 +665,7 @@ function Kepuasan() {
               key={"kelompokUmur"}
               label={"Kelompok Umur"}
               placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-              defaultValue={state.create.form.kelompokUmurId || ""}
+              value={state.create.form.kelompokUmurId || ""}
               onChange={(val) => {
                 state.create.form.kelompokUmurId = val ?? "";
               }}
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index c8c1d117..d2e40772 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -18,14 +18,10 @@ import {
 } from "@mantine/core";
 import { Prisma } from "@prisma/client";
 import { IconCalendarTime, IconInfoCircle } from "@tabler/icons-react";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
 import ModuleView from "./ModuleView";
 import ProfileView from "./ProfileView";
 import SosmedView from "./SosmedView";
-import { useProxy } from "valtio/utils";
-import stateDashboardBerita from "@/app/admin/(dashboard)/_state/desa/berita";
-import stateDesaPengumuman from "@/app/admin/(dashboard)/_state/desa/pengumuman";
-import ModernNewsNotification from "../../ModernNeewsNotification";
 
 const getDayOfWeek = () => {
   const days = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"];
@@ -72,57 +68,7 @@ function LandingPage() {
   >(null);
   const [isLoading, setIsLoading] = useState(true);
 
-  const featured = useProxy(stateDashboardBerita.berita.findFirst);
-  const loadingFeatured = featured.loading;
-  const pengumuman = useProxy(stateDesaPengumuman.pengumuman.findFirst);
-  const loadingPengumuman = pengumuman.loading;
-
-  useEffect(() => {
-    if (!featured.data && !loadingFeatured) {
-      stateDashboardBerita.berita.findFirst.load();
-    }
-  }, [featured.data, loadingFeatured]);
-
-  useEffect(() => {
-    if (!pengumuman.data && !loadingPengumuman) {
-      stateDesaPengumuman.pengumuman.findFirst.load();
-    }
-  }, [pengumuman.data, loadingPengumuman]);
-
-  // Transform data untuk notification system
-  const newsData = useMemo(() => {
-    const items = [];
-
-    if (featured.data) {
-      items.push({
-        id: String(featured.data.id || "berita-1"),
-        type: "berita" as const,
-        title: String(featured.data.judul || "Berita Terbaru"),
-        content: String(featured.data.content || ""),
-        timestamp: featured.data.createdAt
-          ? (typeof featured.data.createdAt === 'string'
-            ? featured.data.createdAt
-            : new Date(featured.data.createdAt).toISOString())
-          : new Date().toISOString(),
-      });
-    }
-
-    if (pengumuman.data) {
-      items.push({
-        id: String(pengumuman.data.id || "pengumuman-1"),
-        type: "pengumuman" as const,
-        title: String(pengumuman.data.judul || "Pengumuman Penting"),
-        content: String(pengumuman.data.content || ""),
-        timestamp: pengumuman.data.createdAt
-          ? (typeof pengumuman.data.createdAt === 'string'
-            ? pengumuman.data.createdAt
-            : new Date(pengumuman.data.createdAt).toISOString())
-          : new Date().toISOString(),
-      });
-    }
-
-    return items;
-  }, [featured.data, pengumuman.data]);
+  
 
   useEffect(() => {
     const fetchSocialMedia = async () => {
@@ -272,11 +218,6 @@ function LandingPage() {
         )}
       </Flex>
       
-      {/* Modern Notification System */}
-      <ModernNewsNotification
-        news={newsData}
-        autoShowDelay={2000} // Muncul 2 detik setelah load
-      />
     </Stack>
   );
 }
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index 5f2d73a1..36e652c3 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -14,15 +14,72 @@ import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
 
 import NewsReaderLanding from "./_com/NewsReaderalanding";
+import ModernNewsNotification from "./_com/ModernNeewsNotification";
+import { useMemo } from "react";
+import { useProxy } from "valtio/utils";
+import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
+import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
+import { useEffect } from "react";
 
 
 export default function Page() {
+  const featured = useProxy(stateDashboardBerita.berita.findFirst);
+  const loadingFeatured = featured.loading;
+  const pengumuman = useProxy(stateDesaPengumuman.pengumuman.findFirst);
+  const loadingPengumuman = pengumuman.loading;
+
+  useEffect(() => {
+    if (!featured.data && !loadingFeatured) {
+      stateDashboardBerita.berita.findFirst.load();
+    }
+  }, [featured.data, loadingFeatured]);
+
+  useEffect(() => {
+    if (!pengumuman.data && !loadingPengumuman) {
+      stateDesaPengumuman.pengumuman.findFirst.load();
+    }
+  }, [pengumuman.data, loadingPengumuman]);
+
+
+  const newsData = useMemo(() => {
+    const items = [];
+
+    if (featured.data) {
+      items.push({
+        id: String(featured.data.id || "berita-1"),
+        type: "berita" as const,
+        title: String(featured.data.judul || "Berita Terbaru"),
+        content: String(featured.data.content || ""),
+        timestamp: featured.data.createdAt
+          ? (typeof featured.data.createdAt === 'string'
+            ? featured.data.createdAt
+            : new Date(featured.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
+    }
+
+    if (pengumuman.data) {
+      items.push({
+        id: String(pengumuman.data.id || "pengumuman-1"),
+        type: "pengumuman" as const,
+        title: String(pengumuman.data.judul || "Pengumuman Penting"),
+        content: String(pengumuman.data.content || ""),
+        timestamp: pengumuman.data.createdAt
+          ? (typeof pengumuman.data.createdAt === 'string'
+            ? pengumuman.data.createdAt
+            : new Date(pengumuman.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
+    }
+
+    return items;
+  }, [featured.data, pengumuman.data]);
 
 
   return (
     <Box id="page-root">
-      <Stack 
-        bg={colors.grey[1]} 
+      <Stack
+        bg={colors.grey[1]}
         gap={0}
       >
         {/* HAPUS RUNNING TEXT, GANTI DENGAN MODERN NOTIFICATION */}
@@ -40,8 +97,11 @@ export default function Page() {
       {/* Tombol Scroll ke Atas */}
       <ScrollToTopButton />
 
-      <NewsReaderLanding/>
-      
+      <NewsReaderLanding />
+      <ModernNewsNotification
+        news={newsData}
+        autoShowDelay={2000} // Muncul 2 detik setelah load
+      />
     </Box>
   );
 }
\ No newline at end of file
diff --git a/src/schema.ts b/src/schema.ts
index ee73d8e9..444bd281 100644
--- a/src/schema.ts
+++ b/src/schema.ts
@@ -1,67 +1,67 @@
-import { SchemaObject } from '@paljs/types'
+// import { SchemaObject } from '@paljs/types'
 
-export const schema: SchemaObject = {
-  models: [
-    {
-      name: 'Layanan',
-      fields: [
-        {
-          name: 'id',
-          type: 'String',
-          isId: true,
-          unique: false,
-          defaultValue: 'cuid()',
-          list: false,
-          required: true,
-          kind: 'scalar',
-          documentation: '',
-          relationField: false,
-        },
-        {
-          name: 'name',
-          type: 'String',
-          isId: false,
-          unique: true,
-          list: false,
-          required: true,
-          kind: 'scalar',
-          documentation: '',
-          relationField: false,
-        },
-      ],
-      documentation: '',
-    },
-    {
-      name: 'Potensi',
-      fields: [
-        {
-          name: 'id',
-          type: 'String',
-          isId: true,
-          unique: false,
-          defaultValue: 'cuid()',
-          list: false,
-          required: true,
-          kind: 'scalar',
-          documentation: '',
-          relationField: false,
-        },
-        {
-          name: 'name',
-          type: 'String',
-          isId: false,
-          unique: true,
-          list: false,
-          required: true,
-          kind: 'scalar',
-          documentation: '',
-          relationField: false,
-        },
-      ],
-      documentation: '',
-    },
-  ],
-  enums: [],
-  dataSource: { provider: 'postgresql', url: 'env("DATABASE_URL")' },
-  generators: [{ name: 'client', provider: 'prisma-client-js' }],
-}
+// export const schema: SchemaObject = {
+//   models: [
+//     {
+//       name: 'Layanan',
+//       fields: [
+//         {
+//           name: 'id',
+//           type: 'String',
+//           isId: true,
+//           unique: false,
+//           value: 'cuid()',
+//           list: false,
+//           required: true,
+//           kind: 'scalar',
+//           documentation: '',
+//           relationField: false,
+//         },
+//         {
+//           name: 'name',
+//           type: 'String',
+//           isId: false,
+//           unique: true,
+//           list: false,
+//           required: true,
+//           kind: 'scalar',
+//           documentation: '',
+//           relationField: false,
+//         },
+//       ],
+//       documentation: '',
+//     },
+//     {
+//       name: 'Potensi',
+//       fields: [
+//         {
+//           name: 'id',
+//           type: 'String',
+//           isId: true,
+//           unique: false,
+//           value: 'cuid()',
+//           list: false,
+//           required: true,
+//           kind: 'scalar',
+//           documentation: '',
+//           relationField: false,
+//         },
+//         {
+//           name: 'name',
+//           type: 'String',
+//           isId: false,
+//           unique: true,
+//           list: false,
+//           required: true,
+//           kind: 'scalar',
+//           documentation: '',
+//           relationField: false,
+//         },
+//       ],
+//       documentation: '',
+//     },
+//   ],
+//   enums: [],
+//   dataSource: { provider: 'postgresql', url: 'env("DATABASE_URL")' },
+//   generators: [{ name: 'client', provider: 'prisma-client-js' }],
+// }
-- 
2.49.1


From 0feeb4de93c2df7cb27f278c0c5921ba6ad8e6db Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 18 Nov 2025 11:56:16 +0800
Subject: [PATCH 10/97] Fix SDGs Desa Barchart sudah responsive, tabel dan bar
 progress di menu apbdes sudah sesuai dengan data

---
 prisma/schema.prisma                          |  79 ++-
 .../(dashboard)/_state/landing-page/apbdes.ts | 422 +++++++-----
 .../_state/pendidikan/beasiswa-desa.ts        |  67 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    | 605 +++++++++++-------
 .../landing-page/apbdes/[id]/page.tsx         | 163 +++--
 .../landing-page/apbdes/create/page.tsx       | 534 ++++++++++------
 .../(dashboard)/landing-page/apbdes/page.tsx  | 127 ++--
 .../_lib/landing_page/apbdes/create.ts        | 141 +++-
 .../_lib/landing_page/apbdes/del.ts           |  61 +-
 .../_lib/landing_page/apbdes/findMany.ts      |  61 +-
 .../_lib/landing_page/apbdes/findUnique.ts    |  92 ++-
 .../_lib/landing_page/apbdes/index.ts         |  37 +-
 .../landing_page/apbdes/lib/getParentsID.tsx  |  54 ++
 .../_lib/landing_page/apbdes/updt.ts          | 114 +++-
 .../beasiswa-pendaftar/create.ts              |  34 +-
 .../beasiswa-desa/beasiswa-pendaftar/index.ts |  34 +-
 .../beasiswa-desa/beasiswa-pendaftar/updt.ts  |  41 +-
 .../(pages)/pendidikan/beasiswa-desa/page.tsx |  97 ++-
 .../pelajari-lebih-lanjut/page.tsx            |  96 ++-
 .../(tambahan)/apbdes/lib/apbDesaProgress.tsx | 208 ++++++
 .../(tambahan)/apbdes/lib/apbDesaTable.tsx    | 160 +++++
 src/app/darmasaba/(tambahan)/apbdes/page.tsx  | 200 +-----
 .../darmasaba/(tambahan)/sdgs-desa/page.tsx   |  94 +--
 .../_com/ModernNeewsNotification.tsx          |  31 +-
 .../main-page/landing-page/ProfileView.tsx    |   9 +-
 25 files changed, 2292 insertions(+), 1269 deletions(-)
 create mode 100644 src/app/api/[[...slugs]]/_lib/landing_page/apbdes/lib/getParentsID.tsx
 create mode 100644 src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
 create mode 100644 src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index a52a0cb1..7aa39b9a 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -183,17 +183,45 @@ model SdgsDesa {
 
 //========================================= APBDes ========================================= //
 model APBDes {
-  id        String       @id @default(cuid())
-  name      String
-  jumlah    String
-  image     FileStorage? @relation("APBDesImage", fields: [imageId], references: [id])
-  imageId   String?
-  file      FileStorage? @relation("APBDesFile", fields: [fileId], references: [id])
-  fileId    String?
-  createdAt DateTime     @default(now())
-  updatedAt DateTime     @updatedAt
-  deletedAt DateTime     @default(now())
-  isActive  Boolean      @default(true)
+  id          String        @id @default(cuid())
+  tahun       Int?
+  name        String?       // misalnya: "APBDes Tahun 2025"
+  deskripsi   String?
+  jumlah      String?       // total keseluruhan (opsional, bisa juga dihitung dari items)
+  items       APBDesItem[]
+  image       FileStorage?  @relation("APBDesImage", fields: [imageId], references: [id])
+  imageId     String?
+  file        FileStorage?  @relation("APBDesFile", fields: [fileId], references: [id])
+  fileId      String?
+  createdAt   DateTime      @default(now())
+  updatedAt   DateTime      @updatedAt
+  deletedAt   DateTime?     // opsional, tidak perlu default now()
+  isActive    Boolean       @default(true)
+}
+
+model APBDesItem {
+  id          String        @id @default(cuid())
+  kode        String        // contoh: "4", "4.1", "4.1.2"
+  uraian      String        // nama item, contoh: "Pendapatan Asli Desa", "Hasil Usaha"
+  anggaran    Float         // dalam satuan Rupiah (bisa DECIMAL di DB, tapi Float umum di TS/JS)
+  realisasi   Float
+  selisih     Float         // realisasi - anggaran
+  persentase  Float  
+  tipe        String?       // (realisasi / anggaran) * 100
+  level       Int           // 1 = kelompok utama, 2 = sub-kelompok, 3 = detail
+  parentId    String?       // untuk relasi hierarki
+  parent      APBDesItem?   @relation("APBDesItemParent", fields: [parentId], references: [id])
+  children    APBDesItem[]  @relation("APBDesItemParent")
+  apbdesId    String
+  apbdes      APBDes        @relation(fields: [apbdesId], references: [id])
+  createdAt   DateTime      @default(now())
+  updatedAt   DateTime      @updatedAt
+  deletedAt   DateTime?     
+  isActive    Boolean       @default(true)
+
+  @@index([kode])
+  @@index([level])
+  @@index([apbdesId])
 }
 
 //========================================= PRESTASI DESA ========================================= //
@@ -1942,23 +1970,28 @@ model KeunggulanProgram {
 }
 
 model BeasiswaPendaftar {
-  id               String           @id @default(cuid())
+  id               String            @id @default(cuid())
   namaLengkap      String
-  nik              String           @unique
+  nis              String?
+  kelas            String?
+  jenisKelamin     JenisKelamin
+  alamatDomisili   String?
   tempatLahir      String
   tanggalLahir     DateTime
-  jenisKelamin     JenisKelamin
-  kewarganegaraan  String
-  agama            Agama
-  alamatKTP        String
-  alamatDomisili   String?
+  namaOrtu         String?
+  nik              String            @unique
+  pekerjaanOrtu    String?
+  penghasilan      String?
   noHp             String
-  email            String           @unique
-  statusPernikahan StatusPernikahan
+  kewarganegaraan  String?
+  agama            Agama?
+  alamatKTP        String?
+  email            String?           @unique
+  statusPernikahan StatusPernikahan?
   ukuranBaju       UkuranBaju?
-  isActive         Boolean          @default(true)
-  createdAt        DateTime         @default(now())
-  updatedAt        DateTime         @updatedAt
+  isActive         Boolean           @default(true)
+  createdAt        DateTime          @default(now())
+  updatedAt        DateTime          @updatedAt
 }
 
 enum JenisKelamin {
diff --git a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
index c780b1a9..af8388f4 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
@@ -5,58 +5,166 @@ import { toast } from "react-toastify";
 import { proxy } from "valtio";
 import { z } from "zod";
 
-const templateapbDesaForm = z.object({
-  name: z.string().min(1, "Judul minimal 1 karakter"),
-  jumlah: z.string().min(1, "Deskripsi minimal 1 karakter"),
-  imageId: z.string().min(1, "File minimal 1"),
-  fileId: z.string().min(1, "File minimal 1"),
+// --- Zod Schema ---
+const ApbdesItemSchema = z.object({
+  kode: z.string().min(1),
+  uraian: z.string().min(1),
+  anggaran: z.number().min(0),
+  realisasi: z.number().min(0),
+  selisih: z.number(),
+  persentase: z.number().min(0).max(1000), // allow >100% if overbudget
+  level: z.number().int().min(1).max(3),
+  tipe: z.string().min(1), // "pendapatan" | "belanja"
 });
 
-const defaultapbdesForm = {
-  name: "",
-  jumlah: "",
+const ApbdesFormSchema = z.object({
+  tahun: z.number().int().min(2000, "Tahun tidak valid"),
+  imageId: z.string().min(1, "Gambar wajib diunggah"),
+  fileId: z.string().min(1, "File wajib diunggah"),
+  items: z.array(ApbdesItemSchema).min(1, "Minimal ada 1 item"),
+});
+
+// --- Default Form ---
+const defaultApbdesForm = {
+  tahun: new Date().getFullYear(),
   imageId: "",
   fileId: "",
+  items: [] as z.infer<typeof ApbdesItemSchema>[],
 };
 
-const apbdes = proxy({
-  create: {
-    form: { ...defaultapbdesForm },
-    loading: false,
-    async create() {
-      const cek = templateapbDesaForm.safeParse(apbdes.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        apbdes.create.loading = true;
-        const res = await ApiFetch.api.landingpage.apbdes["create"].post({
-          ...apbdes.create.form,
-        });
+// --- Helper: hitung selisih & persentase otomatis (opsional di frontend) ---
+// --- Helper: hitung selisih & persentase otomatis (opsional di frontend) ---
+function normalizeItem(item: Partial<z.infer<typeof ApbdesItemSchema>>): z.infer<typeof ApbdesItemSchema> {
+  const anggaran = item.anggaran ?? 0;
+  const realisasi = item.realisasi ?? 0;
+  
+  // ✅ Formula yang benar
+  const selisih = anggaran - realisasi; // positif = sisa anggaran, negatif = over budget
+  const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0; // persentase realisasi terhadap anggaran
 
-        if (res.status === 200) {
+  return {
+    kode: item.kode || "",
+    uraian: item.uraian || "",
+    anggaran,
+    realisasi,
+    selisih,
+    persentase,
+    level: item.level || 1,
+    tipe: item.tipe || "pendapatan",
+  };
+}
+
+// --- State Utama ---
+const apbdes = proxy({
+  // create: {
+  //   form: { ...defaultApbdesForm },
+  //   loading: false,
+
+  //   addItem(item: Partial<z.infer<typeof ApbdesItemSchema>>) {
+  //     const normalized = normalizeItem(item);
+  //     this.form.items.push(normalized);
+  //   },
+
+  //   removeItem(index: number) {
+  //     this.form.items.splice(index, 1);
+  //   },
+
+  //   updateItem(index: number, updates: Partial<z.infer<typeof ApbdesItemSchema>>) {
+  //     const current = this.form.items[index];
+  //     if (current) {
+  //       const updated = normalizeItem({ ...current, ...updates });
+  //       this.form.items[index] = updated;
+  //     }
+  //   },
+
+  //   reset() {
+  //     this.form = { ...defaultApbdesForm };
+  //   },
+
+  //   async create() {
+  //     const parsed = ApbdesFormSchema.safeParse(this.form);
+  //     if (!parsed.success) {
+  //       const errors = parsed.error.issues.map((issue) => `${issue.path.join(".")} - ${issue.message}`);
+  //       toast.error(`Validasi gagal:\n${errors.join("\n")}`);
+  //       return;
+  //     }
+
+  //     try {
+  //       this.loading = true;
+  //       const res = await ApiFetch.api.landingpage.apbdes["create"].post(parsed.data);
+
+  //       if (res.data?.success) {
+  //         toast.success("APBDes berhasil dibuat");
+  //         apbdes.findMany.load();
+  //         this.reset();
+  //       } else {
+  //         toast.error(res.data?.message || "Gagal membuat APBDes");
+  //       }
+  //     } catch (error: any) {
+  //       console.error("Create APBDes error:", error);
+  //       toast.error(error?.message || "Terjadi kesalahan saat membuat APBDes");
+  //     } finally {
+  //       this.loading = false;
+  //     }
+  //   },
+  // },
+  create: {
+    form: { ...defaultApbdesForm },
+    loading: false,
+
+    addItem(item: Partial<z.infer<typeof ApbdesItemSchema>>) {
+      const normalized = normalizeItem(item);
+      this.form.items.push(normalized);
+    },
+
+    removeItem(index: number) {
+      this.form.items.splice(index, 1);
+    },
+
+    updateItem(index: number, updates: Partial<z.infer<typeof ApbdesItemSchema>>) {
+      const current = this.form.items[index];
+      if (current) {
+        const updated = normalizeItem({ ...current, ...updates });
+        this.form.items[index] = updated;
+      }
+    },
+
+    reset() {
+      this.form = { ...defaultApbdesForm };
+    },
+
+    async create() {
+      const parsed = ApbdesFormSchema.safeParse(this.form);
+      if (!parsed.success) {
+        const errors = parsed.error.issues.map((issue) => `${issue.path.join(".")} - ${issue.message}`);
+        toast.error(`Validasi gagal:\n${errors.join("\n")}`);
+        return;
+      }
+
+      try {
+        this.loading = true;
+        const res = await ApiFetch.api.landingpage.apbdes["create"].post(parsed.data);
+
+        if (res.data?.success) {
+          toast.success("APBDes berhasil dibuat");
           apbdes.findMany.load();
-          return toast.success("Data berhasil ditambahkan");
+          this.reset();
+        } else {
+          toast.error(res.data?.message || "Gagal membuat APBDes");
         }
-        return toast.error("Gagal menambahkan data");
-      } catch (error) {
-        console.log(error);
-        toast.error("Gagal menambahkan data");
+      } catch (error: any) {
+        console.error("Create APBDes error:", error);
+        toast.error(error?.message || "Terjadi kesalahan saat membuat APBDes");
       } finally {
-        apbdes.create.loading = false;
+        this.loading = false;
       }
     },
   },
+
   findMany: {
     data: null as
       | Prisma.APBDesGetPayload<{
-          include: {
-            image: true;
-            file: true;
-          };
+          include: { image: true; file: true; items: true };
         }>[]
       | null,
     page: 1,
@@ -64,194 +172,202 @@ const apbdes = proxy({
     total: 0,
     loading: false,
     search: "",
-    load: async (page = 1, limit = 10, search = "") => {  // Change to arrow function
-      apbdes.findMany.loading = true;  // Use the full path to access the property
+
+    load: async (page = 1, limit = 10, search = "") => {
+      apbdes.findMany.loading = true;
       apbdes.findMany.page = page;
       apbdes.findMany.search = search;
+    
       try {
-        const query: any = { page, limit };
+        const query: Record<string, string> = { page: String(page), limit: String(limit) };
         if (search) query.search = search;
-        
-        const res = await ApiFetch.api.landingpage.apbdes[
-          "findMany"
-        ].get({
-          query
-        });
-  
-        if (res.status === 200 && res.data?.success) {
+    
+        const res = await ApiFetch.api.landingpage.apbdes["findMany"].get({ query });
+    
+        if (res.data?.success) {
           apbdes.findMany.data = res.data.data || [];
-          apbdes.findMany.total = res.data.total || 0;
-          apbdes.findMany.totalPages = res.data.totalPages || 1;
+          apbdes.findMany.total = res.data.meta?.total || 0;
+          apbdes.findMany.totalPages = res.data.meta?.totalPages || 1;
         } else {
-          console.error("Failed to load pegawai:", res.data?.message);
           apbdes.findMany.data = [];
           apbdes.findMany.total = 0;
           apbdes.findMany.totalPages = 1;
+          toast.error(res.data?.message || "Gagal memuat data");
         }
       } catch (error) {
-        console.error("Error loading pegawai:", error);
+        console.error("FindMany error:", error);
         apbdes.findMany.data = [];
         apbdes.findMany.total = 0;
         apbdes.findMany.totalPages = 1;
+        toast.error("Gagal memuat daftar APBDes");
       } finally {
         apbdes.findMany.loading = false;
       }
     },
   },
+
   findUnique: {
-    data: null as Prisma.APBDesGetPayload<{
-      include: {
-        image: true;
-        file: true;
-      };
-    }> | null,
+    data: null as
+      | Prisma.APBDesGetPayload<{
+          include: { image: true; file: true; items: true };
+        }>
+      | null,
+    loading: false,
+    error: null as string | null,
+  
     async load(id: string) {
+      if (!id || id.trim() === '') {
+        this.data = null;
+        this.error = "ID tidak valid";
+        return;
+      }
+  
+      this.loading = true;
+      this.error = null;
+  
       try {
-        const res = await fetch(`/api/landingpage/apbdes/${id}`);
-        if (res.ok) {
-          const data = await res.json();
-          apbdes.findUnique.data = data.data ?? null;
+        // Pastikan URL-nya benar
+        const url = `/api/landingpage/apbdes/${id}`;
+        console.log("🌐 Fetching:", url);
+  
+        // Gunakan fetch biasa atau ApiFetch dengan cara yang benar
+        const response = await fetch(url);
+        const res = await response.json();
+  
+        console.log("📦 Response:", res);
+  
+        if (res.success && res.data) {
+          this.data = res.data;
         } else {
-          console.error("Failed to fetch data", res.status, res.statusText);
-          apbdes.findUnique.data = null;
+          this.data = null;
+          this.error = res.message || "Gagal memuat detail APBDes";
+          toast.error(this.error);
         }
       } catch (error) {
-        console.error("Error fetching data:", error);
-        apbdes.findUnique.data = null;
+        console.error("❌ FindUnique error:", error);
+        this.data = null;
+        this.error = "Gagal memuat detail APBDes";
+        toast.error(this.error);
+      } finally {
+        this.loading = false;
       }
-    },
+    }
   },
+
   delete: {
     loading: false,
     async byId(id: string) {
       if (!id) return toast.warn("ID tidak valid");
 
       try {
-        apbdes.delete.loading = true;
+        this.loading = true;
+        const res = await (ApiFetch.api.landingpage.apbdes as any)["del"][id].delete();
 
-        const response = await fetch(`/api/landingpage/apbdes/del/${id}`, {
-          method: "DELETE",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
-
-        const result = await response.json();
-
-        if (response.ok && result?.success) {
-          toast.success(result.message || "apbdes berhasil dihapus");
-          await apbdes.findMany.load(); // refresh list
+        if (res.data?.success) {
+          toast.success("APBDes berhasil dihapus");
+          apbdes.findMany.load();
         } else {
-          toast.error(result?.message || "Gagal menghapus apbdes");
+          toast.error(res.data?.message || "Gagal menghapus APBDes");
         }
-      } catch (error) {
-        console.error("Gagal delete:", error);
-        toast.error("Terjadi kesalahan saat menghapus apbdes");
+      } catch (error: any) {
+        console.error("Delete error:", error);
+        toast.error(error?.message || "Terjadi kesalahan saat menghapus");
       } finally {
-        apbdes.delete.loading = false;
+        this.loading = false;
       }
     },
   },
+
   edit: {
     id: "",
-    form: { ...defaultapbdesForm },
+    form: { ...defaultApbdesForm },
     loading: false,
 
     async load(id: string) {
-      if (!id) {
-        toast.warn("ID tidak valid");
-        return null;
-      }
+      if (!id) return toast.warn("ID tidak valid");
 
       try {
-        apbdes.edit.loading = true;
+        this.loading = true;
+        const res = await (ApiFetch.api.landingpage.apbdes as any)[id].get();
 
-        const response = await fetch(`/api/landingpage/apbdes/${id}`, {
-          method: "GET",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        const result = await response.json();
-        if (result?.success) {
-          const data = result.data;
+        if (res.data?.success) {
+          const data = res.data.data;
           this.id = data.id;
           this.form = {
-            name: data.name,
-            jumlah: data.jumlah,
-            imageId: data.imageId,
-            fileId: data.fileId,
+            tahun: data.tahun || new Date().getFullYear(),
+            imageId: data.imageId || "",
+            fileId: data.fileId || "",
+            items: (data.items || []).map((item: any) => ({
+              kode: item.kode,
+              uraian: item.uraian,
+              anggaran: item.anggaran,
+              realisasi: item.realisasi,
+              selisih: item.selisih,
+              persentase: item.persentase,
+              level: item.level,
+              tipe: item.tipe,
+            })),
           };
           return data;
         } else {
-          throw new Error(result?.message || "Gagal memuat data");
+          throw new Error(res.data?.message || "Gagal memuat data");
         }
-      } catch (error) {
-        console.error("Error loading apbdes:", error);
-        toast.error(
-          error instanceof Error ? error.message : "Gagal memuat data"
-        );
-        return null;
+      } catch (error: any) {
+        console.error("Edit load error:", error);
+        toast.error(error.message || "Gagal memuat data untuk diedit");
       } finally {
-        apbdes.edit.loading = false;
+        this.loading = false;
       }
     },
 
     async update() {
-      const cek = templateapbDesaForm.safeParse(apbdes.edit.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
+      const parsed = ApbdesFormSchema.safeParse(this.form);
+      if (!parsed.success) {
+        const errors = parsed.error.issues.map((issue) => `${issue.path.join(".")} - ${issue.message}`);
+        toast.error(`Validasi gagal:\n${errors.join("\n")}`);
+        return false;
       }
 
       try {
-        apbdes.edit.loading = true;
-        const response = await fetch(`/api/landingpage/apbdes/${this.id}`, {
-          method: "PUT",
-          headers: {
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify({
-            name: this.form.name,
-            jumlah: this.form.jumlah,
-            imageId: this.form.imageId,
-            fileId: this.form.fileId,
-          }),
-        });
-        if (!response.ok) {
-          const errorData = await response.json().catch(() => ({}));
-          throw new Error(
-            errorData.message || `HTTP error! status: ${response.status}`
-          );
-        }
-        const result = await response.json();
-        if (result.success) {
-          toast.success("Berhasil update apbdes");
-          await apbdes.findMany.load(); // refresh list
+        this.loading = true;
+        // Include the ID in the request body
+        const requestData = {
+          ...parsed.data,
+          id: this.id, // Add the ID to the request body
+        };
+        
+        const res = await (ApiFetch.api.landingpage.apbdes as any)[this.id].put(requestData);
+
+        if (res.data?.success) {
+          toast.success("APBDes berhasil diperbarui");
+          apbdes.findMany.load();
           return true;
         } else {
-          throw new Error(result.message || "Gagal mengupdate apbdes");
+          throw new Error(res.data?.message || "Gagal memperbarui APBDes");
         }
-      } catch (error) {
-        console.error("Error updating apbdes:", error);
-        toast.error(
-          error instanceof Error ? error.message : "Gagal mengupdate apbdes"
-        );
+      } catch (error: any) {
+        console.error("Update error:", error);
+        toast.error(error.message || "Gagal memperbarui APBDes");
         return false;
       } finally {
-        apbdes.edit.loading = false;
+        this.loading = false;
       }
     },
+
+    addItem(item: Partial<z.infer<typeof ApbdesItemSchema>>) {
+      const normalized = normalizeItem(item);
+      this.form.items.push(normalized);
+    },
+
+    removeItem(index: number) {
+      this.form.items.splice(index, 1);
+    },
+
     reset() {
-      apbdes.edit.id = "";
-      apbdes.edit.form = { ...defaultapbdesForm };
+      this.id = "";
+      this.form = { ...defaultApbdesForm };
     },
   },
 });
 
-export default apbdes;
+export default apbdes;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa.ts b/src/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa.ts
index 7337d64c..73d1dc94 100644
--- a/src/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa.ts
+++ b/src/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa.ts
@@ -9,34 +9,32 @@ import { z } from "zod";
 
 const templateBeasiswaPendaftar = z.object({
   namaLengkap: z.string().min(1, "Nama harus diisi"),
-  nik: z.string().min(1, "NIK harus diisi"),
+  nis: z.string().min(1, "NIS harus diisi"),
+  kelas: z.string().min(1, "Kelas harus diisi"),
+  jenisKelamin: z.string().min(1, "Jenis kelamin harus diisi"),
+  alamatDomisili: z.string().min(1, "Alamat domisili harus diisi"),
   tempatLahir: z.string().min(1, "Tempat lahir harus diisi"),
   tanggalLahir: z.string().min(1, "Tanggal lahir harus diisi"),
-  jenisKelamin: z.string().min(1, "Jenis kelamin harus diisi"),
-  kewarganegaraan: z.string().min(1, "Kewarganegaraan harus diisi"),
-  agama: z.string().min(1, "Agama harus diisi"),
-  alamatKTP: z.string().min(1, "Alamat KTP harus diisi"),
-  alamatDomisili: z.string().min(1, "Alamat domisili harus diisi"),
+  namaOrtu: z.string().min(1, "Nama ortu harus diisi"),
+  nik: z.string().min(1, "NIK harus diisi"),
+  pekerjaanOrtu: z.string().min(1, "Pekerjaan ortu harus diisi"),
+  penghasilan: z.string().min(1, "Penghasilan ortu harus diisi"),
   noHp: z.string().min(1, "No HP harus diisi"),
-  email: z.string().min(1, "Email harus diisi"),
-  statusPernikahan: z.string().min(1, "Status pernikahan harus diisi"),
-  ukuranBaju: z.string().min(1, "Ukuran baju harus diisi"),
 });
 
 const defaultBeasiswaPendaftar = {
   namaLengkap: "",
-  nik: "",
+  nis: "",
+  kelas: "",
+  jenisKelamin: "",
+  alamatDomisili: "",
   tempatLahir: "",
   tanggalLahir: "",
-  jenisKelamin: "",
-  kewarganegaraan: "",
-  agama: "",
-  alamatKTP: "",
-  alamatDomisili: "",
+  namaOrtu: "",
+  nik: "",
+  pekerjaanOrtu: "",
+  penghasilan: "",
   noHp: "",
-  email: "",
-  statusPernikahan: "",
-  ukuranBaju: "",
 };
 
 const beasiswaPendaftar = proxy({
@@ -200,18 +198,17 @@ const beasiswaPendaftar = proxy({
           this.id = data.id;
           this.form = {
             namaLengkap: data.namaLengkap,
-            nik: data.nik,
+            nis: data.nis,
+            kelas: data.kelas,
+            jenisKelamin: data.jenisKelamin,
+            alamatDomisili: data.alamatDomisili,
             tempatLahir: data.tempatLahir,
             tanggalLahir: data.tanggalLahir,
-            jenisKelamin: data.jenisKelamin,
-            kewarganegaraan: data.kewarganegaraan,
-            agama: data.agama,
-            alamatKTP: data.alamatKTP,
-            alamatDomisili: data.alamatDomisili,
+            namaOrtu: data.namaOrtu,
+            nik: data.nik,
+            pekerjaanOrtu: data.pekerjaanOrtu,
+            penghasilan: data.penghasilan,
             noHp: data.noHp,
-            email: data.email,
-            statusPernikahan: data.statusPernikahan,
-            ukuranBaju: data.ukuranBaju,
           };
           return data; // Return the loaded data
         } else {
@@ -249,17 +246,17 @@ const beasiswaPendaftar = proxy({
             },
             body: JSON.stringify({
               namaLengkap: this.form.namaLengkap,
-              nik: this.form.nik,
-              tanggalLahir: this.form.tanggalLahir,
+              nis: this.form.nis,
+              kelas: this.form.kelas,
               jenisKelamin: this.form.jenisKelamin,
-              kewarganegaraan: this.form.kewarganegaraan,
-              agama: this.form.agama,
-              alamatKTP: this.form.alamatKTP,
               alamatDomisili: this.form.alamatDomisili,
+              tempatLahir: this.form.tempatLahir,
+              tanggalLahir: this.form.tanggalLahir,
+              namaOrtu: this.form.namaOrtu,
+              nik: this.form.nik,
+              pekerjaanOrtu: this.form.pekerjaanOrtu,
+              penghasilan: this.form.penghasilan,
               noHp: this.form.noHp,
-              email: this.form.email,
-              statusPernikahan: this.form.statusPernikahan,
-              ukuranBaju: this.form.ukuranBaju,
             }),
           }
         );
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index 10a262ce..e0aaa34e 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -1,94 +1,102 @@
 /* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 'use client';
 
 import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
+  ActionIcon,
+  Badge,
   Box,
   Button,
   Group,
   Image,
+  Loader,
+  NumberInput,
   Paper,
+  Select,
   Stack,
+  Table,
   Text,
   TextInput,
   Title,
-  Loader,
-  ActionIcon
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
-import { IconArrowBack, IconFile, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import {
+  IconArrowBack,
+  IconFile,
+  IconPhoto,
+  IconPlus,
+  IconTrash,
+  IconX
+} from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
+// Tipe untuk form item
+type ItemForm = {
+  kode: string;
+  uraian: string;
+  anggaran: number;
+  realisasi: number;
+  level: number;
+  tipe: 'pendapatan' | 'belanja' | 'pembiayaan';
+};
+
 function EditAPBDes() {
   const apbdesState = useProxy(apbdes);
   const router = useRouter();
   const params = useParams();
 
-  const [formData, setFormData] = useState({
-    name: '',
-    jumlah: '',
-    imageId: '',
-    fileId: ''
-  });
-
   const [isSubmitting, setIsSubmitting] = useState(false);
-
-  const [originalData, setOriginalData] = useState({
-    name: "",
-    jumlah: "",
-    imageId: "",
-    fileId: "",
-    imageUrl: "",
-    docUrl: "",
-  });
-
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [previewDoc, setPreviewDoc] = useState<string | null>(null);
   const [imageFile, setImageFile] = useState<File | null>(null);
   const [docFile, setDocFile] = useState<File | null>(null);
 
-  // Load data on mount
+  // Form input untuk item baru
+  const [newItem, setNewItem] = useState<ItemForm>({
+    kode: '',
+    uraian: '',
+    anggaran: 0,
+    realisasi: 0,
+    level: 1,
+    tipe: 'pendapatan',
+  });
+
+  // Type for the API response
+  interface APBDesResponse {
+    id: string;
+    image?: {
+      link: string;
+      id: string;
+    };
+    file?: {
+      link: string;
+      id: string;
+    };
+    // Add other properties as needed
+  }
+
+  // Load data saat pertama kali
   useEffect(() => {
-    const loadData = async () => {
-      const id = params?.id as string;
-      if (!id) return;
-
-      try {
-        const data = await apbdesState.edit.load(id);
+    const id = params?.id as string;
+    if (id) {
+      apbdesState.edit.load(id).then((response) => {
+        const data = response as unknown as APBDesResponse;
         if (data) {
-          const newForm = {
-            name: data.name || "",
-            jumlah: data.jumlah || "",
-            imageId: data.imageId || "",
-            fileId: data.fileId || "",
-          };
-          setFormData(newForm);
-
-          // simpan juga versi original
-          setOriginalData({
-            ...newForm,
-            imageUrl: data.image?.link || "",
-            docUrl: data.file?.link || "",
-          });
-
+          // ✅ Ambil link langsung dari response
           setPreviewImage(data.image?.link || null);
           setPreviewDoc(data.file?.link || null);
         }
-      } catch (err) {
-        console.error(err);
-        toast.error('Gagal memuat data APBDes');
-      }
-    };
-
-    loadData();
+      });
+    }
   }, [params?.id]);
 
-  // Generic Dropzone handler
   const handleDrop = (fileType: 'image' | 'doc') => (files: File[]) => {
     const file = files[0];
     if (!file) return;
@@ -102,51 +110,95 @@ function EditAPBDes() {
     }
   };
 
+  const handleAddItem = () => {
+    const { kode, uraian, anggaran, realisasi, level, tipe } = newItem;
+    if (!kode || !uraian) {
+      return toast.warn('Kode dan uraian wajib diisi');
+    }
+
+    const selisih = realisasi - anggaran;
+    const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
+
+    apbdesState.edit.addItem({
+      kode,
+      uraian,
+      anggaran,
+      realisasi,
+      selisih,
+      persentase,
+      level,
+      tipe,
+    });
+
+    setNewItem({
+      kode: '',
+      uraian: '',
+      anggaran: 0,
+      realisasi: 0,
+      level: 1,
+      tipe: 'pendapatan',
+    });
+  };
+
+  const handleRemoveItem = (index: number) => {
+    apbdesState.edit.removeItem(index);
+  };
+
   const handleSubmit = async () => {
+    if (apbdesState.edit.form.items.length === 0) {
+      return toast.warn('Minimal harus ada 1 item APBDes');
+    }
+
     try {
       setIsSubmitting(true);
-      // Update global state with local form data first
-      apbdesState.edit.form = { ...apbdesState.edit.form, ...formData };
 
-      // Helper function for uploading file
-      const uploadFile = async (file: File | null) => {
-        if (!file) return null;
-        const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
-        const uploaded = res.data?.data;
-        if (!uploaded?.id) throw new Error('Upload gagal');
-        return uploaded.id;
-      };
+      // Upload file baru jika ada
+      if (imageFile) {
+        const res = await ApiFetch.api.fileStorage.create.post({
+          file: imageFile,
+          name: imageFile.name,
+        });
+        const imageId = res.data?.data?.id;
+        if (imageId) apbdesState.edit.form.imageId = imageId;
+      }
 
-      // Upload files if selected
-      const uploadedImageId = await uploadFile(imageFile);
-      const uploadedDocId = await uploadFile(docFile);
+      if (docFile) {
+        const res = await ApiFetch.api.fileStorage.create.post({
+          file: docFile,
+          name: docFile.name,
+        });
+        const fileId = res.data?.data?.id;
+        if (fileId) apbdesState.edit.form.fileId = fileId;
+      }
 
-      if (uploadedImageId) apbdesState.edit.form.imageId = uploadedImageId;
-      if (uploadedDocId) apbdesState.edit.form.fileId = uploadedDocId;
-
-      await apbdesState.edit.update();
-      toast.success('APBDes berhasil diperbarui!');
-      router.push('/admin/landing-page/APBDes');
+      const success = await apbdesState.edit.update();
+      if (success) {
+        router.push('/admin/landing-page/APBDes');
+      }
     } catch (err) {
-      console.error(err);
-      toast.error('Terjadi kesalahan saat memperbarui APBDes');
+      console.error('Update error:', err);
+      toast.error('Gagal memperbarui APBDes');
     } finally {
       setIsSubmitting(false);
     }
   };
 
-  const handleResetForm = () => {
-    setFormData({
-      name: originalData.name,
-      jumlah: originalData.jumlah,
-      imageId: originalData.imageId,
-      fileId: originalData.fileId,
-    });
-    setPreviewImage(originalData.imageUrl || null);
-    setImageFile(null);
-    setPreviewDoc(originalData.docUrl || null);
-    setDocFile(null);
-    toast.info("Form dikembalikan ke data awal");
+  const handleReset = () => {
+    const id = params?.id as string;
+    if (id) {
+      apbdesState.edit.load(id);
+      setImageFile(null);
+      setDocFile(null);
+      setNewItem({
+        kode: '',
+        uraian: '',
+        anggaran: 0,
+        realisasi: 0,
+        level: 1,
+        tipe: 'pendapatan',
+      });
+      toast.info('Form dikembalikan ke data awal');
+    }
   };
 
   return (
@@ -160,163 +212,272 @@ function EditAPBDes() {
         </Title>
       </Group>
 
-      <Paper w={{ base: '100%', md: '50%' }} bg={colors['white-1']} p="lg" radius="md" shadow="sm" style={{ border: '1px solid #e0e0e0' }}>
+      <Paper
+        w={{ base: '100%', md: '100%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
         <Stack gap="md">
-          {/* Controlled Inputs */}
-          <TextInput
-            label="Nama APBDes"
-            placeholder="Masukkan nama APBDes"
-            value={formData.name}
-            onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+          {/* Header Form */}
+          <NumberInput
+            label="Tahun"
+            value={apbdesState.edit.form.tahun || new Date().getFullYear()}
+            onChange={(val) =>
+              (apbdesState.edit.form.tahun = Number(val) || new Date().getFullYear())
+            }
+            min={2000}
+            max={2100}
             required
           />
 
-          <TextInput
-            label="Jumlah Anggaran"
-            placeholder="Masukkan jumlah anggaran"
-            value={formData.jumlah}
-            onChange={(e) => setFormData({ ...formData, jumlah: e.target.value })}
-            required
-          />
+          {/* Gambar & Dokumen */}
+          <Stack gap="xs">
+            <Box>
+              <Text fw="bold" fz="sm" mb={6}>
+                Gambar APBDes
+              </Text>
+              <Dropzone
+                onDrop={handleDrop('image')}
+                onReject={() => toast.error('File gambar tidak valid')}
+                maxSize={5 * 1024 ** 2}
+                accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+                radius="md"
+                p="xl"
+              >
+                <Group justify="center" gap="xl" mih={180}>
+                  <Dropzone.Idle>
+                    <IconPhoto size={48} color="#868e96" stroke={1.5} />
+                  </Dropzone.Idle>
+                  <Stack gap="xs" align="center">
+                    <Text size="md" fw={500}>
+                      {previewImage ? 'Ganti gambar' : 'Unggah gambar'}
+                    </Text>
+                  </Stack>
+                </Group>
+              </Dropzone>
+              {previewImage && (
+                <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                  <Image
+                    src={previewImage}
+                    alt="Preview"
+                    radius="md"
+                    style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
+                  />
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    pos="absolute"
+                    top={5}
+                    right={5}
+                    onClick={() => {
+                      setPreviewImage(null);
+                      setImageFile(null);
+                    }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
+                </Box>
+              )}
+            </Box>
 
-          {/* Image Dropzone */}
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>Gambar APBDes</Text>
-            <Dropzone
-              onDrop={handleDrop('image')}
-              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
-              maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={180}>
-                <Dropzone.Accept><IconUpload size={48} color={colors['blue-button']} stroke={1.5} /></Dropzone.Accept>
-                <Dropzone.Reject><IconX size={48} color="red" stroke={1.5} /></Dropzone.Reject>
-                <Dropzone.Idle><IconPhoto size={48} color="#868e96" stroke={1.5} /></Dropzone.Idle>
-                <Stack gap="xs" align="center">
-                  <Text size="md" fw={500}>Seret gambar atau klik untuk memilih file</Text>
-                  <Text size="sm" c="dimmed">Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp</Text>
-                </Stack>
-              </Group>
-            </Dropzone>
-            {previewImage && (
-              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
-                <Image
-                  src={previewImage}
-                  alt="Preview Gambar"
-                  radius="md"
-                  style={{
-                    maxHeight: 200,
-                    objectFit: 'contain',
-                    border: '1px solid #ddd',
-                  }}
-                  loading="lazy"
+            <Box>
+              <Text fw="bold" fz="sm" mb={6}>
+                Dokumen APBDes
+              </Text>
+              <Dropzone
+                onDrop={handleDrop('doc')}
+                onReject={() => toast.error('File dokumen tidak valid')}
+                maxSize={10 * 1024 ** 2}
+                accept={{
+                  'application/pdf': ['.pdf'],
+                  'application/msword': ['.doc'],
+                  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'],
+                  'application/vnd.ms-excel': ['.xls'],
+                  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],
+                }}
+                radius="md"
+                p="xl"
+              >
+                <Group justify="center" gap="xl" mih={180}>
+                  <Dropzone.Idle>
+                    <IconFile size={48} color="#868e96" stroke={1.5} />
+                  </Dropzone.Idle>
+                  <Stack gap="xs" align="center">
+                    <Text size="md" fw={500}>
+                      {previewDoc ? 'Ganti dokumen' : 'Unggah dokumen'}
+                    </Text>
+                  </Stack>
+                </Group>
+              </Dropzone>
+              {previewDoc && (
+                <Box mt="sm">
+                  <Button
+                    component="a"
+                    href={previewDoc}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    variant="light"
+                    size="xs"
+                    leftSection={<IconFile size={14} />}
+                  >
+                    Lihat Dokumen
+                  </Button>
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    ml="sm"
+                    onClick={() => {
+                      setPreviewDoc(null);
+                      setDocFile(null);
+                    }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
+                </Box>
+              )}
+            </Box>
+          </Stack>
+
+          {/* Input Item Baru */}
+          <Paper withBorder p="md" radius="md">
+            <Title order={6} mb="sm">
+              Tambah Item Pendapatan/Belanja
+            </Title>
+            <Stack gap="xs">
+              <Group grow>
+                <TextInput
+                  label="Kode"
+                  placeholder="Contoh: 4.1.2"
+                  value={newItem.kode}
+                  onChange={(e) => setNewItem({ ...newItem, kode: e.target.value })}
+                  required
+                />
+                <Select
+                  label="Level"
+                  data={[
+                    { value: '1', label: 'Level 1 (Kelompok)' },
+                    { value: '2', label: 'Level 2 (Sub-kelompok)' },
+                    { value: '3', label: 'Level 3 (Detail)' },
+                  ]}
+                  value={String(newItem.level)}
+                  onChange={(val) => setNewItem({ ...newItem, level: Number(val) || 1 })}
+                />
+                <Select
+                  label="Tipe"
+                  data={[
+                    { value: 'pendapatan', label: 'Pendapatan' },
+                    { value: 'belanja', label: 'Belanja' },
+                  ]}
+                  value={newItem.tipe}
+                  onChange={(val) => setNewItem({ ...newItem, tipe: (val as any) || 'pendapatan' })}
                 />
-
-                {/* Tombol hapus (pojok kanan atas) */}
-                <ActionIcon
-                  variant="filled"
-                  color="red"
-                  radius="xl"
-                  size="sm"
-                  pos="absolute"
-                  top={5}
-                  right={5}
-                  onClick={() => {
-                    setPreviewImage(null);
-                    setImageFile(null);
-                  }}
-                  style={{
-                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
-                  }}
-                >
-                  <IconX size={14} />
-                </ActionIcon>
-              </Box>
-            )}
-          </Box>
-
-          {/* Document Dropzone */}
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>Dokumen APBDes</Text>
-            <Dropzone
-              onDrop={handleDrop('doc')}
-              onReject={() => toast.error('File tidak valid, gunakan format dokumen')}
-              maxSize={10 * 1024 ** 2}
-              accept={{
-                'application/pdf': ['.pdf'],
-                'application/msword': ['.doc'],
-                'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'],
-                'application/vnd.ms-excel': ['.xls'],
-                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],
-              }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={150}>
-                <Dropzone.Accept><IconUpload size={48} color={colors['blue-button']} stroke={1.5} /></Dropzone.Accept>
-                <Dropzone.Reject><IconX size={48} color="red" stroke={1.5} /></Dropzone.Reject>
-                <Dropzone.Idle><IconFile size={48} color="#868e96" stroke={1.5} /></Dropzone.Idle>
-                <Stack gap="xs" align="center">
-                  <Text size="md" fw={500}>Seret dokumen atau klik untuk memilih file</Text>
-                  <Text size="sm" c="dimmed">Maksimal 10MB, format PDF/DOC/DOCX/XLS/XLSX</Text>
-                </Stack>
               </Group>
-            </Dropzone>
-            {previewDoc && (
-              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
-                <Text size="sm" c="dimmed" mb="xs">Dokumen terpilih: {docFile?.name || 'Dokumen'}</Text>
-                <Button component="a" href={previewDoc} target="_blank" rel="noopener noreferrer" variant="light" leftSection={<IconFile size={16} />} size="sm">
-                  Lihat Dokumen
-                </Button>
-                {/* Tombol hapus (pojok kanan atas) */}
-                <ActionIcon
-                  variant="filled"
-                  color="red"
-                  radius="xl"
-                  size="sm"
-                  pos="absolute"
-                  top={5}
-                  right={5}
-                  onClick={() => {
-                    setPreviewDoc(null);
-                    setDocFile(null);
-                  }}
-                  style={{
-                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
-                  }}
-                >
-                  <IconX size={14} />
-                </ActionIcon>
-              </Box>
-            )}
-          </Box>
+              <TextInput
+                label="Uraian"
+                placeholder="Contoh: Dana Desa"
+                value={newItem.uraian}
+                onChange={(e) => setNewItem({ ...newItem, uraian: e.target.value })}
+                required
+              />
+              <Group grow>
+                <NumberInput
+                  label="Anggaran (Rp)"
+                  value={newItem.anggaran}
+                  onChange={(val) => setNewItem({ ...newItem, anggaran: Number(val) || 0 })}
+                  thousandSeparator
+                  min={0}
+                />
+                <NumberInput
+                  label="Realisasi (Rp)"
+                  value={newItem.realisasi}
+                  onChange={(val) => setNewItem({ ...newItem, realisasi: Number(val) || 0 })}
+                  thousandSeparator
+                  min={0}
+                />
+              </Group>
+              <Button
+                leftSection={<IconPlus size={16} />}
+                onClick={handleAddItem}
+                disabled={!newItem.kode || !newItem.uraian}
+              >
+                Tambah Item
+              </Button>
+            </Stack>
+          </Paper>
 
+          {/* Tabel Items */}
+          {apbdesState.edit.form.items.length > 0 && (
+            <Paper withBorder p="md" radius="md">
+              <Title order={6} mb="sm">
+                Daftar Item ({apbdesState.edit.form.items.length})
+              </Title>
+              <Table striped highlightOnHover>
+                <thead>
+                  <tr>
+                    <th>Kode</th>
+                    <th>Uraian</th>
+                    <th>Anggaran</th>
+                    <th>Realisasi</th>
+                    <th>Level</th>
+                    <th>Tipe</th>
+                    <th style={{ width: '50px' }}>Aksi</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {apbdesState.edit.form.items.map((item, idx) => (
+                    <tr key={idx}>
+                      <td>
+                        <Text size="sm" fw={500}>
+                          {item.kode}
+                        </Text>
+                      </td>
+                      <td>{item.uraian}</td>
+                      <td>{item.anggaran.toLocaleString('id-ID')}</td>
+                      <td>{item.realisasi.toLocaleString('id-ID')}</td>
+                      <td>
+                        <Badge size="sm" color={item.level === 1 ? 'blue' : item.level === 2 ? 'green' : 'grape'}>
+                          L{item.level}
+                        </Badge>
+                      </td>
+                      <td>
+                        <Badge size="sm" color={item.tipe === 'pendapatan' ? 'teal' : 'red'}>
+                          {item.tipe}
+                        </Badge>
+                      </td>
+                      <td>
+                        <ActionIcon color="red" onClick={() => handleRemoveItem(idx)}>
+                          <IconTrash size={16} />
+                        </ActionIcon>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </Table>
+            </Paper>
+          )}
+
+          {/* Tombol Aksi */}
           <Group justify="right">
-            {/* Tombol Batal */}
-            <Button
-              variant="outline"
-              color="gray"
-              radius="md"
-              size="md"
-              onClick={handleResetForm}
-            >
+            <Button variant="outline" color="gray" radius="md" onClick={handleReset}>
               Batal
             </Button>
-
-            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
-              size="md"
+              disabled={apbdesState.edit.form.items.length === 0 || apbdesState.edit.loading}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
-                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
-              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan Perubahan'}
             </Button>
           </Group>
         </Stack>
@@ -325,4 +486,4 @@ function EditAPBDes() {
   );
 }
 
-export default EditAPBDes;
+export default EditAPBDes;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
index 3b27da39..8ec636f5 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
@@ -1,36 +1,53 @@
-'use client'
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client';
 import { useProxy } from 'valtio/utils';
 
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import {
+  Box,
+  Button,
+  Group,
+  Image,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text
+} from '@mantine/core';
 import { IconArrowBack, IconEdit, IconFile, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import colors from '@/con/colors';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import apbdes from '../../../_state/landing-page/apbdes';
 
+
+
 function DetailAPBDes() {
-  const apbdesState = useProxy(apbdes)
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-  const params = useParams()
-  const router = useRouter()
-
-  useShallowEffect(() => {
-    apbdesState.findUnique.load(params?.id as string)
-  }, [])
+  const apbdesState = useProxy(apbdes);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const params = useParams();
+  const router = useRouter();
 
+  useEffect(() => {
+    if (!params?.id) return;
+    apbdesState.findUnique.load(params.id as string);
+  }, [params?.id]);
 
   const handleHapus = () => {
     if (selectedId) {
-      apbdesState.delete.byId(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
-      router.push("/admin/landing-page/APBDes")
+      apbdesState.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      router.push('/admin/landing-page/APBDes');
     }
-  }
+  };
 
   if (!apbdesState.findUnique.data) {
     return (
@@ -42,6 +59,11 @@ function DetailAPBDes() {
 
   const data = apbdesState.findUnique.data;
 
+  // Helper: indentasi berdasarkan level
+  const getIndent = (level: number) => ({
+    paddingLeft: `${(level - 1) * 20}px`,
+  });
+
   return (
     <Box py={10}>
       <Button
@@ -55,7 +77,7 @@ function DetailAPBDes() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: '100%', md: '100%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -66,16 +88,21 @@ function DetailAPBDes() {
             Detail APBDes
           </Text>
 
+          {/* Info Header */}
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
             <Stack gap="md">
               <Box>
                 <Text fz="lg" fw="bold">Nama APBDes</Text>
-                <Text fz="md" c="dimmed">{data.name || '-'}</Text>
+                <Text fz="md" c="dimmed">
+                  {data.name || '-'}
+                </Text>
               </Box>
 
               <Box>
-                <Text fz="lg" fw="bold">Jumlah Anggaran</Text>
-                <Text fz="md" c="dimmed">Rp. {data.jumlah || '-'}</Text>
+                <Text fz="lg" fw="bold">Tahun</Text>
+                <Text fz="md" c="dimmed">
+                  {data.tahun || '-'}
+                </Text>
               </Box>
 
               <Box>
@@ -117,32 +144,80 @@ function DetailAPBDes() {
               </Box>
 
               <Group gap="sm" mt="md">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    disabled={apbdesState.delete.loading}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  disabled={apbdesState.delete.loading}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/landing-page/APBDes/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/landing-page/APBDes/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
+
+          {/* Tabel Items */}
+          {data.items && data.items.length > 0 ? (
+            <Paper withBorder p="md" radius="md">
+              <Text fz="lg" fw="bold" mb="sm">
+                Rincian Pendapatan & Belanja ({data.items.length} item)
+              </Text>
+              <Box style={{ overflowX: 'auto' }}>
+                <Table striped highlightOnHover>
+                  <TableThead>
+                    <TableTr>
+                      <TableTh>Uraian</TableTh>
+                      <TableTh>Anggaran (Rp)</TableTh>
+                      <TableTh>Realisasi (Rp)</TableTh>
+                      <TableTh>Selisih (Rp)</TableTh>
+                      <TableTh>Persentase (%)</TableTh>
+                    </TableTr>
+                  </TableThead>
+                  <TableTbody>
+                    {[...data.items] // Create a new array before sorting
+                      .sort((a, b) => a.kode.localeCompare(b.kode))
+                      .map((item) => (
+                        <TableTr key={item.id}>
+                          <TableTd style={getIndent(item.level)}>
+                            <Group>
+                              <Text fw={item.level === 1 ? 'bold' : 'normal'}>{item.kode}</Text>
+                              <Text fz="sm" c="dimmed">{item.uraian}</Text>
+                            </Group>
+                          </TableTd>
+                          <TableTd>{item.anggaran.toLocaleString('id-ID')}</TableTd>
+                          <TableTd>{item.realisasi.toLocaleString('id-ID')}</TableTd>
+                          <TableTd>
+                            <Text c={item.selisih >= 0 ? 'green' : 'red'}>
+                              {item.selisih.toLocaleString('id-ID')}
+                            </Text>
+                          </TableTd>
+                          <TableTd>
+                            <Text fw={500}>{item.persentase.toFixed(2)}%</Text>
+                          </TableTd>
+                        </TableTr>
+                      ))}
+                  </TableTbody>
+                </Table>
+              </Box>
+            </Paper>
+          ) : (
+            <Text>Belum ada data item</Text>
+          )}
         </Stack>
       </Paper>
 
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index cd9b21bc..f5bbaf2a 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 import colors from '@/con/colors';
@@ -13,46 +14,76 @@ import {
   TextInput,
   Title,
   Loader,
-  ActionIcon
+  ActionIcon,
+  NumberInput,
+  Select,
+  Table,
+  Badge,
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
-import { IconArrowBack, IconFile, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { IconArrowBack, IconFile, IconPhoto, IconUpload, IconX, IconPlus, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import apbdes from '../../../_state/landing-page/apbdes';
 
+// Tipe item untuk form
+type ItemForm = {
+  kode: string;
+  uraian: string;
+  anggaran: number;
+  realisasi: number;
+  level: number;
+  tipe: 'pendapatan' | 'belanja' | 'pembiayaan';
+};
 
 function CreateAPBDes() {
   const router = useRouter();
-  const stateAPBDes = useProxy(apbdes)
+  const stateAPBDes = useProxy(apbdes);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [previewDoc, setPreviewDoc] = useState<string | null>(null);
   const [imageFile, setImageFile] = useState<File | null>(null);
   const [docFile, setDocFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Form sementara untuk input item baru
+  const [newItem, setNewItem] = useState<ItemForm>({
+    kode: '',
+    uraian: '',
+    anggaran: 0,
+    realisasi: 0,
+    level: 1,
+    tipe: 'pendapatan',
+  });
 
   useEffect(() => {
     stateAPBDes.findMany.load();
   }, []);
 
   const resetForm = () => {
-    stateAPBDes.create.form = {
-      name: "",
-      jumlah: "",
-      imageId: "",
-      fileId: "",
-    };
+    stateAPBDes.create.reset();
     setImageFile(null);
     setDocFile(null);
     setPreviewImage(null);
+    setPreviewDoc(null);
+    setNewItem({
+      kode: '',
+      uraian: '',
+      anggaran: 0,
+      realisasi: 0,
+      level: 1,
+      tipe: 'pendapatan',
+    });
   };
+
   const handleSubmit = async () => {
     if (!imageFile || !docFile) {
       return toast.warn("Pilih gambar dan dokumen terlebih dahulu");
     }
+    if (stateAPBDes.create.form.items.length === 0) {
+      return toast.warn("Minimal tambahkan 1 item APBDes");
+    }
 
     try {
       setIsSubmitting(true);
@@ -68,6 +99,7 @@ function CreateAPBDes() {
         return toast.error("Gagal mengupload file");
       }
 
+      // Update form dengan ID file
       stateAPBDes.create.form.imageId = imageId;
       stateAPBDes.create.form.fileId = fileId;
 
@@ -84,6 +116,43 @@ function CreateAPBDes() {
     }
   };
 
+  // Tambahkan item ke state
+  const handleAddItem = () => {
+    const { kode, uraian, anggaran, realisasi, level, tipe } = newItem;
+    if (!kode || !uraian) {
+      return toast.warn("Kode dan uraian wajib diisi");
+    }
+
+    const selisih = realisasi - anggaran;
+    const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
+
+    stateAPBDes.create.addItem({
+      kode,
+      uraian,
+      anggaran,
+      realisasi,
+      selisih,
+      persentase,
+      level,
+      tipe,
+    });
+
+    // Reset form input
+    setNewItem({
+      kode: '',
+      uraian: '',
+      anggaran: 0,
+      realisasi: 0,
+      level: 1,
+      tipe: 'pendapatan',
+    });
+  };
+
+  // Hapus item
+  const handleRemoveItem = (index: number) => {
+    stateAPBDes.create.removeItem(index);
+  };
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
@@ -104,199 +173,288 @@ function CreateAPBDes() {
         style={{ border: '1px solid #e0e0e0' }}
       >
         <Stack gap="md">
-          {/* Gambar APBDes */}
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Gambar Program Inovasi
-            </Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0];
-                if (selectedFile) {
-                  setImageFile(selectedFile);
-                  setPreviewImage(URL.createObjectURL(selectedFile));
-                }
-              }}
-              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
-              maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={180}>
-                <Dropzone.Accept>
-                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
-                </Dropzone.Accept>
-                <Dropzone.Reject>
-                  <IconX size={48} color="red" stroke={1.5} />
-                </Dropzone.Reject>
-                <Dropzone.Idle>
-                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
-                </Dropzone.Idle>
-                <Stack gap="xs" align="center">
-                  <Text size="md" fw={500}>
-                    Seret gambar atau klik untuk memilih file
-                  </Text>
-                  <Text size="sm" c="dimmed">
-                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
-                  </Text>
-                </Stack>
-              </Group>
-            </Dropzone>
+          {/* Gambar & Dokumen (dipendekkan untuk fokus pada items) */}
+          <Stack gap={"xs"}>
+            {/* Gambar APBDes */}
+            <Box>
+              <Text fw="bold" fz="sm" mb={6}>
+                Gambar APBDes
+              </Text>
+              <Dropzone
+                onDrop={(files) => {
+                  const selectedFile = files[0];
+                  if (selectedFile) {
+                    setImageFile(selectedFile);
+                    setPreviewImage(URL.createObjectURL(selectedFile));
+                  }
+                }}
+                onReject={() => toast.error('File tidak valid, gunakan format gambar')}
+                maxSize={5 * 1024 ** 2}
+                accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+                radius="md"
+                p="xl"
+              >
+                <Group justify="center" gap="xl" mih={180}>
+                  <Dropzone.Accept>
+                    <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                  </Dropzone.Accept>
+                  <Dropzone.Reject>
+                    <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
+                  </Dropzone.Reject>
+                  <Dropzone.Idle>
+                    <IconPhoto size={48} color="#868e96" stroke={1.5} />
+                  </Dropzone.Idle>
+                  <Stack gap="xs" align="center">
+                    <Text size="md" fw={500}>
+                      Seret gambar atau klik untuk memilih
+                    </Text>
+                  </Stack>
+                </Group>
+              </Dropzone>
+              {previewImage && (
+                <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                  <Image
+                    src={previewImage}
+                    alt="Preview Gambar"
+                    radius="md"
+                    style={{
+                      maxHeight: 200,
+                      objectFit: 'contain',
+                      border: '1px solid #ddd',
+                    }}
+                    loading="lazy"
+                  />
 
-            {/* ✅ Preview gambar + tombol X */}
-            {previewImage && (
-              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
-                <Image
-                  src={previewImage}
-                  alt="Preview Gambar"
-                  radius="md"
-                  style={{
-                    maxHeight: 200,
-                    objectFit: 'contain',
-                    border: '1px solid #ddd',
-                  }}
-                  loading="lazy"
-                />
-
-                {/* Tombol hapus (pojok kanan atas) */}
-                <ActionIcon
-                  variant="filled"
-                  color="red"
-                  radius="xl"
-                  size="sm"
-                  pos="absolute"
-                  top={5}
-                  right={5}
-                  onClick={() => {
-                    setPreviewImage(null);
-                    setImageFile(null);
-                  }}
-                  style={{
-                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
-                  }}
-                >
-                  <IconX size={14} />
-                </ActionIcon>
-              </Box>
-            )}
-          </Box>
-
-          {/* Dokumen APBDes */}
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Dokumen APBDes
-            </Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0];
-                if (selectedFile) {
-                  setDocFile(selectedFile);
-                  setPreviewDoc(URL.createObjectURL(selectedFile));
-                }
-              }}
-              onReject={() => toast.error('File tidak valid, gunakan format PDF, DOC, atau DOCX')}
-              maxSize={5 * 1024 ** 2}
-              accept={{
-                'application/pdf': ['.pdf'],
-                'application/msword': ['.doc'],
-                'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'],
-              }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={180}>
-                <Dropzone.Accept>
-                  <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
-                </Dropzone.Accept>
-                <Dropzone.Reject>
-                  <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
-                </Dropzone.Reject>
-                <Dropzone.Idle>
-                  <IconFile size={48} color="var(--mantine-color-dimmed)" stroke={1.5} />
-                </Dropzone.Idle>
-                <Box>
-                  <Text size="xl" inline>
-                    Seret dokumen atau klik untuk memilih file
-                  </Text>
-                  <Text size="sm" c="dimmed" inline display="block" mt={7}>
-                    Maksimal 5MB (format: PDF, DOC, DOCX)
-                  </Text>
+                  {/* Tombol hapus (pojok kanan atas) */}
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    pos="absolute"
+                    top={5}
+                    right={5}
+                    onClick={() => {
+                      setPreviewImage(null);
+                      setImageFile(null);
+                    }}
+                    style={{
+                      boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                    }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
                 </Box>
-              </Group>
-            </Dropzone>
+              )}
+            </Box>
 
-            {previewDoc && (
-              <Box mt="md" pos="relative" style={{ textAlign: 'center' }}>
-                <Text fw="bold" fz="sm" mb={6}>
-                  Pratinjau Dokumen
-                </Text>
-                <iframe
-                  src={previewDoc}
-                  width="100%"
-                  height="500px"
-                  style={{ border: '1px solid #ddd', borderRadius: '8px' }}
+            {/* Dokumen APBDes */}
+            <Box>
+              <Text fw="bold" fz="sm" mb={6}>
+                Dokumen APBDes
+              </Text>
+              <Dropzone
+                onDrop={(files) => {
+                  const selectedFile = files[0];
+                  if (selectedFile) {
+                    setDocFile(selectedFile);
+                    setPreviewDoc(URL.createObjectURL(selectedFile));
+                  }
+                }}
+                onReject={() => toast.error('File tidak valid')}
+                maxSize={5 * 1024 ** 2}
+                accept={{
+                  'application/pdf': ['.pdf'],
+                  'application/msword': ['.doc'],
+                  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'],
+                }}
+                radius="md"
+                p="xl"
+              >
+                <Group justify="center" gap="xl" mih={180}>
+                  <Dropzone.Accept>
+                    <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                  </Dropzone.Accept>
+                  <Dropzone.Reject>
+                    <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
+                  </Dropzone.Reject>
+                  <Dropzone.Idle>
+                    <IconFile size={48} color="#868e96" stroke={1.5} />
+                  </Dropzone.Idle>
+                  <Stack gap="xs" align="center">
+                    <Text size="md" fw={500}>
+                      Seret dokumen atau klik untuk memilih
+                    </Text>
+                  </Stack>
+                </Group>
+              </Dropzone>
+              {previewDoc && (
+                <Box mt="md" pos="relative" style={{ textAlign: 'center' }}>
+                  <Text fw="bold" fz="sm" mb={6}>
+                    Pratinjau Dokumen
+                  </Text>
+                  <iframe
+                    src={previewDoc}
+                    width="100%"
+                    height="500px"
+                    style={{ border: '1px solid #ddd', borderRadius: '8px' }}
+                  />
+
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    pos="absolute"
+                    top={5}
+                    right={5}
+                    onClick={() => {
+                      setPreviewDoc(null);
+                      setDocFile(null);
+                    }}
+                    style={{
+                      boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                    }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
+                </Box>
+              )}
+            </Box>
+          </Stack>
+
+          {/* Form Header */}
+          <NumberInput
+            label="Tahun"
+            value={stateAPBDes.create.form.tahun || new Date().getFullYear()}
+            onChange={(val) => (stateAPBDes.create.form.tahun = Number(val) || new Date().getFullYear())}
+            min={2000}
+            max={2100}
+            required
+          />
+
+          {/* Input Item Baru */}
+          <Paper withBorder p="md" radius="md">
+            <Title order={6} mb="sm">Tambah Item Pendapatan/Belanja</Title>
+            <Stack gap="xs">
+              <Group grow>
+                <TextInput
+                  label="Kode"
+                  placeholder="Contoh: 4.1.2"
+                  value={newItem.kode}
+                  onChange={(e) => setNewItem({ ...newItem, kode: e.target.value })}
+                  required
                 />
+                <Select
+                  label="Level"
+                  data={[
+                    { value: '1', label: 'Level 1 (Kelompok)' },
+                    { value: '2', label: 'Level 2 (Sub-kelompok)' },
+                    { value: '3', label: 'Level 3 (Detail)' },
+                  ]}
+                  value={String(newItem.level)}
+                  onChange={(val) => setNewItem({ ...newItem, level: Number(val) || 1 })}
+                />
+                <Select
+                  label="Tipe"
+                  data={[
+                    { value: 'pendapatan', label: 'Pendapatan' },
+                    { value: 'belanja', label: 'Belanja' },
+                  ]}
+                  value={newItem.tipe}
+                  onChange={(val) => setNewItem({ ...newItem, tipe: val as any })}
+                />
+              </Group>
+              <TextInput
+                label="Uraian"
+                placeholder="Contoh: Dana Desa"
+                value={newItem.uraian}
+                onChange={(e) => setNewItem({ ...newItem, uraian: e.target.value })}
+                required
+              />
+              <Group grow>
+                <NumberInput
+                  label="Anggaran (Rp)"
+                  value={newItem.anggaran}
+                  onChange={(val) => setNewItem({ ...newItem, anggaran: Number(val) || 0 })}
+                  thousandSeparator
+                  min={0}
+                />
+                <NumberInput
+                  label="Realisasi (Rp)"
+                  value={newItem.realisasi}
+                  onChange={(val) => setNewItem({ ...newItem, realisasi: Number(val) || 0 })}
+                  thousandSeparator
+                  min={0}
+                />
+              </Group>
+              <Button
+                leftSection={<IconPlus size={16} />}
+                onClick={handleAddItem}
+                disabled={!newItem.kode || !newItem.uraian}
+              >
+                Tambah Item
+              </Button>
+            </Stack>
+          </Paper>
 
-                <ActionIcon
-                  variant="filled"
-                  color="red"
-                  radius="xl"
-                  size="sm"
-                  pos="absolute"
-                  top={5}
-                  right={5}
-                  onClick={() => {
-                    setPreviewDoc(null);
-                    setDocFile(null);
-                  }}
-                  style={{
-                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
-                  }}
-                >
-                  <IconX size={14} />
-                </ActionIcon>
-              </Box>
-            )}
-          </Box>
-
-          {/* Form Input */}
-          <TextInput
-            label="Nama APBDes"
-            placeholder="Masukkan nama APBDes"
-            value={stateAPBDes.create.form.name || ''}
-            onChange={(e) => (stateAPBDes.create.form.name = e.target.value)}
-            required
-          />
-          <TextInput
-            label="Jumlah Anggaran"
-            placeholder="14 M / 1 T / 200 JT / 900 RB"
-            value={stateAPBDes.create.form.jumlah || ''}
-            onChange={(e) => (stateAPBDes.create.form.jumlah = e.target.value)}
-            required
-          />
+          {/* Tabel Items */}
+          {stateAPBDes.create.form.items.length > 0 && (
+            <Paper withBorder p="md" radius="md">
+              <Title order={6} mb="sm">Daftar Item ({stateAPBDes.create.form.items.length})</Title>
+              <Table striped highlightOnHover>
+                <thead>
+                  <tr>
+                    <th>Kode</th>
+                    <th>Uraian</th>
+                    <th>Anggaran</th>
+                    <th>Realisasi</th>
+                    <th>Level</th>
+                    <th>Tipe</th>
+                    <th style={{ width: 50 }}>Aksi</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {stateAPBDes.create.form.items.map((item, idx) => (
+                    <tr key={idx}>
+                      <td><Text size="sm" fw={500}>{item.kode}</Text></td>
+                      <td>{item.uraian}</td>
+                      <td>{item.anggaran.toLocaleString('id-ID')}</td>
+                      <td>{item.realisasi.toLocaleString('id-ID')}</td>
+                      <td>
+                        <Badge size="sm" color={item.level === 1 ? 'blue' : item.level === 2 ? 'green' : 'grape'}>
+                          L{item.level}
+                        </Badge>
+                      </td>
+                      <td>
+                        <Badge size="sm" color={item.tipe === 'pendapatan' ? 'teal' : 'red'}>
+                          {item.tipe}
+                        </Badge>
+                      </td>
+                      <td>
+                        <ActionIcon color="red" onClick={() => handleRemoveItem(idx)}>
+                          <IconTrash size={16} />
+                        </ActionIcon>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </Table>
+            </Paper>
+          )}
 
+          {/* Tombol Aksi */}
           <Group justify="right">
-            {/* Tombol Batal */}
-            <Button
-              variant="outline"
-              color="gray"
-              radius="md"
-              size="md"
-              onClick={resetForm}
-            >
+            <Button variant="outline" color="gray" radius="md" onClick={resetForm}>
               Reset
             </Button>
-
-            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
-              size="md"
+              disabled={stateAPBDes.create.form.items.length === 0}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
-                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
             >
               {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
@@ -308,4 +466,4 @@ function CreateAPBDes() {
   );
 }
 
-export default CreateAPBDes;
+export default CreateAPBDes;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index a8d35fc4..9319f12e 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -1,6 +1,23 @@
-'use client'
+'use client';
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconFile, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -9,14 +26,13 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import apbdes from '../../_state/landing-page/apbdes';
 
-
 function APBDes() {
   const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
-        title='APBDes'
-        placeholder='Cari APBDes...'
+        title="APBDes"
+        placeholder="Cari APBDes..."
         searchIcon={<IconSearch size={20} />}
         value={search}
         onChange={(e) => setSearch(e.currentTarget.value)}
@@ -27,22 +43,16 @@ function APBDes() {
 }
 
 function ListAPBDes({ search }: { search: string }) {
-  const listState = useProxy(apbdes)
+  const listState = useProxy(apbdes);
   const router = useRouter();
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = listState.findMany
+  const { data, page, totalPages, loading, load } = listState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, search);
+  }, [page, search]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
@@ -71,8 +81,8 @@ function ListAPBDes({ search }: { search: string }) {
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%'}}>Nama APBDes</TableTh>
-                <TableTh style={{ width: '30%' }}>Jumlah</TableTh>
+                <TableTh style={{ width: '25%' }}>APBDes</TableTh>
+                <TableTh style={{ width: '25%' }}>Tahun</TableTh>
                 <TableTh style={{ width: '25%' }}>Dokumen</TableTh>
                 <TableTh style={{ width: '25%' }}>Aksi</TableTh>
               </TableTr>
@@ -81,53 +91,54 @@ function ListAPBDes({ search }: { search: string }) {
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '30%' }}>
-                      <Text fw={500} truncate="end">{item.name}</Text>
-                    </TableTd>
-                    <TableTd style={{ width: '30%' }}>
-                      <Box w={150}>
-                        <Text>Rp. {item.jumlah}</Text>
-                      </Box>
+                    <TableTd style={{ width: '25%' }}>
+                      <Text fw={500} lineClamp={1}>
+                        APBDes {item.tahun}
+                      </Text>
                     </TableTd>
                     <TableTd style={{ width: '25%' }}>
-                      <Box w={150}>
-                        {item.file?.link ? (
-                          <Button
-                            component="a"
-                            href={item.file.link}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            variant="light"
-                            leftSection={<IconFile size={18} />}
-                            size="sm"
-                          >
-                            Lihat Dokumen
-                          </Button>
-                        ) : (
-                          <Text c="dimmed" fz="sm">Tidak ada dokumen</Text>
-                        )}
-                      </Box>
+                      <Text fw={500}>{item.tahun || '-'}</Text>
                     </TableTd>
                     <TableTd style={{ width: '25%' }}>
-                     <Box w={80}>
-                     <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() => router.push(`/admin/landing-page/APBDes/${item.id}`)}
-                        fullWidth
-                      >
-                        Detail
-                      </Button>
-                     </Box>
+                      {item.file?.link ? (
+                        <Button
+                          component="a"
+                          href={item.file.link}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          variant="light"
+                          leftSection={<IconFile size={16} />}
+                          size="xs"
+                          radius="sm"
+                        >
+                          Lihat Dokumen
+                        </Button>
+                      ) : (
+                        <Text c="dimmed" fz="sm">
+                          Tidak ada dokumen
+                        </Text>
+                      )}
+                    </TableTd>
+                    <TableTd style={{ width: '25%' }}>
+                      <Box w={100}>
+                        <Button
+                          size="xs"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImacCog size={14} />}
+                          onClick={() => router.push(`/admin/landing-page/APBDes/${item.id}`)}
+                          fullWidth
+                        >
+                          Detail
+                        </Button>
+                      </Box>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
+                  <TableTd colSpan={5}>
                     <Center py={20}>
                       <Text color="dimmed">Tidak ada data APBDes yang cocok</Text>
                     </Center>
@@ -152,7 +163,7 @@ function ListAPBDes({ search }: { search: string }) {
         />
       </Center>
     </Box>
-  )
+  );
 }
 
-export default APBDes;
+export default APBDes;
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
index a2c4f8db..55937f89 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
@@ -1,36 +1,137 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
+import { assignParentIdsToApbdesItems } from "./lib/getParentsID";
+
+
+type APBDesItemInput = {
+  kode: string;
+  uraian: string;
+  anggaran: number;
+  realisasi: number;
+  selisih: number;
+  persentase: number;
+  level: number;
+  tipe: string;
+};
 
 type FormCreate = {
-  name: string;
-  jumlah: string;
+  tahun: number;
   imageId: string;
   fileId: string;
+  items: APBDesItemInput[];
 };
 
 export default async function apbdesCreate(context: Context) {
   const body = context.body as FormCreate;
+  
+  // Log the incoming request for debugging
+  console.log('Incoming request body:', JSON.stringify(body, null, 2));
 
   try {
-    const result = await prisma.aPBDes.create({
-      data: {
-        name: body.name,
-        jumlah: body.jumlah,
-        imageId: body.imageId,
-        fileId: body.fileId,
-      },
-      include: {
-        image: true,
-        file: true,
-      },
+    // Validate required fields
+    if (!body.tahun) {
+      throw new Error('Tahun is required');
+    }
+    if (!body.imageId) {
+      throw new Error('Image ID is required');
+    }
+    if (!body.fileId) {
+      throw new Error('File ID is required');
+    }
+    if (!body.items || body.items.length === 0) {
+      throw new Error('At least one item is required');
+    }
+
+    // 1. Buat APBDes + items (tanpa parentId dulu)
+    const created = await prisma.$transaction(async (prisma) => {
+      const apbdes = await prisma.aPBDes.create({
+        data: {
+          tahun: body.tahun,
+          name: `APBDes Tahun ${body.tahun}`,
+          imageId: body.imageId,
+          fileId: body.fileId,
+        },
+      });
+
+      // Create items in a batch
+      const items = await Promise.all(
+        body.items.map(item => {
+          // Create a new object with only the fields that exist in the APBDesItem model
+          const itemData = {
+            kode: item.kode,
+            uraian: item.uraian,
+            anggaran: item.anggaran,
+            realisasi: item.realisasi,
+            selisih: item.selisih,
+            persentase: item.persentase,
+            level: item.level,
+            apbdesId: apbdes.id,
+            // Note: tipe field is not included as it doesn't exist in the model
+          };
+          
+          return prisma.aPBDesItem.create({
+            data: itemData,
+            select: { id: true, kode: true },
+          });
+        })
+      );
+
+      return { ...apbdes, items };
     });
+
+    try {
+      // 2. Isi parentId berdasarkan kode
+      await assignParentIdsToApbdesItems(created.items);
+
+      // 3. Ambil ulang data lengkap untuk response
+      const result = await prisma.aPBDes.findUnique({
+        where: { id: created.id },
+        include: {
+          image: true,
+          file: true,
+          items: {
+            orderBy: { kode: 'asc' },
+          },
+        },
+      });
+
+      console.log('APBDes created successfully:', JSON.stringify(result, null, 2));
+      
+      return {
+        success: true,
+        message: "Berhasil membuat APBDes",
+        data: result,
+      };
+    } catch (innerError) {
+      console.error('Error in post-creation steps:', innerError);
+      // Even if post-creation steps fail, we still return success since the main record was created
+      return {
+        success: true,
+        message: "APBDes berhasil dibuat, tetapi ada masalah dengan pemrosesan tambahan",
+        data: created,
+        warning: process.env.NODE_ENV === 'development' ? String(innerError) : undefined,
+      };
+    }
+  } catch (error: any) {
+    console.error("Error creating APBDes:", error);
+    
+    // Log the full error for debugging
+    if (error.code) console.error('Prisma error code:', error.code);
+    if (error.meta) console.error('Prisma error meta:', error.meta);
+    
+    const errorMessage = error.message || 'Unknown error';
+    
+    context.set.status = 500;
     return {
-      success: true,
-      message: "Berhasil membuat APB Des",
-      data: result,
+      success: false,
+      message: `Gagal membuat APBDes: ${errorMessage}`,
+      error: process.env.NODE_ENV === 'development' ? {
+        message: error.message,
+        code: error.code,
+        meta: error.meta,
+        stack: error.stack
+      } : undefined
     };
-  } catch (error) {
-    console.error("Error creating APB Des:", error);
-    throw new Error("Gagal membuat APB Des: " + (error as Error).message);
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/del.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/del.ts
index 9f618007..3cd6e092 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/del.ts
@@ -2,20 +2,59 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 export default async function apbdesDelete(context: Context) {
-  const { params } = context;
-  const id = params?.id as string;
+  const { id } = context.params as { id: string };
 
   if (!id) {
-    throw new Error("ID tidak ditemukan dalam parameter");
+    context.set.status = 400;
+    return {
+      success: false,
+      message: "ID APBDes diperlukan",
+    };
   }
 
-  const deleted = await prisma.aPBDes.delete({
-    where: { id },
-  });
+  try {
+    // Cek apakah ada
+    const existing = await prisma.aPBDes.findUnique({
+      where: { id },
+    });
 
-  return {
-    success: true,
-    message: "Berhasil menghapus APB Des",
-    data: deleted,
-  };
+    if (!existing) {
+      context.set.status = 404;
+      return {
+        success: false,
+        message: "APBDes tidak ditemukan",
+      };
+    }
+
+    // Soft delete: set isActive = false & isi deletedAt
+    const result = await prisma.aPBDes.update({
+      where: { id },
+      data: {
+        isActive: false,
+        deletedAt: new Date(),
+      },
+    });
+
+    // Opsional: juga soft delete semua item terkait
+    await prisma.aPBDesItem.updateMany({
+      where: { apbdesId: id },
+      data: { 
+        isActive: false, 
+        deletedAt: new Date() 
+      },
+    });
+
+    return {
+      success: true,
+      message: "APBDes berhasil dihapus",
+data: result,
+    };
+  } catch (error) {
+    console.error("Error deleting APBDes:", error);
+    context.set.status = 500;
+    return {
+      success: false,
+      message: "Gagal menghapus APBDes",
+    };
+  }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts
index b1c725d1..ea695268 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts
@@ -1,56 +1,57 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-// /api/berita/findManyPaginated.ts
+// src/app/api/.../apbdes/findMany.ts
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
-async function apbdesFindMany(context: Context) {
-  const page = Number(context.query.page) || 1;
-  const limit = Number(context.query.limit) || 10;
-  const search = (context.query.search as string) || '';
-  const skip = (page - 1) * limit;
+export default async function apbdesFindMany(context: Context) {
+  const { page = "1", limit = "10", tahun } = context.query as {
+    page?: string;
+    limit?: string;
+    tahun?: string;
+  };
 
-  // Buat where clause
-  const where: any = { isActive: true };
+  const pageNumber = Math.max(1, parseInt(page, 10) || 1);
+  const limitNumber = Math.min(100, Math.max(1, parseInt(limit, 10) || 10));
 
-  // Tambahkan pencarian (jika ada)
-  if (search) {
-    where.OR = [
-      { name: { contains: search, mode: 'insensitive' } },
-    ];
-  }
+  const skip = (pageNumber - 1) * limitNumber;
 
   try {
+    const where: any = { isActive: true };
+    if (tahun) {
+      where.tahun = parseInt(tahun, 10);
+    }
+
     const [data, total] = await Promise.all([
       prisma.aPBDes.findMany({
         where,
+        skip,
+        take: limitNumber,
+        orderBy: { createdAt: "desc" },
         include: {
           image: true,
           file: true,
+          items: true,
         },
-        skip,
-        take: limit,
-        orderBy: { name: "asc" }, // opsional, kalau mau urut berdasarkan waktu
-      }),
-      prisma.aPBDes.count({
-        where,
       }),
+      prisma.aPBDes.count({ where }),
     ]);
 
     return {
       success: true,
-      message: "Success fetch APB Des with pagination",
       data,
-      page,
-      totalPages: Math.ceil(total / limit),
-      total,
+      meta: {
+        page: pageNumber,
+        limit: limitNumber,
+        total,
+        totalPages: Math.ceil(total / limitNumber),
+      },
     };
-  } catch (e) {
-    console.error("Find many paginated error:", e);
+  } catch (error) {
+    console.error("Error fetching APBDes list:", error);
+    context.set.status = 500;
     return {
       success: false,
-      message: "Failed fetch APB Des with pagination",
+      message: "Gagal mengambil daftar APBDes",
     };
   }
-}
-
-export default apbdesFindMany;
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findUnique.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findUnique.ts
index 0d229c4f..27db6848 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findUnique.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findUnique.ts
@@ -2,28 +2,78 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 export default async function apbdesFindUnique(context: Context) {
-  const { params } = context;
-  const id = params?.id as string;
-
-  if (!id) {
-    throw new Error("ID tidak ditemukan dalam parameter");
+  // ✅ Parse URL secara manual
+  const url = new URL(context.request.url);
+  const pathSegments = url.pathname.split('/').filter(Boolean);
+  
+  console.log("🔍 DEBUG INFO:");
+  console.log("- Full URL:", context.request.url);
+  console.log("- Pathname:", url.pathname);
+  console.log("- Path segments:", pathSegments);
+  
+  // Expected: ['api', 'landingpage', 'apbdes', 'ID']
+  if (pathSegments.length < 4) {
+    context.set.status = 400;
+    return {
+      success: false,
+      message: "Route tidak valid. Format: /api/landingpage/apbdes/:id",
+      debug: { pathSegments }
+    };
+  }
+  
+  if (pathSegments[0] !== 'api' || 
+      pathSegments[1] !== 'landingpage' || 
+      pathSegments[2] !== 'apbdes') {
+    context.set.status = 400;
+    return {
+      success: false,
+      message: "Route tidak valid",
+      debug: { pathSegments }
+    };
+  }
+  
+  const id = pathSegments[3]; // ✅ ID ada di index ke-3
+  
+  if (!id || id.trim() === '') {
+    context.set.status = 400;
+    return {
+      success: false,
+      message: "ID APBDes diperlukan",
+    };
   }
 
-  const data = await prisma.aPBDes.findUnique({
-    where: { id },
-    include: {
-      image: true,
-      file: true,
-    },
-  });
+  try {
+    const result = await prisma.aPBDes.findUnique({
+      where: { id },
+      include: {
+        items: {
+          where: { isActive: true },
+          orderBy: { kode: 'asc' }
+        },
+        image: true,
+        file: true
+      }
+    });
 
-  if (!data) {
-    throw new Error("APB Des tidak ditemukan");
+    if (!result || !result.isActive) {
+      context.set.status = 404;
+      return {
+        success: false,
+        message: "Data APBDes tidak ditemukan atau tidak aktif",
+      };
+    }
+
+    return {
+      success: true,
+      data: result,
+    };
+  } catch (error) {
+    console.error("❌ Error in apbdesFindUnique:", error);
+    context.set.status = 500;
+    return {
+      success: false,
+      message: "Terjadi kesalahan saat mengambil data APBDes",
+      error: process.env.NODE_ENV === 'development' ? String(error) : undefined
+    };
   }
-
-  return {
-    success: true,
-    message: "Data APB Des ditemukan",
-    data,
-  };
-}
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts
index ecfec8a7..7b24c45d 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts
@@ -1,3 +1,4 @@
+// src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts
 import Elysia, { t } from "elysia";
 import apbdesCreate from "./create";
 import apbdesDelete from "./del";
@@ -5,12 +6,24 @@ import apbdesFindMany from "./findMany";
 import apbdesFindUnique from "./findUnique";
 import apbdesUpdate from "./updt";
 
+// Definisikan skema untuk item APBDes
+const ApbdesItemSchema = t.Object({
+  kode: t.String(),
+  uraian: t.String(),
+  anggaran: t.Number(),
+  realisasi: t.Number(),
+  selisih: t.Number(),
+  persentase: t.Number(),
+  level: t.Number(),
+  tipe: t.String(), // misal: "pendapatan" atau "belanja"
+});
+
 const APBDes = new Elysia({
   prefix: "/apbdes",
   tags: ["Landing Page/Profile/APB Des"],
 })
 
-  // ✅ Find all
+  // ✅ Find all (dengan query opsional: page, limit, tahun)
   .get("/findMany", apbdesFindMany)
 
   // ✅ Find by ID
@@ -19,23 +32,27 @@ const APBDes = new Elysia({
   // ✅ Create
   .post("/create", apbdesCreate, {
     body: t.Object({
-      name: t.String(),
+      tahun: t.Number(),
       imageId: t.String(),
       fileId: t.String(),
-      jumlah: t.String(),
+      items: t.Array(ApbdesItemSchema),
     }),
   })
 
   // ✅ Update
   .put("/:id", apbdesUpdate, {
+    params: t.Object({ id: t.String() }),
     body: t.Object({
-      name: t.String(),
-      imageId: t.Optional(t.String()),
-      fileId: t.Optional(t.String()),
-      jumlah: t.Optional(t.String()),
+      tahun: t.Number(),
+      imageId: t.String(),
+      fileId: t.String(),
+      items: t.Array(ApbdesItemSchema),
     }),
   })
-  // ✅ Delete
-  .delete("/del/:id", apbdesDelete);
 
-export default APBDes;
+  // ✅ Delete
+  .delete("/del/:id", apbdesDelete, {
+    params: t.Object({ id: t.String() }),
+  });
+
+export default APBDes;
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/lib/getParentsID.tsx b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/lib/getParentsID.tsx
new file mode 100644
index 00000000..b8f66d9d
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/lib/getParentsID.tsx
@@ -0,0 +1,54 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import prisma from "@/lib/prisma";
+
+/**
+ * Helper untuk mengisi parentId pada item APBDes berdasarkan struktur kode.
+ * Harus dipanggil setelah semua item berhasil dibuat (dengan id yang valid).
+ *
+ * @param items - Array item yang sudah punya { id, kode }
+ */
+export async function assignParentIdsToApbdesItems(
+  items: { id: string; kode: string }[]
+): Promise<void> {
+  // Buat lookup berdasarkan kode → id
+  const kodeToId = new Map<string, string>();
+  for (const item of items) {
+    kodeToId.set(item.kode, item.id);
+  }
+
+  // Siapkan batch update
+  const updates: Promise<any>[] = [];
+
+  for (const item of items) {
+    const { id, kode } = item;
+
+    // Skip jika kode tidak memiliki parent (level 1, misal "4")
+    if (!kode.includes(".")) {
+      // Pastikan parentId null untuk akar
+      updates.push(
+        prisma.aPBDesItem.update({
+          where: { id },
+          data: { parentId: null },
+        })
+      );
+      continue;
+    }
+
+    // Ambil kode parent: "4.1.2" → "4.1"
+    const parts = kode.split(".");
+    parts.pop(); // hapus bagian terakhir
+    const parentKode = parts.join(".");
+
+    const parentID = kodeToId.get(parentKode) || null;
+
+    updates.push(
+      prisma.aPBDesItem.update({
+        where: { id },
+        data: { parentId: parentID },
+      })
+    );
+  }
+
+  // Jalankan semua update secara paralel
+  await Promise.all(updates);
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts
index 1b239180..d1aca338 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts
@@ -1,51 +1,113 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
+import { assignParentIdsToApbdesItems } from "./lib/getParentsID";
 
-type FormUpdateAPBDes = {
-  name?: string;
-  imageId?: string;
-  fileId?: string;
-  jumlah?: string;
+type APBDesItemInput = {
+  kode: string;
+  uraian: string;
+  anggaran: number;
+  realisasi: number;
+  selisih: number;
+  persentase: number;
+  level: number;
+  tipe: string;
+};
+
+type FormUpdateBody = {
+  tahun: number;
+  imageId: string;
+  fileId: string;
+  items: APBDesItemInput[];
 };
 
 export default async function apbdesUpdate(context: Context) {
-  const body = context.body as FormUpdateAPBDes;
-
-  const id = context.params.id;
-
-  if (!id) {
-    return {
-      success: false,
-      message: "ID APB Des wajib diisi",
-    };
-  }
+  const body = context.body as FormUpdateBody;
+  const { id } = context.params as { id: string };
 
   try {
-    const updated = await prisma.aPBDes.update({
+    // 1. Pastikan APBDes ada
+    const existing = await prisma.aPBDes.findUnique({
+      where: { id },
+    });
+
+    if (!existing) {
+      context.set.status = 404;
+      return {
+        success: false,
+        message: "APBDes tidak ditemukan",
+      };
+    }
+
+    // 2. Hapus semua item lama
+    await prisma.aPBDesItem.deleteMany({
+      where: { apbdesId: id },
+    });
+
+    // 3. Buat item baru tanpa parentId terlebih dahulu
+    await prisma.aPBDesItem.createMany({
+      data: body.items.map((item) => ({
+        apbdesId: id,
+        kode: item.kode,
+        uraian: item.uraian,
+        anggaran: item.anggaran,
+        realisasi: item.realisasi,
+        selisih: item.anggaran - item.realisasi,
+        persentase: item.anggaran > 0 ? (item.realisasi / item.anggaran) * 100 : 0,
+        level: item.level,
+        tipe: item.tipe,
+        isActive: true,
+      })),
+    });
+
+    // 4. Dapatkan semua item yang baru dibuat untuk mendapatkan ID-nya
+    const allItems = await prisma.aPBDesItem.findMany({
+      where: { apbdesId: id },
+      select: { id: true, kode: true },
+    });
+
+    // 5. Update parentId untuk setiap item
+    // Pastikan allItems memiliki tipe yang benar
+    const itemsForParentUpdate = allItems.map(item => ({
+      id: item.id,
+      kode: item.kode,
+    }));
+    
+    await assignParentIdsToApbdesItems(itemsForParentUpdate);
+
+    // 6. Update data APBDes
+    await prisma.aPBDes.update({
       where: { id },
       data: {
-        name: body.name,
+        tahun: body.tahun,
         imageId: body.imageId,
         fileId: body.fileId,
-        jumlah: body.jumlah,
       },
+    });
+
+    // 5. Ambil data lengkap untuk response
+    const result = await prisma.aPBDes.findUnique({
+      where: { id },
       include: {
+        items: {
+          where: { isActive: true },
+          orderBy: { kode: 'asc' }
+        },
         image: true,
+        file: true,
       },
     });
 
     return {
       success: true,
-      message: "APB Des berhasil diperbarui",
-      data: updated,
+      message: "Berhasil memperbarui APBDes",
+      data: result,
     };
-  } catch (error: any) {
-    console.error("❌ Error update APB Des:", error);
+  } catch (error) {
+    console.error("Error updating APBDes:", error);
+    context.set.status = 500;
     return {
       success: false,
-      message: "Gagal memperbarui data APB Des",
-      error: error.message,
+      message: "Gagal memperbarui APBDes",
     };
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/create.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/create.ts
index bb30acc5..2a51841e 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/create.ts
@@ -3,18 +3,17 @@ import { Context } from "elysia";
 
 type FormCreate = {
   namaLengkap: string;
-  nik: string;
+  nis: string;
+  kelas: string;
+  jenisKelamin: "LAKI_LAKI" | "PEREMPUAN";
+  alamatDomisili?: string;
   tempatLahir: string;
   tanggalLahir: string; // ISO date string
-  jenisKelamin: "LAKI_LAKI" | "PEREMPUAN";
-  kewarganegaraan: string;
-  agama: "ISLAM" | "KRISTEN_PROTESTAN" | "KRISTEN_KATOLIK" | "HINDU" | "BUDDHA" | "KONGHUCU" | "LAINNYA";
-  alamatKTP: string;
-  alamatDomisili?: string;
+  namaOrtu?: string;
+  nik: string;
+  pekerjaanOrtu?: string;
+  penghasilan?: string;
   noHp: string;
-  email: string;
-  statusPernikahan: "BELUM_MENIKAH" | "MENIKAH" | "JANDA_DUDA";
-  ukuranBaju?: "S" | "M" | "L" | "XL" | "XXL" | "LAINNYA";
 };
 
 export default async function beasiswaPendaftarCreate(context: Context) {
@@ -24,18 +23,17 @@ export default async function beasiswaPendaftarCreate(context: Context) {
     const result = await prisma.beasiswaPendaftar.create({
       data: {
         namaLengkap: body.namaLengkap,
-        nik: body.nik,
+        nis: body.nis,
+        kelas: body.kelas,
+        jenisKelamin: body.jenisKelamin,
+        alamatDomisili: body.alamatDomisili,
         tempatLahir: body.tempatLahir,
         tanggalLahir: new Date(body.tanggalLahir),
-        jenisKelamin: body.jenisKelamin,
-        kewarganegaraan: body.kewarganegaraan,
-        agama: body.agama,
-        alamatKTP: body.alamatKTP,
-        alamatDomisili: body.alamatDomisili,
+        namaOrtu: body.namaOrtu,
+        nik: body.nik,
+        pekerjaanOrtu: body.pekerjaanOrtu,
+        penghasilan: body.penghasilan,
         noHp: body.noHp,
-        email: body.email,
-        statusPernikahan: body.statusPernikahan,
-        ukuranBaju: body.ukuranBaju,
       },
     });
 
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/index.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/index.ts
index fa3d5e29..e43c77bb 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/index.ts
@@ -13,18 +13,17 @@ const BeasiswaPendaftar = new Elysia({
   .post("/create", beasiswaPendaftarCreate, {
     body: t.Object({
       namaLengkap: t.String(),
-      nik: t.String(),
+      nis: t.String(),
+      kelas: t.String(),
+      jenisKelamin: t.String(),
+      alamatDomisili: t.String(),
       tempatLahir: t.String(),
       tanggalLahir: t.String(),
-      jenisKelamin: t.String(),
-      kewarganegaraan: t.String(),
-      agama: t.String(),
-      alamatKTP: t.String(),
-      alamatDomisili: t.String(),
+      namaOrtu: t.String(),
+      nik: t.String(),
+      pekerjaanOrtu: t.String(),
+      penghasilan: t.String(),
       noHp: t.String(),
-      email: t.String(),
-      statusPernikahan: t.String(),
-      ukuranBaju: t.String(),
     }),
   })
   .get("/findMany", beasiswaPendaftarFindMany)
@@ -43,18 +42,17 @@ const BeasiswaPendaftar = new Elysia({
     {
       body: t.Object({
         namaLengkap: t.String(),
-        nik: t.String(),
+        nis: t.String(),
+        kelas: t.String(),
+        jenisKelamin: t.String(),
+        alamatDomisili: t.String(),
         tempatLahir: t.String(),
         tanggalLahir: t.String(),
-        jenisKelamin: t.String(),
-        kewarganegaraan: t.String(),
-        agama: t.String(),
-        alamatKTP: t.String(),
-        alamatDomisili: t.String(),
+        namaOrtu: t.String(),
+        nik: t.String(),
+        pekerjaanOrtu: t.String(),
+        penghasilan: t.String(),
         noHp: t.String(),
-        email: t.String(),
-        statusPernikahan: t.String(),
-        ukuranBaju: t.String(),
       }),
     }
   )
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/updt.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/updt.ts
index 0175a79a..63efeb5b 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/beasiswa-desa/beasiswa-pendaftar/updt.ts
@@ -3,25 +3,17 @@ import { Context } from "elysia";
 
 type FormUpdate = {
   namaLengkap: string;
-  nik: string;
+  nis: string;
+  kelas: string;
+  jenisKelamin: "LAKI_LAKI" | "PEREMPUAN";
+  alamatDomisili?: string;
   tempatLahir: string;
   tanggalLahir: string; // ISO date string
-  jenisKelamin: "LAKI_LAKI" | "PEREMPUAN";
-  kewarganegaraan: string;
-  agama:
-    | "ISLAM"
-    | "KRISTEN_PROTESTAN"
-    | "KRISTEN_KATOLIK"
-    | "HINDU"
-    | "BUDDHA"
-    | "KONGHUCU"
-    | "LAINNYA";
-  alamatKTP: string;
-  alamatDomisili?: string;
+  namaOrtu?: string;
+  nik: string;
+  pekerjaanOrtu?: string;
+  penghasilan?: string;
   noHp: string;
-  email: string;
-  statusPernikahan: "BELUM_MENIKAH" | "MENIKAH" | "JANDA_DUDA";
-  ukuranBaju?: "S" | "M" | "L" | "XL" | "XXL" | "LAINNYA";
 };
 
 export default async function beasiswaPendaftarUpdate(context: Context) {
@@ -40,18 +32,17 @@ export default async function beasiswaPendaftarUpdate(context: Context) {
       where: { id },
       data: {
         namaLengkap: body.namaLengkap,
-        nik: body.nik,
+        nis: body.nis,
+        kelas: body.kelas,
+        jenisKelamin: body.jenisKelamin,
+        alamatDomisili: body.alamatDomisili,
         tempatLahir: body.tempatLahir,
         tanggalLahir: new Date(body.tanggalLahir),
-        jenisKelamin: body.jenisKelamin,
-        kewarganegaraan: body.kewarganegaraan,
-        agama: body.agama,
-        alamatKTP: body.alamatKTP,
-        alamatDomisili: body.alamatDomisili,
+        namaOrtu: body.namaOrtu,
+        nik: body.nik,
+        pekerjaanOrtu: body.pekerjaanOrtu,
+        penghasilan: body.penghasilan,
         noHp: body.noHp,
-        email: body.email,
-        statusPernikahan: body.statusPernikahan,
-        ukuranBaju: body.ukuranBaju,
       },
     });
 
diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
index 3c414f14..42a22ec3 100644
--- a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Image, Modal, Pagination, Paper, Select, SimpleGrid, Skeleton, Stack, Stepper, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Center, Divider, Group, Image, Modal, Pagination, Paper, Select, SimpleGrid, Skeleton, Stack, Stepper, Text, TextInput, Title } from '@mantine/core';
 import { useDisclosure, useShallowEffect } from '@mantine/hooks';
 import { IconArrowRight, IconCoin, IconInfoCircle, IconSchool, IconUsers } from '@tabler/icons-react';
 import { useTransitionRouter } from 'next-view-transitions';
@@ -23,18 +23,17 @@ function Page() {
   const resetForm = () => {
     beasiswaDesa.create.form = {
       namaLengkap: "",
-      nik: "",
+      nis: "",
+      kelas: "",
+      jenisKelamin: "",
+      alamatDomisili: "",
       tempatLahir: "",
       tanggalLahir: "",
-      jenisKelamin: "",
-      kewarganegaraan: "WNI",
-      agama: "",
-      alamatKTP: "",
-      alamatDomisili: "",
+      namaOrtu: "",
+      nik: "",
+      pekerjaanOrtu: "",
+      penghasilan: "",
       noHp: "",
-      email: "",
-      statusPernikahan: "",
-      ukuranBaju: "",
     };
   };
 
@@ -189,9 +188,22 @@ function Page() {
               onChange={(val) => { beasiswaDesa.create.form.namaLengkap = val.target.value }} />
             <TextInput
               type="number"
-              label="NIK"
-              placeholder="Masukkan NIK"
-              onChange={(val) => { beasiswaDesa.create.form.nik = val.target.value }} />
+              label="NIS"
+              placeholder="Masukkan NIS"
+              onChange={(val) => { beasiswaDesa.create.form.nis = val.target.value }} />
+            <TextInput
+              label="Kelas"
+              placeholder="Masukkan kelas"
+              onChange={(val) => { beasiswaDesa.create.form.kelas = val.target.value }} />
+            <Select
+              label="Jenis Kelamin"
+              placeholder="Pilih jenis kelamin"
+              data={[{ value: "LAKI_LAKI", label: "Laki-laki" }, { value: "PEREMPUAN", label: "Perempuan" }]}
+              onChange={(val) => { if (val) beasiswaDesa.create.form.jenisKelamin = val }} />
+            <TextInput
+              label="Alamat Domisili"
+              placeholder="Masukkan alamat domisili"
+              onChange={(val) => { beasiswaDesa.create.form.alamatDomisili = val.target.value }} />
             <TextInput
               label="Tempat Lahir"
               placeholder="Masukkan tempat lahir"
@@ -201,52 +213,29 @@ function Page() {
               label="Tanggal Lahir"
               placeholder="Pilih tanggal lahir"
               onChange={(val) => { beasiswaDesa.create.form.tanggalLahir = val.target.value }} />
-            <Select
-              label="Jenis Kelamin"
-              placeholder="Pilih jenis kelamin"
-              data={[{ value: "LAKI_LAKI", label: "Laki-laki" }, { value: "PEREMPUAN", label: "Perempuan" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.jenisKelamin = val }} />
+            <Box pt={15} pb={10}>
+              <Divider />
+            </Box>
             <TextInput
-              label="Kewarganegaraan"
-              placeholder="Masukkan kewarganegaraan"
-              value={beasiswaDesa.create.form.kewarganegaraan || "WNI"} // tampilkan WNI kalau kosong
-              onChange={(e) => {
-                beasiswaDesa.create.form.kewarganegaraan = e.target.value;
-              }}
-            />
-            <Select
-              label="Agama"
-              placeholder="Pilih agama"
-              data={[{ value: "ISLAM", label: "Islam" }, { value: "KRISTEN_PROTESTAN", label: "Kristen Protestan" }, { value: "KRISTEN_KATOLIK", label: "Kristen Katolik" }, { value: "HINDU", label: "Hindu" }, { value: "BUDDHA", label: "Buddha" }, { value: "KONGHUCU", label: "Konghucu" }, { value: "LAINNYA", label: "Lainnya" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.agama = val }} />
+              label="Nama Orang Tua / Wali"
+              placeholder="Masukkan nama orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.namaOrtu = val.target.value }} />
             <TextInput
-              label="Alamat KTP"
-              placeholder="Masukkan alamat sesuai KTP"
-              onChange={(val) => { beasiswaDesa.create.form.alamatKTP = val.target.value }} />
+              label="NIK Orang Tua / Wali"
+              placeholder="Masukkan NIK orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.nik = val.target.value }} />
             <TextInput
-              label="Alamat Domisili"
-              placeholder="Masukkan alamat domisili"
-              onChange={(val) => { beasiswaDesa.create.form.alamatDomisili = val.target.value }} />
+              label="Pekerjaan Orang Tua / Wali"
+              placeholder="Masukkan pekerjaan orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.pekerjaanOrtu = val.target.value }} />
             <TextInput
-              type="number"
-              label="Nomor HP"
-              placeholder="Masukkan nomor HP"
+              label="Penghasilan Orang Tua / Wali"
+              placeholder="Masukkan penghasilan orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.penghasilan = val.target.value }} />
+            <TextInput
+              label="No HP"
+              placeholder="Masukkan no hp"
               onChange={(val) => { beasiswaDesa.create.form.noHp = val.target.value }} />
-            <TextInput
-              type="email"
-              label="Email"
-              placeholder="Masukkan alamat email"
-              onChange={(val) => { beasiswaDesa.create.form.email = val.target.value }} />
-            <Select
-              label="Status Pernikahan"
-              placeholder="Pilih status pernikahan"
-              data={[{ value: "BELUM_MENIKAH", label: "Belum Menikah" }, { value: "MENIKAH", label: "Menikah" }, { value: "JANDA_DUDA", label: "Janda/Duda" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.statusPernikahan = val }} />
-            <Select
-              label="Ukuran Baju"
-              placeholder="Pilih ukuran baju"
-              data={[{ value: "S", label: "S" }, { value: "M", label: "M" }, { value: "L", label: "L" }, { value: "XL", label: "XL" }, { value: "XXL", label: "XXL" }, { value: "LAINNYA", label: "Lainnya" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.ukuranBaju = val }} />
             <Group justify="flex-end" mt="md">
               <Button variant="default" radius="xl" onClick={close}>Batal</Button>
               <Button radius="xl" bg={colors['blue-button']} onClick={handleSubmit}>Kirim</Button>
diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
index 50a613b9..89db8ad0 100644
--- a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
@@ -4,6 +4,7 @@ import {
   Box,
   Button,
   Container,
+  Divider,
   Group,
   Modal,
   Paper,
@@ -30,18 +31,17 @@ export default function BeasiswaPage() {
   const resetForm = () => {
     beasiswaDesa.create.form = {
       namaLengkap: "",
-      nik: "",
+      nis: "",
+      kelas: "",
+      jenisKelamin: "",
+      alamatDomisili: "",
       tempatLahir: "",
       tanggalLahir: "",
-      jenisKelamin: "",
-      kewarganegaraan: "WNI",
-      agama: "",
-      alamatKTP: "",
-      alamatDomisili: "",
+      namaOrtu: "",
+      nik: "",
+      pekerjaanOrtu: "",
+      penghasilan: "",
       noHp: "",
-      email: "",
-      statusPernikahan: "",
-      ukuranBaju: "",
     };
   };
 
@@ -248,9 +248,22 @@ export default function BeasiswaPage() {
               onChange={(val) => { beasiswaDesa.create.form.namaLengkap = val.target.value }} />
             <TextInput
               type="number"
-              label="NIK"
-              placeholder="Masukkan NIK"
-              onChange={(val) => { beasiswaDesa.create.form.nik = val.target.value }} />
+              label="NIS"
+              placeholder="Masukkan NIS"
+              onChange={(val) => { beasiswaDesa.create.form.nis = val.target.value }} />
+            <TextInput
+              label="Kelas"
+              placeholder="Masukkan kelas"
+              onChange={(val) => { beasiswaDesa.create.form.kelas = val.target.value }} />
+            <Select
+              label="Jenis Kelamin"
+              placeholder="Pilih jenis kelamin"
+              data={[{ value: "LAKI_LAKI", label: "Laki-laki" }, { value: "PEREMPUAN", label: "Perempuan" }]}
+              onChange={(val) => { if (val) beasiswaDesa.create.form.jenisKelamin = val }} />
+            <TextInput
+              label="Alamat Domisili"
+              placeholder="Masukkan alamat domisili"
+              onChange={(val) => { beasiswaDesa.create.form.alamatDomisili = val.target.value }} />
             <TextInput
               label="Tempat Lahir"
               placeholder="Masukkan tempat lahir"
@@ -260,52 +273,29 @@ export default function BeasiswaPage() {
               label="Tanggal Lahir"
               placeholder="Pilih tanggal lahir"
               onChange={(val) => { beasiswaDesa.create.form.tanggalLahir = val.target.value }} />
-            <Select
-              label="Jenis Kelamin"
-              placeholder="Pilih jenis kelamin"
-              data={[{ value: "LAKI_LAKI", label: "Laki-laki" }, { value: "PEREMPUAN", label: "Perempuan" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.jenisKelamin = val }} />
+            <Box pt={15} pb={10}>
+              <Divider />
+            </Box>
             <TextInput
-              label="Kewarganegaraan"
-              placeholder="Masukkan kewarganegaraan"
-              value={beasiswaDesa.create.form.kewarganegaraan || "WNI"} // tampilkan WNI kalau kosong
-              onChange={(e) => {
-                beasiswaDesa.create.form.kewarganegaraan = e.target.value;
-              }}
-            />
-            <Select
-              label="Agama"
-              placeholder="Pilih agama"
-              data={[{ value: "ISLAM", label: "Islam" }, { value: "KRISTEN_PROTESTAN", label: "Kristen Protestan" }, { value: "KRISTEN_KATOLIK", label: "Kristen Katolik" }, { value: "HINDU", label: "Hindu" }, { value: "BUDDHA", label: "Buddha" }, { value: "KONGHUCU", label: "Konghucu" }, { value: "LAINNYA", label: "Lainnya" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.agama = val }} />
+              label="Nama Orang Tua / Wali"
+              placeholder="Masukkan nama orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.namaOrtu = val.target.value }} />
             <TextInput
-              label="Alamat KTP"
-              placeholder="Masukkan alamat sesuai KTP"
-              onChange={(val) => { beasiswaDesa.create.form.alamatKTP = val.target.value }} />
+              label="NIK Orang Tua / Wali"
+              placeholder="Masukkan NIK orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.nik = val.target.value }} />
             <TextInput
-              label="Alamat Domisili"
-              placeholder="Masukkan alamat domisili"
-              onChange={(val) => { beasiswaDesa.create.form.alamatDomisili = val.target.value }} />
+              label="Pekerjaan Orang Tua / Wali"
+              placeholder="Masukkan pekerjaan orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.pekerjaanOrtu = val.target.value }} />
             <TextInput
-              type="number"
-              label="Nomor HP"
-              placeholder="Masukkan nomor HP"
+              label="Penghasilan Orang Tua / Wali"
+              placeholder="Masukkan penghasilan orang tua / wali"
+              onChange={(val) => { beasiswaDesa.create.form.penghasilan = val.target.value }} />
+            <TextInput
+              label="No HP"
+              placeholder="Masukkan no hp"
               onChange={(val) => { beasiswaDesa.create.form.noHp = val.target.value }} />
-            <TextInput
-              type="email"
-              label="Email"
-              placeholder="Masukkan alamat email"
-              onChange={(val) => { beasiswaDesa.create.form.email = val.target.value }} />
-            <Select
-              label="Status Pernikahan"
-              placeholder="Pilih status pernikahan"
-              data={[{ value: "BELUM_MENIKAH", label: "Belum Menikah" }, { value: "MENIKAH", label: "Menikah" }, { value: "JANDA_DUDA", label: "Janda/Duda" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.statusPernikahan = val }} />
-            <Select
-              label="Ukuran Baju"
-              placeholder="Pilih ukuran baju"
-              data={[{ value: "S", label: "S" }, { value: "M", label: "M" }, { value: "L", label: "L" }, { value: "XL", label: "XL" }, { value: "XXL", label: "XXL" }, { value: "LAINNYA", label: "Lainnya" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.ukuranBaju = val }} />
             <Group justify="flex-end" mt="md">
               <Button variant="default" radius="xl" onClick={close}>Batal</Button>
               <Button radius="xl" bg={colors['blue-button']} onClick={handleSubmit}>Kirim</Button>
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
new file mode 100644
index 00000000..918d64c9
--- /dev/null
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
@@ -0,0 +1,208 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// src/app/admin/(dashboard)/landing-page/APBDes/APBDesProgress.tsx
+'use client';
+
+import { Box, Paper, Progress, Stack, Text, Title } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes';
+import colors from '@/con/colors';
+
+
+
+function formatRupiah(value: number) {
+  return new Intl.NumberFormat('id-ID', {
+    style: 'currency',
+    currency: 'IDR',
+    minimumFractionDigits: 2,
+  }).format(value);
+}
+
+function APBDesProgress() {
+  const state = useProxy(apbdes);
+  const data = state.findMany.data || [];
+
+  // Ambil APBDes pertama (misalnya, jika hanya satu tahun ditampilkan)
+  const apbdesItem = data[0]; // 👈 sesuaikan logika jika ada banyak APBDes
+
+  if (!apbdesItem) {
+    return (
+      <Box py="md" px={{ base: 'md', md: 100 }}>
+        <Text c="dimmed">Belum ada data APBDes untuk ditampilkan.</Text>
+      </Box>
+    );
+  }
+
+  const items = apbdesItem.items || [];
+  const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
+
+  // Kelompokkan berdasarkan tipe
+  const pendapatanItems = sortedItems.filter(item => item.tipe === 'pendapatan');
+  const belanjaItems = sortedItems.filter(item => item.tipe === 'belanja');
+  const pembiayaanItems = sortedItems.filter(item => item.tipe === 'pembiayaan'); // jika ada
+
+  // Hitung total per kategori
+  const calcTotal = (items: any[]) => {
+    const anggaran = items.reduce((sum, item) => sum + item.anggaran, 0);
+    const realisasi = items.reduce((sum, item) => sum + item.realisasi, 0);
+    const persen = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
+    return { anggaran, realisasi, persen };
+  };
+
+  const pendapatan = calcTotal(pendapatanItems);
+  const belanja = calcTotal(belanjaItems);
+  const pembiayaan = calcTotal(pembiayaanItems); // bisa kosong
+
+  // Render satu progress bar
+  const renderProgress = (label: string, dataset: any) => {
+    const isPembiayaan = label.includes('Pembiayaan');
+
+    return (
+      <Box key={label}>
+        <Text fw={600} fz="sm">{label}</Text>
+        <Text fw={700} mb="xs">
+          {formatRupiah(dataset.realisasi)} | {formatRupiah(dataset.anggaran)}
+        </Text>
+        <Progress
+          value={dataset.persen}
+          size="xl"
+          radius="xl"
+          striped={false}
+          styles={{
+            root: { backgroundColor: '#d7e3f1' },
+            section: {
+              backgroundColor: isPembiayaan
+                ? 'green' // warna hijau untuk pembiayaan
+                : colors['blue-button'], // biru untuk pendapatan/belanja
+              position: 'relative',
+              '&::after': {
+                content: `'${dataset.persen.toFixed(2)}%'`,
+                position: 'absolute',
+                right: 10,
+                top: '50%',
+                transform: 'translateY(-50%)',
+                color: 'white',
+                fontWeight: 700,
+                fontSize: '0.8rem',
+              },
+            },
+          }}
+        />
+      </Box>
+    );
+  };
+
+  return (
+    <Paper
+      mx={{ base: 'md', md: 100 }}
+      p="xl"
+      radius="md"
+      shadow="sm"
+      withBorder
+      bg={colors['white-1']}
+    >
+      <Stack gap="lg">
+        <Title order={4} c={colors['blue-button']} ta="center">
+          Grafik Pelaksanaan APBDes Tahun {apbdesItem.tahun}
+        </Title>
+
+        <Text ta="center" fw="bold" fz="sm" c="dimmed">
+          Realisasi | Anggaran
+        </Text>
+
+        {renderProgress('Pendapatan Desa', pendapatan)}
+        {renderProgress('Belanja Desa', belanja)}
+        {renderProgress('Pembiayaan Desa', pembiayaan)}
+        {pembiayaanItems.length > 0 && renderProgress('Pembiayaan Desa', pembiayaan)}
+      </Stack>
+    </Paper>
+  );
+}
+
+export default APBDesProgress;
+
+// /* eslint-disable @typescript-eslint/no-explicit-any */
+// 'use client';
+
+// import { Box, Paper, Stack, Text, Title } from '@mantine/core';
+// import { BarChart } from '@mantine/charts';
+// import { useProxy } from 'valtio/utils';
+// import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes';
+// import colors from '@/con/colors';
+
+// function APBDesProgress() {
+//   const state = useProxy(apbdes);
+//   const data = state.findMany.data || [];
+
+//   const apbdesItem = data[0];
+//   if (!apbdesItem) {
+//     return (
+//       <Box py="md" px={{ base: 'md', md: 100 }}>
+//         <Text c="dimmed">Belum ada data APBDes untuk ditampilkan.</Text>
+//       </Box>
+//     );
+//   }
+
+//   const items = apbdesItem.items || [];
+//   const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
+
+//   const pendapatanItems = sortedItems.filter(i => i.tipe === 'pendapatan');
+//   const belanjaItems = sortedItems.filter(i => i.tipe === 'belanja');
+//   const pembiayaanItems = sortedItems.filter(i => i.tipe === 'pembiayaan');
+
+//   const total = (rows: any[]) => {
+//     const anggaran = rows.reduce((s, i) => s + i.anggaran, 0);
+//     const realisasi = rows.reduce((s, i) => s + i.realisasi, 0);
+//     return anggaran === 0 ? 0 : (realisasi / anggaran) * 100;
+//   };
+
+//   const chartData = [
+//     { name: 'Pendapatan', persen: total(pendapatanItems) },
+//     { name: 'Belanja', persen: total(belanjaItems) },
+//   ];
+
+//   if (pembiayaanItems.length > 0) {
+//     chartData.push({ name: 'Pembiayaan', persen: total(pembiayaanItems) });
+//   }
+
+//   return (
+//     <Paper
+//       mx={{ base: 'md', md: 100 }}
+//       p="xl"
+//       radius="md"
+//       shadow="sm"
+//       withBorder
+//       bg={colors['white-1']}
+//     >
+//       <Stack gap="lg">
+//         <Title order={4} c={colors['blue-button']} ta="center">
+//           Grafik Pelaksanaan APBDes Tahun {apbdesItem.tahun}
+//         </Title>
+
+//         <Text ta="center" fw="bold" fz="sm" c="dimmed">
+//           Persentase Realisasi (%) dari Anggaran
+//         </Text>
+
+//         <BarChart
+//           h={200}
+//           data={chartData}
+//           orientation="vertical"
+//           dataKey="name"
+//           barProps={{ radius: 6 }}
+//           series={[
+//             {
+//               name: 'persen',
+//               label: 'Persentase',
+//               color: colors['blue-button'],
+//             },
+//           ]}
+//           yAxisProps={{
+//             domain: [0, 100],
+//           }}
+//           valueFormatter={(v) => `${v.toFixed(1)}%`}
+//         />
+//       </Stack>
+//     </Paper>
+//   );
+// }
+
+// export default APBDesProgress;
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
new file mode 100644
index 00000000..ec1aa0eb
--- /dev/null
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
@@ -0,0 +1,160 @@
+// src/app/admin/(dashboard)/landing-page/APBDes/APBDesTable.tsx
+'use client';
+
+import { Box, Paper, Table, Text, Title, Badge, Group } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes';
+import colors from '@/con/colors';
+
+interface APBDesItem {
+  id: string;
+  kode: string;
+  uraian: string;
+  anggaran: number;
+  realisasi: number;
+  selisih: number;
+  persentase: number;
+  level: number;
+  tipe: 'pendapatan' | 'belanja' | 'pembiayaan';
+}
+
+interface APBDesData {
+  id: string;
+  tahun: number;
+  items: APBDesItem[];
+  image?: { id: string; url: string } | null;
+  file?: { id: string; url: string } | null;
+}
+
+// Helper: Format Rupiah, tapi jika 0 → tampilkan '-'
+function formatRupiahOrEmpty(value: number): string {
+  if (value === 0 || value === null || value === undefined) {
+    return '-';
+  }
+  return new Intl.NumberFormat('id-ID', {
+    minimumFractionDigits: 2,
+    style: 'decimal',
+  }).format(value);
+}
+
+// Helper: Format Persentase, tapi jika 0 → tampilkan '-'
+function formatPersentaseOrEmpty(value: number): string {
+  if (value === 0 || value === null || value === undefined) {
+    return '-';
+  }
+  return `${value.toFixed(2)}%`;
+}
+
+function getIndent(level: number) {
+  return {
+    paddingLeft: `${(level - 1) * 20}px`,
+  };
+}
+
+function APBDesTable() {
+  const state = useProxy(apbdes);
+  const data = state.findMany.data || [];
+
+  // Get the first APBDes item
+  const apbdesItem = data[0] as unknown as APBDesData | undefined;
+
+  if (!apbdesItem) {
+    return (
+      <Box py="md" px={{ base: 'md', md: 100 }}>
+        <Text c="dimmed">Belum ada data APBDes untuk ditampilkan.</Text>
+      </Box>
+    );
+  }
+
+  const items = Array.isArray(apbdesItem.items) ? apbdesItem.items : [];
+  const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
+
+  // Calculate totals
+  const totalAnggaran = items.reduce((sum, item) => sum + (item.anggaran || 0), 0);
+  const totalRealisasi = items.reduce((sum, item) => sum + (item.realisasi || 0), 0);
+  const totalSelisih = totalAnggaran - totalRealisasi;
+  const totalPersentase = totalAnggaran > 0 ? (totalRealisasi / totalAnggaran) * 100 : 0;
+
+  return (
+    <Box py="md" px={{ base: 'md', md: 100 }}>
+      <Title order={4} c={colors['blue-button']} mb="sm">
+        Rincian APBDes Tahun {apbdesItem.tahun}
+      </Title>
+
+      <Paper withBorder radius="md" shadow="xs" p="md">
+        <Box style={{overflowY: 'auto' }}>
+          <Table withColumnBorders highlightOnHover>
+            <Table.Thead bg="#2c5f78">
+              <Table.Tr>
+                <Table.Th c="white" style={{ width: '40%' }}>
+                  Uraian
+                </Table.Th>
+                <Table.Th c="white" ta="right" style={{ width: '15%' }}>
+                  Anggaran (Rp)
+                </Table.Th>
+                <Table.Th c="white" ta="right" style={{ width: '15%' }}>
+                  Realisasi (Rp)
+                </Table.Th>
+                <Table.Th c="white" ta="right" style={{ width: '15%' }}>
+                  Lebih/(Kurang) (Rp)
+                </Table.Th>
+                <Table.Th c="white" ta="center" style={{ width: '15%' }}>
+                  Persentase (%)
+                </Table.Th>
+              </Table.Tr>
+            </Table.Thead>
+            <Table.Tbody>
+              {sortedItems.map((item) => (
+                <Table.Tr key={item.id}>
+                  <Table.Td style={getIndent(item.level)}>
+                    <Group gap="xs" align="flex-start">
+                      <Text fw={item.level === 1 ? 'bold' : 'normal'}>{item.kode}</Text>
+                      <Text fz="sm" >
+                        {item.uraian}
+                      </Text>
+                    </Group>
+                  </Table.Td>
+                  <Table.Td ta="right">{formatRupiahOrEmpty(item.anggaran)}</Table.Td>
+                  <Table.Td ta="right">{formatRupiahOrEmpty(item.realisasi)}</Table.Td>
+                  <Table.Td ta="right">
+                    <Text c={item.selisih >= 0 ? 'green' : 'red'}>
+                      {formatRupiahOrEmpty(item.selisih)}
+                    </Text>
+                  </Table.Td>
+                  <Table.Td ta="center">
+                    <Badge color={item.persentase >= 100 ? 'teal' : 'yellow'} size="sm">
+                      {formatPersentaseOrEmpty(item.persentase)}
+                    </Badge>
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+            <Table.Tfoot bg="#e6f0f7">
+              <Table.Tr>
+                <Table.Th colSpan={1}>
+                  <Text fw={700}>JUMLAH PENDAPATAN</Text>
+                </Table.Th>
+                <Table.Th ta="right">
+                  <Text fw={700}>{formatRupiahOrEmpty(totalAnggaran)}</Text>
+                </Table.Th>
+                <Table.Th ta="right">
+                  <Text fw={700}>{formatRupiahOrEmpty(totalRealisasi)}</Text>
+                </Table.Th>
+                <Table.Th ta="right">
+                  <Text fw={700} c={totalSelisih >= 0 ? 'green' : 'red'}>
+                    {formatRupiahOrEmpty(totalSelisih)}
+                  </Text>
+                </Table.Th>
+                <Table.Th ta="center">
+                  <Text fw={700}>{formatPersentaseOrEmpty(totalPersentase)}</Text>
+                </Table.Th>
+              </Table.Tr>
+            </Table.Tfoot>
+          </Table>
+        </Box>
+      </Paper>
+    </Box>
+  );
+}
+
+export default APBDesTable;
\ No newline at end of file
diff --git a/src/app/darmasaba/(tambahan)/apbdes/page.tsx b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
index 87a1388b..7592c967 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/page.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
@@ -4,12 +4,14 @@
 import PendapatanAsliDesa from '@/app/admin/(dashboard)/_state/ekonomi/PADesa'
 import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
 import colors from '@/con/colors'
-import { ActionIcon, BackgroundImage, Box, Center, Container, Group, Loader, Paper, Progress, SimpleGrid, Stack, Table, Text, Title } from '@mantine/core'
+import { ActionIcon, BackgroundImage, Box, Center, Container, Group, Loader, SimpleGrid, Stack, Text, Title } from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import { Link } from 'next-view-transitions'
 import { useEffect, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import BackButton from '../../(pages)/desa/layanan/_com/BackButto'
+import APBDesProgress from './lib/apbDesaProgress'
+import APBDesTable from './lib/apbDesaTable'
 
 function Page() {
   const state = useProxy(apbdes)
@@ -92,200 +94,10 @@ function Page() {
           ))}
         </SimpleGrid>
       )}
-      <DetailAPBDesaTable />
-      <APBDesaProgress />
+      <APBDesTable />
+      <APBDesProgress />
     </Stack>
   )
 }
 
-function DetailAPBDesaTable() {
-  // 🔹 Dummy data
-  const data = {
-    tahun: 2024,
-    pendapatan: [
-      { id: 1, nama: 'Pendapatan Asli Desa', anggaran: 32000000, realisasi: 6500000 },
-      { id: 2, nama: 'Dana Desa', anggaran: 125000000, realisasi: 120000000 },
-      { id: 3, nama: 'Bagi Hasil Pajak dan Retribusi', anggaran: 10000000, realisasi: 9000000 },
-    ],
-    belanja: [
-      { id: 1, nama: 'Belanja Pegawai', anggaran: 80000000, realisasi: 75000000 },
-      { id: 2, nama: 'Belanja Barang & Jasa', anggaran: 50000000, realisasi: 42000000 },
-    ],
-    pembiayaan: [
-      { id: 1, nama: 'Penerimaan Pembiayaan', anggaran: 15000000, realisasi: 15000000 },
-      { id: 2, nama: 'Pengeluaran Pembiayaan', anggaran: 10000000, realisasi: 8000000 },
-    ],
-  };
-
-  const formatRupiah = (value: number) =>
-    new Intl.NumberFormat('id-ID', {
-      minimumFractionDigits: 2,
-      style: 'decimal',
-    }).format(value);
-
-  // 🔹 Helper buat render satu kategori (Pendapatan, Belanja, Pembiayaan)
-  const renderSection = (title: string, items: any[]) => {
-    const totalAnggaran = items.reduce((sum, i) => sum + Number(i.anggaran || 0), 0);
-    const totalRealisasi = items.reduce((sum, i) => sum + Number(i.realisasi || 0), 0);
-    const totalSelisih = totalAnggaran - totalRealisasi;
-    const totalPersen = totalAnggaran
-      ? (totalRealisasi / totalAnggaran) * 100
-      : 0;
-
-    return (
-      <Paper withBorder radius="md" shadow="xs" p="md">
-        <Title order={5} mb="sm" c={colors['blue-button']}>
-          {title.toUpperCase()}
-        </Title>
-        <Table withColumnBorders highlightOnHover>
-          <Table.Thead bg={colors['blue-button']}>
-            <Table.Tr>
-              <Table.Th c="white">Uraian</Table.Th>
-              <Table.Th c="white" ta="right">
-                Anggaran (Rp)
-              </Table.Th>
-              <Table.Th c="white" ta="right">
-                Realisasi (Rp)
-              </Table.Th>
-              <Table.Th c="white" ta="right">
-                Lebih/(Kurang) (Rp)
-              </Table.Th>
-              <Table.Th c="white" ta="center">
-                Persentase (%)
-              </Table.Th>
-            </Table.Tr>
-          </Table.Thead>
-          <Table.Tbody>
-            {items.map((item, index) => {
-              const selisih = Number(item.anggaran) - Number(item.realisasi);
-              const persen = item.anggaran
-                ? (item.realisasi / item.anggaran) * 100
-                : 0;
-              return (
-                <Table.Tr key={item.id || index}>
-                  <Table.Td>
-                    <strong>{`${index + 1}. ${item.nama}`}</strong>
-                  </Table.Td>
-                  <Table.Td ta="right">{formatRupiah(item.anggaran)}</Table.Td>
-                  <Table.Td ta="right">{formatRupiah(item.realisasi)}</Table.Td>
-                  <Table.Td ta="right">{formatRupiah(selisih)}</Table.Td>
-                  <Table.Td ta="center">{persen.toFixed(2)}</Table.Td>
-                </Table.Tr>
-              );
-            })}
-          </Table.Tbody>
-          <Table.Tfoot bg="#f1f5fb">
-            <Table.Tr>
-              <Table.Th>Total {title}</Table.Th>
-              <Table.Th ta="right">{formatRupiah(totalAnggaran)}</Table.Th>
-              <Table.Th ta="right">{formatRupiah(totalRealisasi)}</Table.Th>
-              <Table.Th ta="right">{formatRupiah(totalSelisih)}</Table.Th>
-              <Table.Th ta="center">{totalPersen.toFixed(2)}</Table.Th>
-            </Table.Tr>
-          </Table.Tfoot>
-        </Table>
-      </Paper>
-    );
-  };
-
-  return (
-    <Box py="md" px={{ base: 'md', md: 100 }}>
-      <Stack gap="xl">
-        <Title order={4} c={colors['blue-button']}>
-          APB Desa Tahun {data.tahun}
-        </Title>
-
-        {renderSection('Pendapatan', data.pendapatan)}
-        {renderSection('Belanja', data.belanja)}
-        {renderSection('Pembiayaan', data.pembiayaan)}
-      </Stack>
-    </Box>
-  );
-}
-
-function APBDesaProgress() {
-  const data = {
-    tahun: 2024,
-    pendapatan: [
-      { id: 1, nama: 'Pendapatan Asli Desa', anggaran: 32000000, realisasi: 6500000 },
-      { id: 2, nama: 'Dana Desa', anggaran: 125000000, realisasi: 120000000 },
-      { id: 3, nama: 'Bagi Hasil Pajak dan Retribusi', anggaran: 10000000, realisasi: 9000000 },
-    ],
-    belanja: [
-      { id: 1, nama: 'Belanja Pegawai', anggaran: 80000000, realisasi: 75000000 },
-      { id: 2, nama: 'Belanja Barang & Jasa', anggaran: 50000000, realisasi: 42000000 },
-    ],
-    pembiayaan: [
-      { id: 1, nama: 'Penerimaan Pembiayaan', anggaran: 15000000, realisasi: 15000000 },
-      { id: 2, nama: 'Pengeluaran Pembiayaan', anggaran: 10000000, realisasi: 8000000 },
-    ],
-  };
-
-  const formatRupiah = (value: number) =>
-    new Intl.NumberFormat('id-ID', {
-      style: 'currency',
-      currency: 'IDR',
-      minimumFractionDigits: 2,
-    }).format(value);
-
-  const calcProgress = (items: any[]) => {
-    const anggaran = items.reduce((sum, i) => sum + i.anggaran, 0);
-    const realisasi = items.reduce((sum, i) => sum + i.realisasi, 0);
-    const persen = anggaran ? (realisasi / anggaran) * 100 : 0;
-    return { anggaran, realisasi, persen };
-  };
-
-  const pendapatan = calcProgress(data.pendapatan);
-  const belanja = calcProgress(data.belanja);
-  const pembiayaan = calcProgress(data.pembiayaan);
-
-  const renderProgress = (label: string, dataset: any) => (
-    <Box>
-      <Text fw={600}>{label}</Text>
-      <Text fw={700} mb="xs">
-        {formatRupiah(dataset.realisasi)} | {formatRupiah(dataset.anggaran)}
-      </Text>
-      <Progress
-        value={dataset.persen}
-        size="xl"
-        radius="xl"
-        striped={false}
-        styles={{
-          root: { backgroundColor: '#d7e3f1' },
-          section: { 
-            backgroundColor: colors['blue-button'],
-            position: 'relative',
-            '&::after': {
-              content: `'${dataset.persen.toFixed(2)}%'`,
-              position: 'absolute',
-              right: 10,
-              top: '50%',
-              transform: 'translateY(-50%)',
-              color: 'white',
-              fontWeight: 700,
-              fontSize: '0.8rem',
-            }
-          },
-        }}
-      />
-    </Box>
-  );
-
-  return (
-    <Paper mx={{ base: 'md', md: 100 }} p="xl" radius="md" shadow="sm" withBorder bg={colors['white-1']}>
-      <Stack gap="lg">
-        <Title order={4} c={colors['blue-button']}>
-          Grafik APB Desa Tahun {data.tahun}
-        </Title>
-
-        {renderProgress('Pendapatan Desa', pendapatan)}
-        {renderProgress('Belanja Desa', belanja)}
-        {renderProgress('Pembiayaan Desa', pembiayaan)}
-      </Stack>
-    </Paper>
-  );
-}
-
-
-
-export default Page
+export default Page
\ No newline at end of file
diff --git a/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx b/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
index ed230a4b..a0a98a2c 100644
--- a/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
+++ b/src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx
@@ -209,50 +209,57 @@ function Page() {
           ) : null}
 
           {/* Chart */}
-          <Box mt={30} style={{ width: '100%', minHeight: 400 }}>
-            <Paper bg={colors['white-1']} pt={50} pb={170} px={90} mb={"xl"} radius="md" withBorder>
-              <Stack gap={"xs"}>
-                <Title ta={"center"} pb={10} order={2}>
-                  Grafik APBDes
-                </Title>
+          <Box mt={30} style={{ width: '100%' }}>
+            <Paper
+              bg={colors['white-1']}
+              py={90}
+              px={{ base: 12, sm: 24, md: 50 }}
+              radius="md"
+              withBorder
+            >
+              <Stack gap="lg">
+                <Title ta="center" order={2}>Grafik SDGs Desa</Title>
+
                 {mounted && chartData.length > 0 ? (
-                  <Box style={{ padding: '0 30px' }}> {/* Tambahkan padding horizontal agar label tidak keluar */}
-                    <BarChart
-                      h={500}
-                      data={chartData}
-                      dataKey="name"
-                      type="stacked"
-                      withBarValueLabel
-                      series={[
-                        {
-                          name: 'jumlah',
-                          color: colors['blue-button'],
-                          // label: 'Jumlah', → HAPUS INI AGAR LEGEND TIDAK MUNCUL
-                        },
-                      ]}
-                      withTooltip
-                      tooltipProps={{
-                        labelFormatter: (value) => value,
-                        formatter: (value) => `${value}%`,
-                      }}
-                      xAxisProps={{
-                        angle: -45,
-                        textAnchor: 'end',
-                        interval: 0,
-                        fontSize: 12,
-                        dy: 10,
-                      }}
-                      yAxisProps={{
-                        domain: [0, 100],
-                        tickCount: 6,
-                      }}
-                      style={{
-                        overflowX: 'visible',
-                        paddingBottom: 40, // Tambahkan ruang di bawah untuk label
-                      }}
-                      // Hilangkan legend secara eksplisit
-                      withLegend={false} // ⭐ Ini yang menghilangkan kotak biru + teks "Jumlah"
-                    />
+                  <Box
+                    style={{
+                      width: "100%",
+                      overflowX: "auto",
+                      paddingBottom: 185,
+                    }}
+                  >
+                    <Box style={{ minWidth: 900 }}> {/* ⭐ batas minimum biar bisa scroll */}
+                      <BarChart
+                        h={350}
+                        data={chartData}
+                        dataKey="name"
+                        type="stacked"
+                        withBarValueLabel
+                        series={[
+                          {
+                            name: 'jumlah',
+                            color: colors['blue-button'],
+                          },
+                        ]}
+                        withTooltip
+                        tooltipProps={{
+                          labelFormatter: (value) => value,
+                          formatter: (value) => `${value}%`,
+                        }}
+                        xAxisProps={{
+                          angle: -45,
+                          textAnchor: 'end',
+                          interval: 0,
+                          fontSize: 12,
+                          dy: 10,
+                        }}
+                        yAxisProps={{
+                          domain: [0, 100],
+                          tickCount: 6,
+                        }}
+                        withLegend={false}
+                      />
+                    </Box>
                   </Box>
                 ) : (
                   <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
@@ -260,6 +267,7 @@ function Page() {
               </Stack>
             </Paper>
           </Box>
+
         </Box>
       </Box>
     </Stack>
diff --git a/src/app/darmasaba/_com/ModernNeewsNotification.tsx b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
index b2dfd547..6c91c206 100644
--- a/src/app/darmasaba/_com/ModernNeewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNeewsNotification.tsx
@@ -125,7 +125,6 @@ export default function ModernNewsNotification({
               position: "fixed",
               bottom: "24px",
               right: "24px",
-              zIndex: 1000,
             }}
           >
             <ActionIcon
@@ -147,20 +146,20 @@ export default function ModernNewsNotification({
               <IconBell size={28} />
               {hasNewNotifications && news.length > 0 && (
                 <Badge
-                  size="sm"
-                  variant="filled"
-                  color="red"
-                  style={{
-                    position: "absolute",
-                    top: "-5px",
-                    right: "-5px",
-                    minWidth: "22px",
-                    height: "22px",
-                    padding: "0 6px",
-                  }}
-                >
-                  {news.length}
-                </Badge>
+                size="sm"
+                variant="filled"
+                color="red"
+                style={{
+                  position: "absolute",
+                  top: "6px",
+                  right: "6px",
+                  minWidth: "22px",
+                  height: "22px",
+                  padding: "0 6px",
+                }}
+              >
+                {news.length}
+              </Badge>
               )}
             </ActionIcon>
           </Box>
@@ -178,7 +177,6 @@ export default function ModernNewsNotification({
               right: "24px",
               width: "380px",
               maxHeight: "500px",
-              zIndex: 999,
               boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
               borderRadius: "16px",
               overflow: "hidden",
@@ -274,7 +272,6 @@ export default function ModernNewsNotification({
               bottom: "100px",
               right: "24px",
               width: "380px",
-              zIndex: 1001,
               boxShadow: "0 8px 32px rgba(0,0,0,0.15)",
               borderRadius: "12px",
               overflow: "hidden",
diff --git a/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx b/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx
index 3520b0f9..2003baf2 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx
@@ -1,8 +1,7 @@
-import { Box, Card, Image, Stack, Text, Tooltip } from '@mantine/core';
-import { IconUserCircle } from '@tabler/icons-react';
-import React from 'react';
-import { Prisma } from '@prisma/client';
 import colors from '@/con/colors';
+import { Box, Card, Image, Stack, Text } from '@mantine/core';
+import { Prisma } from '@prisma/client';
+import { IconUserCircle } from '@tabler/icons-react';
 
 interface ProfileViewProps {
   data: Prisma.PejabatDesaGetPayload<{ include: { image: true } }> | null;
@@ -95,7 +94,6 @@ export default function ProfileView({ data }: ProfileViewProps) {
             backgroundColor: 'rgba(255, 255, 255, 0.95)',
           }}
         >
-          <Tooltip label="Jabatan Resmi" withArrow>
             <Text
               fz={{ base: 'xs', sm: 'sm' }}
               c="dimmed"
@@ -103,7 +101,6 @@ export default function ProfileView({ data }: ProfileViewProps) {
             >
               {data.position || 'Tidak ada jabatan'}
             </Text>
-          </Tooltip>
           <Text
             c={colors['blue-button']}
             fw={700}
-- 
2.49.1


From 6c32f3ebdb01154edb1f80b83c6b91ef82e2b970 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 18 Nov 2025 14:27:53 +0800
Subject: [PATCH 11/97] Fix Route APBdes

---
 .../admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx  | 2 +-
 src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx   | 4 ++--
 src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx | 2 +-
 src/app/admin/(dashboard)/landing-page/apbdes/page.tsx        | 4 ++--
 src/app/admin/_com/list_PageAdmin.tsx                         | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index e0aaa34e..45c8f4d9 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -173,7 +173,7 @@ function EditAPBDes() {
 
       const success = await apbdesState.edit.update();
       if (success) {
-        router.push('/admin/landing-page/APBDes');
+        router.push('/admin/landing-page/apbdes');
       }
     } catch (err) {
       console.error('Update error:', err);
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
index 8ec636f5..a608f8ac 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
@@ -45,7 +45,7 @@ function DetailAPBDes() {
       apbdesState.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push('/admin/landing-page/APBDes');
+      router.push('/admin/landing-page/apbdes');
     }
   };
 
@@ -160,7 +160,7 @@ function DetailAPBDes() {
 
                 <Button
                   color="green"
-                  onClick={() => router.push(`/admin/landing-page/APBDes/${data.id}/edit`)}
+                  onClick={() => router.push(`/admin/landing-page/apbdes/${data.id}/edit`)}
                   variant="light"
                   radius="md"
                   size="md"
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index f5bbaf2a..ed98e097 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -107,7 +107,7 @@ function CreateAPBDes() {
 
       toast.success("Berhasil menambahkan APBDes");
       resetForm();
-      router.push("/admin/landing-page/APBDes");
+      router.push("/admin/landing-page/apbdes");
     } catch (error) {
       console.error("Gagal submit:", error);
       toast.error("Gagal menyimpan data");
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index 9319f12e..55c3caf8 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -71,7 +71,7 @@ function ListAPBDes({ search }: { search: string }) {
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/landing-page/APBDes/create')}
+            onClick={() => router.push('/admin/landing-page/apbdes/create')}
           >
             Tambah Baru
           </Button>
@@ -127,7 +127,7 @@ function ListAPBDes({ search }: { search: string }) {
                           variant="light"
                           color="blue"
                           leftSection={<IconDeviceImacCog size={14} />}
-                          onClick={() => router.push(`/admin/landing-page/APBDes/${item.id}`)}
+                          onClick={() => router.push(`/admin/landing-page/apbdes/${item.id}`)}
                           fullWidth
                         >
                           Detail
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index d82a0d6a..17f5a45b 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -27,7 +27,7 @@ export const navBar = [
       {
         id: "Landing_Page_5",
         name: "APBDes",
-        path: "/admin/landing-page/APBDes"
+        path: "/admin/landing-page/apbdes"
       },
       {
         id: "Landing_Page_6",
-- 
2.49.1


From 2608a5ffdd5dae11ea76e6636369bf933fca1c08 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 18 Nov 2025 16:26:09 +0800
Subject: [PATCH 12/97] Fix Edit di Admin APbdes, dan fix data real di apbdes
 user

---
 .../(dashboard)/_state/landing-page/apbdes.ts |  65 ++---------
 .../landing-page/apbdes/[id]/edit/page.tsx    |  37 +++---
 .../landing-page/apbdes/create/page.tsx       |   4 +-
 .../_lib/landing_page/apbdes/create.ts        |   2 +-
 .../_lib/landing_page/apbdes/index.ts         |   2 +-
 .../_lib/landing_page/apbdes/updt.ts          |   4 +-
 .../darmasaba/_com/main-page/apbdes/index.tsx | 105 ++++--------------
 7 files changed, 56 insertions(+), 163 deletions(-)

diff --git a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
index af8388f4..dcf07589 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
@@ -7,14 +7,14 @@ import { z } from "zod";
 
 // --- Zod Schema ---
 const ApbdesItemSchema = z.object({
-  kode: z.string().min(1),
-  uraian: z.string().min(1),
+  kode: z.string().min(1, "Kode wajib diisi"),
+  uraian: z.string().min(1, "Uraian wajib diisi"),
   anggaran: z.number().min(0),
   realisasi: z.number().min(0),
   selisih: z.number(),
-  persentase: z.number().min(0).max(1000), // allow >100% if overbudget
+  persentase: z.number(),
   level: z.number().int().min(1).max(3),
-  tipe: z.string().min(1), // "pendapatan" | "belanja"
+  tipe: z.enum(['pendapatan', 'belanja', 'pembiayaan']).nullable().optional(),
 });
 
 const ApbdesFormSchema = z.object({
@@ -37,6 +37,9 @@ const defaultApbdesForm = {
 function normalizeItem(item: Partial<z.infer<typeof ApbdesItemSchema>>): z.infer<typeof ApbdesItemSchema> {
   const anggaran = item.anggaran ?? 0;
   const realisasi = item.realisasi ?? 0;
+
+  
+
   
   // ✅ Formula yang benar
   const selisih = anggaran - realisasi; // positif = sisa anggaran, negatif = over budget
@@ -56,58 +59,6 @@ function normalizeItem(item: Partial<z.infer<typeof ApbdesItemSchema>>): z.infer
 
 // --- State Utama ---
 const apbdes = proxy({
-  // create: {
-  //   form: { ...defaultApbdesForm },
-  //   loading: false,
-
-  //   addItem(item: Partial<z.infer<typeof ApbdesItemSchema>>) {
-  //     const normalized = normalizeItem(item);
-  //     this.form.items.push(normalized);
-  //   },
-
-  //   removeItem(index: number) {
-  //     this.form.items.splice(index, 1);
-  //   },
-
-  //   updateItem(index: number, updates: Partial<z.infer<typeof ApbdesItemSchema>>) {
-  //     const current = this.form.items[index];
-  //     if (current) {
-  //       const updated = normalizeItem({ ...current, ...updates });
-  //       this.form.items[index] = updated;
-  //     }
-  //   },
-
-  //   reset() {
-  //     this.form = { ...defaultApbdesForm };
-  //   },
-
-  //   async create() {
-  //     const parsed = ApbdesFormSchema.safeParse(this.form);
-  //     if (!parsed.success) {
-  //       const errors = parsed.error.issues.map((issue) => `${issue.path.join(".")} - ${issue.message}`);
-  //       toast.error(`Validasi gagal:\n${errors.join("\n")}`);
-  //       return;
-  //     }
-
-  //     try {
-  //       this.loading = true;
-  //       const res = await ApiFetch.api.landingpage.apbdes["create"].post(parsed.data);
-
-  //       if (res.data?.success) {
-  //         toast.success("APBDes berhasil dibuat");
-  //         apbdes.findMany.load();
-  //         this.reset();
-  //       } else {
-  //         toast.error(res.data?.message || "Gagal membuat APBDes");
-  //       }
-  //     } catch (error: any) {
-  //       console.error("Create APBDes error:", error);
-  //       toast.error(error?.message || "Terjadi kesalahan saat membuat APBDes");
-  //     } finally {
-  //       this.loading = false;
-  //     }
-  //   },
-  // },
   create: {
     form: { ...defaultApbdesForm },
     loading: false,
@@ -305,7 +256,7 @@ const apbdes = proxy({
               selisih: item.selisih,
               persentase: item.persentase,
               level: item.level,
-              tipe: item.tipe,
+              tipe: item.tipe || 'pendapatan',
             })),
           };
           return data;
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index 45c8f4d9..63455fae 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -115,20 +115,22 @@ function EditAPBDes() {
     if (!kode || !uraian) {
       return toast.warn('Kode dan uraian wajib diisi');
     }
+    const finalTipe = level === 1 ? 'pendapatan' : tipe; // Berikan default
 
-    const selisih = realisasi - anggaran;
-    const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
+  const selisih = realisasi - anggaran;
+  const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
+
+  apbdesState.edit.addItem({
+    kode,
+    uraian,
+    anggaran,
+    realisasi,
+    selisih,
+    persentase,
+    level,
+    tipe: finalTipe, // ✅ Tidak akan undefined
+  });
 
-    apbdesState.edit.addItem({
-      kode,
-      uraian,
-      anggaran,
-      realisasi,
-      selisih,
-      persentase,
-      level,
-      tipe,
-    });
 
     setNewItem({
       kode: '',
@@ -374,6 +376,7 @@ function EditAPBDes() {
                   data={[
                     { value: 'pendapatan', label: 'Pendapatan' },
                     { value: 'belanja', label: 'Belanja' },
+                    { value: 'pembiayaan', label: 'Pembiayaan' },
                   ]}
                   value={newItem.tipe}
                   onChange={(val) => setNewItem({ ...newItem, tipe: (val as any) || 'pendapatan' })}
@@ -447,9 +450,13 @@ function EditAPBDes() {
                         </Badge>
                       </td>
                       <td>
-                        <Badge size="sm" color={item.tipe === 'pendapatan' ? 'teal' : 'red'}>
-                          {item.tipe}
-                        </Badge>
+                        {item.tipe ? (
+                          <Badge color={item.tipe === 'pendapatan' ? 'teal' : 'red'} size="sm">
+                            {item.tipe}
+                          </Badge>
+                        ) : (
+                          '-'
+                        )}
                       </td>
                       <td>
                         <ActionIcon color="red" onClick={() => handleRemoveItem(idx)}>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index ed98e097..85b61242 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -123,6 +123,8 @@ function CreateAPBDes() {
       return toast.warn("Kode dan uraian wajib diisi");
     }
 
+    const finalTipe = level === 1 ? 'pendapatan' : tipe; // Berikan default
+
     const selisih = realisasi - anggaran;
     const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
 
@@ -134,7 +136,7 @@ function CreateAPBDes() {
       selisih,
       persentase,
       level,
-      tipe,
+      tipe: finalTipe,
     });
 
     // Reset form input
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
index 55937f89..8715cf2b 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
@@ -12,7 +12,7 @@ type APBDesItemInput = {
   selisih: number;
   persentase: number;
   level: number;
-  tipe: string;
+  tipe?: string | null;
 };
 
 type FormCreate = {
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts
index 7b24c45d..9e558f6d 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/index.ts
@@ -15,7 +15,7 @@ const ApbdesItemSchema = t.Object({
   selisih: t.Number(),
   persentase: t.Number(),
   level: t.Number(),
-  tipe: t.String(), // misal: "pendapatan" atau "belanja"
+  tipe: t.Optional(t.Union([t.String(), t.Null()])) // misal: "pendapatan" atau "belanja"
 });
 
 const APBDes = new Elysia({
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts
index d1aca338..154b3502 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/updt.ts
@@ -10,7 +10,7 @@ type APBDesItemInput = {
   selisih: number;
   persentase: number;
   level: number;
-  tipe: string;
+  tipe?: string | null;
 };
 
 type FormUpdateBody = {
@@ -54,7 +54,7 @@ export default async function apbdesUpdate(context: Context) {
         selisih: item.anggaran - item.realisasi,
         persentase: item.anggaran > 0 ? (item.realisasi / item.anggaran) * 100 : 0,
         level: item.level,
-        tipe: item.tipe,
+        tipe: item.tipe || null,
         isActive: true,
       })),
     });
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 907a3d56..03cd7219 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -1,25 +1,15 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
+import APBDesProgress from '@/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress'
 import colors from '@/con/colors'
-import { BarChart } from '@mantine/charts'
-import { ActionIcon, BackgroundImage, Box, Button, Center, Flex, Group, Loader, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core'
+import { ActionIcon, BackgroundImage, Box, Button, Center, Flex, Group, Loader, SimpleGrid, Stack, Text } from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
 import { useProxy } from 'valtio/utils'
-import parseJumlah from './lib/convert'
 
 function Apbdes() {
-  type APBDes = {
-    id: string
-    name: string
-    jumlah: number
-  };
-
-  const [chartData, setChartData] = useState<APBDes[]>([])
-  const [mounted, setMounted] = useState(false);
   const state = useProxy(apbdes)
   const [loading, setLoading] = useState(false)
 
@@ -28,22 +18,9 @@ function Apbdes() {
     des: 'Transparansi APBDes Darmasaba adalah langkah nyata menuju tata kelola desa yang bersih, terbuka, dan bertanggung jawab.'
   }
 
-  useEffect(() => {
-    if (state.findMany.data) {
-      setChartData(
-        state.findMany.data.map((item: any) => ({
-          id: item.id,
-          name: item.name,
-          jumlah: parseJumlah(item.jumlah),
-        }))
-      );
-    }
-  }, [state.findMany.data]);
-
   useEffect(() => {
     const loadData = async () => {
       try {
-        setMounted(true);
         setLoading(true)
         await state.findMany.load()
       } catch (error) {
@@ -70,56 +47,23 @@ function Apbdes() {
         </Stack>
       </Box>
 
-      {/* Chart */}
-      <Box mt={30} style={{ width: '100%', minHeight: 400 }}>
-        <Paper bg={colors['white-1']} py={50} px={90} mb={"xl"} radius="md" withBorder>
-          <Stack gap={"xs"}>
-            <Title ta={"center"} pb={10} order={2}>
-              Grafik APBDes
-            </Title>
-            {mounted && chartData.length > 0 ? (
-              <BarChart
-                orientation="vertical"
-                h={450}
-                barProps={{ radius: 50 }}
-                data={chartData}
-                dataKey="name"
-                type="stacked"
-                valueFormatter={(value: number) => {
-                  if (value >= 1_000_000_000_000)
-                    return `Rp ${(value / 1_000_000_000_000).toFixed(1)} T`;
-                  if (value >= 1_000_000_000)
-                    return `Rp ${(value / 1_000_000_000).toFixed(1)} M`;
-                  if (value >= 1_000_000)
-                    return `Rp ${(value / 1_000_000).toFixed(1)} JT`;
-                  if (value >= 1_000)
-                    return `Rp ${(value / 1_000).toFixed(1)} RB`;
-                  return `Rp ${value}`;
-                }}
-                series={[
-                  {
-                    name: 'jumlah',
-                    color: colors['blue-button'],
-                    label: 'Jumlah',
-                  },
-                ]}
-              />
-            ) : (
-              <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
-            )}
-            <Box py={10}>
-              <Group justify='center'>
-                <Flex align="center" gap={10}>
-                  <Box bg={colors['blue-button']} w={20} h={20} />
-                  <Text>Jumlah</Text>
-                </Flex>
-              </Group>
-            </Box>
-          </Stack>
-        </Paper>
-      </Box>
+      <Group justify="center">
+        <Button
+          component={Link}
+          href="/darmasaba/apbdes"
+          radius="xl"
+          size="lg"
+          variant="gradient"
+          gradient={{ from: "#26667F", to: "#124170" }}
+        >
+          Lihat Semua Data
+        </Button>
+      </Group>
 
-      <SimpleGrid cols={{ base: 1, sm: 3 }} spacing="lg">
+      {/* Chart */}
+      <APBDesProgress />
+
+      <SimpleGrid mx={{ base: 'md', md: 100 }} cols={{ base: 1, sm: 3 }} spacing="lg" pb={"xl"}>
         {loading ? (
           <Center mih={200}>
             <Loader size="lg" color="blue" />
@@ -185,18 +129,7 @@ function Apbdes() {
         )}
       </SimpleGrid>
 
-      <Group justify="center" pb={"xl"}>
-        <Button
-          component={Link}
-          href="/darmasaba/apbdes"
-          radius="xl"
-          size="lg"
-          variant="gradient"
-          gradient={{ from: "#26667F", to: "#124170" }}
-        >
-          Lihat Semua Data
-        </Button>
-      </Group>
+      
     </Stack>
   )
 }
-- 
2.49.1


From b3c169a2d40c58b6b8a371f55414efa1bc6fa9a5 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 18 Nov 2025 17:23:38 +0800
Subject: [PATCH 13/97] Fix create admin & progress bar persentase

---
 .../(dashboard)/_state/landing-page/apbdes.ts |  2 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    | 26 +++++++++----------
 .../landing-page/apbdes/create/page.tsx       |  6 ++---
 .../_lib/landing_page/apbdes/create.ts        |  2 +-
 4 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
index dcf07589..df9cde1d 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
@@ -53,7 +53,7 @@ function normalizeItem(item: Partial<z.infer<typeof ApbdesItemSchema>>): z.infer
     selisih,
     persentase,
     level: item.level || 1,
-    tipe: item.tipe || "pendapatan",
+    tipe: item.tipe, // biarkan null jika memang null
   };
 }
 
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index 63455fae..a7914073 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -115,21 +115,21 @@ function EditAPBDes() {
     if (!kode || !uraian) {
       return toast.warn('Kode dan uraian wajib diisi');
     }
-    const finalTipe = level === 1 ? 'pendapatan' : tipe; // Berikan default
 
-  const selisih = realisasi - anggaran;
-  const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
+    const finalTipe = level === 1 ? null : tipe;
+    const selisih = realisasi - anggaran;
+    const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
 
-  apbdesState.edit.addItem({
-    kode,
-    uraian,
-    anggaran,
-    realisasi,
-    selisih,
-    persentase,
-    level,
-    tipe: finalTipe, // ✅ Tidak akan undefined
-  });
+    apbdesState.edit.addItem({
+      kode,
+      uraian,
+      anggaran,
+      realisasi,
+      selisih,
+      persentase,
+      level,
+      tipe: finalTipe, // ✅ Tidak akan undefined
+    });
 
 
     setNewItem({
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index 85b61242..f91d6a37 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -123,8 +123,7 @@ function CreateAPBDes() {
       return toast.warn("Kode dan uraian wajib diisi");
     }
 
-    const finalTipe = level === 1 ? 'pendapatan' : tipe; // Berikan default
-
+    const finalTipe = level === 1 ? null : tipe;
     const selisih = realisasi - anggaran;
     const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
 
@@ -363,8 +362,9 @@ function CreateAPBDes() {
                     { value: 'pendapatan', label: 'Pendapatan' },
                     { value: 'belanja', label: 'Belanja' },
                   ]}
-                  value={newItem.tipe}
+                  value={newItem.level === 1 ? null : newItem.tipe}
                   onChange={(val) => setNewItem({ ...newItem, tipe: val as any })}
+                  disabled={newItem.level === 1}
                 />
               </Group>
               <TextInput
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
index 8715cf2b..8fdcb921 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/create.ts
@@ -66,8 +66,8 @@ export default async function apbdesCreate(context: Context) {
             selisih: item.selisih,
             persentase: item.persentase,
             level: item.level,
+            tipe: item.tipe, // ✅ sertakan, biar null
             apbdesId: apbdes.id,
-            // Note: tipe field is not included as it doesn't exist in the model
           };
           
           return prisma.aPBDesItem.create({
-- 
2.49.1


From a0537810e8dadb340eaa6747cb220f16515aa141 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 20 Nov 2025 02:42:39 +0800
Subject: [PATCH 14/97] Login, Register, Verifkasi Code Admin V1

---
 .../migration.sql                             | 1127 +++++++++++++++++
 prisma/schema.prisma                          |   66 +-
 .../(dashboard)/auth/login-admin/page.tsx     |  118 +-
 .../auth/registrasi-admin/page.tsx            |  160 +--
 .../(dashboard)/auth/validasi-admin/page.tsx  |  186 ++-
 src/app/admin/auth/_lib/api_fetch_auth.ts     |   41 -
 .../api/[[...slugs]]/_lib/auth/login/route.ts |   63 +-
 .../api/[[...slugs]]/_lib/auth/me/route.ts    |   30 +
 .../[[...slugs]]/_lib/auth/register/route.ts  |  104 ++
 src/app/api/auth/_lib/api_fetch_auth.ts       |  152 +++
 src/app/api/auth/_lib/decrypt.ts              |   48 +-
 src/app/api/auth/_lib/encrypt.ts              |   21 +-
 src/app/api/auth/_lib/session_create.ts       |   40 +-
 .../api/auth/finalize-registration/route.ts   |   40 +
 src/app/api/auth/login/route.ts               |   80 +-
 src/app/api/auth/me/route.ts                  |   30 +
 src/app/api/auth/otp-data/route.ts            |   41 +
 src/app/api/auth/register/route.ts            |  154 ++-
 src/app/api/auth/resend/route.ts              |   71 ++
 src/app/api/auth/send-otp-register/route.ts   |   51 +
 src/app/api/auth/validasi/route.ts            |   78 ++
 src/app/api/auth/verify-otp/route.ts          |  139 ++
 src/app/waiting-room/page.tsx                 |   92 ++
 23 files changed, 2536 insertions(+), 396 deletions(-)
 create mode 100644 prisma/migrations/20251119062255_add_unique_username/migration.sql
 delete mode 100644 src/app/admin/auth/_lib/api_fetch_auth.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/auth/me/route.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/auth/register/route.ts
 create mode 100644 src/app/api/auth/_lib/api_fetch_auth.ts
 create mode 100644 src/app/api/auth/finalize-registration/route.ts
 create mode 100644 src/app/api/auth/me/route.ts
 create mode 100644 src/app/api/auth/otp-data/route.ts
 create mode 100644 src/app/api/auth/resend/route.ts
 create mode 100644 src/app/api/auth/send-otp-register/route.ts
 create mode 100644 src/app/api/auth/validasi/route.ts
 create mode 100644 src/app/api/auth/verify-otp/route.ts
 create mode 100644 src/app/waiting-room/page.tsx

diff --git a/prisma/migrations/20251119062255_add_unique_username/migration.sql b/prisma/migrations/20251119062255_add_unique_username/migration.sql
new file mode 100644
index 00000000..d8d9e087
--- /dev/null
+++ b/prisma/migrations/20251119062255_add_unique_username/migration.sql
@@ -0,0 +1,1127 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `kelahiranKasar` on the `DataKematian_Kelahiran` table. All the data in the column will be lost.
+  - You are about to drop the column `kematianBayi` on the `DataKematian_Kelahiran` table. All the data in the column will be lost.
+  - You are about to drop the column `kematianKasar` on the `DataKematian_Kelahiran` table. All the data in the column will be lost.
+  - You are about to drop the column `tahun` on the `DataKematian_Kelahiran` table. All the data in the column will be lost.
+  - You are about to drop the column `jumlah` on the `GrafikKepuasan` table. All the data in the column will be lost.
+  - You are about to drop the column `label` on the `GrafikKepuasan` table. All the data in the column will be lost.
+  - You are about to drop the column `imageId` on the `KolaborasiInovasi` table. All the data in the column will be lost.
+  - You are about to drop the column `imageId` on the `KontakDaruratKeamanan` table. All the data in the column will be lost.
+  - You are about to drop the column `imageId` on the `KontakItem` table. All the data in the column will be lost.
+  - You are about to drop the column `kategoriId` on the `KontakItem` table. All the data in the column will be lost.
+  - You are about to drop the column `programKeamananId` on the `PencegahanKriminalitas` table. All the data in the column will be lost.
+  - You are about to drop the column `tipsKeamananId` on the `PencegahanKriminalitas` table. All the data in the column will be lost.
+  - You are about to drop the column `videoKeamananId` on the `PencegahanKriminalitas` table. All the data in the column will be lost.
+  - You are about to drop the column `kategori` on the `PotensiDesa` table. All the data in the column will be lost.
+  - You are about to drop the column `ikonUrl` on the `ProgramKemiskinan` table. All the data in the column will be lost.
+  - You are about to drop the `ProgramKeamanan` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `TipsKeamanan` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `VideoKeamanan` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `hubungan_organisasi` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `pegawai` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `posisi_organisasi` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `struktur_organisasi` table. If the table is not empty, all the data it contains will be lost.
+  - Added the required column `kelahiranId` to the `DataKematian_Kelahiran` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `kematianId` to the `DataKematian_Kelahiran` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `category` to the `FileStorage` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `alamat` to the `GrafikKepuasan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `jenisKelamin` to the `GrafikKepuasan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `nama` to the `GrafikKepuasan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `penyakit` to the `GrafikKepuasan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `tanggal` to the `GrafikKepuasan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `whatsapp` to the `KontakDarurat` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `icon` to the `KontakDaruratKeamanan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `kategoriId` to the `KontakDaruratKeamanan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `icon` to the `KontakItem` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `notelp` to the `LowonganPekerjaan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `name` to the `MediaSosial` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `kontak` to the `PasarDesa` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `deskripsi` to the `PencegahanKriminalitas` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `deskripsiSingkat` to the `PencegahanKriminalitas` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `judul` to the `PencegahanKriminalitas` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `linkVideo` to the `PencegahanKriminalitas` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `jadwalPelayanan` to the `Posyandu` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `icon` to the `ProgramKemiskinan` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- CreateEnum
+CREATE TYPE "JenisKelamin" AS ENUM ('LAKI_LAKI', 'PEREMPUAN');
+
+-- CreateEnum
+CREATE TYPE "Agama" AS ENUM ('ISLAM', 'KRISTEN_PROTESTAN', 'KRISTEN_KATOLIK', 'HINDU', 'BUDDHA', 'KONGHUCU', 'LAINNYA');
+
+-- CreateEnum
+CREATE TYPE "StatusPernikahan" AS ENUM ('BELUM_MENIKAH', 'MENIKAH', 'JANDA_DUDA');
+
+-- CreateEnum
+CREATE TYPE "UkuranBaju" AS ENUM ('S', 'M', 'L', 'XL', 'XXL', 'LAINNYA');
+
+-- CreateEnum
+CREATE TYPE "StatusPeminjaman" AS ENUM ('Dipinjam', 'Dikembalikan', 'Terlambat', 'Dibatalkan');
+
+-- DropForeignKey
+ALTER TABLE "JadwalKegiatan" DROP CONSTRAINT "JadwalKegiatan_pendaftaranJadwalKegiatanId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "KolaborasiInovasi" DROP CONSTRAINT "KolaborasiInovasi_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "KontakDaruratKeamanan" DROP CONSTRAINT "KontakDaruratKeamanan_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "KontakItem" DROP CONSTRAINT "KontakItem_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "KontakItem" DROP CONSTRAINT "KontakItem_kategoriId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "MediaSosial" DROP CONSTRAINT "MediaSosial_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PelayananSuratKeterangan" DROP CONSTRAINT "PelayananSuratKeterangan_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PencegahanKriminalitas" DROP CONSTRAINT "PencegahanKriminalitas_programKeamananId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PencegahanKriminalitas" DROP CONSTRAINT "PencegahanKriminalitas_tipsKeamananId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PencegahanKriminalitas" DROP CONSTRAINT "PencegahanKriminalitas_videoKeamananId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Penghargaan" DROP CONSTRAINT "Penghargaan_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PotensiDesa" DROP CONSTRAINT "PotensiDesa_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "hubungan_organisasi" DROP CONSTRAINT "hubungan_organisasi_atasanId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "hubungan_organisasi" DROP CONSTRAINT "hubungan_organisasi_bawahanId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "pegawai" DROP CONSTRAINT "pegawai_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "pegawai" DROP CONSTRAINT "pegawai_posisiId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "struktur_organisasi" DROP CONSTRAINT "struktur_organisasi_hubunganOrganisasiId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "struktur_organisasi" DROP CONSTRAINT "struktur_organisasi_pegawaiId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "struktur_organisasi" DROP CONSTRAINT "struktur_organisasi_posisiOrganisasiId_fkey";
+
+-- AlterTable
+ALTER TABLE "ArtikelKesehatan" ADD COLUMN     "imageId" TEXT;
+
+-- AlterTable
+ALTER TABLE "DataKematian_Kelahiran" DROP COLUMN "kelahiranKasar",
+DROP COLUMN "kematianBayi",
+DROP COLUMN "kematianKasar",
+DROP COLUMN "tahun",
+ADD COLUMN     "kelahiranId" TEXT NOT NULL,
+ADD COLUMN     "kematianId" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "FileStorage" ADD COLUMN     "category" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "GrafikKepuasan" DROP COLUMN "jumlah",
+DROP COLUMN "label",
+ADD COLUMN     "alamat" TEXT NOT NULL,
+ADD COLUMN     "jenisKelamin" TEXT NOT NULL,
+ADD COLUMN     "nama" TEXT NOT NULL,
+ADD COLUMN     "penyakit" TEXT NOT NULL,
+ADD COLUMN     "tanggal" TIMESTAMP(3) NOT NULL;
+
+-- AlterTable
+ALTER TABLE "JadwalKegiatan" ALTER COLUMN "pendaftaranJadwalKegiatanId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "KolaborasiInovasi" DROP COLUMN "imageId";
+
+-- AlterTable
+ALTER TABLE "KontakDarurat" ADD COLUMN     "whatsapp" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "KontakDaruratKeamanan" DROP COLUMN "imageId",
+ADD COLUMN     "deletedAt" TIMESTAMP(3),
+ADD COLUMN     "icon" TEXT NOT NULL,
+ADD COLUMN     "isActive" BOOLEAN NOT NULL DEFAULT true,
+ADD COLUMN     "kategoriId" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "KontakItem" DROP COLUMN "imageId",
+DROP COLUMN "kategoriId",
+ADD COLUMN     "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ADD COLUMN     "icon" TEXT NOT NULL,
+ADD COLUMN     "isActive" BOOLEAN NOT NULL DEFAULT true;
+
+-- AlterTable
+ALTER TABLE "LaporanPublik" ADD COLUMN     "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ADD COLUMN     "isActive" BOOLEAN NOT NULL DEFAULT true,
+ALTER COLUMN "status" SET DEFAULT 'Proses';
+
+-- AlterTable
+ALTER TABLE "LowonganPekerjaan" ADD COLUMN     "notelp" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "MediaSosial" ADD COLUMN     "name" TEXT NOT NULL,
+ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "PasarDesa" ADD COLUMN     "kontak" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "PelayananSuratKeterangan" ADD COLUMN     "image2Id" TEXT,
+ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "PencegahanKriminalitas" DROP COLUMN "programKeamananId",
+DROP COLUMN "tipsKeamananId",
+DROP COLUMN "videoKeamananId",
+ADD COLUMN     "deskripsi" TEXT NOT NULL,
+ADD COLUMN     "deskripsiSingkat" TEXT NOT NULL,
+ADD COLUMN     "judul" TEXT NOT NULL,
+ADD COLUMN     "linkVideo" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "Penghargaan" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "Posyandu" ADD COLUMN     "jadwalPelayanan" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "PotensiDesa" DROP COLUMN "kategori",
+ADD COLUMN     "kategoriId" TEXT,
+ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "ProgramKemiskinan" DROP COLUMN "ikonUrl",
+ADD COLUMN     "icon" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "StrukturPPID" ADD COLUMN     "pegawaiPPIDId" TEXT,
+ADD COLUMN     "posisiOrganisasiPPIDId" TEXT;
+
+-- DropTable
+DROP TABLE "ProgramKeamanan";
+
+-- DropTable
+DROP TABLE "TipsKeamanan";
+
+-- DropTable
+DROP TABLE "VideoKeamanan";
+
+-- DropTable
+DROP TABLE "hubungan_organisasi";
+
+-- DropTable
+DROP TABLE "pegawai";
+
+-- DropTable
+DROP TABLE "posisi_organisasi";
+
+-- DropTable
+DROP TABLE "struktur_organisasi";
+
+-- CreateTable
+CREATE TABLE "DesaAntiKorupsi" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "kategoriId" TEXT NOT NULL,
+    "fileId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "DesaAntiKorupsi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KategoriDesaAntiKorupsi" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KategoriDesaAntiKorupsi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SdgsDesa" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "jumlah" TEXT NOT NULL,
+    "imageId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "SdgsDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "APBDes" (
+    "id" TEXT NOT NULL,
+    "tahun" INTEGER,
+    "name" TEXT,
+    "deskripsi" TEXT,
+    "jumlah" TEXT,
+    "imageId" TEXT,
+    "fileId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "APBDes_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "APBDesItem" (
+    "id" TEXT NOT NULL,
+    "kode" TEXT NOT NULL,
+    "uraian" TEXT NOT NULL,
+    "anggaran" DOUBLE PRECISION NOT NULL,
+    "realisasi" DOUBLE PRECISION NOT NULL,
+    "selisih" DOUBLE PRECISION NOT NULL,
+    "persentase" DOUBLE PRECISION NOT NULL,
+    "tipe" TEXT,
+    "level" INTEGER NOT NULL,
+    "parentId" TEXT,
+    "apbdesId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "APBDesItem_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PrestasiDesa" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "kategoriId" TEXT NOT NULL,
+    "imageId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "PrestasiDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KategoriPrestasiDesa" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KategoriPrestasiDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Responden" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "tanggal" DATE NOT NULL,
+    "jenisKelaminId" TEXT NOT NULL,
+    "ratingId" TEXT NOT NULL,
+    "kelompokUmurId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "Responden_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "JenisKelaminResponden" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "JenisKelaminResponden_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PilihanRatingResponden" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "PilihanRatingResponden_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "UmurResponden" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "UmurResponden_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PosisiOrganisasiPPID" (
+    "id" TEXT NOT NULL,
+    "nama" VARCHAR(100) NOT NULL,
+    "deskripsi" TEXT,
+    "hierarki" INTEGER NOT NULL,
+    "parentId" TEXT,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "PosisiOrganisasiPPID_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PegawaiPPID" (
+    "id" TEXT NOT NULL,
+    "namaLengkap" VARCHAR(255) NOT NULL,
+    "gelarAkademik" VARCHAR(100),
+    "imageId" TEXT,
+    "tanggalMasuk" DATE,
+    "email" VARCHAR(255),
+    "telepon" VARCHAR(20),
+    "alamat" TEXT,
+    "posisiId" VARCHAR(50) NOT NULL,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "PegawaiPPID_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "StrukturOrganisasiPPID" (
+    "id" TEXT NOT NULL,
+    "posisiOrganisasiId" VARCHAR(50) NOT NULL,
+    "pegawaiId" TEXT NOT NULL,
+    "hubunganOrganisasiId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "StrukturOrganisasiPPID_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PerbekelDariMasaKeMasa" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "periode" TEXT NOT NULL,
+    "imageId" TEXT,
+    "daerah" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "PerbekelDariMasaKeMasa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KategoriPotensi" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KategoriPotensi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AjukanPermohonan" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "nik" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "nomorKk" TEXT NOT NULL,
+    "kategoriId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "AjukanPermohonan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Kelahiran" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "tanggal" TIMESTAMP(3) NOT NULL,
+    "jenisKelamin" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "Kelahiran_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Kematian" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "tanggal" TIMESTAMP(3) NOT NULL,
+    "jenisKelamin" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "penyebab" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "Kematian_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KontakDaruratToItem" (
+    "id" TEXT NOT NULL,
+    "kontakDaruratId" TEXT NOT NULL,
+    "kontakItemId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "KontakDaruratToItem_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "StrukturBumDes" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "imageId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "posisiOrganisasiBumDesId" TEXT,
+    "pegawaiBumDesId" TEXT,
+
+    CONSTRAINT "StrukturBumDes_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PosisiOrganisasiBumDes" (
+    "id" TEXT NOT NULL,
+    "nama" VARCHAR(100) NOT NULL,
+    "deskripsi" TEXT,
+    "hierarki" INTEGER NOT NULL,
+    "parentId" TEXT,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "PosisiOrganisasiBumDes_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PegawaiBumDes" (
+    "id" TEXT NOT NULL,
+    "namaLengkap" VARCHAR(255) NOT NULL,
+    "gelarAkademik" VARCHAR(100),
+    "imageId" TEXT,
+    "tanggalMasuk" DATE,
+    "email" VARCHAR(255),
+    "telepon" VARCHAR(20),
+    "alamat" TEXT,
+    "posisiId" VARCHAR(50) NOT NULL,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "PegawaiBumDes_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "StrukturOrganisasiBumDes" (
+    "id" TEXT NOT NULL,
+    "posisiOrganisasiId" VARCHAR(50) NOT NULL,
+    "pegawaiId" TEXT NOT NULL,
+    "hubunganOrganisasiId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "StrukturOrganisasiBumDes_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "MitraKolaborasi" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "imageId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "MitraKolaborasi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "JenjangPendidikan" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "JenjangPendidikan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Lembaga" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "jenjangId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "Lembaga_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Siswa" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "lembagaId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "Siswa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Pengajar" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "lembagaId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "Pengajar_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KeunggulanProgram" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KeunggulanProgram_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "BeasiswaPendaftar" (
+    "id" TEXT NOT NULL,
+    "namaLengkap" TEXT NOT NULL,
+    "nis" TEXT,
+    "kelas" TEXT,
+    "jenisKelamin" "JenisKelamin" NOT NULL,
+    "alamatDomisili" TEXT,
+    "tempatLahir" TEXT NOT NULL,
+    "tanggalLahir" TIMESTAMP(3) NOT NULL,
+    "namaOrtu" TEXT,
+    "nik" TEXT NOT NULL,
+    "pekerjaanOrtu" TEXT,
+    "penghasilan" TEXT,
+    "noHp" TEXT NOT NULL,
+    "kewarganegaraan" TEXT,
+    "agama" "Agama",
+    "alamatKTP" TEXT,
+    "email" TEXT,
+    "statusPernikahan" "StatusPernikahan",
+    "ukuranBaju" "UkuranBaju",
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "BeasiswaPendaftar_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TujuanProgram" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "TujuanProgram_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "ProgramUnggulan" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "ProgramUnggulan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TujuanBimbinganBelajarDesa" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "TujuanBimbinganBelajarDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LokasiJadwalBimbinganBelajarDesa" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "LokasiJadwalBimbinganBelajarDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FasilitasBimbinganBelajarDesa" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "FasilitasBimbinganBelajarDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TujuanPendidikanNonFormal" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "TujuanPendidikanNonFormal_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TempatKegiatan" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "TempatKegiatan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "JenisProgramYangDiselenggarakan" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "JenisProgramYangDiselenggarakan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "DataPerpustakaan" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "kategoriId" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "DataPerpustakaan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KategoriBuku" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KategoriBuku_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PeminjamanBuku" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "noTelp" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "bukuId" TEXT NOT NULL,
+    "tanggalPinjam" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "batasKembali" TIMESTAMP(3) NOT NULL,
+    "tanggalKembali" TIMESTAMP(3),
+    "status" "StatusPeminjaman" NOT NULL DEFAULT 'Dipinjam',
+    "catatan" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "PeminjamanBuku_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "User" (
+    "id" TEXT NOT NULL,
+    "username" TEXT NOT NULL,
+    "nomor" TEXT NOT NULL,
+    "roleId" TEXT NOT NULL DEFAULT '1',
+    "instansi" TEXT,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "lastLogin" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+
+    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "roles" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT,
+    "permissions" JSONB NOT NULL,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+
+    CONSTRAINT "roles_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KodeOtp" (
+    "id" TEXT NOT NULL,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "nomor" TEXT NOT NULL,
+    "otp" INTEGER NOT NULL,
+
+    CONSTRAINT "KodeOtp_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "permissions" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "permissions_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "UserSession" (
+    "id" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expires" TIMESTAMP(3),
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "userId" TEXT NOT NULL,
+
+    CONSTRAINT "UserSession_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "DataPendidikan" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "jumlah" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "DataPendidikan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "DesaAntiKorupsi_name_key" ON "DesaAntiKorupsi"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "KategoriDesaAntiKorupsi_name_key" ON "KategoriDesaAntiKorupsi"("name");
+
+-- CreateIndex
+CREATE INDEX "APBDesItem_kode_idx" ON "APBDesItem"("kode");
+
+-- CreateIndex
+CREATE INDEX "APBDesItem_level_idx" ON "APBDesItem"("level");
+
+-- CreateIndex
+CREATE INDEX "APBDesItem_apbdesId_idx" ON "APBDesItem"("apbdesId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "KategoriPrestasiDesa_name_key" ON "KategoriPrestasiDesa"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Responden_name_key" ON "Responden"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "JenisKelaminResponden_name_key" ON "JenisKelaminResponden"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PilihanRatingResponden_name_key" ON "PilihanRatingResponden"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "UmurResponden_name_key" ON "UmurResponden"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PegawaiPPID_email_key" ON "PegawaiPPID"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PegawaiBumDes_email_key" ON "PegawaiBumDes"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "BeasiswaPendaftar_nik_key" ON "BeasiswaPendaftar"("nik");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "BeasiswaPendaftar_email_key" ON "BeasiswaPendaftar"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_username_key" ON "User"("username");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_nomor_key" ON "User"("nomor");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "roles_name_key" ON "roles"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "permissions_name_key" ON "permissions"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "UserSession_userId_key" ON "UserSession"("userId");
+
+-- AddForeignKey
+ALTER TABLE "MediaSosial" ADD CONSTRAINT "MediaSosial_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DesaAntiKorupsi" ADD CONSTRAINT "DesaAntiKorupsi_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KategoriDesaAntiKorupsi"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DesaAntiKorupsi" ADD CONSTRAINT "DesaAntiKorupsi_fileId_fkey" FOREIGN KEY ("fileId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SdgsDesa" ADD CONSTRAINT "SdgsDesa_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "APBDes" ADD CONSTRAINT "APBDes_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "APBDes" ADD CONSTRAINT "APBDes_fileId_fkey" FOREIGN KEY ("fileId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "APBDesItem" ADD CONSTRAINT "APBDesItem_parentId_fkey" FOREIGN KEY ("parentId") REFERENCES "APBDesItem"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "APBDesItem" ADD CONSTRAINT "APBDesItem_apbdesId_fkey" FOREIGN KEY ("apbdesId") REFERENCES "APBDes"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PrestasiDesa" ADD CONSTRAINT "PrestasiDesa_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KategoriPrestasiDesa"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PrestasiDesa" ADD CONSTRAINT "PrestasiDesa_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Responden" ADD CONSTRAINT "Responden_jenisKelaminId_fkey" FOREIGN KEY ("jenisKelaminId") REFERENCES "JenisKelaminResponden"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Responden" ADD CONSTRAINT "Responden_ratingId_fkey" FOREIGN KEY ("ratingId") REFERENCES "PilihanRatingResponden"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Responden" ADD CONSTRAINT "Responden_kelompokUmurId_fkey" FOREIGN KEY ("kelompokUmurId") REFERENCES "UmurResponden"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturPPID" ADD CONSTRAINT "StrukturPPID_posisiOrganisasiPPIDId_fkey" FOREIGN KEY ("posisiOrganisasiPPIDId") REFERENCES "PosisiOrganisasiPPID"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturPPID" ADD CONSTRAINT "StrukturPPID_pegawaiPPIDId_fkey" FOREIGN KEY ("pegawaiPPIDId") REFERENCES "PegawaiPPID"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PosisiOrganisasiPPID" ADD CONSTRAINT "PosisiOrganisasiPPID_parentId_fkey" FOREIGN KEY ("parentId") REFERENCES "PosisiOrganisasiPPID"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PegawaiPPID" ADD CONSTRAINT "PegawaiPPID_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PegawaiPPID" ADD CONSTRAINT "PegawaiPPID_posisiId_fkey" FOREIGN KEY ("posisiId") REFERENCES "PosisiOrganisasiPPID"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturOrganisasiPPID" ADD CONSTRAINT "StrukturOrganisasiPPID_posisiOrganisasiId_fkey" FOREIGN KEY ("posisiOrganisasiId") REFERENCES "PosisiOrganisasiPPID"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturOrganisasiPPID" ADD CONSTRAINT "StrukturOrganisasiPPID_pegawaiId_fkey" FOREIGN KEY ("pegawaiId") REFERENCES "PegawaiPPID"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PerbekelDariMasaKeMasa" ADD CONSTRAINT "PerbekelDariMasaKeMasa_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PotensiDesa" ADD CONSTRAINT "PotensiDesa_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KategoriPotensi"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PotensiDesa" ADD CONSTRAINT "PotensiDesa_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PelayananSuratKeterangan" ADD CONSTRAINT "PelayananSuratKeterangan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PelayananSuratKeterangan" ADD CONSTRAINT "PelayananSuratKeterangan_image2Id_fkey" FOREIGN KEY ("image2Id") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AjukanPermohonan" ADD CONSTRAINT "AjukanPermohonan_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "PelayananSuratKeterangan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Penghargaan" ADD CONSTRAINT "Penghargaan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JadwalKegiatan" ADD CONSTRAINT "JadwalKegiatan_pendaftaranJadwalKegiatanId_fkey" FOREIGN KEY ("pendaftaranJadwalKegiatanId") REFERENCES "PendaftaranJadwalKegiatan"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DataKematian_Kelahiran" ADD CONSTRAINT "DataKematian_Kelahiran_kematianId_fkey" FOREIGN KEY ("kematianId") REFERENCES "Kematian"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DataKematian_Kelahiran" ADD CONSTRAINT "DataKematian_Kelahiran_kelahiranId_fkey" FOREIGN KEY ("kelahiranId") REFERENCES "Kelahiran"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ArtikelKesehatan" ADD CONSTRAINT "ArtikelKesehatan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KontakDaruratKeamanan" ADD CONSTRAINT "KontakDaruratKeamanan_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KontakItem"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KontakDaruratToItem" ADD CONSTRAINT "KontakDaruratToItem_kontakDaruratId_fkey" FOREIGN KEY ("kontakDaruratId") REFERENCES "KontakDaruratKeamanan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KontakDaruratToItem" ADD CONSTRAINT "KontakDaruratToItem_kontakItemId_fkey" FOREIGN KEY ("kontakItemId") REFERENCES "KontakItem"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturBumDes" ADD CONSTRAINT "StrukturBumDes_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturBumDes" ADD CONSTRAINT "StrukturBumDes_posisiOrganisasiBumDesId_fkey" FOREIGN KEY ("posisiOrganisasiBumDesId") REFERENCES "PosisiOrganisasiBumDes"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturBumDes" ADD CONSTRAINT "StrukturBumDes_pegawaiBumDesId_fkey" FOREIGN KEY ("pegawaiBumDesId") REFERENCES "PegawaiBumDes"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PosisiOrganisasiBumDes" ADD CONSTRAINT "PosisiOrganisasiBumDes_parentId_fkey" FOREIGN KEY ("parentId") REFERENCES "PosisiOrganisasiBumDes"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PegawaiBumDes" ADD CONSTRAINT "PegawaiBumDes_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PegawaiBumDes" ADD CONSTRAINT "PegawaiBumDes_posisiId_fkey" FOREIGN KEY ("posisiId") REFERENCES "PosisiOrganisasiBumDes"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturOrganisasiBumDes" ADD CONSTRAINT "StrukturOrganisasiBumDes_posisiOrganisasiId_fkey" FOREIGN KEY ("posisiOrganisasiId") REFERENCES "PosisiOrganisasiBumDes"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StrukturOrganisasiBumDes" ADD CONSTRAINT "StrukturOrganisasiBumDes_pegawaiId_fkey" FOREIGN KEY ("pegawaiId") REFERENCES "PegawaiBumDes"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "MitraKolaborasi" ADD CONSTRAINT "MitraKolaborasi_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Lembaga" ADD CONSTRAINT "Lembaga_jenjangId_fkey" FOREIGN KEY ("jenjangId") REFERENCES "JenjangPendidikan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Siswa" ADD CONSTRAINT "Siswa_lembagaId_fkey" FOREIGN KEY ("lembagaId") REFERENCES "Lembaga"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Pengajar" ADD CONSTRAINT "Pengajar_lembagaId_fkey" FOREIGN KEY ("lembagaId") REFERENCES "Lembaga"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DataPerpustakaan" ADD CONSTRAINT "DataPerpustakaan_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KategoriBuku"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DataPerpustakaan" ADD CONSTRAINT "DataPerpustakaan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PeminjamanBuku" ADD CONSTRAINT "PeminjamanBuku_bukuId_fkey" FOREIGN KEY ("bukuId") REFERENCES "DataPerpustakaan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "User" ADD CONSTRAINT "User_roleId_fkey" FOREIGN KEY ("roleId") REFERENCES "roles"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "UserSession" ADD CONSTRAINT "UserSession_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 7aa39b9a..099cb7f9 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -183,41 +183,41 @@ model SdgsDesa {
 
 //========================================= APBDes ========================================= //
 model APBDes {
-  id          String        @id @default(cuid())
-  tahun       Int?
-  name        String?       // misalnya: "APBDes Tahun 2025"
-  deskripsi   String?
-  jumlah      String?       // total keseluruhan (opsional, bisa juga dihitung dari items)
-  items       APBDesItem[]
-  image       FileStorage?  @relation("APBDesImage", fields: [imageId], references: [id])
-  imageId     String?
-  file        FileStorage?  @relation("APBDesFile", fields: [fileId], references: [id])
-  fileId      String?
-  createdAt   DateTime      @default(now())
-  updatedAt   DateTime      @updatedAt
-  deletedAt   DateTime?     // opsional, tidak perlu default now()
-  isActive    Boolean       @default(true)
+  id        String       @id @default(cuid())
+  tahun     Int?
+  name      String? // misalnya: "APBDes Tahun 2025"
+  deskripsi String?
+  jumlah    String? // total keseluruhan (opsional, bisa juga dihitung dari items)
+  items     APBDesItem[]
+  image     FileStorage? @relation("APBDesImage", fields: [imageId], references: [id])
+  imageId   String?
+  file      FileStorage? @relation("APBDesFile", fields: [fileId], references: [id])
+  fileId    String?
+  createdAt DateTime     @default(now())
+  updatedAt DateTime     @updatedAt
+  deletedAt DateTime? // opsional, tidak perlu default now()
+  isActive  Boolean      @default(true)
 }
 
 model APBDesItem {
-  id          String        @id @default(cuid())
-  kode        String        // contoh: "4", "4.1", "4.1.2"
-  uraian      String        // nama item, contoh: "Pendapatan Asli Desa", "Hasil Usaha"
-  anggaran    Float         // dalam satuan Rupiah (bisa DECIMAL di DB, tapi Float umum di TS/JS)
-  realisasi   Float
-  selisih     Float         // realisasi - anggaran
-  persentase  Float  
-  tipe        String?       // (realisasi / anggaran) * 100
-  level       Int           // 1 = kelompok utama, 2 = sub-kelompok, 3 = detail
-  parentId    String?       // untuk relasi hierarki
-  parent      APBDesItem?   @relation("APBDesItemParent", fields: [parentId], references: [id])
-  children    APBDesItem[]  @relation("APBDesItemParent")
-  apbdesId    String
-  apbdes      APBDes        @relation(fields: [apbdesId], references: [id])
-  createdAt   DateTime      @default(now())
-  updatedAt   DateTime      @updatedAt
-  deletedAt   DateTime?     
-  isActive    Boolean       @default(true)
+  id         String       @id @default(cuid())
+  kode       String // contoh: "4", "4.1", "4.1.2"
+  uraian     String // nama item, contoh: "Pendapatan Asli Desa", "Hasil Usaha"
+  anggaran   Float // dalam satuan Rupiah (bisa DECIMAL di DB, tapi Float umum di TS/JS)
+  realisasi  Float
+  selisih    Float // realisasi - anggaran
+  persentase Float
+  tipe       String? // (realisasi / anggaran) * 100
+  level      Int // 1 = kelompok utama, 2 = sub-kelompok, 3 = detail
+  parentId   String? // untuk relasi hierarki
+  parent     APBDesItem?  @relation("APBDesItemParent", fields: [parentId], references: [id])
+  children   APBDesItem[] @relation("APBDesItemParent")
+  apbdesId   String
+  apbdes     APBDes       @relation(fields: [apbdesId], references: [id])
+  createdAt  DateTime     @default(now())
+  updatedAt  DateTime     @updatedAt
+  deletedAt  DateTime?
+  isActive   Boolean      @default(true)
 
   @@index([kode])
   @@index([level])
@@ -2164,7 +2164,7 @@ enum StatusPeminjaman {
 
 model User {
   id          String       @id @default(cuid())
-  username    String
+  username    String       @unique
   nomor       String       @unique
   role        Role         @relation(fields: [roleId], references: [id])
   roleId      String       @default("1")
diff --git a/src/app/admin/(dashboard)/auth/login-admin/page.tsx b/src/app/admin/(dashboard)/auth/login-admin/page.tsx
index ab591207..a44f35b0 100644
--- a/src/app/admin/(dashboard)/auth/login-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/login-admin/page.tsx
@@ -1,104 +1,98 @@
-'use client'
-import { apiFetchLogin } from '@/app/admin/auth/_lib/api_fetch_auth';
+'use client';
+import { apiFetchLogin } from '@/app/api/auth/_lib/api_fetch_auth';
 import colors from '@/con/colors';
-import { Box, Button, Center, Flex, Image, Paper, Stack, Text, Title } from '@mantine/core';
-import Link from 'next/link';
+import { Box, Button, Center, Image, Paper, Stack, Title } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
-import { PhoneInput } from "react-international-phone";
-import "react-international-phone/style.css";
+import { PhoneInput } from 'react-international-phone';
+import 'react-international-phone/style.css';
 import { toast } from 'react-toastify';
 
-
-
 function Login() {
-  const router = useRouter()
-  const [phone, setPhone] = useState("")
-  const [isError, setError] = useState(false)
-  const [loading, setLoading] = useState(false)
+  const router = useRouter();
+  const [phone, setPhone] = useState('');
+  const [loading, setLoading] = useState(false);
 
+  // Login.tsx
   async function onLogin() {
-    const nomor = phone.substring(1);
-    if (nomor.length <= 4) return setError(true)
-
+    const cleanPhone = phone.replace(/\D/g, '');
+    if (cleanPhone.length < 10) {
+      toast.error('Nomor telepon tidak valid');
+      return;
+    }
 
     try {
       setLoading(true);
-      const response = await apiFetchLogin({ nomor: nomor })
-      if (response && response.success) {
-        localStorage.setItem("hipmi_auth_code_id", response.kodeId);
-        toast.success(response.message);
-        router.push("/validasi", { scroll: false });
+      const response = await apiFetchLogin({ nomor: cleanPhone });
+
+      if (!response.success) {
+        toast.error(response.message || 'Gagal memproses login');
+        return;
+      }
+
+      // Simpan nomor untuk register
+      localStorage.setItem('auth_nomor', cleanPhone);
+
+      if (response.isRegistered) {
+        // ✅ User lama: simpan kodeId & ke validasi
+        localStorage.setItem('auth_kodeId', response.kodeId);
+        router.push('/validasi');
       } else {
-        setLoading(false);
-        toast.error(response?.message);
+        // ❌ User baru: langsung ke registrasi (tanpa kodeId)
+        router.push('/registrasi');
       }
     } catch (error) {
-      setLoading(false)
-      console.log("Error Login", error)
-      toast.error("Terjadi kesalahan saat login")
+      console.error('Error Login:', error);
+      toast.error('Terjadi kesalahan saat login');
+    } finally {
+      setLoading(false);
     }
   }
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg}>
+    <Stack pos="relative" bg={colors.Bg}>
       <Box px={{ base: 'md', md: 100 }} pb={50}>
-        <Stack align='center' justify='center' h={"100vh"}>
-          <Paper p={'xl'} radius={'md'} bg={colors['white-trans-1']}>
-            <Stack align='center' gap={"lg"}>
+        <Stack align="center" justify="center" h="100vh">
+          <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '100%', sm: 400 }}>
+            <Stack align="center" gap="lg">
               <Box>
-                <Title ta={"center"} order={2} fw={'bold'} c={colors['blue-button']}>
+                <Title ta="center" order={2} fw="bold" c={colors['blue-button']}>
                   Login
                 </Title>
                 <Center>
-                  <Image loading="lazy" src={"/darmasaba-icon.png"} alt="" w={80} />
+                  <Image
+                    loading="lazy"
+                    src="/darmasaba-icon.png"
+                    alt="Logo"
+                    w={80}
+                    h={80}
+                  />
                 </Center>
               </Box>
-              <Box>
-              {/* <Box mb={10}>
-                <Text c={colors['blue-button']} ta={"center"} fz={"sm"} fw={'bold'}>Masuk Untuk Akses Admin</Text>
-                <TextInput
-                  label='Username'
-                  placeholder='Username'
-                  value={username}
-                  onChange={(e) => setUsername(e.target.value)}
-                  required
-                />
-              </Box> */}
+              <Box w="100%">
                 <PhoneInput
                   countrySelectorStyleProps={{
                     buttonStyle: {
                       backgroundColor: colors['blue-button'],
                     },
                   }}
-                  inputStyle={{ width: "100%"}}
+                  inputStyle={{ width: '100%' }}
                   defaultCountry="id"
-                  onChange={(val) => {
-                    setPhone(val);
-                  }}
+                  value={phone}
+                  onChange={(val) => setPhone(val)}
                 />
 
-                {isError ? (
-                  toast.error("Masukan nomor telepon anda")
-                ) : (
-                  ""
-                )}
-                <Box py={20} >
+                <Box py={20}>
                   <Button
                     fullWidth
                     bg={colors['blue-button']}
-                    radius={'xl'}
+                    radius="xl"
                     onClick={onLogin}
-                    loading={loading ? true : false}
-                  >Masuk
+                    loading={loading}
+                  >
+                    Masuk
                   </Button>
                 </Box>
-                <Flex justify={'center'} align={'center'}>
-                  <Text>Belum punya akun? </Text>
-                  <Button variant='transparent' component={Link} href={'/registrasi'}>
-                    <Text c={colors['blue-button']} fw={'bold'}>Registrasi</Text>
-                  </Button>
-                </Flex>
               </Box>
             </Stack>
           </Paper>
@@ -108,4 +102,4 @@ function Login() {
   );
 }
 
-export default Login;
+export default Login;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx
index 62d2554b..537ae814 100644
--- a/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx
@@ -1,113 +1,127 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-'use client'
-import { apiFetchRegister } from '@/app/admin/auth/_lib/api_fetch_auth';
+// app/registrasi/page.tsx
+'use client';
+
+import { apiFetchRegister } from '@/app/api/auth/_lib/api_fetch_auth';
 import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
 import colors from '@/con/colors';
-import { Box, Button, Center, Checkbox, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import {
+  Box, Button, Center, Checkbox, Image, Paper, Stack, Text, TextInput, Title,
+} from '@mantine/core';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
-import { PhoneInput } from "react-international-phone";
-import "react-international-phone/style.css";
+import { useEffect, useState } from 'react';
+import { PhoneInput } from 'react-international-phone';
+import 'react-international-phone/style.css';
 import { toast } from 'react-toastify';
 
-function Registrasi() {
-  const [phone, setPhone] = useState("")
-  const router = useRouter()
-  const [value, setValue] = useState("")
-  const [isValue, setIsValue] = useState(false);
+export default function Registrasi() {
+  const router = useRouter();
+  const [username, setUsername] = useState('');
   const [loading, setLoading] = useState(false);
+  const [phone, setPhone] = useState(''); // ✅ tambahkan state untuk phone
 
-  async function onRegistarsi() {
-    if (value.length < 5) {
-      toast.error("Username minimal 5 karakter!");
+  // Ambil data dari localStorage (dari login)
+  useEffect(() => {
+    const storedNomor = localStorage.getItem('auth_nomor');
+    if (!storedNomor) {
+      toast.error('Akses tidak valid');
+      router.push('/login');
       return;
     }
-  
-    if (value.includes(" ")) {
-      toast.error("Username tidak boleh ada spasi!");
+    setPhone(storedNomor);
+  }, [router]);
+
+  const handleRegister = async () => {
+    if (!username || username.trim().length < 5) {
+      toast.error('Username minimal 5 karakter!');
       return;
     }
-  
-    if (!phone) {
-      toast.error("Nomor telepon wajib diisi!");
+    if (username.includes(' ')) {
+      toast.error('Username tidak boleh ada spasi!');
       return;
     }
-    
+
+    const cleanPhone = phone.replace(/\D/g, '');
+    if (cleanPhone.length < 10) {
+      toast.error('Nomor tidak valid!');
+      return;
+    }
+
     try {
       setLoading(true);
-      const respone = await apiFetchRegister({ nomor: phone, username: value });
+      // ✅ Hanya kirim username & nomor → dapat kodeId
+      const response = await apiFetchRegister({ username, nomor: cleanPhone });
 
-      if (respone.success) {
-        router.push("/login", { scroll: false });
-        toast.success(respone.message);
+      if (response.success) {
+        // Simpan sementara
+        localStorage.setItem('auth_kodeId', response.kodeId);
+        localStorage.setItem('auth_username', username); // simpan username
 
-      } else {
-        setLoading(false);
-        toast.error(respone.message);
+        toast.success('Kode verifikasi dikirim!');
+        router.push('/validasi'); // ✅ ke halaman validasi
       }
     } catch (error) {
+      console.error('Error Registrasi:', error);
+      toast.error('Gagal mengirim OTP');
+    } finally {
       setLoading(false);
-      console.log("Error Registrasi", error);
     }
-  }
+  };
+
   return (
-    <Stack pos={"relative"} bg={colors.Bg} gap={"22"} py={"xl"} h={"100vh"}>
+    <Stack pos="relative" bg={colors.Bg} gap="22" py="xl" h="100vh">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
       <Box px={{ base: 'md', md: 100 }}>
-        <Stack justify='center' align='center' h={"80vh"}>
-          <Paper p={'xl'} radius={'md'} bg={colors['white-trans-1']}>
-            <Stack align='center'>
-              <Title order={2} fw={'bold'} c={colors['blue-button']}>
+        <Stack justify="center" align="center" h="80vh">
+          <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '100%', sm: 400 }}>
+            <Stack align="center">
+              <Title order={2} fw="bold" c={colors['blue-button']}>
                 Registrasi
               </Title>
               <Center>
-                <Image loading="lazy" src={"/darmasaba-icon.png"} alt="" w={80} />
+                <Image loading="lazy" src="/darmasaba-icon.png" alt="" w={80} />
               </Center>
-              <Box>
-                <TextInput placeholder='Username'
-                  label='Username'
-                  maxLength={50}
-
+              <Box w="100%">
+                <TextInput
+                  label="Username"
+                  placeholder="Username"
+                  value={username}
+                  onChange={(e) => setUsername(e.currentTarget.value)}
                   error={
-                    value.length > 0 && value.length < 5
-                      ? "Minimal 5 karakter !"
-                      : value.includes(" ")
-                      ? "Tidak boleh ada spasi"
-                      : isValue
-                      ? "Masukan username anda"
-                      : ""
+                    username.length > 0 && username.length < 5
+                      ? 'Minimal 5 karakter!'
+                      : username.includes(' ')
+                      ? 'Tidak boleh ada spasi'
+                      : ''
                   }
-                  onChange={(val) => {
-                    val.currentTarget.value.length > 0 ? setIsValue(false) : "";
-                    setValue(val.currentTarget.value);
-                  }}
                   required
-
                 />
-                <Box py={10}>
-                  <Text fz={"sm"} >Nomor Telepon</Text>
+
+                <Box pt="md">
+                  <Text fz="sm">Nomor Telepon</Text>
                   <PhoneInput
-                    countrySelectorStyleProps={{
-                      buttonStyle: {
-                        backgroundColor: colors['blue-button'],
-                      },
-                    }}
-                    inputStyle={{ width: "100%" }}
                     defaultCountry="id"
-                    onChange={(val) => {
-                      setPhone(val);
-                    }}
+                    value={phone}
+                    disabled
                   />
                 </Box>
-                <Box pb={10}>
-                  <Checkbox
-                    label="Saya menyetujui syarat dan ketentuan yang berlaku"
-                  />
+
+                <Box pt="md">
+                  <Checkbox label="Saya menyetujui syarat dan ketentuan" defaultChecked />
                 </Box>
-                <Box pb={20} >
-                  <Button fullWidth bg={colors['blue-button']} radius={'xl'} onClick={onRegistarsi} loading={loading ? true : false}>Daftar</Button>
+
+                <Box pt="xl">
+                  <Button
+                    fullWidth
+                    bg={colors['blue-button']}
+                    radius="xl"
+                    onClick={handleRegister}
+                    loading={loading}
+                    disabled={username.length < 5}
+                  >
+                    Kirim Kode Verifikasi
+                  </Button>
                 </Box>
               </Box>
             </Stack>
@@ -116,6 +130,4 @@ function Registrasi() {
       </Box>
     </Stack>
   );
-}
-
-export default Registrasi;
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 862edb33..d5180665 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -1,31 +1,177 @@
-'use client'
-import colors from '@/con/colors';
-import { Box, Button, Paper, PinInput, Stack, Text, Title } from '@mantine/core';
-import { useRouter } from 'next/navigation';
+// app/validasi/page.tsx
+'use client';
+
+import { apiFetchOtpData, apiFetchVerifyOtp } from '@/app/api/auth/_lib/api_fetch_auth';
+import colors from '@/con/colors';
+import { Box, Button, Loader, Paper, PinInput, Stack, Text, Title } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+
+export default function Validasi() {
+  const router = useRouter();
+  const [nomor, setNomor] = useState<string | null>(null);
+  const [otp, setOtp] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
+  const [kodeId, setKodeId] = useState<string | null>(null);
+
+  useEffect(() => {
+    const storedKodeId = localStorage.getItem('auth_kodeId');
+    if (!storedKodeId) {
+      toast.error('Akses tidak valid');
+      router.push('/login');
+      return;
+    }
+
+    setKodeId(storedKodeId);
+
+    const fetchOtpData = async () => {
+      try {
+        const result = await apiFetchOtpData({ kodeId: storedKodeId });
+        if (result.success && result.data?.nomor) {
+          setNomor(result.data.nomor);
+        } else {
+          throw new Error('OTP tidak valid');
+        }
+      } catch (error) {
+        console.error('Gagal muat OTP:', error);
+        toast.error('Kode verifikasi tidak valid');
+        router.push('/login');
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchOtpData();
+  }, [router]);
+
+  const handleVerify = async () => {
+    if (!kodeId || !nomor || otp.length < 4) return;
+  
+    try {
+      setLoading(true);
+      const verifyResult = await apiFetchVerifyOtp({ nomor, otp, kodeId });
+  
+      if (verifyResult.success) {
+        cleanupStorage();
+        router.push('/admin/landing-page/profil/program-inovasi');
+        return; // ✅ HENTIKAN eksekusi di sini
+      }
+  
+      // Hanya coba registrasi jika akun tidak ditemukan
+      if (verifyResult.status === 404 && verifyResult.message?.includes('Akun tidak ditemukan')) {
+        const username = localStorage.getItem('auth_username');
+        if (!username) {
+          toast.error('Data registrasi hilang');
+          return;
+        }
+  
+        const regRes = await fetch('/api/auth/finalize-registration', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ nomor, username, otp, kodeId }),
+        });
+  
+        const regData = await regRes.json();
+        if (regData.success) {
+          cleanupStorage();
+          router.push('/admin/landing-page/profil/program-inovasi');
+        } else {
+          toast.error(regData.message || 'Registrasi gagal');
+        }
+      } else {
+        // Hanya tampilkan error jika bukan kasus "akun tidak ditemukan"
+        toast.error(verifyResult.message || 'Verifikasi gagal');
+      }
+    } catch (error) {
+      console.error('Verifikasi error:', error);
+      toast.error('Terjadi kesalahan');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const cleanupStorage = () => {
+    localStorage.removeItem('auth_kodeId');
+    localStorage.removeItem('auth_nomor');
+    localStorage.removeItem('auth_username');
+  };
+
+  const handleResend = async () => {
+    if (!nomor) return;
+    try {
+      const res = await fetch('/api/auth/resend-otp', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ nomor }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        localStorage.setItem('auth_kodeId', data.kodeId);
+        toast.success('OTP baru dikirim');
+      }
+    } catch {
+      toast.error('Gagal kirim ulang');
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <Stack pos="relative" bg={colors.Bg} align="center" justify="center" h="100vh">
+        <Loader size="md" color={colors['blue-button']} />
+      </Stack>
+    );
+  }
+
+  if (!nomor) return null;
 
-function Validasi() {
-  const router = useRouter()
   return (
-    <Stack pos={"relative"} bg={colors.Bg}>
+    <Stack pos="relative" bg={colors.Bg}>
       <Box px={{ base: 'md', md: 100 }} pb={50}>
-        <Stack align='center' justify='center' h={"100vh"}>
-          <Paper p={'xl'} radius={'md'} bg={colors['white-trans-1']}>
-            <Stack align='center' gap={"lg"}>
+        <Stack align="center" justify="center" h="100vh">
+          <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '100%', sm: 400 }}>
+            <Stack align="center" gap="lg">
               <Box>
-                <Title ta={"center"} order={2} fw={'bold'} c={colors['blue-button']}>
+                <Title ta="center" order={2} fw="bold" c={colors['blue-button']}>
                   Kode Verifikasi
                 </Title>
+                <Text ta="center" size="sm" c="dimmed" mt="xs">
+                  Kami telah mengirim kode ke nomor <strong>{nomor}</strong>
+                </Text>
               </Box>
               <Box>
-                <Box mb={10}>
-                  <Text c={colors['blue-button']} ta={"center"} fz={"sm"} fw={'bold'}>Masukkan Kode Verifikasi</Text>
-                  <PinInput type={/^[0-9]*$/} inputType="tel" inputMode="numeric" />
+                <Box mb={20}>
+                  <Text c={colors['blue-button']} ta="center" fz="sm" fw="bold">
+                    Masukkan Kode Verifikasi
+                  </Text>
+                  <PinInput
+                    length={4}
+                    value={otp}
+                    onChange={setOtp}
+                    onComplete={handleVerify}
+                    inputMode="numeric"
+                    size="lg"
+                  />
                 </Box>
-                <Box py={20} >
-                  <Button onClick={() => router.push("/admin/landing-page/profile/program-inovasi")}>
-                    Page
+
+                <Button
+                  fullWidth
+                  onClick={handleVerify}
+                  loading={loading}
+                  disabled={otp.length < 4}
+                  bg={colors['blue-button']}
+                  radius="xl"
+                >
+                  Verifikasi
+                </Button>
+
+                <Text ta="center" size="sm" mt="md">
+                  Tidak menerima kode?{' '}
+                  <Button variant="subtle" onClick={handleResend} size="xs" p={0} h="auto" color={colors['blue-button']}>
+                    Kirim Ulang
                   </Button>
-                </Box>
+                </Text>
               </Box>
             </Stack>
           </Paper>
@@ -33,6 +179,4 @@ function Validasi() {
       </Box>
     </Stack>
   );
-}
-
-export default Validasi;
+}
\ No newline at end of file
diff --git a/src/app/admin/auth/_lib/api_fetch_auth.ts b/src/app/admin/auth/_lib/api_fetch_auth.ts
deleted file mode 100644
index 55c1e63b..00000000
--- a/src/app/admin/auth/_lib/api_fetch_auth.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-export {
-    apiFetchLogin,
-    apiFetchRegister
-};
-
-const apiFetchLogin = async ({ nomor }: { nomor: string }) => {
-    const response = await fetch("/api/auth/login", {
-        method: "POST",
-        body: JSON.stringify({ nomor: nomor }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
-    
-      return await response.json().catch(() => null);
-};
-
-const apiFetchRegister = async ({
-  nomor,
-  username,
-}: {
-  nomor: string;
-  username: string;
-}) => {
-  const data = {
-    username: username,
-    nomor: nomor,
-  };
-  const respone = await fetch("/api/auth/register", {
-    method: "POST",
-    body: JSON.stringify({ data }),
-    headers: {
-      "Content-Type": "application/json",
-    },
-  });
-
-  const result = await respone.json();
-
-  return result;
-  // return await respone.json().catch(() => null);
-};
diff --git a/src/app/api/[[...slugs]]/_lib/auth/login/route.ts b/src/app/api/[[...slugs]]/_lib/auth/login/route.ts
index dc002998..e7aca89a 100644
--- a/src/app/api/[[...slugs]]/_lib/auth/login/route.ts
+++ b/src/app/api/[[...slugs]]/_lib/auth/login/route.ts
@@ -1,5 +1,4 @@
 import prisma from "@/lib/prisma";
-
 import { NextResponse } from "next/server";
 import { randomOTP } from "../_lib/randomOTP";
 
@@ -12,52 +11,70 @@ export async function POST(req: Request) {
   }
 
   try {
-    const codeOtp = randomOTP();
     const body = await req.json();
     const { nomor } = body;
-    const res = await fetch(
-      `https://wa.wibudev.com/code?nom=${nomor}&text=Website Desa Darmasaba - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun Admin lainnya. 
-      \n 
-      >> Kode OTP anda: ${codeOtp}.
-      `
-    );
 
-    const sendWa = await res.json();
-
-    if (sendWa.status !== "success")
+    if (!nomor || typeof nomor !== "string") {
       return NextResponse.json(
-        { success: false, message: "Nomor Whatsapp Tidak Aktif" },
+        { success: false, message: "Nomor tidak valid" },
         { status: 400 }
       );
+    }
 
-    const createOtpId = await prisma.kodeOtp.create({
-      data: {
-        nomor: nomor,
-        otp: codeOtp,
-      },
+    // Cek apakah user sudah terdaftar
+    const existingUser = await prisma.user.findUnique({
+      where: { nomor },
+      select: { id: true }, // cukup cek ada/tidak
     });
 
-    if (!createOtpId)
+    const isRegistered = !!existingUser;
+
+    // Generate OTP
+    const codeOtp = randomOTP(); // Pastikan ini menghasilkan number (sesuai tipe di KodeOtp.otp: Int)
+
+    // Kirim OTP via WA
+    const waRes = await fetch(
+      `https://wa.wibudev.com/code?nom=${encodeURIComponent(nomor)}&text=Website Desa Darmasaba - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun Admin lainnya.%0A%0A>> Kode OTP anda: ${codeOtp}.`
+    );
+
+    const sendWa = await waRes.json();
+
+    if (sendWa.status !== "success") {
       return NextResponse.json(
-        { success: false, message: "Gagal mengirim kode OTP" },
+        { success: false, message: "Nomor WhatsApp tidak aktif" },
         { status: 400 }
       );
+    }
+
+    // Simpan OTP ke database
+    const otpRecord = await prisma.kodeOtp.create({
+      data: {
+        nomor: nomor,
+        otp: codeOtp, // Pastikan tipe ini number (Int di Prisma = number di TS)
+      },
+    });
 
     return NextResponse.json(
       {
         success: true,
         message: "Kode verifikasi terkirim",
-        kodeId: createOtpId.id,
+        kodeId: otpRecord.id,
+        isRegistered, // 🔑 Ini kunci untuk frontend tahu harus ke register atau verifikasi
       },
       { status: 200 }
     );
   } catch (error) {
-    console.log("Error Login", error);
+    console.error("Error Login:", error);
     return NextResponse.json(
-      { success: false, message: "Terjadi masalah saat login" , reason: error as Error },
+      {
+        success: false,
+        message: "Terjadi masalah saat login",
+        // Hindari mengirim error mentah ke client di production
+        // reason: process.env.NODE_ENV === 'development' ? (error as Error).message : undefined,
+      },
       { status: 500 }
     );
   } finally {
     await prisma.$disconnect();
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/auth/me/route.ts b/src/app/api/[[...slugs]]/_lib/auth/me/route.ts
new file mode 100644
index 00000000..4ea5d2fd
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/auth/me/route.ts
@@ -0,0 +1,30 @@
+import prisma from "@/lib/prisma";
+import { NextRequest } from "next/server";
+// Jika pakai custom session (bukan next-auth), ganti dengan logic session-mu
+
+export async function GET(req: NextRequest) {
+  // 🔸 GANTI DENGAN LOGIC SESSION-MU
+  // Contoh: jika kamu simpan user.id di cookie atau JWT
+  const userId = req.cookies.get("hipmi_user_id")?.value; // sesuaikan
+
+  if (!userId) {
+    return Response.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await prisma.user.findUnique({
+    where: { id: userId },
+    select: {
+      id: true,
+      username: true,
+      nomor: true,
+      isActive: true,
+      role: { select: { name: true } },
+    },
+  });
+
+  if (!user) {
+    return Response.json({ error: "User not found" }, { status: 404 });
+  }
+
+  return Response.json({ user });
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/auth/register/route.ts b/src/app/api/[[...slugs]]/_lib/auth/register/route.ts
new file mode 100644
index 00000000..cf2de7f0
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/auth/register/route.ts
@@ -0,0 +1,104 @@
+// import prisma from "@/lib/prisma";
+// import { NextResponse } from "next/server";
+
+// export async function POST(req: Request) {
+//   if (req.method !== "POST") {
+//     return NextResponse.json(
+//       { success: false, message: "Method Not Allowed" },
+//       { status: 405 }
+//     );
+//   }
+
+//   try {
+//     const { username, nomor, otp, kodeId } = await req.json();
+
+//     // Validasi input
+//     if (!username || !nomor || !otp || !kodeId) {
+//       return NextResponse.json(
+//         { success: false, message: "Data tidak lengkap" },
+//         { status: 400 }
+//       );
+//     }
+
+//     // 1. Verifikasi OTP
+//     const otpRecord = await prisma.kodeOtp.findUnique({
+//       where: { id: kodeId },
+//     });
+
+//     if (!otpRecord) {
+//       return NextResponse.json(
+//         { success: false, message: "Kode verifikasi tidak valid" },
+//         { status: 400 }
+//       );
+//     }
+
+//     if (!otpRecord.isActive) {
+//       return NextResponse.json(
+//         { success: false, message: "Kode verifikasi sudah digunakan atau kadaluarsa" },
+//         { status: 400 }
+//       );
+//     }
+
+//     if (otpRecord.otp !== otp) {
+//       return NextResponse.json(
+//         { success: false, message: "Kode OTP salah" },
+//         { status: 400 }
+//       );
+//     }
+
+//     if (otpRecord.nomor !== nomor) {
+//       return NextResponse.json(
+//         { success: false, message: "Nomor tidak sesuai dengan kode verifikasi" },
+//         { status: 400 }
+//       );
+//     }
+
+//     // 3. Cek apakah nomor sudah terdaftar
+//     const existingUserByNomor = await prisma.user.findUnique({
+//       where: { nomor },
+//     });
+
+//     if (existingUserByNomor) {
+//       return NextResponse.json(
+//         { success: false, message: "Nomor sudah terdaftar" },
+//         { status: 409 }
+//       );
+//     }
+
+//     // 4. Buat user
+//     const newUser = await prisma.user.create({
+//       data: {
+//         username,
+//         nomor,
+//         // roleId default "1" (sesuai model)
+//       },
+//     });
+
+//     // 5. Nonaktifkan OTP agar tidak bisa dipakai lagi
+//     await prisma.kodeOtp.update({
+//       where: { id: kodeId },
+//       data: { isActive: false },
+//     });
+
+//     return NextResponse.json(
+//       {
+//         success: true,
+//         message: "Registrasi berhasil",
+//         userId: newUser.id,
+//       },
+//       { status: 201 }
+//     );
+//   } catch (error) {
+//     console.error("Error registrasi:", error);
+//     return NextResponse.json(
+//       {
+//         success: false,
+//         message: "Terjadi kesalahan saat registrasi",
+//         // reason: process.env.NODE_ENV === 'development' ? (error as Error).message : undefined,
+//       },
+//       { status: 500 }
+//     );
+//   } finally {
+//     await prisma.$disconnect();
+//   }
+// }
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/api_fetch_auth.ts b/src/app/api/auth/_lib/api_fetch_auth.ts
new file mode 100644
index 00000000..38d76ddb
--- /dev/null
+++ b/src/app/api/auth/_lib/api_fetch_auth.ts
@@ -0,0 +1,152 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+// app/api/auth/_lib/api_fetch_auth.ts
+
+// app/api/auth/_lib/api_fetch_auth.ts
+
+export const apiFetchLogin = async ({ nomor }: { nomor: string }) => {
+  if (!nomor || nomor.replace(/\D/g, '').length < 10) {
+    throw new Error('Nomor tidak valid');
+  }
+
+  const cleanPhone = nomor.replace(/\D/g, '');
+
+  const response = await fetch("/api/auth/login", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ nomor: cleanPhone }),
+  });
+
+  // Pastikan respons bisa di-parse sebagai JSON
+  let data;
+  try {
+    data = await response.json();
+  } catch (e) {
+    console.error("Non-JSON response from /api/auth/login:", await response.text());
+    throw new Error('Respons server tidak valid');
+  }
+
+  if (!response.ok) {
+    throw new Error(data.message || 'Gagal memproses login');
+  }
+
+  // Validasi minimal respons
+  if (typeof data.success !== 'boolean' || typeof data.isRegistered !== 'boolean') {
+    throw new Error('Respons tidak sesuai format');
+  }
+
+  if (data.success) {
+    if (data.isRegistered && !data.kodeId) {
+      throw new Error('Kode verifikasi tidak ditemukan untuk user terdaftar');
+    }
+    return data; // { success, isRegistered, kodeId? }
+  } else {
+    throw new Error(data.message || 'Login gagal');
+  }
+};
+
+export const apiFetchRegister = async ({
+  username,
+  nomor,
+}: {
+  username: string;
+  nomor: string;
+}) => {
+  const cleanPhone = nomor.replace(/\D/g, '');
+  if (cleanPhone.length < 10) throw new Error('Nomor tidak valid');
+
+  const response = await fetch("/api/auth/send-otp-register", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ username: username.trim(), nomor: cleanPhone }),
+  });
+
+  const data = await response.json();
+  if (!response.ok) throw new Error(data.message || 'Gagal mengirim OTP');
+
+  return data;
+};
+
+export const apiFetchOtpData = async ({ kodeId }: { kodeId: string }) => {
+  if (!kodeId) {
+    throw new Error('Kode ID tidak valid');
+  }
+
+  const response = await fetch("/api/auth/otp-data", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ kodeId }),
+  });
+
+  const data = await response.json();
+
+  if (!response.ok) {
+    throw new Error(data.message || 'Gagal memuat data OTP');
+  }
+
+  return data;
+};
+
+// export const apiFetchVerifyOtp = async ({
+//   nomor,
+//   otp,
+//   kodeId
+// }: {
+//   nomor: string;
+//   otp: string;
+//   kodeId: string;
+// }) => {
+//   if (!nomor || !otp || !kodeId) {
+//     throw new Error('Data verifikasi tidak lengkap');
+//   }
+
+//   if (!/^\d{4,6}$/.test(otp)) {
+//     throw new Error('Kode OTP harus 4-6 digit angka');
+//   }
+
+//   const response = await fetch('/api/auth/verify-otp', {
+//     method: 'POST',
+//     headers: { 'Content-Type': 'application/json' },
+//     body: JSON.stringify({ nomor, otp, kodeId }),
+//   });
+
+//   const data = await response.json();
+
+//   if (!response.ok) {
+//     throw new Error(data.message || 'Verifikasi OTP gagal');
+//   }
+
+//   return data;
+// };
+
+export const apiFetchVerifyOtp = async ({
+  nomor,
+  otp,
+  kodeId
+}: {
+  nomor: string;
+  otp: string;
+  kodeId: string;
+}) => {
+  if (!nomor || !otp || !kodeId) {
+    throw new Error('Data verifikasi tidak lengkap');
+  }
+
+  if (!/^\d{4,6}$/.test(otp)) {
+    throw new Error('Kode OTP harus 4-6 digit angka');
+  }
+
+  const response = await fetch('/api/auth/verify-otp', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ nomor, otp, kodeId }),
+  });
+
+  const data = await response.json();
+
+  // ✅ Jangan throw error untuk status 4xx — biarkan frontend handle
+  return {
+    success: response.ok,
+    ...data,
+    status: response.status,
+  };
+};
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/decrypt.ts b/src/app/api/auth/_lib/decrypt.ts
index e36a5342..fc7893b2 100644
--- a/src/app/api/auth/_lib/decrypt.ts
+++ b/src/app/api/auth/_lib/decrypt.ts
@@ -1,50 +1,32 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { jwtVerify } from "jose";
 
 export async function decrypt({
   token,
-  encodedKey,
+  jwtSecret,
 }: {
   token: string;
-  encodedKey: string;
-}): Promise<Record<string, any> | null> {
-  if (!token || !encodedKey) {
-    console.error("Missing required parameters:", {
-      hasToken: !!token,
-      hasEncodedKey: !!encodedKey,
-    });
-    return null;
-  }
+  jwtSecret: string;
+}): Promise<Record<string, unknown> | null> {
+  if (!token || !jwtSecret) return null;
 
   try {
-    const enc = new TextEncoder().encode(encodedKey);
-    const { payload } = await jwtVerify(token, enc, {
+    const secret = new TextEncoder().encode(jwtSecret);
+    const { payload } = await jwtVerify(token, secret, {
       algorithms: ["HS256"],
     });
 
-    if (!payload || !payload.user) {
-      console.error("Invalid payload structure:", {
-        hasPayload: !!payload,
-        hasUser: payload ? !!payload.user : false,
-      });
+    if (
+      typeof payload !== "object" ||
+      payload === null ||
+      !("user" in payload) ||
+      typeof payload.user !== "object"
+    ) {
       return null;
     }
 
-    // Logging untuk debug
-    // console.log("Decrypt successful:", {
-    //   payloadExists: !!payload,
-    //   userExists: !!payload.user,
-    //   tokenPreview: token.substring(0, 10) + "...",
-    // });
-
-    return payload.user as Record<string, any>;
+    return payload.user as Record<string, unknown>;
   } catch (error) {
-    console.error("Token verification failed:", {
-      error,
-      tokenLength: token?.length,
-      errorName: error instanceof Error ? error.name : "Unknown error",
-      errorMessage: error instanceof Error ? error.message : String(error),
-    });
+    console.error("JWT Decrypt failed:", error);
     return null;
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/encrypt.ts b/src/app/api/auth/_lib/encrypt.ts
index cde1ebd9..c17970df 100644
--- a/src/app/api/auth/_lib/encrypt.ts
+++ b/src/app/api/auth/_lib/encrypt.ts
@@ -1,26 +1,23 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { SignJWT } from "jose";
 
 export async function encrypt({
   user,
-  exp = "7 year",
-  encodedKey,
+  exp = "7d",
+  jwtSecret,
 }: {
-  user: Record<string, any>;
-  exp?: string;
-  encodedKey: string;
+  user: Record<string, unknown>;
+  exp?: string | number;
+  jwtSecret: string;
 }): Promise<string | null> {
   try {
-    const enc = new TextEncoder().encode(encodedKey);
+    const secret = new TextEncoder().encode(jwtSecret);
     return new SignJWT({ user })
       .setProtectedHeader({ alg: "HS256" })
       .setIssuedAt()
       .setExpirationTime(exp)
-      .sign(enc);
+      .sign(secret);
   } catch (error) {
-    console.error("Gagal mengenkripsi", error);
+    console.error("JWT Encrypt failed:", error);
     return null;
   }
-}
-
-// wibu:0.2.82
+}
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/session_create.ts b/src/app/api/auth/_lib/session_create.ts
index fffd75cc..2d14b8af 100644
--- a/src/app/api/auth/_lib/session_create.ts
+++ b/src/app/api/auth/_lib/session_create.ts
@@ -1,36 +1,42 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { cookies } from "next/headers";
 import { encrypt } from "./encrypt";
 
 export async function sessionCreate({
   sessionKey,
   exp = "7 year",
-  encodedKey,
+  jwtSecret,
   user,
 }: {
   sessionKey: string;
   exp?: string;
-  encodedKey: string;
+  jwtSecret: string;
   user: Record<string, unknown>;
 }) {
+  // 🔒 Validasi kunci tidak kosong
+  if (!sessionKey || sessionKey.length === 0) {
+    throw new Error("sessionKey tidak boleh kosong");
+  }
+  if (!jwtSecret || jwtSecret.length === 0) {
+    throw new Error("jwtSecret tidak boleh kosong");
+  }
+
   const token = await encrypt({
     exp,
-    encodedKey,
+    jwtSecret,
     user,
   });
 
-  const cookie: any = {
-    key: sessionKey,
-    value: token,
-    options: {
-      httpOnly: true,
-      sameSite: "lax",
-      path: "/",
-    },
-  };
+  if (token === null) {
+    throw new Error("Token generation failed");
+  }
+
+  const cookieStore = await cookies();
+  cookieStore.set(sessionKey, token, {
+    httpOnly: true,
+    sameSite: "lax",
+    path: "/",
+    secure: process.env.NODE_ENV === "production",
+  });
 
-  (await cookies()).set(cookie.key, cookie.value, { ...cookie.options });
   return token;
-}
-
-// wibu:0.2.82
+}
\ No newline at end of file
diff --git a/src/app/api/auth/finalize-registration/route.ts b/src/app/api/auth/finalize-registration/route.ts
new file mode 100644
index 00000000..3736ab5a
--- /dev/null
+++ b/src/app/api/auth/finalize-registration/route.ts
@@ -0,0 +1,40 @@
+// app/api/auth/finalize-registration/route.ts
+import prisma from "@/lib/prisma";
+import { NextResponse } from "next/server";
+import { sessionCreate } from "../_lib/session_create";
+
+export async function POST(req: Request) {
+  try {
+    const { nomor, username, kodeId } = await req.json();
+
+    // Verifikasi OTP (sama seperti verify-otp)
+    const otpRecord = await prisma.kodeOtp.findUnique({ where: { id: kodeId } });
+    if (!otpRecord?.isActive || otpRecord.nomor !== nomor) {
+      return NextResponse.json({ success: false, message: 'OTP tidak valid' }, { status: 400 });
+    }
+
+    // Buat user
+    const user = await prisma.user.create({
+      data: { username, nomor, isActive: true }
+    });
+
+    // Nonaktifkan OTP
+    await prisma.kodeOtp.update({ where: { id: kodeId }, data: { isActive: false } });
+
+    // Buat session
+    const token = await sessionCreate({
+      sessionKey: process.env.BASE_SESSION_KEY!,
+      jwtSecret: process.env.BASE_TOKEN_KEY!,
+      user: { id: user.id, nomor: user.nomor, username: user.username, roleId: user.roleId, isActive: true },
+    });
+
+    const response = NextResponse.json({ success: true, roleId: user.roleId });
+    response.cookies.set(process.env.BASE_SESSION_KEY!, token, { /* options */ });
+    return response;
+  } catch (error) {
+    console.error('Finalize Registration Error:', error);
+    return NextResponse.json({ success: false, message: 'Registrasi gagal' }, { status: 500 });
+  } finally {
+    await prisma.$disconnect();
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
index dc002998..96333148 100644
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -1,5 +1,5 @@
+// app/api/auth/login/route.ts
 import prisma from "@/lib/prisma";
-
 import { NextResponse } from "next/server";
 import { randomOTP } from "../_lib/randomOTP";
 
@@ -12,52 +12,66 @@ export async function POST(req: Request) {
   }
 
   try {
-    const codeOtp = randomOTP();
-    const body = await req.json();
-    const { nomor } = body;
-    const res = await fetch(
-      `https://wa.wibudev.com/code?nom=${nomor}&text=Website Desa Darmasaba - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun Admin lainnya. 
-      \n 
-      >> Kode OTP anda: ${codeOtp}.
-      `
-    );
+    const { nomor } = await req.json();
 
-    const sendWa = await res.json();
-
-    if (sendWa.status !== "success")
+    if (!nomor || typeof nomor !== "string") {
       return NextResponse.json(
-        { success: false, message: "Nomor Whatsapp Tidak Aktif" },
+        { success: false, message: "Nomor tidak valid" },
         { status: 400 }
       );
+    }
 
-    const createOtpId = await prisma.kodeOtp.create({
-      data: {
-        nomor: nomor,
-        otp: codeOtp,
-      },
+    const existingUser = await prisma.user.findUnique({
+      where: { nomor },
+      select: { id: true, isActive: true },
     });
 
-    if (!createOtpId)
-      return NextResponse.json(
-        { success: false, message: "Gagal mengirim kode OTP" },
-        { status: 400 }
-      );
+    const isRegistered = !!existingUser;
 
-    return NextResponse.json(
-      {
+    if (isRegistered) {
+      // ✅ User terdaftar → kirim OTP
+      const codeOtp = randomOTP();
+      const otpNumber = Number(codeOtp);
+
+      const waMessage = `Website Desa Darmasaba - Kode verifikasi Anda: ${codeOtp}`;
+      const waUrl = `https://wa.wibudev.com/code?nom=${encodeURIComponent(nomor)}&text=${encodeURIComponent(waMessage)}`;
+
+      const res = await fetch(waUrl);
+      const sendWa = await res.json();
+
+      if (sendWa.status !== "success") {
+        return NextResponse.json(
+          { success: false, message: "Gagal mengirim OTP via WhatsApp" },
+          { status: 400 }
+        );
+      }
+
+      const createOtpId = await prisma.kodeOtp.create({
+        data: { nomor, otp: otpNumber, isActive: true },
+      });
+
+      return NextResponse.json({
         success: true,
-        message: "Kode verifikasi terkirim",
+        message: "Kode verifikasi dikirim",
         kodeId: createOtpId.id,
-      },
-      { status: 200 }
-    );
+        isRegistered: true,
+      });
+    } else {
+      // ❌ User belum terdaftar → JANGAN kirim OTP
+      return NextResponse.json({
+        success: true,
+        message: "Nomor belum terdaftar",
+        isRegistered: false,
+        // Tidak ada kodeId
+      });
+    }
   } catch (error) {
-    console.log("Error Login", error);
+    console.error("Error Login:", error);
     return NextResponse.json(
-      { success: false, message: "Terjadi masalah saat login" , reason: error as Error },
+      { success: false, message: "Terjadi kesalahan saat login" },
       { status: 500 }
     );
   } finally {
     await prisma.$disconnect();
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/auth/me/route.ts b/src/app/api/auth/me/route.ts
new file mode 100644
index 00000000..e2795695
--- /dev/null
+++ b/src/app/api/auth/me/route.ts
@@ -0,0 +1,30 @@
+import prisma from "@/lib/prisma";
+import { NextRequest } from "next/server";
+// Jika pakai custom session (bukan next-auth), ganti dengan logic session-mu
+
+export async function GET(req: NextRequest) {
+  // 🔸 GANTI DENGAN LOGIC SESSION-MU
+  // Contoh: jika kamu simpan user.id di cookie atau JWT
+  const userId = req.cookies.get("desadarmasaba_user_id")?.value; // sesuaikan
+
+  if (!userId) {
+    return Response.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await prisma.user.findUnique({
+    where: { id: userId },
+    select: {
+      id: true,
+      username: true,
+      nomor: true,
+      isActive: true,
+      role: { select: { name: true } },
+    },
+  });
+
+  if (!user) {
+    return Response.json({ error: "User not found" }, { status: 404 });
+  }
+
+  return Response.json({ user });
+}
\ No newline at end of file
diff --git a/src/app/api/auth/otp-data/route.ts b/src/app/api/auth/otp-data/route.ts
new file mode 100644
index 00000000..f1d6aef5
--- /dev/null
+++ b/src/app/api/auth/otp-data/route.ts
@@ -0,0 +1,41 @@
+// app/api/auth/otp-data/route.ts
+import { NextResponse } from "next/server";
+import prisma from "@/lib/prisma";
+
+export async function POST(req: Request) {
+  try {
+    const { kodeId } = await req.json();
+
+    if (!kodeId) {
+      return NextResponse.json(
+        { success: false, message: "Kode ID tidak diberikan" },
+        { status: 400 }
+      );
+    }
+
+    const otpRecord = await prisma.kodeOtp.findUnique({
+      where: { id: kodeId },
+      select: { id: true, nomor: true, isActive: true, createdAt: true },
+    });
+
+    if (!otpRecord || !otpRecord.isActive) {
+      return NextResponse.json(
+        { success: false, message: "Kode verifikasi tidak valid atau sudah digunakan" },
+        { status: 400 }
+      );
+    }
+
+    return NextResponse.json({
+      success: true,
+      data: otpRecord,
+    });
+  } catch (error) {
+    console.error("Error fetching OTP data:", error);
+    return NextResponse.json(
+      { success: false, message: "Gagal mengambil data OTP" },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/register/route.ts b/src/app/api/auth/register/route.ts
index eb7af548..be034c8f 100644
--- a/src/app/api/auth/register/route.ts
+++ b/src/app/api/auth/register/route.ts
@@ -1,62 +1,122 @@
-import prisma from "@/lib/prisma";
-import { NextResponse } from "next/server";
+// app/api/auth/register/route.ts
+import { NextResponse } from 'next/server';
+import prisma from '@/lib/prisma';
 
 export async function POST(req: Request) {
-  if (req.method !== "POST") {
-    return NextResponse.json(
-      { success: false, message: "Method Not Allowed" },
-      { status: 405 }
-    );
-  }
-
   try {
-    const { data } = await req.json();
+    // Terima langsung properti, bukan { data: { ... } }
+    const { username, nomor } = await req.json();
 
-    const cekUsername = await prisma.user.findUnique({
-      where: {
-        username: data.username,
-        nomor: data.nomor,
-      },
-    });
-
-    if (cekUsername)
-      return NextResponse.json({
-        success: false,
-        message: "Username sudah digunakan",
-      });
-
-    const createUser = await prisma.user.create({
-      data: {
-        username: data.username,
-        nomor: data.nomor,
-      },
-    });
-
-    if (!createUser)
+    // Validasi input
+    if (!username || !nomor) {
       return NextResponse.json(
-        { success: false, message: "Gagal Registrasi" },
-        { status: 500 }
+        { success: false, message: 'Data tidak lengkap' },
+        { status: 400 }
       );
+    }
 
-    return NextResponse.json(
-      {
-        success: true,
-        message: "Registrasi Berhasil, Anda Sedang Login",
-        // data: createUser,
+    // // Validasi OTP: pastikan berisi digit saja
+    // const cleanOtp = otp.toString().trim();
+    // if (!/^\d{4,6}$/.test(cleanOtp)) {
+    //   return NextResponse.json(
+    //     { success: false, message: 'Kode OTP tidak valid' },
+    //     { status: 400 }
+    //   );
+    // }
+
+    // const receivedOtp = parseInt(cleanOtp, 10);
+    // if (isNaN(receivedOtp)) {
+    //   return NextResponse.json(
+    //     { success: false, message: 'Kode OTP tidak valid' },
+    //     { status: 400 }
+    //   );
+    // }
+
+    // // Cari OTP record
+    // const otpRecord = await prisma.kodeOtp.findUnique({
+    //   where: { id: kodeId },
+    // });
+
+    // if (!otpRecord) {
+    //   return NextResponse.json(
+    //     { success: false, message: 'Kode verifikasi tidak valid' },
+    //     { status: 400 }
+    //   );
+    // }
+
+    // if (!otpRecord.isActive) {
+    //   return NextResponse.json(
+    //     { success: false, message: 'Kode verifikasi sudah kadaluarsa' },
+    //     { status: 400 }
+    //   );
+    // }
+
+    // if (otpRecord.otp !== receivedOtp) {
+    //   return NextResponse.json(
+    //     { success: false, message: 'Kode OTP salah' },
+    //     { status: 400 }
+    //   );
+    // }
+
+    // if (otpRecord.nomor !== nomor) {
+    //   return NextResponse.json(
+    //     { success: false, message: 'Nomor tidak sesuai' },
+    //     { status: 400 }
+    //   );
+    // }
+
+    // Cek duplikat nomor
+    const existingUser = await prisma.user.findUnique({
+      where: { nomor },
+    });
+
+    if (existingUser) {
+      return NextResponse.json(
+        { success: false, message: 'Nomor sudah terdaftar' },
+        { status: 409 }
+      );
+    }
+
+    // Cek username unik (pastikan ada @unique di schema!)
+    const existingByUsername = await prisma.user.findUnique({
+      where: { username },
+    });
+
+    if (existingByUsername) {
+      return NextResponse.json(
+        { success: false, message: 'Username sudah digunakan' },
+        { status: 409 }
+      );
+    }
+
+    // Buat user
+    const newUser = await prisma.user.create({
+      data: {
+        username: username.trim(),
+        nomor,
+        isActive: false,
+        // roleId default "1"
       },
-      { status: 201 }
-    );
+    });
+
+    // // Nonaktifkan OTP
+    // await prisma.kodeOtp.update({
+    //   where: { id: kodeId },
+    //   data: { isActive: false },
+    // });
+
+    return NextResponse.json({
+      success: true,
+      message: 'Pendaftaran berhasil. Menunggu persetujuan admin.',
+      userId: newUser.id,
+    });
   } catch (error) {
-    console.error("Error registrasi:", error);
+    console.error('Registration error:', error);
     return NextResponse.json(
-      {
-        success: false,
-        message: "Maaf, Terjadi Keselahan",
-        reason: (error as Error).message,
-      },
+      { success: false, message: 'Terjadi kesalahan saat pendaftaran' },
       { status: 500 }
     );
   } finally {
     await prisma.$disconnect();
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/auth/resend/route.ts b/src/app/api/auth/resend/route.ts
new file mode 100644
index 00000000..06e147a3
--- /dev/null
+++ b/src/app/api/auth/resend/route.ts
@@ -0,0 +1,71 @@
+import prisma from "@/lib/prisma";
+import { randomOTP } from "../_lib/randomOTP";
+import { NextResponse } from "next/server";
+
+export async function POST(req: Request) {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
+    const codeOtp = randomOTP();
+    const body = await req.json();
+    const { nomor } = body;
+
+    const res = await fetch(
+      `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
+      \n
+      >> Kode OTP anda: ${codeOtp}.
+      `
+    );
+
+    const sendWa = await res.json();
+    if (sendWa.status !== "success")
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Nomor Whatsapp Tidak Aktif",
+        },
+        { status: 400 }
+      );
+
+    const createOtpId = await prisma.kodeOtp.create({
+      data: {
+        nomor: nomor,
+        otp: codeOtp,
+      },
+    });
+
+    if (!createOtpId)
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Gagal Membuat Kode OTP",
+        },
+        { status: 400 }
+      );
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Kode Verifikasi Dikirim",
+        kodeId: createOtpId.id,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error(" Error Resend OTP", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Server Whatsapp Error !!",
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}
diff --git a/src/app/api/auth/send-otp-register/route.ts b/src/app/api/auth/send-otp-register/route.ts
new file mode 100644
index 00000000..8c52cbf9
--- /dev/null
+++ b/src/app/api/auth/send-otp-register/route.ts
@@ -0,0 +1,51 @@
+import prisma from "@/lib/prisma";
+import { NextResponse } from "next/server";
+import { randomOTP } from "../_lib/randomOTP";
+
+export async function POST(req: Request) {
+  try {
+    const { username, nomor } = await req.json();
+
+    if (!username || !nomor) {
+      return NextResponse.json({ success: false, message: 'Data tidak lengkap' }, { status: 400 });
+    }
+
+    // Cek duplikat
+    if (await prisma.user.findUnique({ where: { nomor } })) {
+      return NextResponse.json({ success: false, message: 'Nomor sudah terdaftar' }, { status: 409 });
+    }
+    if (await prisma.user.findUnique({ where: { username } })) {
+      return NextResponse.json({ success: false, message: 'Username sudah digunakan' }, { status: 409 });
+    }
+
+    // Generate OTP
+    const codeOtp = randomOTP();
+    const otpNumber = Number(codeOtp);
+
+    // Kirim WA
+    const waUrl = `https://wa.wibudev.com/code?nom=${encodeURIComponent(nomor)}&text=Website Desa Darmasaba - Kode verifikasi Anda: ${codeOtp}`;
+    const res = await fetch(waUrl);
+    const sendWa = await res.json();
+
+    if (sendWa.status !== "success") {
+      return NextResponse.json({ success: false, message: 'Gagal mengirim OTP' }, { status: 400 });
+    }
+
+    // Simpan OTP
+    const otpRecord = await prisma.kodeOtp.create({
+      data: { nomor, otp: otpNumber, isActive: true }
+    });
+
+    return NextResponse.json({
+      success: true,
+      message: 'Kode verifikasi dikirim',
+      kodeId: otpRecord.id,
+      nomor,
+    });
+  } catch (error) {
+    console.error('Send OTP for Register Error:', error);
+    return NextResponse.json({ success: false, message: 'Gagal mengirim OTP' }, { status: 500 });
+  } finally {
+    await prisma.$disconnect();
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/validasi/route.ts b/src/app/api/auth/validasi/route.ts
new file mode 100644
index 00000000..2e23908a
--- /dev/null
+++ b/src/app/api/auth/validasi/route.ts
@@ -0,0 +1,78 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import prisma from "@/lib/prisma";
+import { NextResponse } from "next/server";
+import { sessionCreate } from "../_lib/session_create";
+
+export async function POST(req: Request) {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
+    const { nomor } = await req.json();
+    const dataUser = await prisma.user.findUnique({
+      where: {
+        nomor: nomor,
+      },
+      select: {
+        id: true,
+        nomor: true,
+        username: true,
+        roleId: true,
+      },
+    });
+
+    if (dataUser == null)
+      return NextResponse.json(
+        { success: false, message: "Nomor Belum Terdaftar" },
+        { status: 200 }
+      );
+
+    const token = await sessionCreate({
+      sessionKey: process.env.BASE_SESSION_KEY!,
+      jwtSecret: process.env.BASE_TOKEN_KEY!,
+      user: dataUser as any,
+    });
+
+    if (!token) {
+      return NextResponse.json(
+        { success: false, message: "Gagal membuat session" },
+        { status: 500 }
+      );
+    }
+    // Buat response dengan token dalam cookie
+    const response = NextResponse.json(
+      {
+        success: true,
+        message: "Berhasil Login",
+        roleId: dataUser.roleId,
+      },
+      { status: 200 }
+    );
+
+    // Set cookie dengan token yang sudah dipastikan tidak null
+    response.cookies.set(process.env.NEXT_PUBLIC_BASE_SESSION_KEY!, token, {
+      path: "/",
+      sameSite: "lax",
+      secure: process.env.NODE_ENV === "production",
+      maxAge: 30 * 24 * 60 * 60, // 30 hari dalam detik (1 bulan)
+    });
+
+    return response;
+  } catch (error) {
+    console.error("API Error or Server Error", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Maaf, Terjadi Keselahan",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}
diff --git a/src/app/api/auth/verify-otp/route.ts b/src/app/api/auth/verify-otp/route.ts
new file mode 100644
index 00000000..16cc1402
--- /dev/null
+++ b/src/app/api/auth/verify-otp/route.ts
@@ -0,0 +1,139 @@
+// app/api/auth/verify-otp/route.ts
+import prisma from "@/lib/prisma";
+import { NextResponse } from "next/server";
+import { sessionCreate } from "../_lib/session_create";
+
+export async function POST(req: Request) {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
+    const { nomor, otp, kodeId } = await req.json();
+
+    // Validasi input
+    if (!nomor || !otp || !kodeId) {
+      return NextResponse.json(
+        { success: false, message: "Data tidak lengkap" },
+        { status: 400 }
+      );
+    }
+
+    // Cari OTP record
+    const otpRecord = await prisma.kodeOtp.findUnique({
+      where: { id: kodeId },
+    });
+
+    if (!otpRecord) {
+      return NextResponse.json(
+        { success: false, message: "Kode verifikasi tidak valid" },
+        { status: 400 }
+      );
+    }
+
+    if (!otpRecord.isActive) {
+      return NextResponse.json(
+        { success: false, message: "Kode verifikasi sudah digunakan" },
+        { status: 400 }
+      );
+    }
+
+    // Pastikan tipe data cocok (OTP di DB = number)
+    const receivedOtp = Number(otp);
+    if (isNaN(receivedOtp) || otpRecord.otp !== receivedOtp) {
+      return NextResponse.json(
+        { success: false, message: "Kode OTP salah" },
+        { status: 400 }
+      );
+    }
+
+    if (otpRecord.nomor !== nomor) {
+      return NextResponse.json(
+        { success: false, message: "Nomor tidak sesuai" },
+        { status: 400 }
+      );
+    }
+
+    // Cek user berdasarkan nomor
+    const user = await prisma.user.findUnique({
+      where: { nomor },
+      select: {
+        id: true,
+        nomor: true,
+        username: true,
+        roleId: true,
+        isActive: true,
+      },
+    });
+
+    if (!user) {
+      return NextResponse.json(
+        { success: false, message: "Akun tidak ditemukan" },
+        { status: 404 }
+      );
+    }
+
+    if (!user.isActive) {
+      return NextResponse.json(
+        { success: false, message: "Akun belum disetujui oleh admin" },
+        { status: 403 }
+      );
+    }
+
+    // Buat session
+    const token = await sessionCreate({
+      sessionKey: process.env.BASE_SESSION_KEY!,
+      jwtSecret: process.env.BASE_TOKEN_KEY!, // ✅
+      user: {
+        id: user.id,
+        nomor: user.nomor,
+        username: user.username,
+        roleId: user.roleId,
+        isActive: user.isActive,
+      },
+    });
+    if (!token) {
+      return NextResponse.json(
+        { success: false, message: "Gagal membuat session" },
+        { status: 500 }
+      );
+    }
+
+    // Nonaktifkan OTP
+    await prisma.kodeOtp.update({
+      where: { id: kodeId },
+      data: { isActive: false },
+    });
+
+    // Set cookie & respons
+    const response = NextResponse.json(
+      {
+        success: true,
+        message: "Berhasil login",
+        roleId: user.roleId,
+      },
+      { status: 200 }
+    );
+
+    response.cookies.set(process.env.BASE_SESSION_KEY!, token, {
+      path: "/",
+      sameSite: "lax",
+      secure: process.env.NODE_ENV === "production",
+      httpOnly: true, // 🔒 lebih aman
+      maxAge: 30 * 24 * 60 * 60,
+    });
+
+    return response;
+  } catch (error) {
+    console.error("Verify OTP Error:", error);
+    return NextResponse.json(
+      { success: false, message: "Terjadi kesalahan saat verifikasi" },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}
\ No newline at end of file
diff --git a/src/app/waiting-room/page.tsx b/src/app/waiting-room/page.tsx
new file mode 100644
index 00000000..91c07beb
--- /dev/null
+++ b/src/app/waiting-room/page.tsx
@@ -0,0 +1,92 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+'use client';
+
+import colors from '@/con/colors';
+import { Center, Loader, Paper, Stack, Text, Title } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+
+// Ganti ini jika tidak pakai next-auth
+async function fetchUser() {
+  const res = await fetch('/api/auth/me');
+  if (!res.ok) throw new Error('Unauthorized');
+  return res.json();
+}
+
+export default function WaitingRoom() {
+  const router = useRouter();
+  const [user, setUser] = useState<any>(null);
+  // const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let isMounted = true;
+    const interval = setInterval(async () => {
+      try {
+        const data = await fetchUser();
+        if (!isMounted) return;
+
+        setUser(data.user);
+
+        // Jika sudah aktif, redirect ke dashboard admin
+        if (data.user.isActive) {
+          clearInterval(interval);
+          router.push('/admin'); // atau /dashboard
+        }
+      } catch (err: any) {
+        if (!isMounted) return;
+        setError(err.message || 'Gagal memuat status');
+        clearInterval(interval);
+        // Redirect ke login jika unauthorized
+        if (err.message === 'Unauthorized') {
+          router.push('/login');
+        }
+      }
+    }, 2000); // Cek setiap 2 detik
+
+    // Cleanup
+    return () => {
+      isMounted = false;
+      clearInterval(interval);
+    };
+  }, [router]);
+
+  if (error) {
+    return (
+      <Center h="100vh">
+        <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={400}>
+          <Stack align="center" gap="md">
+            <Title order={3} c="red">Error</Title>
+            <Text>{error}</Text>
+          </Stack>
+        </Paper>
+      </Center>
+    );
+  }
+
+  return (
+    <Center h="100vh" bg={colors.Bg}>
+      <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '90%', sm: 400 }}>
+        <Stack align="center" gap="lg">
+          <Title order={2} c={colors['blue-button']} ta="center">
+            Menunggu Persetujuan
+          </Title>
+
+          <Text ta="center" c="dimmed">
+            Akun Anda sedang dalam proses verifikasi oleh Superadmin.
+          </Text>
+
+          <Text ta="center" size="sm" c="dimmed">
+            Nomor: {user?.nomor || '...'}
+          </Text>
+
+          <Loader size="sm" color={colors['blue-button']} />
+
+          <Text ta="center" size="xs" c="dimmed">
+            Jangan tutup halaman ini. Anda akan dialihkan otomatis setelah disetujui.
+          </Text>
+        </Stack>
+      </Paper>
+    </Center>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 78b8aa74cdf35159f1cb0ef6939e10743f2acfc1 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 20 Nov 2025 14:07:26 +0800
Subject: [PATCH 15/97] Saat user baru registrasi maka akan diarahkan ke page
 waiting-room dan menunggu validasi admin

---
 .../(dashboard)/auth/validasi-admin/page.tsx  |   2 +-
 src/app/admin/_com/list_PageAdmin.tsx         |  47 ++++++-
 src/app/api/auth/_lib/api_fetch_auth.ts       |  34 +----
 .../api/auth/finalize-registration/route.ts   |  22 +++-
 src/app/api/auth/register/route.ts            | 123 ++++--------------
 5 files changed, 89 insertions(+), 139 deletions(-)

diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index d5180665..83c32f20 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -76,7 +76,7 @@ export default function Validasi() {
         const regData = await regRes.json();
         if (regData.success) {
           cleanupStorage();
-          router.push('/admin/landing-page/profil/program-inovasi');
+          router.push('/waiting-room'); // ✅
         } else {
           toast.error(regData.message || 'Registrasi gagal');
         }
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index 17f5a45b..afb755ac 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -336,7 +336,8 @@ export const navBar = [
         path: "/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana"
       }
     ]
-  }, {
+  }, 
+  {
     id: "Pendidikan",
     name: "Pendidikan",
     path: "",
@@ -377,5 +378,49 @@ export const navBar = [
         path: "/admin/pendidikan/data-pendidikan"
       }
     ]
+  },
+  {
+    id: "User & Role",
+    name: "User & Role",
+    path: "",
+    children: [
+      {
+        id: "User",
+        name: "User",
+        path: "/admin/user/user"
+      },
+      {
+        id: "Role",
+        name: "Role",
+        path: "/admin/role/role"
+      },
+      {
+        id: "Pendidikan_3",
+        name: "Program Pendidikan Anak",
+        path: "/admin/pendidikan/program-pendidikan-anak/program-unggulan"
+      },
+      {
+        id: "Pendidikan_4",
+        name: "Bimbingan Belajar Desa",
+        path: "/admin/pendidikan/bimbingan-belajar-desa/tujuan-program"
+      },
+      {
+        id: "Pendidikan_5",
+        name: "Pendidikan Non Formal",
+        path: "/admin/pendidikan/pendidikan-non-formal/tujuan-program"
+      },
+      {
+        id: "Pendidikan_6",
+        name: "Perpustakaan Digital",
+        path: "/admin/pendidikan/perpustakaan-digital/data-perpustakaan"
+      },
+      {
+        id: "Pendidikan_7",
+        name: "Data Pendidikan",
+        path: "/admin/pendidikan/data-pendidikan"
+      }
+    ]
   }
 ]
+
+
diff --git a/src/app/api/auth/_lib/api_fetch_auth.ts b/src/app/api/auth/_lib/api_fetch_auth.ts
index 38d76ddb..fe073608 100644
--- a/src/app/api/auth/_lib/api_fetch_auth.ts
+++ b/src/app/api/auth/_lib/api_fetch_auth.ts
@@ -54,7 +54,7 @@ export const apiFetchRegister = async ({
   const cleanPhone = nomor.replace(/\D/g, '');
   if (cleanPhone.length < 10) throw new Error('Nomor tidak valid');
 
-  const response = await fetch("/api/auth/send-otp-register", {
+  const response = await fetch("/api/auth/register", {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ username: username.trim(), nomor: cleanPhone }),
@@ -86,38 +86,6 @@ export const apiFetchOtpData = async ({ kodeId }: { kodeId: string }) => {
   return data;
 };
 
-// export const apiFetchVerifyOtp = async ({
-//   nomor,
-//   otp,
-//   kodeId
-// }: {
-//   nomor: string;
-//   otp: string;
-//   kodeId: string;
-// }) => {
-//   if (!nomor || !otp || !kodeId) {
-//     throw new Error('Data verifikasi tidak lengkap');
-//   }
-
-//   if (!/^\d{4,6}$/.test(otp)) {
-//     throw new Error('Kode OTP harus 4-6 digit angka');
-//   }
-
-//   const response = await fetch('/api/auth/verify-otp', {
-//     method: 'POST',
-//     headers: { 'Content-Type': 'application/json' },
-//     body: JSON.stringify({ nomor, otp, kodeId }),
-//   });
-
-//   const data = await response.json();
-
-//   if (!response.ok) {
-//     throw new Error(data.message || 'Verifikasi OTP gagal');
-//   }
-
-//   return data;
-// };
-
 export const apiFetchVerifyOtp = async ({
   nomor,
   otp,
diff --git a/src/app/api/auth/finalize-registration/route.ts b/src/app/api/auth/finalize-registration/route.ts
index 3736ab5a..4fbe01cc 100644
--- a/src/app/api/auth/finalize-registration/route.ts
+++ b/src/app/api/auth/finalize-registration/route.ts
@@ -1,7 +1,8 @@
 // app/api/auth/finalize-registration/route.ts
 import prisma from "@/lib/prisma";
+import { cookies } from "next/headers";
 import { NextResponse } from "next/server";
-import { sessionCreate } from "../_lib/session_create";
+// import { sessionCreate } from "../_lib/session_create";
 
 export async function POST(req: Request) {
   try {
@@ -15,21 +16,28 @@ export async function POST(req: Request) {
 
     // Buat user
     const user = await prisma.user.create({
-      data: { username, nomor, isActive: true }
+      data: { username, nomor, isActive: false }
     });
 
     // Nonaktifkan OTP
     await prisma.kodeOtp.update({ where: { id: kodeId }, data: { isActive: false } });
 
     // Buat session
-    const token = await sessionCreate({
-      sessionKey: process.env.BASE_SESSION_KEY!,
-      jwtSecret: process.env.BASE_TOKEN_KEY!,
-      user: { id: user.id, nomor: user.nomor, username: user.username, roleId: user.roleId, isActive: true },
+    // const token = await sessionCreate({
+    //   sessionKey: process.env.BASE_SESSION_KEY!,
+    //   jwtSecret: process.env.BASE_TOKEN_KEY!,
+    //   user: { id: user.id, nomor: user.nomor, username: user.username, roleId: user.roleId, isActive: true },
+    // });
+
+    (await cookies()).set('desadarmasaba_user_id', user.id, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      path: '/',
+      maxAge: 30 * 24 * 60 * 60, // 30 hari
     });
 
     const response = NextResponse.json({ success: true, roleId: user.roleId });
-    response.cookies.set(process.env.BASE_SESSION_KEY!, token, { /* options */ });
+    // response.cookies.set(process.env.BASE_SESSION_KEY!, token, { /* options */ });
     return response;
   } catch (error) {
     console.error('Finalize Registration Error:', error);
diff --git a/src/app/api/auth/register/route.ts b/src/app/api/auth/register/route.ts
index be034c8f..8dbe79c6 100644
--- a/src/app/api/auth/register/route.ts
+++ b/src/app/api/auth/register/route.ts
@@ -1,121 +1,50 @@
-// app/api/auth/register/route.ts
 import { NextResponse } from 'next/server';
 import prisma from '@/lib/prisma';
+import { randomOTP } from '../_lib/randomOTP'; // pastikan ada
 
 export async function POST(req: Request) {
   try {
-    // Terima langsung properti, bukan { data: { ... } }
     const { username, nomor } = await req.json();
 
-    // Validasi input
     if (!username || !nomor) {
-      return NextResponse.json(
-        { success: false, message: 'Data tidak lengkap' },
-        { status: 400 }
-      );
+      return NextResponse.json({ success: false, message: 'Data tidak lengkap' }, { status: 400 });
     }
 
-    // // Validasi OTP: pastikan berisi digit saja
-    // const cleanOtp = otp.toString().trim();
-    // if (!/^\d{4,6}$/.test(cleanOtp)) {
-    //   return NextResponse.json(
-    //     { success: false, message: 'Kode OTP tidak valid' },
-    //     { status: 400 }
-    //   );
-    // }
-
-    // const receivedOtp = parseInt(cleanOtp, 10);
-    // if (isNaN(receivedOtp)) {
-    //   return NextResponse.json(
-    //     { success: false, message: 'Kode OTP tidak valid' },
-    //     { status: 400 }
-    //   );
-    // }
-
-    // // Cari OTP record
-    // const otpRecord = await prisma.kodeOtp.findUnique({
-    //   where: { id: kodeId },
-    // });
-
-    // if (!otpRecord) {
-    //   return NextResponse.json(
-    //     { success: false, message: 'Kode verifikasi tidak valid' },
-    //     { status: 400 }
-    //   );
-    // }
-
-    // if (!otpRecord.isActive) {
-    //   return NextResponse.json(
-    //     { success: false, message: 'Kode verifikasi sudah kadaluarsa' },
-    //     { status: 400 }
-    //   );
-    // }
-
-    // if (otpRecord.otp !== receivedOtp) {
-    //   return NextResponse.json(
-    //     { success: false, message: 'Kode OTP salah' },
-    //     { status: 400 }
-    //   );
-    // }
-
-    // if (otpRecord.nomor !== nomor) {
-    //   return NextResponse.json(
-    //     { success: false, message: 'Nomor tidak sesuai' },
-    //     { status: 400 }
-    //   );
-    // }
-
-    // Cek duplikat nomor
-    const existingUser = await prisma.user.findUnique({
-      where: { nomor },
-    });
-
-    if (existingUser) {
-      return NextResponse.json(
-        { success: false, message: 'Nomor sudah terdaftar' },
-        { status: 409 }
-      );
+    // Cek duplikat
+    if (await prisma.user.findUnique({ where: { nomor } })) {
+      return NextResponse.json({ success: false, message: 'Nomor sudah terdaftar' }, { status: 409 });
+    }
+    if (await prisma.user.findUnique({ where: { username } })) {
+      return NextResponse.json({ success: false, message: 'Username sudah digunakan' }, { status: 409 });
     }
 
-    // Cek username unik (pastikan ada @unique di schema!)
-    const existingByUsername = await prisma.user.findUnique({
-      where: { username },
-    });
+    // ✅ Generate dan kirim OTP
+    const codeOtp = randomOTP();
+    const otpNumber = Number(codeOtp);
 
-    if (existingByUsername) {
-      return NextResponse.json(
-        { success: false, message: 'Username sudah digunakan' },
-        { status: 409 }
-      );
+    const waMessage = `Website Desa Darmasaba - Kode verifikasi Anda: ${codeOtp}`;
+    const waUrl = `https://wa.wibudev.com/code?nom=${encodeURIComponent(nomor)}&text=${encodeURIComponent(waMessage)}`;
+    const waRes = await fetch(waUrl);
+    const waData = await waRes.json();
+
+    if (waData.status !== "success") {
+      return NextResponse.json({ success: false, message: 'Gagal mengirim OTP via WhatsApp' }, { status: 400 });
     }
 
-    // Buat user
-    const newUser = await prisma.user.create({
-      data: {
-        username: username.trim(),
-        nomor,
-        isActive: false,
-        // roleId default "1"
-      },
+    // ✅ Simpan OTP ke database
+    const otpRecord = await prisma.kodeOtp.create({
+      data: { nomor, otp: otpNumber, isActive: true }
     });
 
-    // // Nonaktifkan OTP
-    // await prisma.kodeOtp.update({
-    //   where: { id: kodeId },
-    //   data: { isActive: false },
-    // });
-
+    // ✅ Kembalikan kodeId (jangan buat user di sini!)
     return NextResponse.json({
       success: true,
-      message: 'Pendaftaran berhasil. Menunggu persetujuan admin.',
-      userId: newUser.id,
+      message: 'Kode verifikasi dikirim',
+      kodeId: otpRecord.id,
     });
   } catch (error) {
-    console.error('Registration error:', error);
-    return NextResponse.json(
-      { success: false, message: 'Terjadi kesalahan saat pendaftaran' },
-      { status: 500 }
-    );
+    console.error('Register OTP Error:', error);
+    return NextResponse.json({ success: false, message: 'Gagal mengirim OTP' }, { status: 500 });
   } finally {
     await prisma.$disconnect();
   }
-- 
2.49.1


From 0dff8f3254b475344e26b2a0dc407c44a2cba4bd Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 20 Nov 2025 16:42:36 +0800
Subject: [PATCH 16/97] Nico 20 Nov 25 Dibagian layout admin sudah disesuaikan
 dengan rolenya : supadmin, admin desa, admin kesehatan, admin pendidikan Fix
 API User & Role Admin

---
 prisma/data/user/roles.json                   |  47 +--
 prisma/data/user/users.json                   |  23 --
 prisma/schema.prisma                          |  12 -
 prisma/seed.ts                                |  26 +-
 .../(dashboard)/_state/user/user-state.ts     |  51 ++-
 .../(dashboard)/auth/validasi-admin/page.tsx  |  12 +-
 .../(dashboard)/user&role/role/[id]/page.tsx  |  65 +--
 .../user&role/role/create/page.tsx            |  30 +-
 .../admin/(dashboard)/user&role/user/page.tsx |  40 +-
 src/app/admin/_com/list_PageAdmin.tsx         | 372 +++++++++++++++++-
 src/app/admin/_com/navigationByRole.ts        |   9 +
 src/app/admin/layout.tsx                      | 278 ++++++++++++-
 src/app/api/[[...slugs]]/_lib/user/index.ts   |  12 +-
 .../api/[[...slugs]]/_lib/user/role/create.ts |   2 -
 .../api/[[...slugs]]/_lib/user/role/index.ts  |   2 -
 .../api/[[...slugs]]/_lib/user/role/updt.ts   |   2 -
 src/app/api/[[...slugs]]/_lib/user/updt.ts    |  37 +-
 src/app/api/auth/verify-otp/route.ts          |   7 +
 src/store/authStore.ts                        |  17 +
 19 files changed, 835 insertions(+), 209 deletions(-)
 delete mode 100644 prisma/data/user/users.json
 create mode 100644 src/app/admin/_com/navigationByRole.ts
 create mode 100644 src/store/authStore.ts

diff --git a/prisma/data/user/roles.json b/prisma/data/user/roles.json
index b79f3928..423965fc 100644
--- a/prisma/data/user/roles.json
+++ b/prisma/data/user/roles.json
@@ -1,23 +1,26 @@
 [
-    {
-      "id": "role-1",
-      "name": "ADMIN DESA",
-      "description": "Administrator Desa",
-      "permissions": ["manage_users", "manage_content", "view_reports"],
-      "isActive": true
-    },
-    {
-      "id": "role-2",
-      "name": "ADMIN KESEHATAN",
-      "description": "Administrator Bidang Kesehatan",
-      "permissions": ["manage_health_data", "view_reports"],
-      "isActive": true
-    },
-    {
-      "id": "role-3",
-      "name": "ADMIN SEKOLAH",
-      "description": "Administrator Sekolah",
-      "permissions": ["manage_school_data", "view_reports"],
-      "isActive": true
-    }
-  ]
\ No newline at end of file
+  {
+    "id": "0",
+    "name": "SUPER ADMIN",
+    "description": "Administrator",
+    "isActive": true
+  },
+  {
+    "id": "1",
+    "name": "ADMIN DESA",
+    "description": "Administrator Desa",
+    "isActive": true
+  },
+  {
+    "id": "2",
+    "name": "ADMIN KESEHATAN",
+    "description": "Administrator Bidang Kesehatan",
+    "isActive": true
+  },
+  {
+    "id": "3",
+    "name": "ADMIN PENDIDIKAN",
+    "description": "Administrator Bidang Pendidikan",
+    "isActive": true
+  }
+]
diff --git a/prisma/data/user/users.json b/prisma/data/user/users.json
deleted file mode 100644
index eea2a98a..00000000
--- a/prisma/data/user/users.json
+++ /dev/null
@@ -1,23 +0,0 @@
-[
-  {
-    "id": "user-1",
-    "nama": "Admin Desa",
-    "nomor": "089647037426",
-    "roleId": "role-1",
-    "isActive": true
-  },
-  {
-    "id": "user-2",
-    "nama": "Admin Kesehatan",
-    "nomor": "082339004198",
-    "roleId": "role-2",
-    "isActive": true
-  },
-  {
-    "id": "user-3",
-    "nama": "Admin Sekolah",
-    "nomor": "085237157222",
-    "roleId": "role-3",
-    "isActive": true
-  }
-]
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 099cb7f9..40a68902 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -2181,7 +2181,6 @@ model Role {
   id          String    @id @default(cuid())
   name        String    @unique // ADMIN_DESA, ADMIN_KESEHATAN, ADMIN_SEKOLAH
   description String?
-  permissions Json // Menyimpan permission dalam format JSON
   isActive    Boolean   @default(true)
   createdAt   DateTime  @default(now())
   updatedAt   DateTime  @updatedAt
@@ -2200,17 +2199,6 @@ model KodeOtp {
   otp       Int
 }
 
-// Tabel untuk menyimpan permission
-model Permission {
-  id          String   @id @default(cuid())
-  name        String   @unique
-  description String?
-  createdAt   DateTime @default(now())
-  updatedAt   DateTime @updatedAt
-
-  @@map("permissions")
-}
-
 model UserSession {
   id        String    @id @default(cuid())
   token     String
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 52de4324..9ae7ef5d 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -54,14 +54,13 @@ import tujuanProgram2 from "./data/pendidikan/pendidikan-non-formal/tujuan-progr
 import programUnggulan from "./data/pendidikan/program-pendidikan-anak/program-unggulan.json";
 import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-program.json";
 import roles from "./data/user/roles.json";
-import users from "./data/user/users.json";
 import fileStorage from "./data/file-storage.json";
 import jenjangPendidikan from "./data/pendidikan/info-sekolah/jenjang-pendidikan.json";
 import seedAssets from "./seed_assets";
 import { safeSeedUnique } from "./safeseedUnique";
 
 (async () => {
-  // =========== USER & ROLE ===========
+  // =========== ROLE ===========
   // In your seed.ts
   // =========== ROLES ===========
   console.log("🔄 Seeding roles...");
@@ -69,35 +68,12 @@ import { safeSeedUnique } from "./safeseedUnique";
     await safeSeedUnique("role", { id: r.id }, {
       name: r.name,
       description: r.description,
-      permissions: r.permissions,
       isActive: r.isActive,
     });
   }
 
   console.log("✅ Roles seeded");
 
-  // =========== USERS ===========
-  console.log("🔄 Seeding users...");
-  for (const u of users) {
-    // First verify the role exists
-    const roleExists = await prisma.role.findUnique({
-      where: { id: u.roleId },
-    });
-
-    if (!roleExists) {
-      console.error(`❌ Role with id ${u.roleId} not found for user ${u.nama}`);
-      continue;
-    }
-
-    await safeSeedUnique("user", { id: u.id }, {
-      username: u.nama,
-      nomor: u.nomor,
-      roleId: u.roleId,
-        isActive: u.isActive,
-      });
-  }
-  console.log("✅ Users seeded");
-
   // =========== FILE STORAGE ===========
   console.log("🔄 Seeding file storage...");
   for (const f of fileStorage) {
diff --git a/src/app/admin/(dashboard)/_state/user/user-state.ts b/src/app/admin/(dashboard)/_state/user/user-state.ts
index 93594956..c686c8eb 100644
--- a/src/app/admin/(dashboard)/_state/user/user-state.ts
+++ b/src/app/admin/(dashboard)/_state/user/user-state.ts
@@ -90,27 +90,35 @@ const userState = proxy({
       }
     },
   },
-  updateActive: {
+  update: {
     loading: false,
-    async submit(id: string, isActive: boolean) {
+
+    async submit(payload: { id: string; isActive?: boolean; roleId?: string }) {
       this.loading = true;
       try {
         const res = await fetch(`/api/user/updt`, {
           method: "PUT",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ id, isActive }),
+          body: JSON.stringify(payload),
         });
 
         const data = await res.json();
+
         if (res.status === 200 && data.success) {
           toast.success(data.message);
-          userState.findMany.load(userState.findMany.page, 10, userState.findMany.search);
+
+          // refresh list
+          userState.findMany.load(
+            userState.findMany.page,
+            10,
+            userState.findMany.search
+          );
         } else {
-          toast.error(data.message || "Gagal update status user");
+          toast.error(data.message || "Gagal update user");
         }
       } catch (e) {
         console.error(e);
-        toast.error("Gagal update status user");
+        toast.error("Gagal update user");
       } finally {
         this.loading = false;
       }
@@ -120,12 +128,10 @@ const userState = proxy({
 
 const templateRole = z.object({
   name: z.string().min(1, "Nama harus diisi"),
-  permissions: z.array(z.string()).min(1, "Permission harus diisi"),
 });
 
 const defaultRole = {
   name: "",
-  permissions: [] as string[],
 };
 
 const roleState = proxy({
@@ -237,7 +243,7 @@ const roleState = proxy({
         toast.warn("ID tidak valid");
         return null;
       }
-
+    
       try {
         const response = await fetch(`/api/role/${id}`, {
           method: "GET",
@@ -245,31 +251,25 @@ const roleState = proxy({
             "Content-Type": "application/json",
           },
         });
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-
+    
         const result = await response.json();
-
+    
         if (result?.success) {
           const data = result.data;
-          this.id = data.id;
-          this.form = {
+    
+          // langsung set melalui root state, bukan this
+          roleState.update.id = data.id;
+          roleState.update.form = {
             name: data.name,
-            permissions: data.permissions,
           };
-          return data; // Return the loaded data
-        } else {
-          throw new Error(result?.message || "Gagal memuat data");
+    
+          return data;
         }
       } catch (error) {
         console.error("Error loading role:", error);
-        toast.error(
-          error instanceof Error ? error.message : "Gagal memuat data"
-        );
-        return null;
+        toast.error("Gagal memuat data");
       }
-    },
+    },    
     async update() {
       const cek = templateRole.safeParse(roleState.update.form);
       if (!cek.success) {
@@ -290,7 +290,6 @@ const roleState = proxy({
           },
           body: JSON.stringify({
             name: this.form.name,
-            permissions: this.form.permissions,
           }),
         });
 
diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 83c32f20..0ea24413 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -7,6 +7,7 @@ import { Box, Button, Loader, Paper, PinInput, Stack, Text, Title } from '@manti
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
+import { authStore } from '@/store/authStore';
 
 export default function Validasi() {
   const router = useRouter();
@@ -53,10 +54,17 @@ export default function Validasi() {
       setLoading(true);
       const verifyResult = await apiFetchVerifyOtp({ nomor, otp, kodeId });
   
-      if (verifyResult.success) {
+      if (verifyResult.success && verifyResult.user) {
+        // ✅ SET USER KE STORE
+        authStore.setUser({
+          id: verifyResult.user.id,
+          name: verifyResult.user.name,
+          roleId: Number(verifyResult.user.roleId),
+        });
+  
         cleanupStorage();
         router.push('/admin/landing-page/profil/program-inovasi');
-        return; // ✅ HENTIKAN eksekusi di sini
+        return;
       }
   
       // Hanya coba registrasi jika akun tidak ditemukan
diff --git a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
index f4e59441..9aacd720 100644
--- a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
@@ -1,7 +1,8 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Loader, Group, MultiSelect, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Loader, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
@@ -9,6 +10,7 @@ import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import user from '../../../_state/user/user-state';
 
+
 function EditRole() {
   const stateRole = useProxy(user.roleState);
   const router = useRouter();
@@ -17,46 +19,37 @@ function EditRole() {
   // Controlled local state
   const [formData, setFormData] = useState({
     name: '',
-    permissions: [] as string[],
   });
 
   const [originalData, setOriginalData] = useState({
     name: '',
-    permissions: [] as string[],
   });
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   // Load role data
   const loadRole = useCallback(async (id: string) => {
-    try {
-      const data = await stateRole.update.load(id);
-      if (data) {
-        setFormData({
-          name: data.name || '',
-          permissions: data.permissions || [],
-        });
-        setOriginalData({
-          name: data.name || '',
-          permissions: data.permissions || [],
-        });
-      }
-    } catch (error) {
-      console.error('Error loading role:', error);
-      toast.error(error instanceof Error ? error.message : 'Gagal mengambil data role');
+    const data = await stateRole.update.load(id);
+
+    if (data) {
+      setFormData({
+        name: data.name ?? '',
+      });
+
+      setOriginalData({
+        name: data.name ?? '',
+      });
     }
-  }, [stateRole.update]);
+  }, []);
 
   useEffect(() => {
-    stateRole.findMany.load(); // Load permissions/options
-    const id = params?.id as string;
-    if (id) loadRole(id);
-  }, [params?.id, loadRole, stateRole.findMany]);
+    stateRole.findMany.load();   // load permission
+    if (params?.id) loadRole(params.id as string);
+  }, [params?.id]);
 
   const handleResetForm = () => {
     setFormData({
       name: originalData.name,
-      permissions: originalData.permissions,
     });
     toast.info("Form dikembalikan ke data awal");
   };
@@ -66,10 +59,6 @@ function EditRole() {
       toast.error('Nama role tidak boleh kosong');
       return;
     }
-    if (!formData.permissions.length) {
-      toast.error('Pilih minimal satu permission');
-      return;
-    }
 
     try {
       setIsSubmitting(true);
@@ -77,7 +66,6 @@ function EditRole() {
       stateRole.update.form = {
         ...stateRole.update.form,
         name: formData.name,
-        permissions: formData.permissions,
       };
       await stateRole.update.update();
       toast.success('Role berhasil diperbarui!');
@@ -116,24 +104,7 @@ function EditRole() {
             label={<Text fw="bold" fz="sm">Nama Role</Text>}
             placeholder="Masukkan nama role"
           />
-          <MultiSelect
-            value={formData.permissions}
-            onChange={(val) => setFormData({ ...formData, permissions: val })}
-            label={<Text fw="bold" fz="sm">Permission</Text>}
-            placeholder="Pilih permission"
-            data={
-              stateRole.findMany.data?.map((v) => ({
-                value: v.id,
-                label: v.name,
-              })) || []
-            }
-            clearable
-            searchable
-            required
-            error={!formData.permissions.length ? 'Pilih minimal satu permission' : undefined}
-          />
-
-<Group justify="right">
+          <Group justify="right">
             {/* Tombol Batal */}
             <Button
               variant="outline"
diff --git a/src/app/admin/(dashboard)/user&role/role/create/page.tsx b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
index 3bca6712..70033316 100644
--- a/src/app/admin/(dashboard)/user&role/role/create/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
@@ -5,9 +5,8 @@ import {
   Box,
   Button,
   Group,
-  MultiSelect,
-  Paper,
   Loader,
+  Paper,
   Stack,
   TextInput,
   Title
@@ -15,9 +14,9 @@ import {
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import user from '../../../_state/user/user-state';
-import { toast } from 'react-toastify';
 
 
 export default function CreateRole() {
@@ -31,8 +30,7 @@ export default function CreateRole() {
 
   const resetForm = () => {
     stateRole.create.form = {
-      name: '',
-      permissions: [],
+      name: ''
     };
   };
 
@@ -80,28 +78,6 @@ export default function CreateRole() {
               required
             />
           </Box>
-          <Box>
-            <MultiSelect
-              label="Permission"
-              placeholder="Pilih permission"
-              data={
-                Array.from(
-                  new Set(
-                    stateRole.findMany.data
-                      ?.map((item) => item.permissions)
-                      .flat()
-                  )
-                )
-                  .filter((p): p is string => typeof p === 'string')
-                  .map((p) => ({ label: p, value: p }))
-              }
-              value={stateRole.create.form.permissions}
-              onChange={(value) => (stateRole.create.form.permissions = value)}
-              required
-            />
-
-
-          </Box>
 
           <Group justify="right">
             <Button
diff --git a/src/app/admin/(dashboard)/user&role/user/page.tsx b/src/app/admin/(dashboard)/user&role/user/page.tsx
index 7590b3fa..60578da5 100644
--- a/src/app/admin/(dashboard)/user&role/user/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/user/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Select, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconCheck, IconSearch, IconX } from '@tabler/icons-react';
 import { useState } from 'react';
@@ -28,6 +28,7 @@ function User() {
 
 function ListUser({ search }: { search: string }) {
   const stateUser = useProxy(user.userState)
+  const stateRole = useProxy(user.roleState)
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
 
@@ -51,6 +52,7 @@ function ListUser({ search }: { search: string }) {
 
 
   useShallowEffect(() => {
+    stateRole.findMany.load()
     load(page, 10, search)
   }, [page, search])
 
@@ -92,11 +94,31 @@ function ListUser({ search }: { search: string }) {
                         {item.nomor}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%', }}>
-                      <Text truncate fz="sm" c="dimmed">
-                        {item.role.name}
-                      </Text>
+                    <TableTd style={{ width: '20%' }}>
+                      <Select
+                        placeholder="Pilih role"
+                        data={stateRole.findMany.data.map((r) => ({
+                          label: r.name,
+                          value: r.id,
+                        }))}
+                        value={item.roleId} // ⬅ role milik user ini
+                        onChange={async (val) => {
+                          if (!val) return;
+
+                          await stateUser.update.submit({
+                            id: item.id,
+                            roleId: val, // ⬅ kirim roleId
+                          });
+
+                          // reload data supaya UI up-to-date
+                          stateUser.findMany.load(page, 10, search);
+                        }}
+                        searchable
+                        clearable={false} // role harus ada
+                        nothingFoundMessage="Role tidak ditemukan"
+                      />
                     </TableTd>
+
                     <TableTd style={{ width: '15%' }}>
                       <Tooltip
                         label={item.isActive ? "Nonaktifkan user" : "Aktifkan user"}
@@ -106,8 +128,12 @@ function ListUser({ search }: { search: string }) {
                           variant="light"
                           color={item.isActive ? "green" : "red"}
                           onClick={async () => {
-                            await stateUser.updateActive.submit(item.id, !item.isActive)
-                            stateUser.findMany.load(page, 10, search)
+                            await stateUser.update.submit({
+                              id: item.id,
+                              isActive: !item.isActive, // toggle
+                            });
+
+                            stateUser.findMany.load(page, 10, search);
                           }}
                         >
                           {item.isActive ? <IconCheck size={20} /> : <IconX size={20} />}
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index afb755ac..24b5b123 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -84,7 +84,6 @@ export const navBar = [
 
     ]
   },
-
   {
     id: "Desa",
     name: "Desa",
@@ -387,12 +386,377 @@ export const navBar = [
       {
         id: "User",
         name: "User",
-        path: "/admin/user/user"
+        path: "/admin/user&role/user"
       },
       {
         id: "Role",
         name: "Role",
-        path: "/admin/role/role"
+        path: "/admin/user&role/role"
+      }
+    ]
+  }
+]
+
+export const role1 = [
+  {
+    id: "Landing Page",
+    name: "Landing Page",
+    path: "",
+    children: [
+      {
+        id: "Landing_Page_1",
+        name: "Profil",
+        path: "/admin/landing-page/profil/program-inovasi"
+      },
+      {
+        id: "Landing_Page_2",
+        name: "Desa Anti Korupsi",
+        path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
+      },
+      {
+        id: "Landing_Page_3",
+        name: "Indeks Kepuasan Masyarakat",
+        path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+      },
+      {
+        id: "Landing_Page_4",
+        name: "SDGs",
+        path: "/admin/landing-page/SDGs"
+      },
+      {
+        id: "Landing_Page_5",
+        name: "APBDes",
+        path: "/admin/landing-page/apbdes"
+      },
+      {
+        id: "Landing_Page_6",
+        name: "Prestasi Desa",
+        path: "/admin/landing-page/prestasi-desa/list-prestasi-desa"
+      }
+    ]
+  },
+  {
+    id: "PPID",
+    name: "PPID",
+    path: "",
+    children: [
+      {
+        id: "PPID_1",
+        name: "Profil PPID",
+        path: "/admin/ppid/profil-ppid"
+      },
+      {
+        id: "PPID_2",
+        name: "Struktur PPID",
+        path: "/admin/ppid/struktur-ppid/pegawai"
+      },
+      {
+        id: "PPID_3",
+        name: "Visi Misi PPID",
+        path: "/admin/ppid/visi-misi-ppid"
+      },
+      {
+        id: "PPID_4",
+        name: "Dasar Hukum",
+        path: "/admin/ppid/dasar-hukum"
+      },
+      {
+        id: "PPID_5",
+        name: "Permohonan Informasi Publik",
+        path: "/admin/ppid/permohonan-informasi-publik"
+      },
+      {
+        id: "PPID_6",
+        name: "Permohonan Keberatan Informasi Publik",
+        path: "/admin/ppid/permohonan-keberatan-informasi-publik"
+      },
+      {
+        id: "PPID_7",
+        name: "Daftar Informasi Publik",
+        path: "/admin/ppid/daftar-informasi-publik"
+      },
+      {
+        id: "PPID_8",
+        name: "Indeks Kepuasan Masyarakat",
+        path: "/admin/ppid/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+      },
+
+    ]
+  },
+  {
+    id: "Desa",
+    name: "Desa",
+    path: "",
+    children: [
+      {
+        id: "Desa_1",
+        name: "Profile",
+        path: "/admin/desa/profile/profile-desa"
+      },
+      {
+        id: "Desa_2",
+        name: "Potensi",
+        path: "/admin/desa/potensi/list-potensi"
+      },
+      {
+        id: "Desa_3",
+        name: "Berita",
+        path: "/admin/desa/berita/list-berita"
+      },
+      {
+        id: "Desa_4",
+        name: "Pengumuman",
+        path: "/admin/desa/pengumuman/list-pengumuman"
+      },
+      {
+        id: "Desa_5",
+        name: "Gallery",
+        path: "/admin/desa/gallery/foto"
+      },
+      {
+        id: "Desa_6",
+        name: "Layanan",
+        path: "/admin/desa/layanan/pelayanan_surat_keterangan"
+      },
+      {
+        id: "Desa_7",
+        name: "Penghargaan",
+        path: "/admin/desa/penghargaan"
+      }
+
+    ]
+  },
+  {
+    id: "Keamanan",
+    name: "Keamanan",
+    path: "",
+    children: [
+      {
+        id: "Keamanan_1",
+        name: "Keamanan Lingkungan (Pecalang/Patwal)",
+        path: "/admin/keamanan/keamanan-lingkungan-pecalang-patwal"
+      },
+      {
+        id: "Keamanan_2",
+        name: "Polsek Terdekat",
+        path: "/admin/keamanan/polsek-terdekat"
+      },
+      {
+        id: "Keamanan_3",
+        name: "Kontak Darurat",
+        path: "/admin/keamanan/kontak-darurat/kontak-darurat-keamanan"
+      },
+      {
+        id: "Keamanan_4",
+        name: "Pencegahan Kriminalitas",
+        path: "/admin/keamanan/pencegahan-kriminalitas"
+      },
+      {
+        id: "Keamanan_5",
+        name: "Laporan Publik",
+        path: "/admin/keamanan/laporan-publik"
+      },
+      {
+        id: "Keamanan_6",
+        name: "Tips Keamanan",
+        path: "/admin/keamanan/tips-keamanan"
+      }
+    ]
+  },
+  {
+    id: "Ekonomi",
+    name: "Ekonomi",
+    path: "",
+    children: [
+      {
+        id: "Ekonomi_1",
+        name: "Pasar Desa",
+        path: "/admin/ekonomi/pasar-desa/produk-pasar-desa"
+      },
+      {
+        id: "Ekonomi_2",
+        name: "Lowongan Kerja Lokal",
+        path: "/admin/ekonomi/lowongan-kerja-lokal"
+      },
+      {
+        id: "Ekonomi_3",
+        name: "Struktur Organisasi Dan Sk Pengurus Bumdesa",
+        path: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai"
+      },
+      {
+        id: "Ekonomi_4",
+        name: "PADesa (Pendapatan Asli Desa)",
+        path: "/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa"
+      },
+      {
+        id: "Ekonomi_5",
+        name: "Jumlah Pengangguran",
+        path: "/admin/ekonomi/jumlah-pengangguran"
+      },
+      {
+        id: "Ekonomi_6",
+        name: "Jumlah penduduk usia kerja yang menganggur",
+        path: "/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia"
+      },
+      {
+        id: "Ekonomi_7",
+        name: "Jumlah Penduduk Miskin",
+        path: "/admin/ekonomi/jumlah-penduduk-miskin"
+      },
+      {
+        id: "Ekonomi_8",
+        name: "Program Kemiskinan",
+        path: "/admin/ekonomi/program-kemiskinan"
+      },
+      {
+        id: "Ekonomi_9",
+        name: "Sektor Unggulan Desa",
+        path: "/admin/ekonomi/sektor-unggulan-desa"
+      },
+      {
+        id: "Ekonomi_10",
+        name: "Demografi Pekerjaan",
+        path: "/admin/ekonomi/demografi-pekerjaan"
+      }
+    ]
+  },
+  {
+    id: "Inovasi",
+    name: "Inovasi",
+    path: "",
+    children: [
+      {
+        id: "Inovasi_1",
+        name: "Desa Digital/Smart Village",
+        path: "/admin/inovasi/desa-digital-smart-village"
+      },
+      {
+        id: "Inovasi_2",
+        name: "Layanan Online Desa",
+        path: "/admin/inovasi/layanan-online-desa/administrasi-online"
+      },
+      {
+        id: "Inovasi_3",
+        name: "Program Kreatif Desa",
+        path: "/admin/inovasi/program-kreatif-desa"
+      },
+      {
+        id: "Inovasi_4",
+        name: "Kolaborasi Inovasi",
+        path: "/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi"
+      },
+      {
+        id: "Inovasi_5",
+        name: "Info Teknologi Tepat Guna",
+        path: "/admin/inovasi/info-teknologi-tepat-guna"
+      },
+      {
+        id: "Inovasi_6",
+        name: "Ajukan Ide Inovatif",
+        path: "/admin/inovasi/ajukan-ide-inovatif"
+      }
+
+    ]
+  }, 
+  {
+    id: "Lingkungan",
+    name: "Lingkungan",
+    path: "",
+    children: [
+      {
+        id: "Lingkungan_1",
+        name: "Pengelolaan Sampah (Bank Sampah)",
+        path: "/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah"
+      },
+      {
+        id: "Lingkungan_2",
+        name: "Program Penghijauan",
+        path: "/admin/lingkungan/program-penghijauan"
+      },
+      {
+        id: "Lingkungan_3",
+        name: "Data Lingkungan Desa",
+        path: "/admin/lingkungan/data-lingkungan-desa"
+      },
+      {
+        id: "Lingkungan_4",
+        name: "Gotong Royong",
+        path: "/admin/lingkungan/gotong-royong/kegiatan-desa"
+      },
+      {
+        id: "Lingkungan_5",
+        name: "Edukasi Lingkungan",
+        path: "/admin/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan"
+      },
+      {
+        id: "Lingkungan_6",
+        name: "Konservasi Adat Bali",
+        path: "/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana"
+      }
+    ]
+  }
+]
+
+export const role2 = [
+  {
+    id: "Kesehatan",
+    name: "Kesehatan",
+    path: "",
+    children: [
+      {
+        id: "Kesehatan_1",
+        name: "Posyandu",
+        path: "/admin/kesehatan/posyandu"
+      },
+      {
+        id: "Kesehatan_2",
+        name: "Data Kesehatan Warga",
+        path: "/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian"
+      },
+      {
+        id: "Kesehatan_3",
+        name: "Puskesmas",
+        path: "/admin/kesehatan/puskesmas"
+      },
+      {
+        id: "Kesehatan_4",
+        name: "Program Kesehatan",
+        path: "/admin/kesehatan/program-kesehatan"
+      },
+      {
+        id: "Kesehatan_5",
+        name: "Penanganan Darurat",
+        path: "/admin/kesehatan/penanganan-darurat"
+      },
+      {
+        id: "Kesehatan_6",
+        name: "Kontak Darurat",
+        path: "/admin/kesehatan/kontak-darurat"
+      },
+      {
+        id: "Kesehatan_7",
+        name: "Info Wabah/Penyakit",
+        path: "/admin/kesehatan/info-wabah-penyakit"
+      }
+    ]
+  }
+]
+
+export const role3 = [
+  {
+    id: "Pendidikan",
+    name: "Pendidikan",
+    path: "",
+    children: [
+      {
+        id: "Pendidikan_1",
+        name: "Info Sekolah",
+        path: "/admin/pendidikan/info-sekolah/jenjang-pendidikan"
+      },
+      {
+        id: "Pendidikan_2",
+        name: "Beasiswa Desa",
+        path: "/admin/pendidikan/beasiswa-desa/beasiswa-pendaftar"
       },
       {
         id: "Pendidikan_3",
@@ -422,5 +786,3 @@ export const navBar = [
     ]
   }
 ]
-
-
diff --git a/src/app/admin/_com/navigationByRole.ts b/src/app/admin/_com/navigationByRole.ts
new file mode 100644
index 00000000..f7d97054
--- /dev/null
+++ b/src/app/admin/_com/navigationByRole.ts
@@ -0,0 +1,9 @@
+// src/app/(admin)/_com/navigationByRole.ts
+import { navBar, role1, role2, role3 } from './list_PageAdmin';
+
+export const navigationByRole = {
+  0: navBar,     // SUPERADMIN
+  1: role1,      // ADMIN DESA
+  2: role2,      // ADMIN KESEHATAN
+  3: role3,      // ADMIN PENDIDIKAN
+} as const;
\ No newline at end of file
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index e2396825..cb818884 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,6 +1,269 @@
+// 'use client'
+
+// import colors from "@/con/colors";
+// import {
+//   ActionIcon,
+//   AppShell,
+//   AppShellHeader,
+//   AppShellMain,
+//   AppShellNavbar,
+//   Burger,
+//   Flex,
+//   Group,
+//   Image,
+//   NavLink,
+//   ScrollArea,
+//   Text,
+//   Tooltip,
+//   rem
+// } from "@mantine/core";
+// import { useDisclosure } from "@mantine/hooks";
+// import {
+//   IconChevronLeft,
+//   IconChevronRight,
+//   IconLogout2
+// } from "@tabler/icons-react";
+// import _ from "lodash";
+// import Link from "next/link";
+// import { useRouter, useSelectedLayoutSegments } from "next/navigation";
+// import { navBar } from "./_com/list_PageAdmin";
+
+// export default function Layout({ children }: { children: React.ReactNode }) {
+//   const [opened, { toggle }] = useDisclosure();
+//   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
+//   const router = useRouter();
+//   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
+
+//   return (
+//     <AppShell
+//       suppressHydrationWarning
+//       header={{ height: 64 }}
+//       navbar={{
+//         width: { base: 260, sm: 280, lg: 300 },
+//         breakpoint: 'sm',
+//         collapsed: {
+//           mobile: !opened,
+//           desktop: !desktopOpened,
+//         },
+//       }}
+//       padding="md"
+//     >
+//       <AppShellHeader
+//         style={{
+//           background: "linear-gradient(90deg, #ffffff, #f9fbff)",
+//           borderBottom: `1px solid ${colors["blue-button"]}20`,
+//           padding: '0 16px',
+//         }}
+//         px={{ base: 'sm', sm: 'md' }}
+//         py={{ base: 'xs', sm: 'sm' }}
+//       >
+//         <Group w="100%" h="100%" justify="space-between" wrap="nowrap">
+//           <Flex align="center" gap="sm">
+//             <Image
+//               src="/assets/images/darmasaba-icon.png"
+//               alt="Logo Darmasaba"
+//               w={{ base: 32, sm: 40 }}
+//               h={{ base: 32, sm: 40 }}
+//               radius="md"
+//               loading="lazy"
+//               style={{
+//                 minWidth: '32px',
+//                 height: 'auto',
+//               }}
+//             />
+//             <Text
+//               fw={700}
+//               c={colors["blue-button"]}
+//               fz={{ base: 'md', sm: 'xl' }}
+//             >
+//               Admin Darmasaba
+//             </Text>
+//           </Flex>
+
+//           <Group gap="xs">
+//             {!desktopOpened && (
+//               <Tooltip label="Buka Navigasi" position="bottom" withArrow>
+//                 <ActionIcon
+//                   variant="light"
+//                   radius="xl"
+//                   size="lg"
+//                   onClick={toggleDesktop}
+//                   color={colors["blue-button"]}
+//                 >
+//                   <IconChevronRight />
+//                 </ActionIcon>
+//               </Tooltip>
+//             )}
+
+//             <Burger
+//               opened={opened}
+//               onClick={toggle}
+//               hiddenFrom="sm"
+//               size="md"
+//               color={colors["blue-button"]}
+//               mr="xs"
+//             />
+
+//             <Tooltip label="Kembali ke Website Desa" position="bottom" withArrow>
+//               <ActionIcon
+//                 onClick={() => {
+//                   router.push("/darmasaba");
+//                 }}
+//                 color={colors["blue-button"]}
+//                 radius="xl"
+//                 size="lg"
+//                 variant="gradient"
+//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
+//               >
+//                 <Image 
+//                   src="/assets/images/darmasaba-icon.png" 
+//                   alt="Logo Darmasaba" 
+//                   w={20} 
+//                   h={20} 
+//                   radius="md" 
+//                   loading="lazy" 
+//                   style={{
+//                     minWidth: '20px',
+//                     height: 'auto',
+//                   }}
+//                 />
+//               </ActionIcon>
+//             </Tooltip>
+//             <Tooltip label="Keluar" position="bottom" withArrow>
+//               <ActionIcon
+//                 onClick={() => {
+//                   router.push("/darmasaba");
+//                 }}
+//                 color={colors["blue-button"]}
+//                 radius="xl"
+//                 size="lg"
+//                 variant="gradient"
+//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
+//               >
+//                 <IconLogout2 size={22} />
+//               </ActionIcon>
+//             </Tooltip>
+//           </Group>
+//         </Group>
+//       </AppShellHeader>
+
+//       <AppShellNavbar
+//         component={ScrollArea}
+//         style={{
+//           background: "#ffffff",
+//           borderRight: `1px solid ${colors["blue-button"]}20`,
+//         }}
+//         p={{ base: 'xs', sm: 'sm' }}
+//       >
+//         <AppShell.Section p="sm">
+//           {navBar.map((v, k) => {
+//             const isParentActive = segments.includes(_.lowerCase(v.name));
+
+//             return (
+//               <NavLink
+//                 key={k}
+//                 defaultOpened={isParentActive}
+//                 c={isParentActive ? colors["blue-button"] : "gray"}
+//                 label={
+//                   <Text fw={isParentActive ? 600 : 400} fz="sm">
+//                     {v.name}
+//                   </Text>
+//                 }
+//                 style={{
+//                   borderRadius: rem(10),
+//                   marginBottom: rem(4),
+//                   transition: "background 150ms ease",
+//                 }}
+//                 styles={{
+//                   root: {
+//                     '&:hover': {
+//                       backgroundColor: 'rgba(25, 113, 194, 0.05)',
+//                     },
+//                   },
+//                 }}
+//                 variant="light"
+//                 active={isParentActive}
+//               >
+//                 {v.children.map((child, key) => {
+//                   const isChildActive = segments.includes(
+//                     _.lowerCase(child.name)
+//                   );
+
+//                   return (
+//                     <NavLink
+//                       key={key}
+//                       href={child.path}
+//                       c={isChildActive ? colors["blue-button"] : "gray"}
+//                       label={
+//                         <Text fw={isChildActive ? 600 : 400} fz="sm">
+//                           {child.name}
+//                         </Text>
+//                       }
+//                       styles={{
+//                         root: {
+//                           borderRadius: rem(8),
+//                           marginBottom: rem(2),
+//                           transition: 'background 150ms ease',
+//                           padding: '6px 12px',
+//                           '&:hover': {
+//                             backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)',
+//                           },
+//                           ...(isChildActive && {
+//                             backgroundColor: 'rgba(25, 113, 194, 0.1)',
+//                           }),
+//                         },
+//                       }}
+//                       active={isChildActive}
+//                       component={Link}
+//                     />
+//                   );
+//                 })}
+//               </NavLink>
+//             );
+//           })}
+//         </AppShell.Section>
+
+//         <AppShell.Section py="md">
+//           <Group justify="end" pr="sm">
+//             <Tooltip
+//               label={desktopOpened ? "Tutup Navigasi" : "Buka Navigasi"}
+//               position="top"
+//               withArrow
+//             >
+//               <ActionIcon
+//                 variant="light"
+//                 radius="xl"
+//                 size="lg"
+//                 onClick={toggleDesktop}
+//                 color={colors["blue-button"]}
+//               >
+//                 <IconChevronLeft />
+//               </ActionIcon>
+//             </Tooltip>
+//           </Group>
+//         </AppShell.Section>
+//       </AppShellNavbar>
+
+//       <AppShellMain
+//         style={{
+//           background: "linear-gradient(180deg, #fdfdfd, #f6f9fc)",
+//           minHeight: "100vh",
+//         }}
+//       >
+//         {children}
+//       </AppShellMain>
+//     </AppShell>
+//   );
+// }
+
+
+
+
+
 'use client'
 
 import colors from "@/con/colors";
+import { authStore } from "@/store/authStore";
 import {
   ActionIcon,
   AppShell,
@@ -26,7 +289,8 @@ import {
 import _ from "lodash";
 import Link from "next/link";
 import { useRouter, useSelectedLayoutSegments } from "next/navigation";
-import { navBar } from "./_com/list_PageAdmin";
+import { useSnapshot } from "valtio";
+import { navigationByRole } from "./_com/navigationByRole";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   const [opened, { toggle }] = useDisclosure();
@@ -34,6 +298,15 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
 
+  //ambil user dari authStore
+  const {user} = useSnapshot(authStore)
+  console.log("Current User:", user); // 👈 Tambahkan ini
+
+  //ambil navigation berdasarkan role
+  const currentNav = user?.roleId !== undefined
+  ? navigationByRole[user.roleId as keyof typeof navigationByRole] || []
+  : [];
+
   return (
     <AppShell
       suppressHydrationWarning
@@ -156,7 +429,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         p={{ base: 'xs', sm: 'sm' }}
       >
         <AppShell.Section p="sm">
-          {navBar.map((v, k) => {
+          {currentNav.map((v, k) => {
             const isParentActive = segments.includes(_.lowerCase(v.name));
 
             return (
@@ -255,3 +528,4 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     </AppShell>
   );
 }
+
diff --git a/src/app/api/[[...slugs]]/_lib/user/index.ts b/src/app/api/[[...slugs]]/_lib/user/index.ts
index 98dd2d8b..60a26541 100644
--- a/src/app/api/[[...slugs]]/_lib/user/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/index.ts
@@ -14,6 +14,16 @@ const User = new Elysia({ prefix: "/api/user" })
       id: t.String(),
     }),
   }) // pakai PUT untuk soft delete
-  .put("/updt", userUpdate);
+  .put(
+    "/updt",
+    userUpdate,
+    {
+      body: t.Object({
+        id: t.String(),
+        isActive: t.Optional(t.Boolean()),
+        roleId: t.Optional(t.String()),
+      })
+    }
+  );
 
 export default User;
diff --git a/src/app/api/[[...slugs]]/_lib/user/role/create.ts b/src/app/api/[[...slugs]]/_lib/user/role/create.ts
index 12b6cba1..6b74c529 100644
--- a/src/app/api/[[...slugs]]/_lib/user/role/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/role/create.ts
@@ -3,7 +3,6 @@ import { Context } from "elysia";
 
 type FormCreate = {
     name: string;
-    permissions: string[];  
 }
 
 export default async function roleCreate(context: Context) {
@@ -13,7 +12,6 @@ export default async function roleCreate(context: Context) {
         const result = await prisma.role.create({
             data: {
                 name: body.name,
-                permissions: body.permissions,
             },
         });
         return {
diff --git a/src/app/api/[[...slugs]]/_lib/user/role/index.ts b/src/app/api/[[...slugs]]/_lib/user/role/index.ts
index 8e227bcf..8fb78ac2 100644
--- a/src/app/api/[[...slugs]]/_lib/user/role/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/role/index.ts
@@ -13,7 +13,6 @@ const Role = new Elysia({
  .post("/create", roleCreate, {
     body: t.Object({
       name: t.String(),
-      permissions: t.Array(t.String()),
     }),
   })
 
@@ -27,7 +26,6 @@ const Role = new Elysia({
   .put("/:id", roleUpdate, {
     body: t.Object({
       name: t.String(),
-      permissions: t.Array(t.String()),
     }),
   })
   .delete("/del/:id", roleDelete);
diff --git a/src/app/api/[[...slugs]]/_lib/user/role/updt.ts b/src/app/api/[[...slugs]]/_lib/user/role/updt.ts
index fbe27b5c..113f6357 100644
--- a/src/app/api/[[...slugs]]/_lib/user/role/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/role/updt.ts
@@ -3,7 +3,6 @@ import { Context } from "elysia";
 
 type FormUpdate = {
     name: string;
-    permissions: string[];
 }
 
 export default async function roleUpdate(context: Context) {
@@ -15,7 +14,6 @@ export default async function roleUpdate(context: Context) {
             where: { id },
             data: {
                 name: body.name,
-                permissions: body.permissions,
             },
         });
         return {
diff --git a/src/app/api/[[...slugs]]/_lib/user/updt.ts b/src/app/api/[[...slugs]]/_lib/user/updt.ts
index 4e99c92c..2f63640b 100644
--- a/src/app/api/[[...slugs]]/_lib/user/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/updt.ts
@@ -4,7 +4,11 @@ import { Context } from "elysia";
 
 export default async function userUpdate(context: Context) {
   try {
-    const { id, isActive } = await context.body as { id: string, isActive: boolean };
+    const { id, isActive, roleId } = await context.body as {
+      id: string,
+      isActive?: boolean,
+      roleId?: string
+    };
 
     if (!id) {
       return {
@@ -13,28 +17,53 @@ export default async function userUpdate(context: Context) {
       };
     }
 
+    // Optional: cek apakah roleId valid
+    if (roleId) {
+      const cekRole = await prisma.role.findUnique({
+        where: { id: roleId }
+      });
+
+      if (!cekRole) {
+        return {
+          success: false,
+          message: "Role tidak ditemukan",
+        };
+      }
+    }
+
     const updatedUser = await prisma.user.update({
       where: { id },
-      data: { isActive },
+      data: {
+        ...(isActive !== undefined && { isActive }),
+        ...(roleId && { roleId }),
+      },
       select: {
         id: true,
         username: true,
         nomor: true,
         isActive: true,
+        roleId: true,
         updatedAt: true,
+        role: {
+          select: {
+            id: true,
+            name: true,
+          }
+        }
       }
     });
 
     return {
       success: true,
-      message: `User berhasil ${isActive ? "diaktifkan" : "dinonaktifkan"}`,
+      message: `User berhasil diupdate`,
       data: updatedUser,
     };
+
   } catch (e: any) {
     console.error("Error update user:", e);
     return {
       success: false,
-      message: "Gagal mengupdate status user",
+      message: "Gagal mengupdate user",
     };
   }
 }
diff --git a/src/app/api/auth/verify-otp/route.ts b/src/app/api/auth/verify-otp/route.ts
index 16cc1402..2601d44f 100644
--- a/src/app/api/auth/verify-otp/route.ts
+++ b/src/app/api/auth/verify-otp/route.ts
@@ -108,11 +108,18 @@ export async function POST(req: Request) {
       data: { isActive: false },
     });
 
+    const userData = {
+      id: user.id,
+      name: user.username, // atau user.nama jika ada kolom nama
+      roleId: user.roleId,
+    };
+
     // Set cookie & respons
     const response = NextResponse.json(
       {
         success: true,
         message: "Berhasil login",
+        user: userData,
         roleId: user.roleId,
       },
       { status: 200 }
diff --git a/src/store/authStore.ts b/src/store/authStore.ts
new file mode 100644
index 00000000..7a589435
--- /dev/null
+++ b/src/store/authStore.ts
@@ -0,0 +1,17 @@
+import { proxy } from 'valtio';
+
+export type User = {
+  id: string;
+  name: string;
+  roleId: number; // 0, 1, 2, 3
+};
+
+export const authStore = proxy<{
+  user: User | null;
+  setUser: (user: User | null) => void;
+}>({
+  user: null,
+  setUser(user) {
+    authStore.user = user;
+  },
+});
\ No newline at end of file
-- 
2.49.1


From a291bdfb511bc22b3e61c5f500c59122fc83814e Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 21 Nov 2025 17:26:38 +0800
Subject: [PATCH 17/97] Tampilan Layout sudah sesuai dengan roleIdnya Sudah
 sessionnya Sudah disesuaikan juga semisal superadmin ngubah role admin, maka
 admin tersebut akan logOut dan diarahkan ke halama login sudah bisa logOut

---
 .../(dashboard)/_state/user/user-state.ts     |  98 +++++++---
 .../(dashboard)/auth/validasi-admin/page.tsx  | 171 ++++++++++++-----
 .../admin/(dashboard)/user&role/user/page.tsx | 154 +++++++++++----
 src/app/admin/layout.tsx                      | 179 ++++++++++++++++--
 src/app/api/[[...slugs]]/_lib/user/delUser.ts |  38 ++++
 src/app/api/[[...slugs]]/_lib/user/index.ts   |   7 +-
 src/app/api/[[...slugs]]/_lib/user/updt.ts    |  55 +++++-
 src/app/api/auth/_lib/session_create.ts       |  51 ++++-
 src/app/api/auth/_lib/session_delete.ts       |  42 ++++
 src/app/api/auth/_lib/session_verify.ts       |  90 +++++++++
 .../api/auth/finalize-registration/route.ts   | 110 ++++++++---
 src/app/api/auth/logout/route.ts              |  35 ++++
 src/app/api/auth/me/route.ts                  |  67 ++++---
 src/app/api/auth/verify-otp/route.ts          |  86 ++++-----
 src/app/waiting-room/page.tsx                 |  55 +++---
 src/store/authStore.ts                        |   2 +-
 16 files changed, 965 insertions(+), 275 deletions(-)
 create mode 100644 src/app/api/[[...slugs]]/_lib/user/delUser.ts
 create mode 100644 src/app/api/auth/_lib/session_delete.ts
 create mode 100644 src/app/api/auth/_lib/session_verify.ts
 create mode 100644 src/app/api/auth/logout/route.ts

diff --git a/src/app/admin/(dashboard)/_state/user/user-state.ts b/src/app/admin/(dashboard)/_state/user/user-state.ts
index c686c8eb..2bc42f7e 100644
--- a/src/app/admin/(dashboard)/_state/user/user-state.ts
+++ b/src/app/admin/(dashboard)/_state/user/user-state.ts
@@ -90,40 +90,88 @@ const userState = proxy({
       }
     },
   },
-  update: {
+  deleteUser: {
     loading: false,
-
-    async submit(payload: { id: string; isActive?: boolean; roleId?: string }) {
-      this.loading = true;
+  
+    async delete(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+  
       try {
-        const res = await fetch(`/api/user/updt`, {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload),
+        userState.deleteUser.loading = true;
+  
+        const response = await fetch(`/api/user/delUser/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
         });
-
-        const data = await res.json();
-
-        if (res.status === 200 && data.success) {
-          toast.success(data.message);
-
-          // refresh list
-          userState.findMany.load(
-            userState.findMany.page,
-            10,
-            userState.findMany.search
-          );
+  
+        const result = await response.json();
+  
+        if (response.ok && result?.success) {
+          toast.success(result.message || "User berhasil dihapus permanen");
+          await userState.findMany.load(); // refresh list user setelah delete
         } else {
-          toast.error(data.message || "Gagal update user");
+          toast.error(result?.message || "Gagal menghapus user");
         }
-      } catch (e) {
-        console.error(e);
-        toast.error("Gagal update user");
+      } catch (error) {
+        console.error("Gagal delete user:", error);
+        toast.error("Terjadi kesalahan saat menghapus user");
       } finally {
-        this.loading = false;
+        userState.delete.loading = false;
       }
     },
+  },  
+  // Di file userState.ts atau dimana state user berada
+
+update: {
+  loading: false,
+
+  async submit(payload: { id: string; isActive?: boolean; roleId?: string }) {
+    this.loading = true;
+    try {
+      const res = await fetch(`/api/user/updt`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload),
+      });
+
+      const data = await res.json();
+
+      if (res.status === 200 && data.success) {
+        // ✅ Tampilkan pesan yang berbeda jika role berubah
+        if (data.roleChanged) {
+          toast.success(
+            `${data.message}\n\nUser akan logout otomatis dalam beberapa detik.`,
+            {
+              autoClose: 5000,
+            }
+          );
+        } else {
+          toast.success(data.message);
+        }
+
+        // Refresh list
+        await userState.findMany.load(
+          userState.findMany.page,
+          10,
+          userState.findMany.search
+        );
+
+        return true; // ✅ Return success untuk handling di component
+      } else {
+        toast.error(data.message || "Gagal update user");
+        return false;
+      }
+    } catch (e) {
+      console.error("❌ Error update user:", e);
+      toast.error("Gagal update user");
+      return false;
+    } finally {
+      this.loading = false;
+    }
   },
+},
 });
 
 const templateRole = z.object({
diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 0ea24413..1ed48d2d 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -1,4 +1,5 @@
-// app/validasi/page.tsx
+// 
+
 'use client';
 
 import { apiFetchOtpData, apiFetchVerifyOtp } from '@/app/api/auth/_lib/api_fetch_auth';
@@ -17,89 +18,151 @@ export default function Validasi() {
   const [isLoading, setIsLoading] = useState(true);
   const [kodeId, setKodeId] = useState<string | null>(null);
 
+  // Inisialisasi data OTP
   useEffect(() => {
     const storedKodeId = localStorage.getItem('auth_kodeId');
     if (!storedKodeId) {
       toast.error('Akses tidak valid');
-      router.push('/login');
+      router.replace('/login');
       return;
     }
 
     setKodeId(storedKodeId);
 
-    const fetchOtpData = async () => {
+    const loadOtpData = async () => {
       try {
         const result = await apiFetchOtpData({ kodeId: storedKodeId });
         if (result.success && result.data?.nomor) {
           setNomor(result.data.nomor);
         } else {
-          throw new Error('OTP tidak valid');
+          throw new Error('Data OTP tidak valid');
         }
       } catch (error) {
-        console.error('Gagal muat OTP:', error);
+        console.error('Gagal memuat data OTP:', error);
         toast.error('Kode verifikasi tidak valid');
-        router.push('/login');
+        router.replace('/login');
       } finally {
         setIsLoading(false);
       }
     };
 
-    fetchOtpData();
+    loadOtpData();
   }, [router]);
 
+  // Verifikasi OTP
   const handleVerify = async () => {
     if (!kodeId || !nomor || otp.length < 4) return;
-  
+
+    setLoading(true);
     try {
-      setLoading(true);
       const verifyResult = await apiFetchVerifyOtp({ nomor, otp, kodeId });
-  
-      if (verifyResult.success && verifyResult.user) {
-        // ✅ SET USER KE STORE
-        authStore.setUser({
-          id: verifyResult.user.id,
-          name: verifyResult.user.name,
-          roleId: Number(verifyResult.user.roleId),
-        });
-  
-        cleanupStorage();
-        router.push('/admin/landing-page/profil/program-inovasi');
-        return;
-      }
-  
-      // Hanya coba registrasi jika akun tidak ditemukan
-      if (verifyResult.status === 404 && verifyResult.message?.includes('Akun tidak ditemukan')) {
-        const username = localStorage.getItem('auth_username');
-        if (!username) {
-          toast.error('Data registrasi hilang');
+
+      if (!verifyResult.success) {
+        // Registrasi baru?
+        if (
+          verifyResult.status === 404 &&
+          verifyResult.message?.includes('Akun tidak ditemukan')
+        ) {
+          await handleNewRegistration();
           return;
         }
-  
-        const regRes = await fetch('/api/auth/finalize-registration', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ nomor, username, otp, kodeId }),
-        });
-  
-        const regData = await regRes.json();
-        if (regData.success) {
-          cleanupStorage();
-          router.push('/waiting-room'); // ✅
-        } else {
-          toast.error(regData.message || 'Registrasi gagal');
-        }
-      } else {
-        // Hanya tampilkan error jika bukan kasus "akun tidak ditemukan"
+
+        // Error lain
         toast.error(verifyResult.message || 'Verifikasi gagal');
+        return;
       }
+
+      // ✅ Verifikasi sukses → simpan user ke store
+      const user = verifyResult.user;
+      console.log('=== DEBUG USER ===');
+      console.log('Full user object:', user);
+
+      if (!user || !user.id) {
+        toast.error('Data pengguna tidak lengkap');
+        return;
+      }
+
+      const roleId = Number(user.roleId);
+      authStore.setUser({
+        id: user.id,
+        name: user.name || user.username || 'User',
+        roleId: roleId,
+      });
+
+      cleanupStorage();
+
+      const isUserActive = user.isActive ?? user.is_active ?? true;
+
+      // Redirect berdasarkan status approval
+      if (!isUserActive) {
+        router.replace('/waiting-room');
+        return;
+      }
+      
+      // ✅ Switch statement lebih clean
+      let redirectPath: string;
+      
+      switch (roleId) {
+        case 0:
+        case 1:
+          redirectPath = '/admin/landing-page/profil/program-inovasi';
+          break;
+        case 2:
+          redirectPath = '/admin/kesehatan/posyandu';
+          break;
+        case 3:
+          redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
+          break;
+        default:
+          redirectPath = '/admin';
+          console.warn('Unknown roleId:', roleId);
+      }
+      
+      console.log('Redirecting to:', redirectPath);
+      router.replace(redirectPath);
+
     } catch (error) {
-      console.error('Verifikasi error:', error);
-      toast.error('Terjadi kesalahan');
+      console.error('Error saat verifikasi:', error);
+      toast.error('Terjadi kesalahan sistem');
     } finally {
       setLoading(false);
     }
   };
 
+  // Registrasi baru
+  const handleNewRegistration = async () => {
+    const username = localStorage.getItem('auth_username');
+    if (!username) {
+      toast.error('Data registrasi tidak ditemukan');
+      return;
+    }
+
+    try {
+      const res = await fetch('/api/auth/finalize-registration', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ nomor, username, otp, kodeId }),
+      });
+
+      const data = await res.json();
+
+      if (data.success) {
+        // Set user sementara (tanpa roleId, akan diisi saat approve)
+        authStore.setUser({
+          id: 'pending',
+          name: username,
+        });
+        cleanupStorage();
+        router.replace('/waiting-room');
+      } else {
+        toast.error(data.message || 'Registrasi gagal');
+      }
+    } catch (error) {
+      console.error('Error registrasi:', error);
+      toast.error('Gagal menyelesaikan registrasi');
+    }
+  };
+
   const cleanupStorage = () => {
     localStorage.removeItem('auth_kodeId');
     localStorage.removeItem('auth_nomor');
@@ -118,12 +181,15 @@ export default function Validasi() {
       if (data.success) {
         localStorage.setItem('auth_kodeId', data.kodeId);
         toast.success('OTP baru dikirim');
+      } else {
+        toast.error(data.message || 'Gagal mengirim ulang OTP');
       }
     } catch {
-      toast.error('Gagal kirim ulang');
+      toast.error('Gagal menghubungi server');
     }
   };
 
+  // Loading
   if (isLoading) {
     return (
       <Stack pos="relative" bg={colors.Bg} align="center" justify="center" h="100vh">
@@ -148,7 +214,7 @@ export default function Validasi() {
                   Kami telah mengirim kode ke nomor <strong>{nomor}</strong>
                 </Text>
               </Box>
-              <Box>
+              <Box w="100%">
                 <Box mb={20}>
                   <Text c={colors['blue-button']} ta="center" fz="sm" fw="bold">
                     Masukkan Kode Verifikasi
@@ -176,7 +242,14 @@ export default function Validasi() {
 
                 <Text ta="center" size="sm" mt="md">
                   Tidak menerima kode?{' '}
-                  <Button variant="subtle" onClick={handleResend} size="xs" p={0} h="auto" color={colors['blue-button']}>
+                  <Button
+                    variant="subtle"
+                    onClick={handleResend}
+                    size="xs"
+                    p={0}
+                    h="auto"
+                    color={colors['blue-button']}
+                  >
                     Kirim Ulang
                   </Button>
                 </Text>
diff --git a/src/app/admin/(dashboard)/user&role/user/page.tsx b/src/app/admin/(dashboard)/user&role/user/page.tsx
index 60578da5..0b93d81e 100644
--- a/src/app/admin/(dashboard)/user&role/user/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/user/page.tsx
@@ -2,14 +2,13 @@
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Select, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconCheck, IconSearch, IconX } from '@tabler/icons-react';
+import { IconCheck, IconSearch, IconTrash, IconX } from '@tabler/icons-react';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
 import user from '../../_state/user/user-state';
 
-
 function User() {
   const [search, setSearch] = useState("");
   return (
@@ -27,10 +26,10 @@ function User() {
 }
 
 function ListUser({ search }: { search: string }) {
-  const stateUser = useProxy(user.userState)
-  const stateRole = useProxy(user.roleState)
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
+  const stateUser = useProxy(user.userState);
+  const stateRole = useProxy(user.roleState);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
 
   const {
     data,
@@ -42,21 +41,80 @@ function ListUser({ search }: { search: string }) {
 
   const handleDelete = () => {
     if (selectedId) {
-      stateUser.delete.submit(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
-
-      stateUser.findMany.load()
+      stateUser.deleteUser.delete(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      stateUser.findMany.load();
     }
-  }
-
+  };
 
   useShallowEffect(() => {
-    stateRole.findMany.load()
-    load(page, 10, search)
-  }, [page, search])
+    stateRole.findMany.load();
+    load(page, 10, search);
+  }, [page, search]);
 
-  const filteredData = data || []
+  // ✅ Helper function untuk nama role
+  const getRoleName = (roleId: string) => {
+    // Cari dari data role yang sudah diload
+    const role = stateRole.findMany.data.find((r) => r.id === roleId);
+    return role?.name || "Unknown Role";
+  };
+
+  // ✅ Handler untuk perubahan role dengan konfirmasi
+  const handleRoleChange = async (
+    userId: string,
+    username: string,
+    oldRoleId: string,
+    newRoleId: string
+  ) => {
+    // Skip jika sama
+    if (oldRoleId === newRoleId) {
+      return true;
+    }
+
+    // ✅ Konfirmasi perubahan role
+    const confirmed = window.confirm(
+      `⚠️ PERINGATAN\n\n` +
+      `Mengubah role untuk "${username}" akan:\n` +
+      `• Logout user otomatis dari semua device\n` +
+      `• Mengubah akses menu sesuai role baru\n\n` +
+      `Role: ${getRoleName(oldRoleId)} → ${getRoleName(newRoleId)}\n\n` +
+      `Lanjutkan?`
+    );
+
+    if (!confirmed) {
+      // Reload data untuk reset dropdown ke nilai lama
+      stateUser.findMany.load(page, 10, search);
+      return false;
+    }
+
+    // ✅ Submit update
+    const success = await stateUser.update.submit({
+      id: userId,
+      roleId: newRoleId,
+    });
+
+    if (success) {
+      // Reload data setelah berhasil update
+      stateUser.findMany.load(page, 10, search);
+    }
+
+    return success;
+  };
+
+  // ✅ Handler untuk toggle isActive
+  const handleToggleActive = async (userId: string, currentStatus: boolean) => {
+    const success = await stateUser.update.submit({
+      id: userId,
+      isActive: !currentStatus,
+    });
+
+    if (success) {
+      stateUser.findMany.load(page, 10, search);
+    }
+  };
+
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
@@ -80,16 +138,19 @@ function ListUser({ search }: { search: string }) {
                 <TableTh style={{ width: '20%' }}>Nomor</TableTh>
                 <TableTh style={{ width: '20%' }}>Role</TableTh>
                 <TableTh style={{ width: '15%' }}>Aktif / Nonaktif</TableTh>
+                <TableTh style={{ width: '15%' }}>Hapus</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%', }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.username}</Text>
+                    <TableTd style={{ width: '25%' }}>
+                      <Text fw={500} truncate="end" lineClamp={1}>
+                        {item.username}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%', }}>
+                    <TableTd style={{ width: '20%' }}>
                       <Text truncate fz="sm" c="dimmed">
                         {item.nomor}
                       </Text>
@@ -101,21 +162,22 @@ function ListUser({ search }: { search: string }) {
                           label: r.name,
                           value: r.id,
                         }))}
-                        value={item.roleId} // ⬅ role milik user ini
-                        onChange={async (val) => {
+                        value={item.roleId}
+                        onChange={(val) => {
                           if (!val) return;
 
-                          await stateUser.update.submit({
-                            id: item.id,
-                            roleId: val, // ⬅ kirim roleId
-                          });
-
-                          // reload data supaya UI up-to-date
-                          stateUser.findMany.load(page, 10, search);
+                          // ✅ Panggil handleRoleChange dengan konfirmasi
+                          handleRoleChange(
+                            item.id,
+                            item.username,
+                            item.roleId,
+                            val
+                          );
                         }}
                         searchable
-                        clearable={false} // role harus ada
+                        clearable={false}
                         nothingFoundMessage="Role tidak ditemukan"
+                        disabled={stateUser.update.loading}
                       />
                     </TableTd>
 
@@ -127,26 +189,34 @@ function ListUser({ search }: { search: string }) {
                         <Button
                           variant="light"
                           color={item.isActive ? "green" : "red"}
-                          onClick={async () => {
-                            await stateUser.update.submit({
-                              id: item.id,
-                              isActive: !item.isActive, // toggle
-                            });
-
-                            stateUser.findMany.load(page, 10, search);
-                          }}
+                          onClick={() => handleToggleActive(item.id, item.isActive)}
+                          disabled={stateUser.update.loading}
                         >
                           {item.isActive ? <IconCheck size={20} /> : <IconX size={20} />}
                         </Button>
                       </Tooltip>
                     </TableTd>
+
+                    <TableTd style={{ width: '15%' }}>
+                      <Button
+                        variant="light"
+                        color='red'
+                        disabled={stateUser.deleteUser.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={20} />
+                      </Button>
+                    </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
+                  <TableTd colSpan={5}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data user yang cocok</Text>
+                      <Text c="dimmed">Tidak ada data user yang cocok</Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -155,6 +225,7 @@ function ListUser({ search }: { search: string }) {
           </Table>
         </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -169,6 +240,7 @@ function ListUser({ search }: { search: string }) {
           radius="md"
         />
       </Center>
+
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}
@@ -180,4 +252,4 @@ function ListUser({ search }: { search: string }) {
   );
 }
 
-export default User;
+export default User;
\ No newline at end of file
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index cb818884..1ca33bdf 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,3 +1,4 @@
+// /* eslint-disable react-hooks/exhaustive-deps */
 // 'use client'
 
 // import colors from "@/con/colors";
@@ -257,9 +258,6 @@
 // }
 
 
-
-
-
 'use client'
 
 import colors from "@/con/colors";
@@ -271,9 +269,11 @@ import {
   AppShellMain,
   AppShellNavbar,
   Burger,
+  Center,
   Flex,
   Group,
   Image,
+  Loader,
   NavLink,
   ScrollArea,
   Text,
@@ -289,23 +289,164 @@ import {
 import _ from "lodash";
 import Link from "next/link";
 import { useRouter, useSelectedLayoutSegments } from "next/navigation";
-import { useSnapshot } from "valtio";
+import { useEffect, useState } from "react";
 import { navigationByRole } from "./_com/navigationByRole";
+import { useSnapshot } from "valtio";
+import { toast } from "react-toastify";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   const [opened, { toggle }] = useDisclosure();
+  const [loading, setLoading] = useState(true);
   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
 
-  //ambil user dari authStore
-  const {user} = useSnapshot(authStore)
-  console.log("Current User:", user); // 👈 Tambahkan ini
+  const { user } = useSnapshot(authStore);
+  console.log("Current user in store:", user);
 
-  //ambil navigation berdasarkan role
+  // ✅ Fetch user dari backend jika belum ada di store
+  useEffect(() => {
+    if (user) {
+      setLoading(false);
+      return;
+    } // Sudah ada → jangan fetch
+
+    const fetchUser = async () => {
+      try {
+        const res = await fetch('/api/auth/me');
+        const data = await res.json();
+
+        if (data.user) {
+          authStore.setUser({
+            id: data.user.id,
+            name: data.user.name,
+            roleId: Number(data.user.roleId),
+          });
+        } else {
+          authStore.setUser(null);
+          router.replace('/login');
+        }
+      } catch (error) {
+        console.error('Gagal memuat data pengguna:', error);
+        authStore.setUser(null);
+        router.replace('/login');
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchUser();
+  }, [user, router]); // ✅ Sekarang 'user' terdefinisi
+
+  // ✅ Polling untuk cek perubahan role setiap 30 detik
+  // Di layout.tsx - useEffect polling
+useEffect(() => {
+  if (!user?.id) return;
+
+  const checkRoleUpdate = async () => {
+    try {
+      const res = await fetch('/api/auth/me');
+      const data = await res.json();
+
+      // ✅ Session tidak valid (sudah dihapus karena role berubah)
+      if (!data.success || !data.user) {
+        console.log('⚠️ Session tidak valid, logout...');
+        authStore.setUser(null);
+        
+        // Clear cookie manual (backup)
+        document.cookie = `${process.env.NEXT_PUBLIC_SESSION_KEY}=; Max-Age=0; path=/;`;
+        
+        toast.info('Role Anda telah diubah. Silakan login kembali.', {
+          autoClose: 5000,
+        });
+        
+        router.push('/login');
+        return;
+      }
+
+      // Cek perubahan roleId (seharusnya tidak sampai sini jika session dihapus)
+      const currentRoleId = Number(data.user.roleId);
+      
+      if (currentRoleId !== user.roleId) {
+        console.log('🔄 Role berubah! Dari', user.roleId, 'ke', currentRoleId);
+        
+        // Update store
+        authStore.setUser({
+          id: data.user.id,
+          name: data.user.name || data.user.username,
+          roleId: currentRoleId,
+        });
+
+        // Redirect ke halaman default role baru
+        let redirectPath = '/admin';
+
+        switch (currentRoleId) {
+          case 0:
+          case 1:
+            redirectPath = '/admin/landing-page/profil/program-inovasi';
+            break;
+          case 2:
+            redirectPath = '/admin/kesehatan/posyandu';
+            break;
+          case 3:
+            redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
+            break;
+        }
+
+        toast.info('Role Anda telah diubah. Mengalihkan halaman...', {
+          autoClose: 5000,
+        });
+        
+        router.push(redirectPath);
+        
+        // Reload untuk clear semua state
+        setTimeout(() => {
+          window.location.reload();
+        }, 500);
+      }
+    } catch (error) {
+      console.error('❌ Error checking role update:', error);
+    }
+  };
+
+  // ✅ Polling setiap 10 detik (lebih responsif dari 30 detik)
+  const interval = setInterval(checkRoleUpdate, 10000);
+
+  // Juga cek saat window focus (user kembali ke tab)
+  const handleFocus = () => {
+    checkRoleUpdate();
+  };
+  
+  window.addEventListener('focus', handleFocus);
+
+  return () => {
+    clearInterval(interval);
+    window.removeEventListener('focus', handleFocus);
+  };
+}, [user, router]);
+
+  if (loading) {
+    return (
+      <AppShell>
+        <AppShellMain>
+          <Center h="100vh">
+            <Loader />
+          </Center>
+        </AppShellMain>
+      </AppShell>
+    );
+  }
+
+  // ✅ Ambil menu berdasarkan roleId
   const currentNav = user?.roleId !== undefined
-  ? navigationByRole[user.roleId as keyof typeof navigationByRole] || []
-  : [];
+    ? (navigationByRole[user.roleId as keyof typeof navigationByRole] || [])
+    : [];
+
+  const handleLogout = () => {
+    authStore.setUser(null);
+    document.cookie = `${process.env.BASE_SESSION_KEY}=; Max-Age=0; path=/;`;
+    router.push('/login');
+  };
 
   return (
     <AppShell
@@ -388,13 +529,13 @@ export default function Layout({ children }: { children: React.ReactNode }) {
                 variant="gradient"
                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
               >
-                <Image 
-                  src="/assets/images/darmasaba-icon.png" 
-                  alt="Logo Darmasaba" 
-                  w={20} 
-                  h={20} 
-                  radius="md" 
-                  loading="lazy" 
+                <Image
+                  src="/assets/images/darmasaba-icon.png"
+                  alt="Logo Darmasaba"
+                  w={20}
+                  h={20}
+                  radius="md"
+                  loading="lazy"
                   style={{
                     minWidth: '20px',
                     height: 'auto',
@@ -404,9 +545,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             </Tooltip>
             <Tooltip label="Keluar" position="bottom" withArrow>
               <ActionIcon
-                onClick={() => {
-                  router.push("/darmasaba");
-                }}
+                onClick={handleLogout}
                 color={colors["blue-button"]}
                 radius="xl"
                 size="lg"
diff --git a/src/app/api/[[...slugs]]/_lib/user/delUser.ts b/src/app/api/[[...slugs]]/_lib/user/delUser.ts
new file mode 100644
index 00000000..9823dea6
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/user/delUser.ts
@@ -0,0 +1,38 @@
+// /api/user/delete.ts
+import prisma from '@/lib/prisma';
+import { Context } from 'elysia';
+
+export default async function userDelete(context: Context) {
+  const { id } = context.params as { id: string };
+
+  try {
+    // Cek user dulu
+    const existingUser = await prisma.user.findUnique({
+      where: { id },
+    });
+
+    if (!existingUser) {
+      return {
+        success: false,
+        message: 'User tidak ditemukan',
+      };
+    }
+
+    // Hard delete (hapus permanen)
+    const deletedUser = await prisma.user.delete({
+      where: { id },
+    });
+
+    return {
+      success: true,
+      message: 'User berhasil dihapus permanen',
+      data: deletedUser,
+    };
+  } catch (error) {
+    console.error('Error delete user:', error);
+    return {
+      success: false,
+      message: 'Terjadi kesalahan saat menghapus user',
+    };
+  }
+}
diff --git a/src/app/api/[[...slugs]]/_lib/user/index.ts b/src/app/api/[[...slugs]]/_lib/user/index.ts
index 60a26541..76b1a49f 100644
--- a/src/app/api/[[...slugs]]/_lib/user/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/index.ts
@@ -24,6 +24,11 @@ const User = new Elysia({ prefix: "/api/user" })
         roleId: t.Optional(t.String()),
       })
     }
-  );
+  )
+  .put("/delUser/:id", userDelete, {
+    params: t.Object({
+      id: t.String(),
+    }),
+  });
 
 export default User;
diff --git a/src/app/api/[[...slugs]]/_lib/user/updt.ts b/src/app/api/[[...slugs]]/_lib/user/updt.ts
index 2f63640b..1642ac3b 100644
--- a/src/app/api/[[...slugs]]/_lib/user/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/updt.ts
@@ -31,6 +31,27 @@ export default async function userUpdate(context: Context) {
       }
     }
 
+    // ✅ CEK: Apakah roleId berubah?
+    let isRoleChanged = false;
+    let oldRoleId: string | null = null;
+    
+    if (roleId) {
+      const currentUser = await prisma.user.findUnique({
+        where: { id },
+        select: { 
+          roleId: true,
+          username: true,
+        }
+      });
+      
+      if (currentUser && currentUser.roleId !== roleId) {
+        isRoleChanged = true;
+        oldRoleId = currentUser.roleId;
+        console.log(`🔄 Role berubah untuk ${currentUser.username}: ${oldRoleId} → ${roleId}`);
+      }
+    }
+
+    // Update user
     const updatedUser = await prisma.user.update({
       where: { id },
       data: {
@@ -53,17 +74,43 @@ export default async function userUpdate(context: Context) {
       }
     });
 
+    // ✅ FORCE LOGOUT: Hapus UserSession jika role berubah
+    if (isRoleChanged) {
+      try {
+        const deletedSessions = await prisma.userSession.deleteMany({
+          where: { userId: id }
+        });
+        
+        console.log(`🔒 Force logout user ${updatedUser.username} (${id})`);
+        console.log(`   Deleted ${deletedSessions.count} session(s)`);
+        console.log(`   Role: ${oldRoleId} → ${roleId}`);
+      } catch (sessionError: any) {
+        // Jika UserSession tidak ditemukan (user belum pernah login), skip error
+        if (sessionError.code !== 'P2025') {
+          console.error("⚠️ Error menghapus session:", sessionError);
+        } else {
+          console.log(`ℹ️ User ${updatedUser.username} belum pernah login`);
+        }
+      }
+    }
+
+    // ✅ Response dengan info tambahan
     return {
       success: true,
-      message: `User berhasil diupdate`,
+      message: isRoleChanged 
+        ? `User berhasil diupdate. ${updatedUser.username} akan logout otomatis.`
+        : "User berhasil diupdate",
       data: updatedUser,
+      roleChanged: isRoleChanged, // Info untuk frontend
+      oldRoleId: oldRoleId,
+      newRoleId: roleId,
     };
 
   } catch (e: any) {
-    console.error("Error update user:", e);
+    console.error("❌ Error update user:", e);
     return {
       success: false,
-      message: "Gagal mengupdate user",
+      message: "Gagal mengupdate user: " + (e.message || "Unknown error"),
     };
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/session_create.ts b/src/app/api/auth/_lib/session_create.ts
index 2d14b8af..1a8b56f0 100644
--- a/src/app/api/auth/_lib/session_create.ts
+++ b/src/app/api/auth/_lib/session_create.ts
@@ -1,9 +1,11 @@
+// app/api/auth/_lib/session_create.ts
 import { cookies } from "next/headers";
 import { encrypt } from "./encrypt";
+import prisma from "@/lib/prisma";
 
 export async function sessionCreate({
   sessionKey,
-  exp = "7 year",
+  exp = "30 day",
   jwtSecret,
   user,
 }: {
@@ -30,12 +32,59 @@ export async function sessionCreate({
     throw new Error("Token generation failed");
   }
 
+  // ✅ HYBRID: Simpan token ke database UserSession
+  const userId = user.id as string;
+  
+  if (userId) {
+    try {
+      // Hapus session lama user ini (logout device lain)
+      await prisma.userSession.deleteMany({
+        where: { userId },
+      });
+
+      // Parse expiration
+      const expiresDate = new Date();
+      const expMatch = exp.match(/(\d+)\s*(day|year)/);
+      
+      if (expMatch) {
+        const [, num, unit] = expMatch;
+        const amount = parseInt(num);
+        
+        if (unit === 'year') {
+          expiresDate.setFullYear(expiresDate.getFullYear() + amount);
+        } else if (unit === 'day') {
+          expiresDate.setDate(expiresDate.getDate() + amount);
+        }
+      } else {
+        // Default 30 hari
+        expiresDate.setDate(expiresDate.getDate() + 30);
+      }
+
+      // Buat session baru di database
+      await prisma.userSession.create({
+        data: {
+          userId,
+          token, // JWT token disimpan
+          expires: expiresDate,
+          active: true,
+        },
+      });
+
+      console.log(`✅ Session created for user ${userId}`);
+    } catch (dbError) {
+      console.error("⚠️ Error menyimpan session ke database:", dbError);
+      // Tetap lanjut meski gagal simpan ke DB (fallback ke JWT only)
+    }
+  }
+
+  // Set cookie
   const cookieStore = await cookies();
   cookieStore.set(sessionKey, token, {
     httpOnly: true,
     sameSite: "lax",
     path: "/",
     secure: process.env.NODE_ENV === "production",
+    maxAge: 30 * 24 * 60 * 60, // 30 hari dalam detik
   });
 
   return token;
diff --git a/src/app/api/auth/_lib/session_delete.ts b/src/app/api/auth/_lib/session_delete.ts
new file mode 100644
index 00000000..7ff111b1
--- /dev/null
+++ b/src/app/api/auth/_lib/session_delete.ts
@@ -0,0 +1,42 @@
+// app/api/auth/_lib/session_delete.ts
+import { cookies } from "next/headers";
+import prisma from "@/lib/prisma";
+
+/**
+ * Hapus session dari database dan cookie
+ */
+export async function sessionDelete({
+  sessionKey,
+  userId,
+}: {
+  sessionKey: string;
+  userId?: string;
+}): Promise<boolean> {
+  try {
+    const cookieStore = await cookies();
+    const token = cookieStore.get(sessionKey)?.value;
+
+    // Hapus dari database
+    if (token) {
+      const deleted = await prisma.userSession.deleteMany({
+        where: { token },
+      });
+      console.log(`🗑️ Deleted ${deleted.count} session(s) by token`);
+    } else if (userId) {
+      // Fallback: hapus berdasarkan userId
+      const deleted = await prisma.userSession.deleteMany({
+        where: { userId },
+      });
+      console.log(`🗑️ Deleted ${deleted.count} session(s) for user ${userId}`);
+    }
+
+    // Hapus cookie
+    cookieStore.delete(sessionKey);
+    console.log('✅ Session deleted successfully');
+
+    return true;
+  } catch (error) {
+    console.error("❌ Error deleting session:", error);
+    return false;
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/session_verify.ts b/src/app/api/auth/_lib/session_verify.ts
new file mode 100644
index 00000000..a06056fc
--- /dev/null
+++ b/src/app/api/auth/_lib/session_verify.ts
@@ -0,0 +1,90 @@
+// app/api/auth/_lib/session_verify.ts
+import { cookies } from 'next/headers';
+import { decrypt } from './decrypt';
+import prisma from '@/lib/prisma';
+
+/**
+ * Verifikasi session hybrid:
+ * 1. Decrypt JWT token
+ * 2. Cek apakah token masih ada di database (untuk force logout)
+ * 3. Return data user terbaru dari database
+ */
+export async function verifySession(): Promise<Record<string, unknown> | null> {
+  try {
+    const sessionKey = process.env.BASE_SESSION_KEY;
+    if (!sessionKey) {
+      throw new Error('BASE_SESSION_KEY tidak ditemukan di environment');
+    }
+
+    const jwtSecret = process.env.BASE_TOKEN_KEY;
+    if (!jwtSecret) {
+      throw new Error('BASE_TOKEN_KEY tidak ditemukan di environment');
+    }
+
+    const cookieStore = await cookies();
+    const token = cookieStore.get(sessionKey)?.value;
+
+    if (!token) {
+      return null;
+    }
+
+    // Step 1: Decrypt JWT
+    const jwtUser = await decrypt({ token, jwtSecret });
+    
+    if (!jwtUser || !jwtUser.id) {
+      console.log('⚠️ JWT decrypt failed atau tidak ada user ID');
+      return null;
+    }
+
+    // Step 2: Cek database UserSession (untuk force logout)
+    try {
+      const dbSession = await prisma.userSession.findFirst({
+        where: {
+          userId: jwtUser.id as string,
+          token: token,
+          active: true,
+          OR: [
+            { expires: null },
+            { expires: { gte: new Date() } },
+          ],
+        },
+        include: {
+          User: {
+            select: {
+              id: true,
+              username: true,
+              nomor: true,
+              roleId: true,
+              isActive: true,
+            },
+          },
+        },
+      });
+
+      // Token tidak ditemukan di database = sudah dihapus (force logout)
+      if (!dbSession) {
+        console.log('⚠️ Token valid tapi sudah dihapus dari database (force logout)');
+        return null;
+      }
+
+      // Step 3: Return data user terbaru dari database
+      // Ini penting agar roleId selalu update
+      return {
+        id: dbSession.User.id,
+        username: dbSession.User.username,
+        nomor: dbSession.User.nomor,
+        roleId: dbSession.User.roleId,
+        isActive: dbSession.User.isActive,
+      };
+
+    } catch (dbError) {
+      console.error("⚠️ Error cek database session:", dbError);
+      // Fallback: jika database error, tetap pakai JWT
+      return jwtUser;
+    }
+
+  } catch (error) {
+    console.warn('❌ Session verification failed:', error);
+    return null;
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/finalize-registration/route.ts b/src/app/api/auth/finalize-registration/route.ts
index 4fbe01cc..6fdc8f38 100644
--- a/src/app/api/auth/finalize-registration/route.ts
+++ b/src/app/api/auth/finalize-registration/route.ts
@@ -1,47 +1,99 @@
 // app/api/auth/finalize-registration/route.ts
 import prisma from "@/lib/prisma";
-import { cookies } from "next/headers";
 import { NextResponse } from "next/server";
-// import { sessionCreate } from "../_lib/session_create";
+import { sessionCreate } from "../_lib/session_create";
 
 export async function POST(req: Request) {
   try {
-    const { nomor, username, kodeId } = await req.json();
+    const { nomor, username, kodeId, roleId } = await req.json();
 
-    // Verifikasi OTP (sama seperti verify-otp)
-    const otpRecord = await prisma.kodeOtp.findUnique({ where: { id: kodeId } });
-    if (!otpRecord?.isActive || otpRecord.nomor !== nomor) {
-      return NextResponse.json({ success: false, message: 'OTP tidak valid' }, { status: 400 });
+    // Validasi input
+    if (!nomor || !username || !kodeId) {
+      return NextResponse.json(
+        { success: false, message: "Data tidak lengkap" },
+        { status: 400 }
+      );
     }
 
-    // Buat user
-    const user = await prisma.user.create({
-      data: { username, nomor, isActive: false }
+    // Verifikasi OTP
+    const otpRecord = await prisma.kodeOtp.findUnique({
+      where: { id: kodeId },
+    });
+
+    if (!otpRecord?.isActive || otpRecord.nomor !== nomor) {
+      return NextResponse.json(
+        { success: false, message: "OTP tidak valid" },
+        { status: 400 }
+      );
+    }
+
+    // Cek apakah username sudah dipakai
+    const existingUser = await prisma.user.findUnique({
+      where: { username },
+    });
+
+    if (existingUser) {
+      return NextResponse.json(
+        { success: false, message: "Username sudah digunakan" },
+        { status: 400 }
+      );
+    }
+
+    // Buat user baru
+    const newUser = await prisma.user.create({
+      data: {
+        username,
+        nomor,
+        roleId: roleId || "1", // Default role
+        isActive: false, // Menunggu approval
+      },
     });
 
     // Nonaktifkan OTP
-    await prisma.kodeOtp.update({ where: { id: kodeId }, data: { isActive: false } });
-
-    // Buat session
-    // const token = await sessionCreate({
-    //   sessionKey: process.env.BASE_SESSION_KEY!,
-    //   jwtSecret: process.env.BASE_TOKEN_KEY!,
-    //   user: { id: user.id, nomor: user.nomor, username: user.username, roleId: user.roleId, isActive: true },
-    // });
-
-    (await cookies()).set('desadarmasaba_user_id', user.id, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === 'production',
-      path: '/',
-      maxAge: 30 * 24 * 60 * 60, // 30 hari
+    await prisma.kodeOtp.update({
+      where: { id: kodeId },
+      data: { isActive: false },
+    });
+
+    // ✅ CREATE SESSION (JWT + Database)
+    try {
+      await sessionCreate({
+        sessionKey: process.env.BASE_SESSION_KEY!,
+        jwtSecret: process.env.BASE_TOKEN_KEY!,
+        exp: "30 day",
+        user: {
+          id: newUser.id,
+          nomor: newUser.nomor,
+          username: newUser.username,
+          roleId: newUser.roleId,
+          isActive: false, // User baru belum aktif
+        },
+      });
+    } catch (sessionError) {
+      console.error("❌ Error creating session:", sessionError);
+      return NextResponse.json(
+        { success: false, message: "Gagal membuat session" },
+        { status: 500 }
+      );
+    }
+
+    return NextResponse.json({
+      success: true,
+      message: "Registrasi berhasil. Menunggu persetujuan admin.",
+      user: {
+        id: newUser.id,
+        name: newUser.username,
+        roleId: newUser.roleId,
+        isActive: false,
+      },
     });
 
-    const response = NextResponse.json({ success: true, roleId: user.roleId });
-    // response.cookies.set(process.env.BASE_SESSION_KEY!, token, { /* options */ });
-    return response;
   } catch (error) {
-    console.error('Finalize Registration Error:', error);
-    return NextResponse.json({ success: false, message: 'Registrasi gagal' }, { status: 500 });
+    console.error("❌ Finalize Registration Error:", error);
+    return NextResponse.json(
+      { success: false, message: "Registrasi gagal" },
+      { status: 500 }
+    );
   } finally {
     await prisma.$disconnect();
   }
diff --git a/src/app/api/auth/logout/route.ts b/src/app/api/auth/logout/route.ts
new file mode 100644
index 00000000..b546c0f6
--- /dev/null
+++ b/src/app/api/auth/logout/route.ts
@@ -0,0 +1,35 @@
+// app/api/auth/logout/route.ts
+import { NextResponse } from "next/server";
+import { sessionDelete } from "../_lib/session_delete";
+
+export async function POST() {
+  try {
+    const deleted = await sessionDelete({
+      sessionKey: process.env.BASE_SESSION_KEY!,
+    });
+
+    if (deleted) {
+      return NextResponse.json({
+        success: true,
+        message: "Logout berhasil",
+      });
+    } else {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Gagal logout",
+        },
+        { status: 500 }
+      );
+    }
+  } catch (error) {
+    console.error("❌ Logout Error:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Terjadi kesalahan saat logout",
+      },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/me/route.ts b/src/app/api/auth/me/route.ts
index e2795695..2a342f7b 100644
--- a/src/app/api/auth/me/route.ts
+++ b/src/app/api/auth/me/route.ts
@@ -1,30 +1,45 @@
-import prisma from "@/lib/prisma";
-import { NextRequest } from "next/server";
-// Jika pakai custom session (bukan next-auth), ganti dengan logic session-mu
+// app/api/auth/me/route.ts
+import { NextResponse } from 'next/server';
+import { verifySession } from '../_lib/session_verify';
 
-export async function GET(req: NextRequest) {
-  // 🔸 GANTI DENGAN LOGIC SESSION-MU
-  // Contoh: jika kamu simpan user.id di cookie atau JWT
-  const userId = req.cookies.get("desadarmasaba_user_id")?.value; // sesuaikan
+export async function GET() {
+  try {
+    // ✅ Verify session (hybrid: JWT + Database)
+    const user = await verifySession();
 
-  if (!userId) {
-    return Response.json({ error: "Unauthorized" }, { status: 401 });
+    if (!user) {
+      return NextResponse.json(
+        { 
+          success: false,
+          message: "Session tidak valid",
+          user: null 
+        },
+        { status: 401 }
+      );
+    }
+
+    // Data user sudah fresh dari database (via verifySession)
+    return NextResponse.json({
+      success: true,
+      user: {
+        id: user.id,
+        name: user.username,
+        username: user.username,
+        nomor: user.nomor,
+        roleId: user.roleId,
+        isActive: user.isActive,
+      },
+    });
+
+  } catch (error) {
+    console.error("❌ Error in /api/auth/me:", error);
+    return NextResponse.json(
+      { 
+        success: false,
+        message: "Terjadi kesalahan",
+        user: null 
+      },
+      { status: 500 }
+    );
   }
-
-  const user = await prisma.user.findUnique({
-    where: { id: userId },
-    select: {
-      id: true,
-      username: true,
-      nomor: true,
-      isActive: true,
-      role: { select: { name: true } },
-    },
-  });
-
-  if (!user) {
-    return Response.json({ error: "User not found" }, { status: 404 });
-  }
-
-  return Response.json({ user });
 }
\ No newline at end of file
diff --git a/src/app/api/auth/verify-otp/route.ts b/src/app/api/auth/verify-otp/route.ts
index 2601d44f..c14fb87e 100644
--- a/src/app/api/auth/verify-otp/route.ts
+++ b/src/app/api/auth/verify-otp/route.ts
@@ -4,13 +4,6 @@ import { NextResponse } from "next/server";
 import { sessionCreate } from "../_lib/session_create";
 
 export async function POST(req: Request) {
-  if (req.method !== "POST") {
-    return NextResponse.json(
-      { success: false, message: "Method Not Allowed" },
-      { status: 405 }
-    );
-  }
-
   try {
     const { nomor, otp, kodeId } = await req.json();
 
@@ -41,7 +34,7 @@ export async function POST(req: Request) {
       );
     }
 
-    // Pastikan tipe data cocok (OTP di DB = number)
+    // Validasi OTP
     const receivedOtp = Number(otp);
     if (isNaN(receivedOtp) || otpRecord.otp !== receivedOtp) {
       return NextResponse.json(
@@ -76,26 +69,22 @@ export async function POST(req: Request) {
       );
     }
 
-    if (!user.isActive) {
-      return NextResponse.json(
-        { success: false, message: "Akun belum disetujui oleh admin" },
-        { status: 403 }
-      );
-    }
-
-    // Buat session
-    const token = await sessionCreate({
-      sessionKey: process.env.BASE_SESSION_KEY!,
-      jwtSecret: process.env.BASE_TOKEN_KEY!, // ✅
-      user: {
-        id: user.id,
-        nomor: user.nomor,
-        username: user.username,
-        roleId: user.roleId,
-        isActive: user.isActive,
-      },
-    });
-    if (!token) {
+    // ✅ CREATE SESSION (JWT + Database)
+    try {
+      await sessionCreate({
+        sessionKey: process.env.BASE_SESSION_KEY!,
+        jwtSecret: process.env.BASE_TOKEN_KEY!,
+        exp: "30 day",
+        user: {
+          id: user.id,
+          nomor: user.nomor,
+          username: user.username,
+          roleId: user.roleId,
+          isActive: user.isActive,
+        },
+      });
+    } catch (sessionError) {
+      console.error("❌ Error creating session:", sessionError);
       return NextResponse.json(
         { success: false, message: "Gagal membuat session" },
         { status: 500 }
@@ -108,34 +97,25 @@ export async function POST(req: Request) {
       data: { isActive: false },
     });
 
-    const userData = {
-      id: user.id,
-      name: user.username, // atau user.nama jika ada kolom nama
-      roleId: user.roleId,
-    };
-
-    // Set cookie & respons
-    const response = NextResponse.json(
-      {
-        success: true,
-        message: "Berhasil login",
-        user: userData,
-        roleId: user.roleId,
-      },
-      { status: 200 }
-    );
-
-    response.cookies.set(process.env.BASE_SESSION_KEY!, token, {
-      path: "/",
-      sameSite: "lax",
-      secure: process.env.NODE_ENV === "production",
-      httpOnly: true, // 🔒 lebih aman
-      maxAge: 30 * 24 * 60 * 60,
+    // Update lastLogin
+    await prisma.user.update({
+      where: { id: user.id },
+      data: { lastLogin: new Date() },
+    });
+
+    return NextResponse.json({
+      success: true,
+      message: user.isActive ? "Berhasil login" : "Menunggu persetujuan",
+      user: {
+        id: user.id,
+        name: user.username,
+        roleId: user.roleId,
+        isActive: user.isActive,
+      },
     });
 
-    return response;
   } catch (error) {
-    console.error("Verify OTP Error:", error);
+    console.error("❌ Verify OTP Error:", error);
     return NextResponse.json(
       { success: false, message: "Terjadi kesalahan saat verifikasi" },
       { status: 500 }
diff --git a/src/app/waiting-room/page.tsx b/src/app/waiting-room/page.tsx
index 91c07beb..e5b25bbb 100644
--- a/src/app/waiting-room/page.tsx
+++ b/src/app/waiting-room/page.tsx
@@ -19,37 +19,42 @@ export default function WaitingRoom() {
   // const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
-  useEffect(() => {
-    let isMounted = true;
-    const interval = setInterval(async () => {
-      try {
-        const data = await fetchUser();
-        if (!isMounted) return;
 
-        setUser(data.user);
+useEffect(() => {
+  let isMounted = true;
+  const interval = setInterval(async () => {
+    try {
+      const data = await fetchUser();
+      if (!isMounted) return;
 
-        // Jika sudah aktif, redirect ke dashboard admin
-        if (data.user.isActive) {
-          clearInterval(interval);
-          router.push('/admin'); // atau /dashboard
-        }
-      } catch (err: any) {
-        if (!isMounted) return;
-        setError(err.message || 'Gagal memuat status');
+      const currentUser = data.user;
+      setUser(currentUser);
+
+      // ✅ Sekarang isActive tersedia!
+      if (currentUser?.isActive) {
         clearInterval(interval);
-        // Redirect ke login jika unauthorized
-        if (err.message === 'Unauthorized') {
-          router.push('/login');
+        // Redirect ke halaman admin sesuai role
+        if (currentUser.roleId === 0) {
+          router.push('/admin/landing-page/profil/program-inovasi');
+        } else {
+          router.push('/admin'); // atau halaman default role
         }
       }
-    }, 2000); // Cek setiap 2 detik
-
-    // Cleanup
-    return () => {
-      isMounted = false;
+    } catch (err: any) {
+      if (!isMounted) return;
+      setError(err.message || 'Gagal memuat status');
       clearInterval(interval);
-    };
-  }, [router]);
+      if (err.message === 'Unauthorized') {
+        router.push('/login');
+      }
+    }
+  }, 2000);
+
+  return () => {
+    isMounted = false;
+    clearInterval(interval);
+  };
+}, [router]);
 
   if (error) {
     return (
diff --git a/src/store/authStore.ts b/src/store/authStore.ts
index 7a589435..54d75d5a 100644
--- a/src/store/authStore.ts
+++ b/src/store/authStore.ts
@@ -3,7 +3,7 @@ import { proxy } from 'valtio';
 export type User = {
   id: string;
   name: string;
-  roleId: number; // 0, 1, 2, 3
+  roleId?: number; // 0, 1, 2, 3
 };
 
 export const authStore = proxy<{
-- 
2.49.1


From 716db0adcaf39a8e345e1924b1985409c2ec41f3 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 24 Nov 2025 16:02:13 +0800
Subject: [PATCH 18/97] Fix Middleware Fix Layout sesuai role, dan superadmin
 bisa menambahkan menu ke user jika diperlukan Penambahan menu di user & role
 : menu access

---
 prisma/schema.prisma                          |  38 +-
 .../(dashboard)/auth/validasi-admin/page.tsx  |  27 +-
 .../user&role/_com/dynamicNavbar.ts           |  22 +
 .../admin/(dashboard)/user&role/layout.tsx    |   8 +-
 .../user&role/menu-access/page.tsx            | 124 ++++++
 .../admin/(dashboard)/user&role/user/page.tsx |  33 +-
 src/app/admin/_com/list_PageAdmin.tsx         |   7 +-
 src/app/admin/layout.tsx                      | 376 +-----------------
 src/app/api/[[...slugs]]/_lib/user/updt.ts    | 186 ++++++---
 src/app/api/admin/user-menu-access/route.ts   |  65 +++
 src/app/api/auth/_lib/api_fetch_auth.ts       |  42 +-
 src/app/api/auth/_lib/session_verify.ts       | 190 +++++----
 src/app/api/auth/me/route.ts                  |  26 +-
 src/middleware.ts                             | 126 ++++--
 src/store/authStore.ts                        |   4 +-
 15 files changed, 711 insertions(+), 563 deletions(-)
 create mode 100644 src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
 create mode 100644 src/app/admin/(dashboard)/user&role/menu-access/page.tsx
 create mode 100644 src/app/api/admin/user-menu-access/route.ts

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 40a68902..91d234bd 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -2163,18 +2163,20 @@ enum StatusPeminjaman {
 // ========================================= USER ========================================= //
 
 model User {
-  id          String       @id @default(cuid())
-  username    String       @unique
-  nomor       String       @unique
-  role        Role         @relation(fields: [roleId], references: [id])
-  roleId      String       @default("1")
-  instansi    String?
-  UserSession UserSession? // Nama instansi (Puskesmas, Sekolah, dll)
-  isActive    Boolean      @default(true)
-  lastLogin   DateTime?
-  createdAt   DateTime     @default(now())
-  updatedAt   DateTime     @updatedAt
-  deletedAt   DateTime?
+  id             String           @id @default(cuid())
+  username       String           @unique
+  nomor          String           @unique
+  role           Role             @relation(fields: [roleId], references: [id])
+  roleId         String           @default("1")
+  instansi       String?
+  UserSession    UserSession? // Nama instansi (Puskesmas, Sekolah, dll)
+  isActive       Boolean          @default(true)
+  lastLogin      DateTime?
+  createdAt      DateTime         @default(now())
+  updatedAt      DateTime         @updatedAt
+  deletedAt      DateTime?
+  sessionInvalid Boolean          @default(false)
+  UserMenuAccess UserMenuAccess[]
 }
 
 model Role {
@@ -2210,6 +2212,18 @@ model UserSession {
   userId    String    @unique
 }
 
+model UserMenuAccess {
+  id        String   @id @default(cuid())
+  userId    String
+  menuId    String // ID menu (misal: "Landing Page", "Kesehatan")
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  user User @relation(fields: [userId], references: [id])
+
+  @@unique([userId, menuId]) // Satu user tidak bisa punya akses menu yang sama dua kali
+}
+
 // ========================================= DATA PENDIDIKAN ========================================= //
 model DataPendidikan {
   id        String   @id @default(cuid())
diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 1ed48d2d..a8c21414 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -4,7 +4,7 @@
 
 import { apiFetchOtpData, apiFetchVerifyOtp } from '@/app/api/auth/_lib/api_fetch_auth';
 import colors from '@/con/colors';
-import { Box, Button, Loader, Paper, PinInput, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Center, Loader, Paper, PinInput, Stack, Text, Title } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -98,10 +98,10 @@ export default function Validasi() {
         router.replace('/waiting-room');
         return;
       }
-      
+
       // ✅ Switch statement lebih clean
       let redirectPath: string;
-      
+
       switch (roleId) {
         case 0:
         case 1:
@@ -117,7 +117,7 @@ export default function Validasi() {
           redirectPath = '/admin';
           console.warn('Unknown roleId:', roleId);
       }
-      
+
       console.log('Redirecting to:', redirectPath);
       router.replace(redirectPath);
 
@@ -151,6 +151,7 @@ export default function Validasi() {
         authStore.setUser({
           id: 'pending',
           name: username,
+          roleId: 1,
         });
         cleanupStorage();
         router.replace('/waiting-room');
@@ -219,14 +220,16 @@ export default function Validasi() {
                   <Text c={colors['blue-button']} ta="center" fz="sm" fw="bold">
                     Masukkan Kode Verifikasi
                   </Text>
-                  <PinInput
-                    length={4}
-                    value={otp}
-                    onChange={setOtp}
-                    onComplete={handleVerify}
-                    inputMode="numeric"
-                    size="lg"
-                  />
+                  <Center>
+                    <PinInput
+                      length={4}
+                      value={otp}
+                      onChange={setOtp}
+                      onComplete={handleVerify}
+                      inputMode="numeric"
+                      size="lg"
+                    />
+                  </Center>
                 </Box>
 
                 <Button
diff --git a/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts b/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
new file mode 100644
index 00000000..fdcab5f6
--- /dev/null
+++ b/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
@@ -0,0 +1,22 @@
+// src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
+import { navBar, role1, role2, role3 } from '@/app/admin/_com/list_PageAdmin';
+
+export function getNavbar({
+  roleId,
+  menuIds,
+}: {
+  roleId: number;           // pastikan number
+  menuIds?: string[] | null; // opsional
+}) {
+  // Prioritas: menuIds > roleId
+  if (menuIds && menuIds.length > 0) {
+    return navBar.filter(section => menuIds.includes(section.id));
+  }
+
+  // Fallback ke role-based
+  if (roleId === 0) return navBar;
+  if (roleId === 1) return role1;
+  if (roleId === 2) return role2;
+  if (roleId === 3) return role3;
+  return [];
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/user&role/layout.tsx b/src/app/admin/(dashboard)/user&role/layout.tsx
index c8e9802a..929c905b 100644
--- a/src/app/admin/(dashboard)/user&role/layout.tsx
+++ b/src/app/admin/(dashboard)/user&role/layout.tsx
@@ -2,7 +2,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
-import { IconForms, IconUser } from '@tabler/icons-react';
+import { IconBrush, IconForms, IconUser } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
 
@@ -23,6 +23,12 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       href: "/admin/user&role/role",
       icon: <IconForms size={18} stroke={1.8} />,
     },
+    {
+      label: "Menu Access",
+      value: "menu-access",
+      href: "/admin/user&role/menu-access",
+      icon: <IconBrush size={18} stroke={1.8} />,
+    }
   ];
 
   const currentTab = tabs.find(tab => tab.href === pathname);
diff --git a/src/app/admin/(dashboard)/user&role/menu-access/page.tsx b/src/app/admin/(dashboard)/user&role/menu-access/page.tsx
new file mode 100644
index 00000000..da5e4c24
--- /dev/null
+++ b/src/app/admin/(dashboard)/user&role/menu-access/page.tsx
@@ -0,0 +1,124 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+// src/app/admin/user&role/menu-access/page.tsx
+
+'use client'
+
+import { navBar } from '@/app/admin/_com/list_PageAdmin'
+import { Button, Checkbox, Group, Paper, Select, Stack, Text, Title } from '@mantine/core'
+import { useEffect, useState } from 'react'
+import { useProxy } from 'valtio/utils'
+import user from '../../_state/user/user-state'
+
+
+// ✅ Helper: ekstrak semua menu ID dari struktur navBar
+const extractMenuIds = (navSections: typeof navBar) => {
+  return navSections.map(section => ({
+    value: section.id,      // "Landing Page", "Kesehatan", dll
+    label: section.name     // "Landing Page", "Kesehatan", dll
+  }));
+};
+
+function MenuAccessPage() {
+  const stateUser = useProxy(user.userState)
+  const [selectedUserId, setSelectedUserId] = useState<string | null>(null)
+  const [userMenus, setUserMenus] = useState<string[]>([])
+
+  // ✅ Gunakan helper untuk ekstrak menu
+  const availableMenus = extractMenuIds(navBar);
+
+  // Ambil data menu akses user
+  const loadUserMenuAccess = async () => {
+    if (!selectedUserId) return
+
+    try {
+      // ✅ Perbaiki URL: gunakan query string bukan dynamic route
+      const res = await fetch(`/api/admin/user-menu-access?userId=${selectedUserId}`)
+      const data = await res.json()
+
+      if (data.success) {
+        setUserMenus(data.menuIds || [])
+      }
+    } catch (error) {
+      console.error('Gagal memuat menu akses:', error)
+    }
+  }
+
+  useEffect(() => {
+    if (selectedUserId) {
+      loadUserMenuAccess()
+    }
+  }, [selectedUserId])
+
+  const handleToggleMenu = (menuId: string) => {
+    setUserMenus(prev => 
+      prev.includes(menuId)
+        ? prev.filter(id => id !== menuId)
+        : [...prev, menuId]
+    )
+  }
+
+  const handleSave = async () => {
+    if (!selectedUserId) return
+
+    try {
+      const res = await fetch('/api/admin/user-menu-access', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ userId: selectedUserId, menuIds: userMenus }),
+      })
+
+      const data = await res.json()
+      if (data.success) {
+        alert('Menu akses berhasil disimpan')
+      }
+    } catch (error) {
+      console.error('Gagal menyimpan menu akses:', error)
+      alert('Terjadi kesalahan')
+    }
+  }
+
+  return (
+    <Stack>
+      <Title order={2}>Tampilan Menu</Title>
+      <Paper p="xl" shadow="md" radius="md">
+        <Stack gap="lg">
+          <Group>
+            <Text fw={500}>Pilih User:</Text>
+            <Select
+              placeholder="Pilih user"
+              data={stateUser.findMany.data.map(u => ({
+                value: u.id,
+                label: `${u.username} (${u.nomor})`,
+              }))}
+              value={selectedUserId}
+              onChange={setSelectedUserId}
+              w={300}
+            />
+          </Group>
+
+          {selectedUserId && (
+            <>
+              <Text fw={500}>Menu yang Bisa Diakses:</Text>
+              <Stack>
+                {availableMenus.map(menu => (
+                  <Checkbox
+                    key={menu.value}
+                    label={menu.label}
+                    checked={userMenus.includes(menu.value)}
+                    onChange={() => handleToggleMenu(menu.value)}
+                  />
+                ))}
+              </Stack>
+
+              <Button onClick={handleSave} mt="md">
+                Simpan Perubahan
+              </Button>
+            </>
+          )}
+        </Stack>
+      </Paper>
+    </Stack>
+  )
+}
+
+export default MenuAccessPage
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/user&role/user/page.tsx b/src/app/admin/(dashboard)/user&role/user/page.tsx
index 0b93d81e..6f1ecbc2 100644
--- a/src/app/admin/(dashboard)/user&role/user/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/user/page.tsx
@@ -95,7 +95,24 @@ function ListUser({ search }: { search: string }) {
     });
 
     if (success) {
-      // Reload data setelah berhasil update
+      // Cek apakah role berubah
+      const res = await fetch('/api/user/updt', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          id: userId,
+          roleId: newRoleId,
+        }),
+      });
+      const data = await res.json();
+
+      if (data.roleChanged) {
+        // Tampilkan notifikasi
+        alert(`User ${username} akan logout otomatis!`);
+      }
+
       stateUser.findMany.load(page, 10, search);
     }
 
@@ -114,7 +131,9 @@ function ListUser({ search }: { search: string }) {
     }
   };
 
-  const filteredData = data || [];
+  const filteredData = (data || []).filter(
+    (item) => item.roleId !== "0" // asumsikan id role SUPERADMIN = "0"
+  );
 
   if (loading || !data) {
     return (
@@ -158,10 +177,12 @@ function ListUser({ search }: { search: string }) {
                     <TableTd style={{ width: '20%' }}>
                       <Select
                         placeholder="Pilih role"
-                        data={stateRole.findMany.data.map((r) => ({
-                          label: r.name,
-                          value: r.id,
-                        }))}
+                        data={stateRole.findMany.data
+                          .filter(r => r.id !== "0") // ❌ Sembunyikan SUPERADMIN
+                          .map(r => ({
+                            label: r.name,
+                            value: r.id,
+                          }))}
                         value={item.roleId}
                         onChange={(val) => {
                           if (!val) return;
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index 24b5b123..de13c942 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -392,6 +392,11 @@ export const navBar = [
         id: "Role",
         name: "Role",
         path: "/admin/user&role/role"
+      },
+      {
+        id: "Menu Access",
+        name: "Menu Access",
+        path: "/admin/user&role/menu-access"
       }
     ]
   }
@@ -785,4 +790,4 @@ export const role3 = [
       }
     ]
   }
-]
+]
\ No newline at end of file
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 1ca33bdf..3b1cfb99 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,263 +1,3 @@
-// /* eslint-disable react-hooks/exhaustive-deps */
-// 'use client'
-
-// import colors from "@/con/colors";
-// import {
-//   ActionIcon,
-//   AppShell,
-//   AppShellHeader,
-//   AppShellMain,
-//   AppShellNavbar,
-//   Burger,
-//   Flex,
-//   Group,
-//   Image,
-//   NavLink,
-//   ScrollArea,
-//   Text,
-//   Tooltip,
-//   rem
-// } from "@mantine/core";
-// import { useDisclosure } from "@mantine/hooks";
-// import {
-//   IconChevronLeft,
-//   IconChevronRight,
-//   IconLogout2
-// } from "@tabler/icons-react";
-// import _ from "lodash";
-// import Link from "next/link";
-// import { useRouter, useSelectedLayoutSegments } from "next/navigation";
-// import { navBar } from "./_com/list_PageAdmin";
-
-// export default function Layout({ children }: { children: React.ReactNode }) {
-//   const [opened, { toggle }] = useDisclosure();
-//   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
-//   const router = useRouter();
-//   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
-
-//   return (
-//     <AppShell
-//       suppressHydrationWarning
-//       header={{ height: 64 }}
-//       navbar={{
-//         width: { base: 260, sm: 280, lg: 300 },
-//         breakpoint: 'sm',
-//         collapsed: {
-//           mobile: !opened,
-//           desktop: !desktopOpened,
-//         },
-//       }}
-//       padding="md"
-//     >
-//       <AppShellHeader
-//         style={{
-//           background: "linear-gradient(90deg, #ffffff, #f9fbff)",
-//           borderBottom: `1px solid ${colors["blue-button"]}20`,
-//           padding: '0 16px',
-//         }}
-//         px={{ base: 'sm', sm: 'md' }}
-//         py={{ base: 'xs', sm: 'sm' }}
-//       >
-//         <Group w="100%" h="100%" justify="space-between" wrap="nowrap">
-//           <Flex align="center" gap="sm">
-//             <Image
-//               src="/assets/images/darmasaba-icon.png"
-//               alt="Logo Darmasaba"
-//               w={{ base: 32, sm: 40 }}
-//               h={{ base: 32, sm: 40 }}
-//               radius="md"
-//               loading="lazy"
-//               style={{
-//                 minWidth: '32px',
-//                 height: 'auto',
-//               }}
-//             />
-//             <Text
-//               fw={700}
-//               c={colors["blue-button"]}
-//               fz={{ base: 'md', sm: 'xl' }}
-//             >
-//               Admin Darmasaba
-//             </Text>
-//           </Flex>
-
-//           <Group gap="xs">
-//             {!desktopOpened && (
-//               <Tooltip label="Buka Navigasi" position="bottom" withArrow>
-//                 <ActionIcon
-//                   variant="light"
-//                   radius="xl"
-//                   size="lg"
-//                   onClick={toggleDesktop}
-//                   color={colors["blue-button"]}
-//                 >
-//                   <IconChevronRight />
-//                 </ActionIcon>
-//               </Tooltip>
-//             )}
-
-//             <Burger
-//               opened={opened}
-//               onClick={toggle}
-//               hiddenFrom="sm"
-//               size="md"
-//               color={colors["blue-button"]}
-//               mr="xs"
-//             />
-
-//             <Tooltip label="Kembali ke Website Desa" position="bottom" withArrow>
-//               <ActionIcon
-//                 onClick={() => {
-//                   router.push("/darmasaba");
-//                 }}
-//                 color={colors["blue-button"]}
-//                 radius="xl"
-//                 size="lg"
-//                 variant="gradient"
-//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
-//               >
-//                 <Image 
-//                   src="/assets/images/darmasaba-icon.png" 
-//                   alt="Logo Darmasaba" 
-//                   w={20} 
-//                   h={20} 
-//                   radius="md" 
-//                   loading="lazy" 
-//                   style={{
-//                     minWidth: '20px',
-//                     height: 'auto',
-//                   }}
-//                 />
-//               </ActionIcon>
-//             </Tooltip>
-//             <Tooltip label="Keluar" position="bottom" withArrow>
-//               <ActionIcon
-//                 onClick={() => {
-//                   router.push("/darmasaba");
-//                 }}
-//                 color={colors["blue-button"]}
-//                 radius="xl"
-//                 size="lg"
-//                 variant="gradient"
-//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
-//               >
-//                 <IconLogout2 size={22} />
-//               </ActionIcon>
-//             </Tooltip>
-//           </Group>
-//         </Group>
-//       </AppShellHeader>
-
-//       <AppShellNavbar
-//         component={ScrollArea}
-//         style={{
-//           background: "#ffffff",
-//           borderRight: `1px solid ${colors["blue-button"]}20`,
-//         }}
-//         p={{ base: 'xs', sm: 'sm' }}
-//       >
-//         <AppShell.Section p="sm">
-//           {navBar.map((v, k) => {
-//             const isParentActive = segments.includes(_.lowerCase(v.name));
-
-//             return (
-//               <NavLink
-//                 key={k}
-//                 defaultOpened={isParentActive}
-//                 c={isParentActive ? colors["blue-button"] : "gray"}
-//                 label={
-//                   <Text fw={isParentActive ? 600 : 400} fz="sm">
-//                     {v.name}
-//                   </Text>
-//                 }
-//                 style={{
-//                   borderRadius: rem(10),
-//                   marginBottom: rem(4),
-//                   transition: "background 150ms ease",
-//                 }}
-//                 styles={{
-//                   root: {
-//                     '&:hover': {
-//                       backgroundColor: 'rgba(25, 113, 194, 0.05)',
-//                     },
-//                   },
-//                 }}
-//                 variant="light"
-//                 active={isParentActive}
-//               >
-//                 {v.children.map((child, key) => {
-//                   const isChildActive = segments.includes(
-//                     _.lowerCase(child.name)
-//                   );
-
-//                   return (
-//                     <NavLink
-//                       key={key}
-//                       href={child.path}
-//                       c={isChildActive ? colors["blue-button"] : "gray"}
-//                       label={
-//                         <Text fw={isChildActive ? 600 : 400} fz="sm">
-//                           {child.name}
-//                         </Text>
-//                       }
-//                       styles={{
-//                         root: {
-//                           borderRadius: rem(8),
-//                           marginBottom: rem(2),
-//                           transition: 'background 150ms ease',
-//                           padding: '6px 12px',
-//                           '&:hover': {
-//                             backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)',
-//                           },
-//                           ...(isChildActive && {
-//                             backgroundColor: 'rgba(25, 113, 194, 0.1)',
-//                           }),
-//                         },
-//                       }}
-//                       active={isChildActive}
-//                       component={Link}
-//                     />
-//                   );
-//                 })}
-//               </NavLink>
-//             );
-//           })}
-//         </AppShell.Section>
-
-//         <AppShell.Section py="md">
-//           <Group justify="end" pr="sm">
-//             <Tooltip
-//               label={desktopOpened ? "Tutup Navigasi" : "Buka Navigasi"}
-//               position="top"
-//               withArrow
-//             >
-//               <ActionIcon
-//                 variant="light"
-//                 radius="xl"
-//                 size="lg"
-//                 onClick={toggleDesktop}
-//                 color={colors["blue-button"]}
-//               >
-//                 <IconChevronLeft />
-//               </ActionIcon>
-//             </Tooltip>
-//           </Group>
-//         </AppShell.Section>
-//       </AppShellNavbar>
-
-//       <AppShellMain
-//         style={{
-//           background: "linear-gradient(180deg, #fdfdfd, #f6f9fc)",
-//           minHeight: "100vh",
-//         }}
-//       >
-//         {children}
-//       </AppShellMain>
-//     </AppShell>
-//   );
-// }
-
-
 'use client'
 
 import colors from "@/con/colors";
@@ -290,26 +30,25 @@ import _ from "lodash";
 import Link from "next/link";
 import { useRouter, useSelectedLayoutSegments } from "next/navigation";
 import { useEffect, useState } from "react";
-import { navigationByRole } from "./_com/navigationByRole";
 import { useSnapshot } from "valtio";
-import { toast } from "react-toastify";
+import { getNavbar } from "./(dashboard)/user&role/_com/dynamicNavbar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  const [opened, { toggle }] = useDisclosure();
+ const [opened, { toggle }] = useDisclosure();
   const [loading, setLoading] = useState(true);
   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
 
   const { user } = useSnapshot(authStore);
+
   console.log("Current user in store:", user);
 
-  // ✅ Fetch user dari backend jika belum ada di store
-  useEffect(() => {
-    if (user) {
+ useEffect(() => {
+    if (authStore.user) {
       setLoading(false);
       return;
-    } // Sudah ada → jangan fetch
+    }
 
     const fetchUser = async () => {
       try {
@@ -317,10 +56,19 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         const data = await res.json();
 
         if (data.user) {
+          const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
+          const menuData = await menuRes.json();
+
+          // ✅ Clone ke array mutable
+          const menuIds = menuData.success && Array.isArray(menuData.menuIds)
+            ? [...menuData.menuIds] // Converts readonly array to mutable
+            : null;
+
           authStore.setUser({
             id: data.user.id,
             name: data.user.name,
             roleId: Number(data.user.roleId),
+            menuIds,
           });
         } else {
           authStore.setUser(null);
@@ -336,94 +84,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     };
 
     fetchUser();
-  }, [user, router]); // ✅ Sekarang 'user' terdefinisi
-
-  // ✅ Polling untuk cek perubahan role setiap 30 detik
-  // Di layout.tsx - useEffect polling
-useEffect(() => {
-  if (!user?.id) return;
-
-  const checkRoleUpdate = async () => {
-    try {
-      const res = await fetch('/api/auth/me');
-      const data = await res.json();
-
-      // ✅ Session tidak valid (sudah dihapus karena role berubah)
-      if (!data.success || !data.user) {
-        console.log('⚠️ Session tidak valid, logout...');
-        authStore.setUser(null);
-        
-        // Clear cookie manual (backup)
-        document.cookie = `${process.env.NEXT_PUBLIC_SESSION_KEY}=; Max-Age=0; path=/;`;
-        
-        toast.info('Role Anda telah diubah. Silakan login kembali.', {
-          autoClose: 5000,
-        });
-        
-        router.push('/login');
-        return;
-      }
-
-      // Cek perubahan roleId (seharusnya tidak sampai sini jika session dihapus)
-      const currentRoleId = Number(data.user.roleId);
-      
-      if (currentRoleId !== user.roleId) {
-        console.log('🔄 Role berubah! Dari', user.roleId, 'ke', currentRoleId);
-        
-        // Update store
-        authStore.setUser({
-          id: data.user.id,
-          name: data.user.name || data.user.username,
-          roleId: currentRoleId,
-        });
-
-        // Redirect ke halaman default role baru
-        let redirectPath = '/admin';
-
-        switch (currentRoleId) {
-          case 0:
-          case 1:
-            redirectPath = '/admin/landing-page/profil/program-inovasi';
-            break;
-          case 2:
-            redirectPath = '/admin/kesehatan/posyandu';
-            break;
-          case 3:
-            redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
-            break;
-        }
-
-        toast.info('Role Anda telah diubah. Mengalihkan halaman...', {
-          autoClose: 5000,
-        });
-        
-        router.push(redirectPath);
-        
-        // Reload untuk clear semua state
-        setTimeout(() => {
-          window.location.reload();
-        }, 500);
-      }
-    } catch (error) {
-      console.error('❌ Error checking role update:', error);
-    }
-  };
-
-  // ✅ Polling setiap 10 detik (lebih responsif dari 30 detik)
-  const interval = setInterval(checkRoleUpdate, 10000);
-
-  // Juga cek saat window focus (user kembali ke tab)
-  const handleFocus = () => {
-    checkRoleUpdate();
-  };
-  
-  window.addEventListener('focus', handleFocus);
-
-  return () => {
-    clearInterval(interval);
-    window.removeEventListener('focus', handleFocus);
-  };
-}, [user, router]);
+  }, [router]);
 
   if (loading) {
     return (
@@ -438,8 +99,8 @@ useEffect(() => {
   }
 
   // ✅ Ambil menu berdasarkan roleId
-  const currentNav = user?.roleId !== undefined
-    ? (navigationByRole[user.roleId as keyof typeof navigationByRole] || [])
+  const currentNav = authStore.user
+    ? getNavbar({ roleId: authStore.user.roleId, menuIds: authStore.user.menuIds })
     : [];
 
   const handleLogout = () => {
@@ -667,4 +328,3 @@ useEffect(() => {
     </AppShell>
   );
 }
-
diff --git a/src/app/api/[[...slugs]]/_lib/user/updt.ts b/src/app/api/[[...slugs]]/_lib/user/updt.ts
index 1642ac3b..d69a6171 100644
--- a/src/app/api/[[...slugs]]/_lib/user/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/updt.ts
@@ -1,7 +1,127 @@
+// /* eslint-disable @typescript-eslint/no-explicit-any */
+// import prisma from "@/lib/prisma";
+// import { Context } from "elysia";
+
+// export default async function userUpdate(context: Context) {
+//   try {
+//     const { id, isActive, roleId } = await context.body as {
+//       id: string,
+//       isActive?: boolean,
+//       roleId?: string
+//     };
+
+//     if (!id) {
+//       return {
+//         success: false,
+//         message: "ID user wajib ada",
+//       };
+//     }
+
+//     // Optional: cek apakah roleId valid
+//     if (roleId) {
+//       const cekRole = await prisma.role.findUnique({
+//         where: { id: roleId }
+//       });
+
+//       if (!cekRole) {
+//         return {
+//           success: false,
+//           message: "Role tidak ditemukan",
+//         };
+//       }
+//     }
+
+//     // ✅ CEK: Apakah roleId berubah?
+//     let isRoleChanged = false;
+//     let oldRoleId: string | null = null;
+    
+//     if (roleId) {
+//       const currentUser = await prisma.user.findUnique({
+//         where: { id },
+//         select: { 
+//           roleId: true,
+//           username: true,
+//         }
+//       });
+      
+//       if (currentUser && currentUser.roleId !== roleId) {
+//         isRoleChanged = true;
+//         oldRoleId = currentUser.roleId;
+//         console.log(`🔄 Role berubah untuk ${currentUser.username}: ${oldRoleId} → ${roleId}`);
+//       }
+//     }
+
+//     // Update user
+//     const updatedUser = await prisma.user.update({
+//       where: { id },
+//       data: {
+//         ...(isActive !== undefined && { isActive }),
+//         ...(roleId && { roleId }),
+//       },
+//       select: {
+//         id: true,
+//         username: true,
+//         nomor: true,
+//         isActive: true,
+//         roleId: true,
+//         updatedAt: true,
+//         role: {
+//           select: {
+//             id: true,
+//             name: true,
+//           }
+//         }
+//       }
+//     });
+
+//     // ✅ FORCE LOGOUT: Hapus UserSession jika role berubah
+//     if (isRoleChanged) {
+//       try {
+//         const deletedSessions = await prisma.userSession.deleteMany({
+//           where: { userId: id }
+//         });
+        
+//         console.log(`🔒 Force logout user ${updatedUser.username} (${id})`);
+//         console.log(`   Deleted ${deletedSessions.count} session(s)`);
+//         console.log(`   Role: ${oldRoleId} → ${roleId}`);
+//       } catch (sessionError: any) {
+//         // Jika UserSession tidak ditemukan (user belum pernah login), skip error
+//         if (sessionError.code !== 'P2025') {
+//           console.error("⚠️ Error menghapus session:", sessionError);
+//         } else {
+//           console.log(`ℹ️ User ${updatedUser.username} belum pernah login`);
+//         }
+//       }
+//     }
+
+//     // ✅ Response dengan info tambahan
+//     return {
+//       success: true,
+//       message: isRoleChanged 
+//         ? `User berhasil diupdate. ${updatedUser.username} akan logout otomatis.`
+//         : "User berhasil diupdate",
+//       data: updatedUser,
+//       roleChanged: isRoleChanged, // Info untuk frontend
+//       oldRoleId: oldRoleId,
+//       newRoleId: roleId,
+//     };
+
+//   } catch (e: any) {
+//     console.error("❌ Error update user:", e);
+//     return {
+//       success: false,
+//       message: "Gagal mengupdate user: " + (e.message || "Unknown error"),
+//     };
+//   }
+// }
+
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
+
+// API update user (Elysia atau Next.js API Route)
 export default async function userUpdate(context: Context) {
   try {
     const { id, isActive, roleId } = await context.body as {
@@ -17,12 +137,9 @@ export default async function userUpdate(context: Context) {
       };
     }
 
-    // Optional: cek apakah roleId valid
+    // Cek apakah roleId valid
     if (roleId) {
-      const cekRole = await prisma.role.findUnique({
-        where: { id: roleId }
-      });
-
+      const cekRole = await prisma.role.findUnique({ where: { id: roleId } });
       if (!cekRole) {
         return {
           success: false,
@@ -31,32 +148,24 @@ export default async function userUpdate(context: Context) {
       }
     }
 
-    // ✅ CEK: Apakah roleId berubah?
+    // Deteksi perubahan role
     let isRoleChanged = false;
-    let oldRoleId: string | null = null;
-    
     if (roleId) {
       const currentUser = await prisma.user.findUnique({
         where: { id },
-        select: { 
-          roleId: true,
-          username: true,
-        }
+        select: { roleId: true }
       });
-      
-      if (currentUser && currentUser.roleId !== roleId) {
-        isRoleChanged = true;
-        oldRoleId = currentUser.roleId;
-        console.log(`🔄 Role berubah untuk ${currentUser.username}: ${oldRoleId} → ${roleId}`);
-      }
+      isRoleChanged = currentUser?.roleId !== roleId;
     }
 
-    // Update user
+    // ✅ UPDATE USER + INVALIDATE SESSION
     const updatedUser = await prisma.user.update({
       where: { id },
       data: {
         ...(isActive !== undefined && { isActive }),
         ...(roleId && { roleId }),
+        // Force logout: set sessionInvalid = true
+        ...(isRoleChanged && { sessionInvalid: true }),
       },
       select: {
         id: true,
@@ -64,48 +173,31 @@ export default async function userUpdate(context: Context) {
         nomor: true,
         isActive: true,
         roleId: true,
-        updatedAt: true,
-        role: {
-          select: {
-            id: true,
-            name: true,
-          }
-        }
+        role: { select: { name: true } }
       }
     });
 
-    // ✅ FORCE LOGOUT: Hapus UserSession jika role berubah
+    // ✅ Reset sessionInvalid setelah 5 detik (opsional)
     if (isRoleChanged) {
-      try {
-        const deletedSessions = await prisma.userSession.deleteMany({
-          where: { userId: id }
-        });
-        
-        console.log(`🔒 Force logout user ${updatedUser.username} (${id})`);
-        console.log(`   Deleted ${deletedSessions.count} session(s)`);
-        console.log(`   Role: ${oldRoleId} → ${roleId}`);
-      } catch (sessionError: any) {
-        // Jika UserSession tidak ditemukan (user belum pernah login), skip error
-        if (sessionError.code !== 'P2025') {
-          console.error("⚠️ Error menghapus session:", sessionError);
-        } else {
-          console.log(`ℹ️ User ${updatedUser.username} belum pernah login`);
+      setTimeout(async () => {
+        try {
+          await prisma.user.update({
+            where: { id },
+            data: { sessionInvalid: false }
+          });
+        } catch (e) {
+          console.error('Gagal reset sessionInvalid:', e);
         }
-      }
+      }, 5000);
     }
 
-    // ✅ Response dengan info tambahan
     return {
       success: true,
       message: isRoleChanged 
         ? `User berhasil diupdate. ${updatedUser.username} akan logout otomatis.`
         : "User berhasil diupdate",
       data: updatedUser,
-      roleChanged: isRoleChanged, // Info untuk frontend
-      oldRoleId: oldRoleId,
-      newRoleId: roleId,
     };
-
   } catch (e: any) {
     console.error("❌ Error update user:", e);
     return {
diff --git a/src/app/api/admin/user-menu-access/route.ts b/src/app/api/admin/user-menu-access/route.ts
new file mode 100644
index 00000000..bd22e0a3
--- /dev/null
+++ b/src/app/api/admin/user-menu-access/route.ts
@@ -0,0 +1,65 @@
+// src/app/api/admin/user-menu-access/route.ts
+
+import { NextResponse } from 'next/server'
+import prisma from '@/lib/prisma'
+
+// ❌ HAPUS { params } karena tidak dipakai
+export async function GET(request: Request) {
+  try {
+    const { searchParams } = new URL(request.url)
+    const userId = searchParams.get('userId')
+
+    if (!userId) {
+      return NextResponse.json(
+        { success: false, message: 'User ID diperlukan' },
+        { status: 400 }
+      )
+    }
+
+    const menuAccess = await prisma.userMenuAccess.findMany({
+      where: { userId },
+      select: { menuId: true },
+    })
+
+    return NextResponse.json({
+      success: true,
+      menuIds: menuAccess.map(m => m.menuId),
+    })
+  } catch (error) {
+    console.error('GET User Menu Access Error:', error)
+    return NextResponse.json(
+      { success: false, message: 'Gagal memuat menu akses' },
+      { status: 500 }
+    )
+  }
+}
+
+// POST tetap sama (tanpa perubahan)
+export async function POST(request: Request) {
+  try {
+    const { userId, menuIds } = await request.json()
+
+    if (!userId || !Array.isArray(menuIds)) {
+      return NextResponse.json(
+        { success: false, message: 'Data tidak valid' },
+        { status: 400 }
+      )
+    }
+
+    await prisma.userMenuAccess.deleteMany({ where: { userId } })
+
+    if (menuIds.length > 0) {
+      await prisma.userMenuAccess.createMany({
+        data: menuIds.map((menuId: string) => ({ userId, menuId })),
+      })
+    }
+
+    return NextResponse.json({ success: true })
+  } catch (error) {
+    console.error('POST User Menu Access Error:', error)
+    return NextResponse.json(
+      { success: false, message: 'Gagal menyimpan menu akses' },
+      { status: 500 }
+    )
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/api_fetch_auth.ts b/src/app/api/auth/_lib/api_fetch_auth.ts
index fe073608..794de057 100644
--- a/src/app/api/auth/_lib/api_fetch_auth.ts
+++ b/src/app/api/auth/_lib/api_fetch_auth.ts
@@ -117,4 +117,44 @@ export const apiFetchVerifyOtp = async ({
     ...data,
     status: response.status,
   };
-};
\ No newline at end of file
+};
+
+// Di dalam api_fetch_auth.ts
+
+export async function apiFetchUserMenuAccess(userId: string): Promise<{
+  success: boolean;
+  menuIds?: string[];
+  message?: string;
+}> {
+  try {
+    const res = await fetch(`/api/admin/user-menu-access/${userId}`, {
+      method: 'GET',
+      headers: { 'Content-Type': 'application/json' },
+    });
+
+    const data = await res.json();
+    return data;
+  } catch (error) {
+    console.error('API Fetch User Menu Access Error:', error);
+    return { success: false, message: 'Gagal memuat menu akses' };
+  }
+}
+
+export async function apiUpdateUserMenuAccess(
+  userId: string,
+  menuIds: string[]
+): Promise<{ success: boolean; message?: string }> {
+  try {
+    const res = await fetch('/api/admin/user-menu-access', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ userId, menuIds }),
+    });
+
+    const data = await res.json();
+    return data;
+  } catch (error) {
+    console.error('API Update User Menu Access Error:', error);
+    return { success: false, message: 'Gagal menyimpan menu akses' };
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/session_verify.ts b/src/app/api/auth/_lib/session_verify.ts
index a06056fc..2e529e1e 100644
--- a/src/app/api/auth/_lib/session_verify.ts
+++ b/src/app/api/auth/_lib/session_verify.ts
@@ -1,90 +1,136 @@
-// app/api/auth/_lib/session_verify.ts
+// // app/api/auth/_lib/session_verify.ts
+// import { cookies } from 'next/headers';
+// import { decrypt } from './decrypt';
+// import prisma from '@/lib/prisma';
+
+// /**
+//  * Verifikasi session hybrid:
+//  * 1. Decrypt JWT token
+//  * 2. Cek apakah token masih ada di database (untuk force logout)
+//  * 3. Return data user terbaru dari database
+//  */
+// export async function verifySession(): Promise<Record<string, unknown> | null> {
+//   try {
+//     const sessionKey = process.env.BASE_SESSION_KEY;
+//     if (!sessionKey) {
+//       throw new Error('BASE_SESSION_KEY tidak ditemukan di environment');
+//     }
+
+//     const jwtSecret = process.env.BASE_TOKEN_KEY;
+//     if (!jwtSecret) {
+//       throw new Error('BASE_TOKEN_KEY tidak ditemukan di environment');
+//     }
+
+//     const cookieStore = await cookies();
+//     const token = cookieStore.get(sessionKey)?.value;
+
+//     if (!token) {
+//       return null;
+//     }
+
+//     // Step 1: Decrypt JWT
+//     const jwtUser = await decrypt({ token, jwtSecret });
+    
+//     if (!jwtUser || !jwtUser.id) {
+//       console.log('⚠️ JWT decrypt failed atau tidak ada user ID');
+//       return null;
+//     }
+
+//     // Step 2: Cek database UserSession (untuk force logout)
+//     try {
+//       const dbSession = await prisma.userSession.findFirst({
+//         where: {
+//           userId: jwtUser.id as string,
+//           token: token,
+//           active: true,
+//           OR: [
+//             { expires: null },
+//             { expires: { gte: new Date() } },
+//           ],
+//         },
+//         include: {
+//           User: {
+//             select: {
+//               id: true,
+//               username: true,
+//               nomor: true,
+//               roleId: true,
+//               isActive: true,
+//             },
+//           },
+//         },
+//       });
+
+//       // Token tidak ditemukan di database = sudah dihapus (force logout)
+//       if (!dbSession) {
+//         console.log('⚠️ Token valid tapi sudah dihapus dari database (force logout)');
+//         return null;
+//       }
+
+//       // Step 3: Return data user terbaru dari database
+//       // Ini penting agar roleId selalu update
+//       return {
+//         id: dbSession.User.id,
+//         username: dbSession.User.username,
+//         nomor: dbSession.User.nomor,
+//         roleId: dbSession.User.roleId,
+//         isActive: dbSession.User.isActive,
+//       };
+
+//     } catch (dbError) {
+//       console.error("⚠️ Error cek database session:", dbError);
+//       // Fallback: jika database error, tetap pakai JWT
+//       return jwtUser;
+//     }
+
+//   } catch (error) {
+//     console.warn('❌ Session verification failed:', error);
+//     return null;
+//   }
+// }
+
+// src/app/api/auth/_lib/session_verify.ts
 import { cookies } from 'next/headers';
 import { decrypt } from './decrypt';
 import prisma from '@/lib/prisma';
 
-/**
- * Verifikasi session hybrid:
- * 1. Decrypt JWT token
- * 2. Cek apakah token masih ada di database (untuk force logout)
- * 3. Return data user terbaru dari database
- */
-export async function verifySession(): Promise<Record<string, unknown> | null> {
+export async function verifySession() {
   try {
     const sessionKey = process.env.BASE_SESSION_KEY;
-    if (!sessionKey) {
-      throw new Error('BASE_SESSION_KEY tidak ditemukan di environment');
-    }
-
     const jwtSecret = process.env.BASE_TOKEN_KEY;
-    if (!jwtSecret) {
-      throw new Error('BASE_TOKEN_KEY tidak ditemukan di environment');
+
+    if (!sessionKey || !jwtSecret) {
+      throw new Error('Environment variables tidak lengkap');
     }
 
-    const cookieStore = await cookies();
-    const token = cookieStore.get(sessionKey)?.value;
+    const token = (await cookies()).get(sessionKey)?.value;
+    if (!token) return null;
 
-    if (!token) {
-      return null;
-    }
-
-    // Step 1: Decrypt JWT
+    // Decrypt JWT
     const jwtUser = await decrypt({ token, jwtSecret });
-    
-    if (!jwtUser || !jwtUser.id) {
-      console.log('⚠️ JWT decrypt failed atau tidak ada user ID');
+    if (!jwtUser || !jwtUser.id) return null;
+
+    // ✅ Cek apakah session di-invalidate
+    const user = await prisma.user.findUnique({
+      where: { id: jwtUser.id as string },
+      select: {
+        id: true,
+        username: true,
+        nomor: true,
+        roleId: true,
+        isActive: true,
+        sessionInvalid: true, // ← Tambahkan field ini
+      },
+    });
+
+    if (!user || user.sessionInvalid) {
+      console.log('⚠️ Session tidak valid (force logout)');
       return null;
     }
 
-    // Step 2: Cek database UserSession (untuk force logout)
-    try {
-      const dbSession = await prisma.userSession.findFirst({
-        where: {
-          userId: jwtUser.id as string,
-          token: token,
-          active: true,
-          OR: [
-            { expires: null },
-            { expires: { gte: new Date() } },
-          ],
-        },
-        include: {
-          User: {
-            select: {
-              id: true,
-              username: true,
-              nomor: true,
-              roleId: true,
-              isActive: true,
-            },
-          },
-        },
-      });
-
-      // Token tidak ditemukan di database = sudah dihapus (force logout)
-      if (!dbSession) {
-        console.log('⚠️ Token valid tapi sudah dihapus dari database (force logout)');
-        return null;
-      }
-
-      // Step 3: Return data user terbaru dari database
-      // Ini penting agar roleId selalu update
-      return {
-        id: dbSession.User.id,
-        username: dbSession.User.username,
-        nomor: dbSession.User.nomor,
-        roleId: dbSession.User.roleId,
-        isActive: dbSession.User.isActive,
-      };
-
-    } catch (dbError) {
-      console.error("⚠️ Error cek database session:", dbError);
-      // Fallback: jika database error, tetap pakai JWT
-      return jwtUser;
-    }
-
+    return user;
   } catch (error) {
-    console.warn('❌ Session verification failed:', error);
+    console.warn('Session verification failed:', error);
     return null;
   }
 }
\ No newline at end of file
diff --git a/src/app/api/auth/me/route.ts b/src/app/api/auth/me/route.ts
index 2a342f7b..2f96b589 100644
--- a/src/app/api/auth/me/route.ts
+++ b/src/app/api/auth/me/route.ts
@@ -1,24 +1,24 @@
-// app/api/auth/me/route.ts
+// src/app/api/auth/me/route.ts
 import { NextResponse } from 'next/server';
 import { verifySession } from '../_lib/session_verify';
+import prisma from '@/lib/prisma';
 
 export async function GET() {
   try {
-    // ✅ Verify session (hybrid: JWT + Database)
     const user = await verifySession();
-
     if (!user) {
       return NextResponse.json(
-        { 
-          success: false,
-          message: "Session tidak valid",
-          user: null 
-        },
+        { success: false, message: "Session tidak valid", user: null },
         { status: 401 }
       );
     }
 
-    // Data user sudah fresh dari database (via verifySession)
+    // ✅ Ambil menu akses kustom
+    const menuAccess = await prisma.userMenuAccess.findMany({
+      where: { userId: user.id },
+      select: { menuId: true },
+    });
+
     return NextResponse.json({
       success: true,
       user: {
@@ -28,17 +28,13 @@ export async function GET() {
         nomor: user.nomor,
         roleId: user.roleId,
         isActive: user.isActive,
+        menuIds: menuAccess.map(m => m.menuId), // ✅ tambahkan ini
       },
     });
-
   } catch (error) {
     console.error("❌ Error in /api/auth/me:", error);
     return NextResponse.json(
-      { 
-        success: false,
-        message: "Terjadi kesalahan",
-        user: null 
-      },
+      { success: false, message: "Terjadi kesalahan", user: null },
       { status: 500 }
     );
   }
diff --git a/src/middleware.ts b/src/middleware.ts
index 3a6f0da3..0f45a9c2 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,46 +1,98 @@
-// app/middleware.js
-import { NextResponse, NextRequest } from 'next/server';
+// // app/middleware.js
+// import { NextResponse, NextRequest } from 'next/server';
 
-// Daftar route yang diizinkan tanpa login (public routes)
-const publicRoutes = [
-    '/*', // Home page
-    '/about', // About page
-    '/public/*', // Wildcard untuk semua route di bawah /public
-    '/login', // Halaman login
+// // Daftar route yang diizinkan tanpa login (public routes)
+// const publicRoutes = [
+//     '/*', // Home page
+//     '/about', // About page
+//     '/public/*', // Wildcard untuk semua route di bawah /public
+//     '/login', // Halaman login
+// ];
+
+// // Fungsi untuk memeriksa apakah route saat ini adalah route publik
+// function isPublicRoute(pathname: string) {
+//     return publicRoutes.some((route) => {
+//         // Jika route mengandung wildcard (*), gunakan regex untuk mencocokkan
+//         if (route.endsWith('*')) {
+//             const baseRoute = route.replace('*', ''); // Hapus wildcard
+//             return pathname.startsWith(baseRoute); // Cocokkan dengan pathname
+//         }
+//         return pathname === route; // Cocokkan exact path
+//     });
+// }
+
+// export function middleware(request: NextRequest) {
+//     const { pathname } = request.nextUrl;
+
+//     // Jika route adalah public, izinkan akses
+//     if (isPublicRoute(pathname)) {
+//         return NextResponse.next();
+//     }
+
+//     // Jika bukan public route, periksa apakah pengguna sudah login
+//     const isLoggedIn = request.cookies.get('darmasaba-auth-token'); // Contoh: cek cookie auth-token
+//     if (!isLoggedIn) {
+//         // Redirect ke halaman login jika belum login
+//         return NextResponse.redirect(new URL('/login', request.url));
+//     }
+
+//     // Jika sudah login, izinkan akses
+//     return NextResponse.next();
+// }
+
+// // Konfigurasi untuk menentukan path mana yang akan dijalankan middleware
+// export const config = {
+//     matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'], // Jalankan middleware untuk semua route kecuali file statis
+// };
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// src/app/admin/middleware.ts
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+import { jwtVerify } from 'jose';
+
+// Route publik di dalam /admin (boleh diakses tanpa login penuh)
+const PUBLIC_ADMIN_ROUTES = [
+  '/admin/login',
+  '/admin/registrasi',
+  '/admin/validasi',
+  '/admin/waiting-room',
 ];
 
-// Fungsi untuk memeriksa apakah route saat ini adalah route publik
-function isPublicRoute(pathname: string) {
-    return publicRoutes.some((route) => {
-        // Jika route mengandung wildcard (*), gunakan regex untuk mencocokkan
-        if (route.endsWith('*')) {
-            const baseRoute = route.replace('*', ''); // Hapus wildcard
-            return pathname.startsWith(baseRoute); // Cocokkan dengan pathname
-        }
-        return pathname === route; // Cocokkan exact path
-    });
-}
+export async function middleware(request: NextRequest) {
+  const path = request.nextUrl.pathname;
 
-export function middleware(request: NextRequest) {
-    const { pathname } = request.nextUrl;
-
-    // Jika route adalah public, izinkan akses
-    if (isPublicRoute(pathname)) {
-        return NextResponse.next();
-    }
-
-    // Jika bukan public route, periksa apakah pengguna sudah login
-    const isLoggedIn = request.cookies.get('darmasaba-auth-token'); // Contoh: cek cookie auth-token
-    if (!isLoggedIn) {
-        // Redirect ke halaman login jika belum login
-        return NextResponse.redirect(new URL('/login', request.url));
-    }
-
-    // Jika sudah login, izinkan akses
+  // Izinkan akses ke route publik di /admin
+  if (PUBLIC_ADMIN_ROUTES.some(route => path.startsWith(route))) {
     return NextResponse.next();
+  }
+
+  // Ambil token dari cookie
+  const token = request.cookies.get(process.env.BASE_SESSION_KEY!)?.value;
+  if (!token) {
+    return NextResponse.redirect(new URL('/login', request.url));
+  }
+
+  try {
+    // Verifikasi JWT
+    const secret = new TextEncoder().encode(process.env.BASE_TOKEN_KEY!);
+    const { payload } = await jwtVerify(token, secret);
+    const user = (payload as any).user;
+
+    // Cek apakah user aktif
+    if (!user || !user.isActive) {
+      return NextResponse.redirect(new URL('/login', request.url));
+    }
+
+    // ✅ User valid → izinkan akses
+    return NextResponse.next();
+  } catch (error) {
+    console.error('Middleware auth error:', error);
+    return NextResponse.redirect(new URL('/login', request.url));
+  }
 }
 
-// Konfigurasi untuk menentukan path mana yang akan dijalankan middleware
+// Hanya berlaku untuk /admin/*
 export const config = {
-    matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'], // Jalankan middleware untuk semua route kecuali file statis
+  matcher: ['/admin/:path*'],
 };
\ No newline at end of file
diff --git a/src/store/authStore.ts b/src/store/authStore.ts
index 54d75d5a..b819002d 100644
--- a/src/store/authStore.ts
+++ b/src/store/authStore.ts
@@ -1,9 +1,11 @@
+// src/store/authStore.ts
 import { proxy } from 'valtio';
 
 export type User = {
   id: string;
   name: string;
-  roleId?: number; // 0, 1, 2, 3
+  roleId: number;
+  menuIds?: string[] | null; // ✅ Pastikan pakai `string[]`
 };
 
 export const authStore = proxy<{
-- 
2.49.1


From ace5aff1b6b292f908b8554191c22b7e2540b034 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 25 Nov 2025 15:03:27 +0800
Subject: [PATCH 19/97] Fix Kondisi Verify Otp Registrasi dan Login Next mau
 fix eror saat user sudah terdaftar tetapi di redirect ke login, seharusnya
 redirect sesuai roleIdnya

---
 prisma/data/user/roles.json                   |  12 +-
 prisma/schema.prisma                          |  40 +-
 .../(dashboard)/_state/user/user-state.ts     |   2 +-
 .../(dashboard)/auth/validasi-admin/page.tsx  | 231 +++++-----
 .../user&role/_com/dynamicNavbar.ts           |  11 +-
 .../user&role/menu-access/page.tsx            |   5 +
 .../admin/(dashboard)/user&role/user/page.tsx |  37 +-
 src/app/admin/_com/list_PageAdmin.tsx         | 404 ++++++++++++++++++
 src/app/api/[[...slugs]]/_lib/user/delUser.ts |  42 +-
 src/app/api/[[...slugs]]/_lib/user/index.ts   |   3 +-
 src/app/api/[[...slugs]]/_lib/user/updt.ts    | 194 ++-------
 src/app/api/auth/_lib/api_fetch_auth.ts       |  24 +-
 src/app/api/auth/_lib/session_create.ts       |  71 +--
 src/app/api/auth/_lib/session_verify.ts       | 137 +-----
 .../api/auth/finalize-registration/route.ts   |  96 +++--
 src/app/api/auth/me/route.ts                  |  50 ++-
 src/app/api/auth/otp-data/route.ts            |  13 +-
 src/app/api/auth/register/route.ts            |   2 +-
 src/app/api/auth/resend/route.ts              |  85 ++--
 src/app/api/auth/send-otp-register/route.ts   |   2 +-
 src/app/api/auth/verify-otp-login/route.ts    | 101 +++++
 src/app/api/auth/verify-otp-register/route.ts |  61 +++
 src/app/api/auth/verify-otp/route.ts          | 126 ------
 src/app/waiting-room/page.tsx                 | 108 +++--
 24 files changed, 1069 insertions(+), 788 deletions(-)
 create mode 100644 src/app/api/auth/verify-otp-login/route.ts
 create mode 100644 src/app/api/auth/verify-otp-register/route.ts
 delete mode 100644 src/app/api/auth/verify-otp/route.ts

diff --git a/prisma/data/user/roles.json b/prisma/data/user/roles.json
index 423965fc..4d2a1046 100644
--- a/prisma/data/user/roles.json
+++ b/prisma/data/user/roles.json
@@ -1,24 +1,30 @@
 [
   {
     "id": "0",
+    "name": "DEVELOPER",
+    "description": "Developer",
+    "isActive": true
+  },
+  {
+    "id": "1",
     "name": "SUPER ADMIN",
     "description": "Administrator",
     "isActive": true
   },
   {
-    "id": "1",
+    "id": "2",
     "name": "ADMIN DESA",
     "description": "Administrator Desa",
     "isActive": true
   },
   {
-    "id": "2",
+    "id": "3",
     "name": "ADMIN KESEHATAN",
     "description": "Administrator Bidang Kesehatan",
     "isActive": true
   },
   {
-    "id": "3",
+    "id": "4",
     "name": "ADMIN PENDIDIKAN",
     "description": "Administrator Bidang Pendidikan",
     "isActive": true
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 91d234bd..954a144b 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -2163,20 +2163,21 @@ enum StatusPeminjaman {
 // ========================================= USER ========================================= //
 
 model User {
-  id             String           @id @default(cuid())
-  username       String           @unique
-  nomor          String           @unique
-  role           Role             @relation(fields: [roleId], references: [id])
-  roleId         String           @default("1")
-  instansi       String?
-  UserSession    UserSession? // Nama instansi (Puskesmas, Sekolah, dll)
-  isActive       Boolean          @default(true)
+  id             String    @id @default(cuid())
+  username       String
+  nomor          String    @unique
+  roleId         String     @default("2")
+  isActive       Boolean   @default(false)
+  sessionInvalid Boolean   @default(false)
   lastLogin      DateTime?
-  createdAt      DateTime         @default(now())
-  updatedAt      DateTime         @updatedAt
-  deletedAt      DateTime?
-  sessionInvalid Boolean          @default(false)
-  UserMenuAccess UserMenuAccess[]
+  createdAt      DateTime  @default(now())
+  updatedAt      DateTime  @default(now()) @updatedAt
+  
+  sessions       UserSession[]  // ✅ Relasi one-to-many
+  role           Role           @relation(fields: [roleId], references: [id])
+  menuAccesses   UserMenuAccess[]
+  
+  @@map("users")
 }
 
 model Role {
@@ -2203,13 +2204,18 @@ model KodeOtp {
 
 model UserSession {
   id        String    @id @default(cuid())
-  token     String
-  expires   DateTime?
+  token     String    @db.Text  // ✅ JWT bisa panjang
+  expiresAt DateTime              // ✅ Ubah jadi expiresAt (konsisten)
   active    Boolean   @default(true)
   createdAt DateTime  @default(now())
   updatedAt DateTime  @default(now()) @updatedAt
-  User      User      @relation(fields: [userId], references: [id])
-  userId    String    @unique
+  
+  user      User      @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId    String    // ✅ HAPUS @unique - user bisa punya multiple sessions
+  
+  @@index([userId])           // ✅ Index untuk query cepat
+  @@index([token])            // ✅ Index untuk verify cepat
+  @@map("user_sessions")
 }
 
 model UserMenuAccess {
diff --git a/src/app/admin/(dashboard)/_state/user/user-state.ts b/src/app/admin/(dashboard)/_state/user/user-state.ts
index 2bc42f7e..e3864904 100644
--- a/src/app/admin/(dashboard)/_state/user/user-state.ts
+++ b/src/app/admin/(dashboard)/_state/user/user-state.ts
@@ -118,7 +118,7 @@ const userState = proxy({
         console.error("Gagal delete user:", error);
         toast.error("Terjadi kesalahan saat menghapus user");
       } finally {
-        userState.delete.loading = false;
+        userState.deleteUser.loading = false;
       }
     },
   },  
diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index a8c21414..192eba0a 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -1,10 +1,17 @@
-// 
-
 'use client';
 
-import { apiFetchOtpData, apiFetchVerifyOtp } from '@/app/api/auth/_lib/api_fetch_auth';
 import colors from '@/con/colors';
-import { Box, Button, Center, Loader, Paper, PinInput, Stack, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Loader,
+  Paper,
+  PinInput,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -17,8 +24,14 @@ export default function Validasi() {
   const [loading, setLoading] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
   const [kodeId, setKodeId] = useState<string | null>(null);
+  const [isRegistrationFlow, setIsRegistrationFlow] = useState(false); // Tambahkan flag
+
+  // Cek apakah ini alur registrasi
+  useEffect(() => {
+    const storedUsername = localStorage.getItem('auth_username');
+    setIsRegistrationFlow(!!storedUsername);
+  }, []);
 
-  // Inisialisasi data OTP
   useEffect(() => {
     const storedKodeId = localStorage.getItem('auth_kodeId');
     if (!storedKodeId) {
@@ -28,11 +41,12 @@ export default function Validasi() {
     }
 
     setKodeId(storedKodeId);
-
     const loadOtpData = async () => {
       try {
-        const result = await apiFetchOtpData({ kodeId: storedKodeId });
-        if (result.success && result.data?.nomor) {
+        const res = await fetch(`/api/auth/otp-data?kodeId=${encodeURIComponent(storedKodeId)}`);
+        const result = await res.json();
+
+        if (res.ok && result.data?.nomor) {
           setNomor(result.data.nomor);
         } else {
           throw new Error('Data OTP tidak valid');
@@ -45,82 +59,21 @@ export default function Validasi() {
         setIsLoading(false);
       }
     };
-
     loadOtpData();
   }, [router]);
 
-  // Verifikasi OTP
   const handleVerify = async () => {
     if (!kodeId || !nomor || otp.length < 4) return;
 
     setLoading(true);
     try {
-      const verifyResult = await apiFetchVerifyOtp({ nomor, otp, kodeId });
-
-      if (!verifyResult.success) {
-        // Registrasi baru?
-        if (
-          verifyResult.status === 404 &&
-          verifyResult.message?.includes('Akun tidak ditemukan')
-        ) {
-          await handleNewRegistration();
-          return;
-        }
-
-        // Error lain
-        toast.error(verifyResult.message || 'Verifikasi gagal');
-        return;
+      if (isRegistrationFlow) {
+        // 🔑 Alur REGISTRASI
+        await handleRegistrationVerification();
+      } else {
+        // 🔑 Alur LOGIN
+        await handleLoginVerification();
       }
-
-      // ✅ Verifikasi sukses → simpan user ke store
-      const user = verifyResult.user;
-      console.log('=== DEBUG USER ===');
-      console.log('Full user object:', user);
-
-      if (!user || !user.id) {
-        toast.error('Data pengguna tidak lengkap');
-        return;
-      }
-
-      const roleId = Number(user.roleId);
-      authStore.setUser({
-        id: user.id,
-        name: user.name || user.username || 'User',
-        roleId: roleId,
-      });
-
-      cleanupStorage();
-
-      const isUserActive = user.isActive ?? user.is_active ?? true;
-
-      // Redirect berdasarkan status approval
-      if (!isUserActive) {
-        router.replace('/waiting-room');
-        return;
-      }
-
-      // ✅ Switch statement lebih clean
-      let redirectPath: string;
-
-      switch (roleId) {
-        case 0:
-        case 1:
-          redirectPath = '/admin/landing-page/profil/program-inovasi';
-          break;
-        case 2:
-          redirectPath = '/admin/kesehatan/posyandu';
-          break;
-        case 3:
-          redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
-          break;
-        default:
-          redirectPath = '/admin';
-          console.warn('Unknown roleId:', roleId);
-      }
-
-      console.log('Redirecting to:', redirectPath);
-      router.replace(redirectPath);
-
     } catch (error) {
       console.error('Error saat verifikasi:', error);
       toast.error('Terjadi kesalahan sistem');
@@ -129,38 +82,111 @@ export default function Validasi() {
     }
   };
 
-  // Registrasi baru
-  const handleNewRegistration = async () => {
+  // ✅ Verifikasi OTP untuk REGISTRASI
+  const handleRegistrationVerification = async () => {
     const username = localStorage.getItem('auth_username');
     if (!username) {
-      toast.error('Data registrasi tidak ditemukan');
+      toast.error('Data registrasi tidak ditemukan. Silakan ulangi dari awal.');
       return;
     }
 
-    try {
-      const res = await fetch('/api/auth/finalize-registration', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ nomor, username, otp, kodeId }),
-      });
+    // ✅ Validasi format
+    const cleanNomor = nomor?.replace(/\D/g, '') ?? '';
+    if (cleanNomor.length < 10) {
+      toast.error('Nomor tidak valid');
+      return;
+    }
 
-      const data = await res.json();
+    if (username.trim().length < 5) {
+      toast.error('Username minimal 5 karakter');
+      return;
+    }
 
-      if (data.success) {
-        // Set user sementara (tanpa roleId, akan diisi saat approve)
-        authStore.setUser({
-          id: 'pending',
-          name: username,
-          roleId: 1,
-        });
-        cleanupStorage();
-        router.replace('/waiting-room');
-      } else {
-        toast.error(data.message || 'Registrasi gagal');
-      }
-    } catch (error) {
-      console.error('Error registrasi:', error);
-      toast.error('Gagal menyelesaikan registrasi');
+    // 1. Verifikasi OTP via endpoint register
+    const verifyRes = await fetch('/api/auth/verify-otp-register', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ nomor: cleanNomor, otp, kodeId }),
+    });
+
+    const verifyData = await verifyRes.json();
+
+    if (!verifyRes.ok) {
+      toast.error(verifyData.message || 'Verifikasi OTP gagal');
+      return;
+    }
+
+    // 2. Finalisasi registrasi
+    const finalizeRes = await fetch('/api/auth/finalize-registration', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ nomor, username, kodeId }), // 🔴 Tidak perlu kirim `otp` ke sini
+    });
+
+    const finalizeData = await finalizeRes.json();
+
+    if (!finalizeRes.ok) {
+      toast.error(finalizeData.message || 'Registrasi gagal');
+      return;
+    }
+
+    // 3. Set user & redirect
+    authStore.setUser({
+      id: finalizeData.user.id,
+      name: finalizeData.user.name,
+      roleId: Number(finalizeData.user.roleId),
+    });
+
+    cleanupStorage();
+    router.replace('/waiting-room');
+  };
+
+  // ✅ Verifikasi OTP untuk LOGIN
+  const handleLoginVerification = async () => {
+    const loginRes = await fetch('/api/auth/verify-otp-login', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ nomor, otp, kodeId }),
+    });
+
+    const loginData = await loginRes.json();
+
+    if (!loginRes.ok) {
+      toast.error(loginData.message || 'Verifikasi gagal');
+      return;
+    }
+
+    const { id, name, roleId, isActive } = loginData.user;
+
+    authStore.setUser({
+      id,
+      name: name || 'User',
+      roleId: Number(roleId),
+    });
+
+    cleanupStorage();
+
+    if (!isActive) {
+      router.replace('/waiting-room');
+      return;
+    }
+
+    const redirectPath = getRedirectPath(Number(roleId));
+    router.replace(redirectPath);
+  };
+
+  const getRedirectPath = (roleId: number): string => {
+    switch (roleId) {
+      case 0: // DEVELOPER
+      case 1: // SUPERADMIN
+      case 2: // ADMIN_DESA
+        return '/admin/landing-page/profil/program-inovasi';
+      case 3: // ADMIN_KESEHATAN
+        return '/admin/kesehatan/posyandu';
+      case 4: // ADMIN_PENDIDIKAN
+        return '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
+      default:
+        return '/admin';
     }
   };
 
@@ -173,7 +199,7 @@ export default function Validasi() {
   const handleResend = async () => {
     if (!nomor) return;
     try {
-      const res = await fetch('/api/auth/resend-otp', {
+      const res = await fetch('/api/auth/resend', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ nomor }),
@@ -190,7 +216,6 @@ export default function Validasi() {
     }
   };
 
-  // Loading
   if (isLoading) {
     return (
       <Stack pos="relative" bg={colors.Bg} align="center" justify="center" h="100vh">
@@ -209,7 +234,7 @@ export default function Validasi() {
             <Stack align="center" gap="lg">
               <Box>
                 <Title ta="center" order={2} fw="bold" c={colors['blue-button']}>
-                  Kode Verifikasi
+                  {isRegistrationFlow ? 'Verifikasi Registrasi' : 'Verifikasi Login'}
                 </Title>
                 <Text ta="center" size="sm" c="dimmed" mt="xs">
                   Kami telah mengirim kode ke nomor <strong>{nomor}</strong>
diff --git a/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts b/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
index fdcab5f6..83cc2244 100644
--- a/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
+++ b/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
@@ -1,5 +1,5 @@
 // src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
-import { navBar, role1, role2, role3 } from '@/app/admin/_com/list_PageAdmin';
+import { devBar, navBar, role1, role2, role3 } from '@/app/admin/_com/list_PageAdmin';
 
 export function getNavbar({
   roleId,
@@ -14,9 +14,10 @@ export function getNavbar({
   }
 
   // Fallback ke role-based
-  if (roleId === 0) return navBar;
-  if (roleId === 1) return role1;
-  if (roleId === 2) return role2;
-  if (roleId === 3) return role3;
+  if (roleId === 0) return devBar;
+  if (roleId === 1) return navBar;
+  if (roleId === 2) return role1;
+  if (roleId === 3) return role2;
+  if (roleId === 4) return role3;
   return [];
 }
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/user&role/menu-access/page.tsx b/src/app/admin/(dashboard)/user&role/menu-access/page.tsx
index da5e4c24..b31de9fd 100644
--- a/src/app/admin/(dashboard)/user&role/menu-access/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/menu-access/page.tsx
@@ -8,6 +8,7 @@ import { Button, Checkbox, Group, Paper, Select, Stack, Text, Title } from '@man
 import { useEffect, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import user from '../../_state/user/user-state'
+import { useShallowEffect } from '@mantine/hooks'
 
 
 // ✅ Helper: ekstrak semua menu ID dari struktur navBar
@@ -23,6 +24,10 @@ function MenuAccessPage() {
   const [selectedUserId, setSelectedUserId] = useState<string | null>(null)
   const [userMenus, setUserMenus] = useState<string[]>([])
 
+  useShallowEffect(() => {
+    stateUser.findMany.load()
+  }, [])
+
   // ✅ Gunakan helper untuk ekstrak menu
   const availableMenus = extractMenuIds(navBar);
 
diff --git a/src/app/admin/(dashboard)/user&role/user/page.tsx b/src/app/admin/(dashboard)/user&role/user/page.tsx
index 6f1ecbc2..5f133409 100644
--- a/src/app/admin/(dashboard)/user&role/user/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/user/page.tsx
@@ -8,6 +8,7 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
 import user from '../../_state/user/user-state';
+import { authStore } from '@/store/authStore';
 
 function User() {
   const [search, setSearch] = useState("");
@@ -95,24 +96,17 @@ function ListUser({ search }: { search: string }) {
     });
 
     if (success) {
-      // Cek apakah role berubah
-      const res = await fetch('/api/user/updt', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          id: userId,
-          roleId: newRoleId,
-        }),
-      });
-      const data = await res.json();
-
-      if (data.roleChanged) {
-        // Tampilkan notifikasi
-        alert(`User ${username} akan logout otomatis!`);
+      // ✅ Logout user jika sedang mengedit diri sendiri
+      const currentUserId = authStore.user?.id;
+      if (currentUserId === userId) {
+        authStore.setUser(null);
+        document.cookie = `${process.env.BASE_SESSION_KEY}=; Max-Age=0; path=/;`;
+        alert("Perubahan memerlukan login ulang");
+        window.location.href = "/login";
+        return;
       }
 
+      // Reload data
       stateUser.findMany.load(page, 10, search);
     }
 
@@ -127,6 +121,17 @@ function ListUser({ search }: { search: string }) {
     });
 
     if (success) {
+      // ✅ Logout user jika sedang mengedit diri sendiri
+      const currentUserId = authStore.user?.id;
+      if (currentUserId === userId) {
+        authStore.setUser(null);
+        document.cookie = `${process.env.BASE_SESSION_KEY}=; Max-Age=0; path=/;`;
+        alert("Perubahan memerlukan login ulang");
+        window.location.href = "/login";
+        return;
+      }
+
+      // Reload data
       stateUser.findMany.load(page, 10, search);
     }
   };
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index de13c942..c6208d81 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -1,3 +1,407 @@
+export const devBar = [
+  {
+    id: "Landing Page",
+    name: "Landing Page",
+    path: "",
+    children: [
+      {
+        id: "Landing_Page_1",
+        name: "Profil",
+        path: "/admin/landing-page/profil/program-inovasi"
+      },
+      {
+        id: "Landing_Page_2",
+        name: "Desa Anti Korupsi",
+        path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
+      },
+      {
+        id: "Landing_Page_3",
+        name: "Indeks Kepuasan Masyarakat",
+        path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+      },
+      {
+        id: "Landing_Page_4",
+        name: "SDGs",
+        path: "/admin/landing-page/SDGs"
+      },
+      {
+        id: "Landing_Page_5",
+        name: "APBDes",
+        path: "/admin/landing-page/apbdes"
+      },
+      {
+        id: "Landing_Page_6",
+        name: "Prestasi Desa",
+        path: "/admin/landing-page/prestasi-desa/list-prestasi-desa"
+      }
+    ]
+  },
+  {
+    id: "PPID",
+    name: "PPID",
+    path: "",
+    children: [
+      {
+        id: "PPID_1",
+        name: "Profil PPID",
+        path: "/admin/ppid/profil-ppid"
+      },
+      {
+        id: "PPID_2",
+        name: "Struktur PPID",
+        path: "/admin/ppid/struktur-ppid/pegawai"
+      },
+      {
+        id: "PPID_3",
+        name: "Visi Misi PPID",
+        path: "/admin/ppid/visi-misi-ppid"
+      },
+      {
+        id: "PPID_4",
+        name: "Dasar Hukum",
+        path: "/admin/ppid/dasar-hukum"
+      },
+      {
+        id: "PPID_5",
+        name: "Permohonan Informasi Publik",
+        path: "/admin/ppid/permohonan-informasi-publik"
+      },
+      {
+        id: "PPID_6",
+        name: "Permohonan Keberatan Informasi Publik",
+        path: "/admin/ppid/permohonan-keberatan-informasi-publik"
+      },
+      {
+        id: "PPID_7",
+        name: "Daftar Informasi Publik",
+        path: "/admin/ppid/daftar-informasi-publik"
+      },
+      {
+        id: "PPID_8",
+        name: "Indeks Kepuasan Masyarakat",
+        path: "/admin/ppid/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+      },
+
+    ]
+  },
+  {
+    id: "Desa",
+    name: "Desa",
+    path: "",
+    children: [
+      {
+        id: "Desa_1",
+        name: "Profile",
+        path: "/admin/desa/profile/profile-desa"
+      },
+      {
+        id: "Desa_2",
+        name: "Potensi",
+        path: "/admin/desa/potensi/list-potensi"
+      },
+      {
+        id: "Desa_3",
+        name: "Berita",
+        path: "/admin/desa/berita/list-berita"
+      },
+      {
+        id: "Desa_4",
+        name: "Pengumuman",
+        path: "/admin/desa/pengumuman/list-pengumuman"
+      },
+      {
+        id: "Desa_5",
+        name: "Gallery",
+        path: "/admin/desa/gallery/foto"
+      },
+      {
+        id: "Desa_6",
+        name: "Layanan",
+        path: "/admin/desa/layanan/pelayanan_surat_keterangan"
+      },
+      {
+        id: "Desa_7",
+        name: "Penghargaan",
+        path: "/admin/desa/penghargaan"
+      }
+
+    ]
+  },
+  {
+    id: "Kesehatan",
+    name: "Kesehatan",
+    path: "",
+    children: [
+      {
+        id: "Kesehatan_1",
+        name: "Posyandu",
+        path: "/admin/kesehatan/posyandu"
+      },
+      {
+        id: "Kesehatan_2",
+        name: "Data Kesehatan Warga",
+        path: "/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian"
+      },
+      {
+        id: "Kesehatan_3",
+        name: "Puskesmas",
+        path: "/admin/kesehatan/puskesmas"
+      },
+      {
+        id: "Kesehatan_4",
+        name: "Program Kesehatan",
+        path: "/admin/kesehatan/program-kesehatan"
+      },
+      {
+        id: "Kesehatan_5",
+        name: "Penanganan Darurat",
+        path: "/admin/kesehatan/penanganan-darurat"
+      },
+      {
+        id: "Kesehatan_6",
+        name: "Kontak Darurat",
+        path: "/admin/kesehatan/kontak-darurat"
+      },
+      {
+        id: "Kesehatan_7",
+        name: "Info Wabah/Penyakit",
+        path: "/admin/kesehatan/info-wabah-penyakit"
+      }
+    ]
+  },
+  {
+    id: "Keamanan",
+    name: "Keamanan",
+    path: "",
+    children: [
+      {
+        id: "Keamanan_1",
+        name: "Keamanan Lingkungan (Pecalang/Patwal)",
+        path: "/admin/keamanan/keamanan-lingkungan-pecalang-patwal"
+      },
+      {
+        id: "Keamanan_2",
+        name: "Polsek Terdekat",
+        path: "/admin/keamanan/polsek-terdekat"
+      },
+      {
+        id: "Keamanan_3",
+        name: "Kontak Darurat",
+        path: "/admin/keamanan/kontak-darurat/kontak-darurat-keamanan"
+      },
+      {
+        id: "Keamanan_4",
+        name: "Pencegahan Kriminalitas",
+        path: "/admin/keamanan/pencegahan-kriminalitas"
+      },
+      {
+        id: "Keamanan_5",
+        name: "Laporan Publik",
+        path: "/admin/keamanan/laporan-publik"
+      },
+      {
+        id: "Keamanan_6",
+        name: "Tips Keamanan",
+        path: "/admin/keamanan/tips-keamanan"
+      }
+    ]
+  },
+  {
+    id: "Ekonomi",
+    name: "Ekonomi",
+    path: "",
+    children: [
+      {
+        id: "Ekonomi_1",
+        name: "Pasar Desa",
+        path: "/admin/ekonomi/pasar-desa/produk-pasar-desa"
+      },
+      {
+        id: "Ekonomi_2",
+        name: "Lowongan Kerja Lokal",
+        path: "/admin/ekonomi/lowongan-kerja-lokal"
+      },
+      {
+        id: "Ekonomi_3",
+        name: "Struktur Organisasi Dan Sk Pengurus Bumdesa",
+        path: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai"
+      },
+      {
+        id: "Ekonomi_4",
+        name: "PADesa (Pendapatan Asli Desa)",
+        path: "/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa"
+      },
+      {
+        id: "Ekonomi_5",
+        name: "Jumlah Pengangguran",
+        path: "/admin/ekonomi/jumlah-pengangguran"
+      },
+      {
+        id: "Ekonomi_6",
+        name: "Jumlah penduduk usia kerja yang menganggur",
+        path: "/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia"
+      },
+      {
+        id: "Ekonomi_7",
+        name: "Jumlah Penduduk Miskin",
+        path: "/admin/ekonomi/jumlah-penduduk-miskin"
+      },
+      {
+        id: "Ekonomi_8",
+        name: "Program Kemiskinan",
+        path: "/admin/ekonomi/program-kemiskinan"
+      },
+      {
+        id: "Ekonomi_9",
+        name: "Sektor Unggulan Desa",
+        path: "/admin/ekonomi/sektor-unggulan-desa"
+      },
+      {
+        id: "Ekonomi_10",
+        name: "Demografi Pekerjaan",
+        path: "/admin/ekonomi/demografi-pekerjaan"
+      }
+    ]
+  }, {
+    id: "Inovasi",
+    name: "Inovasi",
+    path: "",
+    children: [
+      {
+        id: "Inovasi_1",
+        name: "Desa Digital/Smart Village",
+        path: "/admin/inovasi/desa-digital-smart-village"
+      },
+      {
+        id: "Inovasi_2",
+        name: "Layanan Online Desa",
+        path: "/admin/inovasi/layanan-online-desa/administrasi-online"
+      },
+      {
+        id: "Inovasi_3",
+        name: "Program Kreatif Desa",
+        path: "/admin/inovasi/program-kreatif-desa"
+      },
+      {
+        id: "Inovasi_4",
+        name: "Kolaborasi Inovasi",
+        path: "/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi"
+      },
+      {
+        id: "Inovasi_5",
+        name: "Info Teknologi Tepat Guna",
+        path: "/admin/inovasi/info-teknologi-tepat-guna"
+      },
+      {
+        id: "Inovasi_6",
+        name: "Ajukan Ide Inovatif",
+        path: "/admin/inovasi/ajukan-ide-inovatif"
+      }
+
+    ]
+  }, {
+    id: "Lingkungan",
+    name: "Lingkungan",
+    path: "",
+    children: [
+      {
+        id: "Lingkungan_1",
+        name: "Pengelolaan Sampah (Bank Sampah)",
+        path: "/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah"
+      },
+      {
+        id: "Lingkungan_2",
+        name: "Program Penghijauan",
+        path: "/admin/lingkungan/program-penghijauan"
+      },
+      {
+        id: "Lingkungan_3",
+        name: "Data Lingkungan Desa",
+        path: "/admin/lingkungan/data-lingkungan-desa"
+      },
+      {
+        id: "Lingkungan_4",
+        name: "Gotong Royong",
+        path: "/admin/lingkungan/gotong-royong/kegiatan-desa"
+      },
+      {
+        id: "Lingkungan_5",
+        name: "Edukasi Lingkungan",
+        path: "/admin/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan"
+      },
+      {
+        id: "Lingkungan_6",
+        name: "Konservasi Adat Bali",
+        path: "/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana"
+      }
+    ]
+  }, 
+  {
+    id: "Pendidikan",
+    name: "Pendidikan",
+    path: "",
+    children: [
+      {
+        id: "Pendidikan_1",
+        name: "Info Sekolah",
+        path: "/admin/pendidikan/info-sekolah/jenjang-pendidikan"
+      },
+      {
+        id: "Pendidikan_2",
+        name: "Beasiswa Desa",
+        path: "/admin/pendidikan/beasiswa-desa/beasiswa-pendaftar"
+      },
+      {
+        id: "Pendidikan_3",
+        name: "Program Pendidikan Anak",
+        path: "/admin/pendidikan/program-pendidikan-anak/program-unggulan"
+      },
+      {
+        id: "Pendidikan_4",
+        name: "Bimbingan Belajar Desa",
+        path: "/admin/pendidikan/bimbingan-belajar-desa/tujuan-program"
+      },
+      {
+        id: "Pendidikan_5",
+        name: "Pendidikan Non Formal",
+        path: "/admin/pendidikan/pendidikan-non-formal/tujuan-program"
+      },
+      {
+        id: "Pendidikan_6",
+        name: "Perpustakaan Digital",
+        path: "/admin/pendidikan/perpustakaan-digital/data-perpustakaan"
+      },
+      {
+        id: "Pendidikan_7",
+        name: "Data Pendidikan",
+        path: "/admin/pendidikan/data-pendidikan"
+      }
+    ]
+  },
+  {
+    id: "User & Role",
+    name: "User & Role",
+    path: "",
+    children: [
+      {
+        id: "User",
+        name: "User",
+        path: "/admin/user&role/user"
+      },
+      {
+        id: "Role",
+        name: "Role",
+        path: "/admin/user&role/role"
+      },
+      {
+        id: "Menu Access",
+        name: "Menu Access",
+        path: "/admin/user&role/menu-access"
+      }
+    ]
+  }
+]
+
 export const navBar = [
   {
     id: "Landing Page",
diff --git a/src/app/api/[[...slugs]]/_lib/user/delUser.ts b/src/app/api/[[...slugs]]/_lib/user/delUser.ts
index 9823dea6..9f83ec93 100644
--- a/src/app/api/[[...slugs]]/_lib/user/delUser.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/delUser.ts
@@ -1,12 +1,12 @@
-// /api/user/delete.ts
+// /api/user/delUser.ts
 import prisma from '@/lib/prisma';
 import { Context } from 'elysia';
 
-export default async function userDelete(context: Context) {
+export default async function userDeleteAccount(context: Context) {
   const { id } = context.params as { id: string };
 
   try {
-    // Cek user dulu
+    // 1. Cek user dulu
     const existingUser = await prisma.user.findUnique({
       where: { id },
     });
@@ -18,15 +18,39 @@ export default async function userDelete(context: Context) {
       };
     }
 
-    // Hard delete (hapus permanen)
-    const deletedUser = await prisma.user.delete({
-      where: { id },
+    // ✅ 2. Hapus SEMUA relasi dalam TRANSACTION
+    const result = await prisma.$transaction(async (tx) => {
+      // Hapus UserSession
+      const deletedSessions = await tx.userSession.deleteMany({
+        where: { userId: id },
+      });
+
+      // ✅ Hapus UserMenuAccess
+      const deletedMenuAccess = await tx.userMenuAccess.deleteMany({
+        where: { userId: id },
+      });
+
+      // ✅ Tambahkan relasi lain jika ada (contoh):
+      // await tx.userLog.deleteMany({ where: { userId: id } });
+      // await tx.userNotification.deleteMany({ where: { userId: id } });
+      // await tx.userToken.deleteMany({ where: { userId: id } });
+
+      // Hapus user
+      const deletedUser = await tx.user.delete({
+        where: { id },
+      });
+
+      return {
+        user: deletedUser,
+        sessionsDeleted: deletedSessions.count,
+        menuAccessDeleted: deletedMenuAccess.count,
+      };
     });
 
     return {
       success: true,
-      message: 'User berhasil dihapus permanen',
-      data: deletedUser,
+      message: `User berhasil dihapus permanen (${result.sessionsDeleted} session, ${result.menuAccessDeleted} menu access)`,
+      data: result,
     };
   } catch (error) {
     console.error('Error delete user:', error);
@@ -35,4 +59,4 @@ export default async function userDelete(context: Context) {
       message: 'Terjadi kesalahan saat menghapus user',
     };
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/user/index.ts b/src/app/api/[[...slugs]]/_lib/user/index.ts
index 76b1a49f..5e6aa75c 100644
--- a/src/app/api/[[...slugs]]/_lib/user/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/index.ts
@@ -5,6 +5,7 @@ import userFindMany from "./findMany";
 import userFindUnique from "./findUnique";
 import userDelete from "./del"; // `delete` nggak boleh jadi nama file JS langsung, jadi biasanya `del.ts`
 import userUpdate from "./updt";
+import userDeleteAccount from "./delUser";
 
 const User = new Elysia({ prefix: "/api/user" })
   .get("/findMany", userFindMany)
@@ -25,7 +26,7 @@ const User = new Elysia({ prefix: "/api/user" })
       })
     }
   )
-  .put("/delUser/:id", userDelete, {
+  .delete("/delUser/:id", userDeleteAccount, {
     params: t.Object({
       id: t.String(),
     }),
diff --git a/src/app/api/[[...slugs]]/_lib/user/updt.ts b/src/app/api/[[...slugs]]/_lib/user/updt.ts
index d69a6171..59ac9a50 100644
--- a/src/app/api/[[...slugs]]/_lib/user/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/updt.ts
@@ -1,171 +1,46 @@
-// /* eslint-disable @typescript-eslint/no-explicit-any */
-// import prisma from "@/lib/prisma";
-// import { Context } from "elysia";
-
-// export default async function userUpdate(context: Context) {
-//   try {
-//     const { id, isActive, roleId } = await context.body as {
-//       id: string,
-//       isActive?: boolean,
-//       roleId?: string
-//     };
-
-//     if (!id) {
-//       return {
-//         success: false,
-//         message: "ID user wajib ada",
-//       };
-//     }
-
-//     // Optional: cek apakah roleId valid
-//     if (roleId) {
-//       const cekRole = await prisma.role.findUnique({
-//         where: { id: roleId }
-//       });
-
-//       if (!cekRole) {
-//         return {
-//           success: false,
-//           message: "Role tidak ditemukan",
-//         };
-//       }
-//     }
-
-//     // ✅ CEK: Apakah roleId berubah?
-//     let isRoleChanged = false;
-//     let oldRoleId: string | null = null;
-    
-//     if (roleId) {
-//       const currentUser = await prisma.user.findUnique({
-//         where: { id },
-//         select: { 
-//           roleId: true,
-//           username: true,
-//         }
-//       });
-      
-//       if (currentUser && currentUser.roleId !== roleId) {
-//         isRoleChanged = true;
-//         oldRoleId = currentUser.roleId;
-//         console.log(`🔄 Role berubah untuk ${currentUser.username}: ${oldRoleId} → ${roleId}`);
-//       }
-//     }
-
-//     // Update user
-//     const updatedUser = await prisma.user.update({
-//       where: { id },
-//       data: {
-//         ...(isActive !== undefined && { isActive }),
-//         ...(roleId && { roleId }),
-//       },
-//       select: {
-//         id: true,
-//         username: true,
-//         nomor: true,
-//         isActive: true,
-//         roleId: true,
-//         updatedAt: true,
-//         role: {
-//           select: {
-//             id: true,
-//             name: true,
-//           }
-//         }
-//       }
-//     });
-
-//     // ✅ FORCE LOGOUT: Hapus UserSession jika role berubah
-//     if (isRoleChanged) {
-//       try {
-//         const deletedSessions = await prisma.userSession.deleteMany({
-//           where: { userId: id }
-//         });
-        
-//         console.log(`🔒 Force logout user ${updatedUser.username} (${id})`);
-//         console.log(`   Deleted ${deletedSessions.count} session(s)`);
-//         console.log(`   Role: ${oldRoleId} → ${roleId}`);
-//       } catch (sessionError: any) {
-//         // Jika UserSession tidak ditemukan (user belum pernah login), skip error
-//         if (sessionError.code !== 'P2025') {
-//           console.error("⚠️ Error menghapus session:", sessionError);
-//         } else {
-//           console.log(`ℹ️ User ${updatedUser.username} belum pernah login`);
-//         }
-//       }
-//     }
-
-//     // ✅ Response dengan info tambahan
-//     return {
-//       success: true,
-//       message: isRoleChanged 
-//         ? `User berhasil diupdate. ${updatedUser.username} akan logout otomatis.`
-//         : "User berhasil diupdate",
-//       data: updatedUser,
-//       roleChanged: isRoleChanged, // Info untuk frontend
-//       oldRoleId: oldRoleId,
-//       newRoleId: roleId,
-//     };
-
-//   } catch (e: any) {
-//     console.error("❌ Error update user:", e);
-//     return {
-//       success: false,
-//       message: "Gagal mengupdate user: " + (e.message || "Unknown error"),
-//     };
-//   }
-// }
-
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
-
-// API update user (Elysia atau Next.js API Route)
+// API update user
 export default async function userUpdate(context: Context) {
   try {
-    const { id, isActive, roleId } = await context.body as {
-      id: string,
-      isActive?: boolean,
-      roleId?: string
+    const { id, isActive, roleId } = (await context.body) as {
+      id: string;
+      isActive?: boolean;
+      roleId?: string;
     };
 
     if (!id) {
-      return {
-        success: false,
-        message: "ID user wajib ada",
-      };
+      return { success: false, message: "ID user wajib ada" };
     }
 
-    // Cek apakah roleId valid
+    // Validasi role
     if (roleId) {
-      const cekRole = await prisma.role.findUnique({ where: { id: roleId } });
-      if (!cekRole) {
-        return {
-          success: false,
-          message: "Role tidak ditemukan",
-        };
-      }
+      const role = await prisma.role.findUnique({ where: { id: roleId } });
+      if (!role) return { success: false, message: "Role tidak ditemukan" };
     }
 
-    // Deteksi perubahan role
-    let isRoleChanged = false;
-    if (roleId) {
-      const currentUser = await prisma.user.findUnique({
-        where: { id },
-        select: { roleId: true }
-      });
-      isRoleChanged = currentUser?.roleId !== roleId;
+    const currentUser = await prisma.user.findUnique({
+      where: { id },
+      select: { roleId: true, isActive: true }
+    });
+
+    if (!currentUser) {
+      return { success: false, message: "User tidak ditemukan" };
     }
 
-    // ✅ UPDATE USER + INVALIDATE SESSION
+    const isRoleChanged = roleId && currentUser.roleId !== roleId;
+    const isActiveChanged = isActive !== undefined && currentUser.isActive !== isActive;
+
+    // Update user
     const updatedUser = await prisma.user.update({
       where: { id },
       data: {
         ...(isActive !== undefined && { isActive }),
         ...(roleId && { roleId }),
-        // Force logout: set sessionInvalid = true
-        ...(isRoleChanged && { sessionInvalid: true }),
+        // Force logout: invalidate semua sesi
+        ...(isRoleChanged || isActiveChanged ? { sessionInvalid: true } : {}),
       },
       select: {
         id: true,
@@ -177,26 +52,21 @@ export default async function userUpdate(context: Context) {
       }
     });
 
-    // ✅ Reset sessionInvalid setelah 5 detik (opsional)
-    if (isRoleChanged) {
-      setTimeout(async () => {
-        try {
-          await prisma.user.update({
-            where: { id },
-            data: { sessionInvalid: false }
-          });
-        } catch (e) {
-          console.error('Gagal reset sessionInvalid:', e);
-        }
-      }, 5000);
+    // ✅ HAPUS SEMUA SESI USER DI DATABASE
+    if (isRoleChanged || isActiveChanged) {
+      await prisma.userSession.deleteMany({ where: { userId: id } });
     }
 
     return {
       success: true,
-      message: isRoleChanged 
-        ? `User berhasil diupdate. ${updatedUser.username} akan logout otomatis.`
-        : "User berhasil diupdate",
+      roleChanged: isRoleChanged,
+      isActiveChanged,
       data: updatedUser,
+      message: isRoleChanged 
+        ? `Role ${updatedUser.username} diubah. User akan logout otomatis.`
+        : isActiveChanged
+        ? `${updatedUser.username} ${isActive ? 'diaktifkan' : 'dinonaktifkan'}.`
+        : "User berhasil diupdate"
     };
   } catch (e: any) {
     console.error("❌ Error update user:", e);
diff --git a/src/app/api/auth/_lib/api_fetch_auth.ts b/src/app/api/auth/_lib/api_fetch_auth.ts
index 794de057..19de8fc1 100644
--- a/src/app/api/auth/_lib/api_fetch_auth.ts
+++ b/src/app/api/auth/_lib/api_fetch_auth.ts
@@ -86,32 +86,14 @@ export const apiFetchOtpData = async ({ kodeId }: { kodeId: string }) => {
   return data;
 };
 
-export const apiFetchVerifyOtp = async ({
-  nomor,
-  otp,
-  kodeId
-}: {
-  nomor: string;
-  otp: string;
-  kodeId: string;
-}) => {
-  if (!nomor || !otp || !kodeId) {
-    throw new Error('Data verifikasi tidak lengkap');
-  }
-
-  if (!/^\d{4,6}$/.test(otp)) {
-    throw new Error('Kode OTP harus 4-6 digit angka');
-  }
-
-  const response = await fetch('/api/auth/verify-otp', {
+// Ganti endpoint ke verify-otp-login
+export const apiFetchVerifyOtp = async ({ nomor, otp, kodeId }: { nomor: string; otp: string; kodeId: string }) => {
+  const response = await fetch('/api/auth/verify-otp-login', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ nomor, otp, kodeId }),
   });
-
   const data = await response.json();
-
-  // ✅ Jangan throw error untuk status 4xx — biarkan frontend handle
   return {
     success: response.ok,
     ...data,
diff --git a/src/app/api/auth/_lib/session_create.ts b/src/app/api/auth/_lib/session_create.ts
index 1a8b56f0..8a7c0692 100644
--- a/src/app/api/auth/_lib/session_create.ts
+++ b/src/app/api/auth/_lib/session_create.ts
@@ -1,7 +1,6 @@
 // app/api/auth/_lib/session_create.ts
 import { cookies } from "next/headers";
 import { encrypt } from "./encrypt";
-import prisma from "@/lib/prisma";
 
 export async function sessionCreate({
   sessionKey,
@@ -14,78 +13,30 @@ export async function sessionCreate({
   jwtSecret: string;
   user: Record<string, unknown>;
 }) {
-  // 🔒 Validasi kunci tidak kosong
+  // ✅ Validasi env vars
   if (!sessionKey || sessionKey.length === 0) {
     throw new Error("sessionKey tidak boleh kosong");
   }
-  if (!jwtSecret || jwtSecret.length === 0) {
-    throw new Error("jwtSecret tidak boleh kosong");
+  if (!jwtSecret || jwtSecret.length < 32) {
+    throw new Error("jwtSecret minimal 32 karakter");
   }
 
-  const token = await encrypt({
-    exp,
-    jwtSecret,
-    user,
-  });
-
-  if (token === null) {
+  const token = await encrypt({ exp, jwtSecret, user });
+  if (!token) {
     throw new Error("Token generation failed");
   }
 
-  // ✅ HYBRID: Simpan token ke database UserSession
-  const userId = user.id as string;
-  
-  if (userId) {
-    try {
-      // Hapus session lama user ini (logout device lain)
-      await prisma.userSession.deleteMany({
-        where: { userId },
-      });
-
-      // Parse expiration
-      const expiresDate = new Date();
-      const expMatch = exp.match(/(\d+)\s*(day|year)/);
-      
-      if (expMatch) {
-        const [, num, unit] = expMatch;
-        const amount = parseInt(num);
-        
-        if (unit === 'year') {
-          expiresDate.setFullYear(expiresDate.getFullYear() + amount);
-        } else if (unit === 'day') {
-          expiresDate.setDate(expiresDate.getDate() + amount);
-        }
-      } else {
-        // Default 30 hari
-        expiresDate.setDate(expiresDate.getDate() + 30);
-      }
-
-      // Buat session baru di database
-      await prisma.userSession.create({
-        data: {
-          userId,
-          token, // JWT token disimpan
-          expires: expiresDate,
-          active: true,
-        },
-      });
-
-      console.log(`✅ Session created for user ${userId}`);
-    } catch (dbError) {
-      console.error("⚠️ Error menyimpan session ke database:", dbError);
-      // Tetap lanjut meski gagal simpan ke DB (fallback ke JWT only)
-    }
-  }
-
   // Set cookie
-  const cookieStore = await cookies();
-  cookieStore.set(sessionKey, token, {
+  (await cookies()).set(sessionKey, token, {
     httpOnly: true,
     sameSite: "lax",
     path: "/",
     secure: process.env.NODE_ENV === "production",
-    maxAge: 30 * 24 * 60 * 60, // 30 hari dalam detik
+    maxAge: 30 * 24 * 60 * 60,
   });
 
+  console.log("✅ BASE_SESSION_KEY loaded:", !!process.env.BASE_SESSION_KEY);
+  console.log("✅ BASE_TOKEN_KEY loaded:", !!process.env.BASE_TOKEN_KEY);
+
   return token;
-}
\ No newline at end of file
+}
diff --git a/src/app/api/auth/_lib/session_verify.ts b/src/app/api/auth/_lib/session_verify.ts
index 2e529e1e..8b799a34 100644
--- a/src/app/api/auth/_lib/session_verify.ts
+++ b/src/app/api/auth/_lib/session_verify.ts
@@ -1,134 +1,43 @@
-// // app/api/auth/_lib/session_verify.ts
-// import { cookies } from 'next/headers';
-// import { decrypt } from './decrypt';
-// import prisma from '@/lib/prisma';
-
-// /**
-//  * Verifikasi session hybrid:
-//  * 1. Decrypt JWT token
-//  * 2. Cek apakah token masih ada di database (untuk force logout)
-//  * 3. Return data user terbaru dari database
-//  */
-// export async function verifySession(): Promise<Record<string, unknown> | null> {
-//   try {
-//     const sessionKey = process.env.BASE_SESSION_KEY;
-//     if (!sessionKey) {
-//       throw new Error('BASE_SESSION_KEY tidak ditemukan di environment');
-//     }
-
-//     const jwtSecret = process.env.BASE_TOKEN_KEY;
-//     if (!jwtSecret) {
-//       throw new Error('BASE_TOKEN_KEY tidak ditemukan di environment');
-//     }
-
-//     const cookieStore = await cookies();
-//     const token = cookieStore.get(sessionKey)?.value;
-
-//     if (!token) {
-//       return null;
-//     }
-
-//     // Step 1: Decrypt JWT
-//     const jwtUser = await decrypt({ token, jwtSecret });
-    
-//     if (!jwtUser || !jwtUser.id) {
-//       console.log('⚠️ JWT decrypt failed atau tidak ada user ID');
-//       return null;
-//     }
-
-//     // Step 2: Cek database UserSession (untuk force logout)
-//     try {
-//       const dbSession = await prisma.userSession.findFirst({
-//         where: {
-//           userId: jwtUser.id as string,
-//           token: token,
-//           active: true,
-//           OR: [
-//             { expires: null },
-//             { expires: { gte: new Date() } },
-//           ],
-//         },
-//         include: {
-//           User: {
-//             select: {
-//               id: true,
-//               username: true,
-//               nomor: true,
-//               roleId: true,
-//               isActive: true,
-//             },
-//           },
-//         },
-//       });
-
-//       // Token tidak ditemukan di database = sudah dihapus (force logout)
-//       if (!dbSession) {
-//         console.log('⚠️ Token valid tapi sudah dihapus dari database (force logout)');
-//         return null;
-//       }
-
-//       // Step 3: Return data user terbaru dari database
-//       // Ini penting agar roleId selalu update
-//       return {
-//         id: dbSession.User.id,
-//         username: dbSession.User.username,
-//         nomor: dbSession.User.nomor,
-//         roleId: dbSession.User.roleId,
-//         isActive: dbSession.User.isActive,
-//       };
-
-//     } catch (dbError) {
-//       console.error("⚠️ Error cek database session:", dbError);
-//       // Fallback: jika database error, tetap pakai JWT
-//       return jwtUser;
-//     }
-
-//   } catch (error) {
-//     console.warn('❌ Session verification failed:', error);
-//     return null;
-//   }
-// }
-
-// src/app/api/auth/_lib/session_verify.ts
-import { cookies } from 'next/headers';
-import { decrypt } from './decrypt';
-import prisma from '@/lib/prisma';
+// app/api/auth/_lib/session_verify.ts
+import { cookies } from "next/headers";
+import { decrypt } from "./decrypt";
+import prisma from "@/lib/prisma";
 
 export async function verifySession() {
   try {
     const sessionKey = process.env.BASE_SESSION_KEY;
     const jwtSecret = process.env.BASE_TOKEN_KEY;
-
-    if (!sessionKey || !jwtSecret) {
-      throw new Error('Environment variables tidak lengkap');
-    }
+    if (!sessionKey || !jwtSecret) throw new Error('Env tidak lengkap');
 
     const token = (await cookies()).get(sessionKey)?.value;
     if (!token) return null;
 
-    // Decrypt JWT
     const jwtUser = await decrypt({ token, jwtSecret });
-    if (!jwtUser || !jwtUser.id) return null;
+    if (!jwtUser?.id) return null;
 
-    // ✅ Cek apakah session di-invalidate
-    const user = await prisma.user.findUnique({
-      where: { id: jwtUser.id as string },
-      select: {
-        id: true,
-        username: true,
-        nomor: true,
-        roleId: true,
-        isActive: true,
-        sessionInvalid: true, // ← Tambahkan field ini
+    // Cari session di DB berdasarkan token
+    const dbSession = await prisma.userSession.findFirst({
+      where: { 
+        token, 
+        active: true,
+        expiresAt: { gte: new Date() }
       },
+      include: { user: true }
     });
 
-    if (!user || user.sessionInvalid) {
-      console.log('⚠️ Session tidak valid (force logout)');
+    if (!dbSession) {
+      console.log('⚠️ Session tidak ditemukan di DB');
       return null;
     }
 
-    return user;
+    // ❌ Hanya tolak jika sessionInvalid = true
+    if (dbSession.user.sessionInvalid) {
+      console.log('⚠️ Session di-invalidate');
+      return null;
+    }
+
+    // ✅ Return user, meskipun isActive = false
+    return dbSession.user;
   } catch (error) {
     console.warn('Session verification failed:', error);
     return null;
diff --git a/src/app/api/auth/finalize-registration/route.ts b/src/app/api/auth/finalize-registration/route.ts
index 6fdc8f38..51890a8a 100644
--- a/src/app/api/auth/finalize-registration/route.ts
+++ b/src/app/api/auth/finalize-registration/route.ts
@@ -1,51 +1,64 @@
-// app/api/auth/finalize-registration/route.ts
+// src/app/api/auth/finalize-registration/route.ts
+
 import prisma from "@/lib/prisma";
 import { NextResponse } from "next/server";
 import { sessionCreate } from "../_lib/session_create";
 
 export async function POST(req: Request) {
   try {
-    const { nomor, username, kodeId, roleId } = await req.json();
+    const { nomor, username, kodeId } = await req.json();
 
-    // Validasi input
-    if (!nomor || !username || !kodeId) {
+    const cleanNomor = nomor.replace(/\D/g, "");
+
+    if (!cleanNomor || !username || !kodeId) {
       return NextResponse.json(
         { success: false, message: "Data tidak lengkap" },
         { status: 400 }
       );
     }
 
-    // Verifikasi OTP
+    // Di awal fungsi POST
+    console.log("📦 Received payload:", { nomor, username, kodeId });
+
+    // Validasi OTP
     const otpRecord = await prisma.kodeOtp.findUnique({
       where: { id: kodeId },
     });
-
-    if (!otpRecord?.isActive || otpRecord.nomor !== nomor) {
+    if (!otpRecord?.isActive || otpRecord.nomor !== cleanNomor) {
       return NextResponse.json(
         { success: false, message: "OTP tidak valid" },
         { status: 400 }
       );
     }
 
-    // Cek apakah username sudah dipakai
-    const existingUser = await prisma.user.findUnique({
-      where: { username },
-    });
-
-    if (existingUser) {
+    // Cek duplikat username
+    if (await prisma.user.findFirst({ where: { username } })) {
       return NextResponse.json(
         { success: false, message: "Username sudah digunakan" },
-        { status: 400 }
+        { status: 409 }
       );
     }
 
-    // Buat user baru
+    // ✅ Gunakan username dari input user
+    const defaultRole = await prisma.role.findFirst({
+      where: { name: "ADMIN DESA" },
+      select: { id: true },
+    });
+
+    if (!defaultRole) {
+      return NextResponse.json(
+        { success: false, message: "Role default tidak ditemukan" },
+        { status: 500 }
+      );
+    }
+
+    // ✅ Buat user dengan username yang diinput
     const newUser = await prisma.user.create({
       data: {
-        username,
+        username, // ✅ Ini yang benar
         nomor,
-        roleId: roleId || "1", // Default role
-        isActive: false, // Menunggu approval
+        roleId: defaultRole.id,
+        isActive: false,
       },
     });
 
@@ -55,29 +68,22 @@ export async function POST(req: Request) {
       data: { isActive: false },
     });
 
-    // ✅ CREATE SESSION (JWT + Database)
-    try {
-      await sessionCreate({
-        sessionKey: process.env.BASE_SESSION_KEY!,
-        jwtSecret: process.env.BASE_TOKEN_KEY!,
-        exp: "30 day",
-        user: {
-          id: newUser.id,
-          nomor: newUser.nomor,
-          username: newUser.username,
-          roleId: newUser.roleId,
-          isActive: false, // User baru belum aktif
-        },
-      });
-    } catch (sessionError) {
-      console.error("❌ Error creating session:", sessionError);
-      return NextResponse.json(
-        { success: false, message: "Gagal membuat session" },
-        { status: 500 }
-      );
-    }
+    // ✅ BUAT SESI untuk user baru (meski isActive = false)
+    const token = await sessionCreate({
+      sessionKey: process.env.BASE_SESSION_KEY!,
+      jwtSecret: process.env.BASE_TOKEN_KEY!,
+      exp: "30 day",
+      user: {
+        id: newUser.id,
+        nomor: newUser.nomor,
+        username: newUser.username, // ✅ Pastikan sesuai
+        roleId: newUser.roleId,
+        isActive: false,
+      },
+    });
 
-    return NextResponse.json({
+    // Set cookie
+    const response = NextResponse.json({
       success: true,
       message: "Registrasi berhasil. Menunggu persetujuan admin.",
       user: {
@@ -88,6 +94,14 @@ export async function POST(req: Request) {
       },
     });
 
+    response.cookies.set(process.env.BASE_SESSION_KEY!, token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      path: "/",
+      maxAge: 30 * 24 * 60 * 60,
+    });
+
+    return response;
   } catch (error) {
     console.error("❌ Finalize Registration Error:", error);
     return NextResponse.json(
@@ -97,4 +111,4 @@ export async function POST(req: Request) {
   } finally {
     await prisma.$disconnect();
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/api/auth/me/route.ts b/src/app/api/auth/me/route.ts
index 2f96b589..18165deb 100644
--- a/src/app/api/auth/me/route.ts
+++ b/src/app/api/auth/me/route.ts
@@ -5,36 +5,54 @@ import prisma from '@/lib/prisma';
 
 export async function GET() {
   try {
-    const user = await verifySession();
-    if (!user) {
+    const sessionUser = await verifySession();
+    if (!sessionUser) {
       return NextResponse.json(
-        { success: false, message: "Session tidak valid", user: null },
+        { success: false, message: "Unauthorized", user: null },
         { status: 401 }
       );
     }
 
-    // ✅ Ambil menu akses kustom
-    const menuAccess = await prisma.userMenuAccess.findMany({
-      where: { userId: user.id },
-      select: { menuId: true },
-    });
+    const [dbUser, menuAccess] = await Promise.all([
+      prisma.user.findUnique({
+        where: { id: sessionUser.id },
+        select: {
+          id: true,
+          username: true,
+          nomor: true,
+          roleId: true,   // STRING!
+          isActive: true, // BOOLEAN!
+        },
+      }),
+      prisma.userMenuAccess.findMany({
+        where: { userId: sessionUser.id },
+        select: { menuId: true },
+      }),
+    ]);
+
+    if (!dbUser) {
+      return NextResponse.json(
+        { success: false, message: "User not found", user: null },
+        { status: 404 }
+      );
+    }
 
     return NextResponse.json({
       success: true,
       user: {
-        id: user.id,
-        name: user.username,
-        username: user.username,
-        nomor: user.nomor,
-        roleId: user.roleId,
-        isActive: user.isActive,
-        menuIds: menuAccess.map(m => m.menuId), // ✅ tambahkan ini
+        id: dbUser.id,
+        name: dbUser.username,
+        username: dbUser.username,
+        nomor: dbUser.nomor,
+        roleId: dbUser.roleId,     // STRING!
+        isActive: dbUser.isActive, // BOOLEAN!
+        menuIds: menuAccess.map(m => m.menuId),
       },
     });
   } catch (error) {
     console.error("❌ Error in /api/auth/me:", error);
     return NextResponse.json(
-      { success: false, message: "Terjadi kesalahan", user: null },
+      { success: false, message: "Internal server error", user: null },
       { status: 500 }
     );
   }
diff --git a/src/app/api/auth/otp-data/route.ts b/src/app/api/auth/otp-data/route.ts
index f1d6aef5..81b1c8c9 100644
--- a/src/app/api/auth/otp-data/route.ts
+++ b/src/app/api/auth/otp-data/route.ts
@@ -2,9 +2,10 @@
 import { NextResponse } from "next/server";
 import prisma from "@/lib/prisma";
 
-export async function POST(req: Request) {
+export async function GET(request: Request) {
   try {
-    const { kodeId } = await req.json();
+    const { searchParams } = new URL(request.url);
+    const kodeId = searchParams.get("kodeId");
 
     if (!kodeId) {
       return NextResponse.json(
@@ -15,7 +16,7 @@ export async function POST(req: Request) {
 
     const otpRecord = await prisma.kodeOtp.findUnique({
       where: { id: kodeId },
-      select: { id: true, nomor: true, isActive: true, createdAt: true },
+      select: { nomor: true, isActive: true },
     });
 
     if (!otpRecord || !otpRecord.isActive) {
@@ -27,12 +28,12 @@ export async function POST(req: Request) {
 
     return NextResponse.json({
       success: true,
-      data: otpRecord,
+      data: { nomor: otpRecord.nomor },
     });
   } catch (error) {
-    console.error("Error fetching OTP data:", error);
+    console.error("❌ Gagal mengambil data OTP:", error);
     return NextResponse.json(
-      { success: false, message: "Gagal mengambil data OTP" },
+      { success: false, message: "Terjadi kesalahan internal" },
       { status: 500 }
     );
   } finally {
diff --git a/src/app/api/auth/register/route.ts b/src/app/api/auth/register/route.ts
index 8dbe79c6..ff87c8e3 100644
--- a/src/app/api/auth/register/route.ts
+++ b/src/app/api/auth/register/route.ts
@@ -14,7 +14,7 @@ export async function POST(req: Request) {
     if (await prisma.user.findUnique({ where: { nomor } })) {
       return NextResponse.json({ success: false, message: 'Nomor sudah terdaftar' }, { status: 409 });
     }
-    if (await prisma.user.findUnique({ where: { username } })) {
+    if (await prisma.user.findFirst({ where: { username } })) {
       return NextResponse.json({ success: false, message: 'Username sudah digunakan' }, { status: 409 });
     }
 
diff --git a/src/app/api/auth/resend/route.ts b/src/app/api/auth/resend/route.ts
index 06e147a3..dafb5e44 100644
--- a/src/app/api/auth/resend/route.ts
+++ b/src/app/api/auth/resend/route.ts
@@ -1,71 +1,58 @@
+// src/app/api/auth/resend-otp/route.ts
 import prisma from "@/lib/prisma";
-import { randomOTP } from "../_lib/randomOTP";
+
 import { NextResponse } from "next/server";
+import { randomOTP } from "../_lib/randomOTP";
 
 export async function POST(req: Request) {
-  if (req.method !== "POST") {
-    return NextResponse.json(
-      { success: false, message: "Method Not Allowed" },
-      { status: 405 }
-    );
-  }
-
   try {
-    const codeOtp = randomOTP();
-    const body = await req.json();
-    const { nomor } = body;
+    const { nomor } = await req.json();
 
-    const res = await fetch(
-      `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
-      \n
-      >> Kode OTP anda: ${codeOtp}.
-      `
-    );
-
-    const sendWa = await res.json();
-    if (sendWa.status !== "success")
+    if (!nomor || typeof nomor !== 'string') {
       return NextResponse.json(
-        {
-          success: false,
-          message: "Nomor Whatsapp Tidak Aktif",
-        },
+        { success: false, message: "Nomor tidak valid" },
         { status: 400 }
       );
+    }
 
-    const createOtpId = await prisma.kodeOtp.create({
+    const codeOtp = randomOTP();
+    const otpNumber = Number(codeOtp);
+
+    // Kirim OTP via WhatsApp
+    const waMessage = `Kode verifikasi Anda: ${codeOtp}`;
+    const waUrl = `https://wa.wibudev.com/code?nom=${encodeURIComponent(nomor)}&text=${encodeURIComponent(waMessage)}`;
+    const waRes = await fetch(waUrl);
+    const waData = await waRes.json();
+
+    if (waData.status !== "success") {
+      return NextResponse.json(
+        { success: false, message: "Gagal mengirim OTP via WhatsApp" },
+        { status: 400 }
+      );
+    }
+
+    // Simpan OTP ke database
+    const otpRecord = await prisma.kodeOtp.create({
       data: {
-        nomor: nomor,
-        otp: codeOtp,
+        nomor,
+        otp: otpNumber,
+        isActive: true,
       },
     });
 
-    if (!createOtpId)
-      return NextResponse.json(
-        {
-          success: false,
-          message: "Gagal Membuat Kode OTP",
-        },
-        { status: 400 }
-      );
+    return NextResponse.json({
+      success: true,
+      message: "OTP baru dikirim",
+      kodeId: otpRecord.id,
+    });
 
-    return NextResponse.json(
-      {
-        success: true,
-        message: "Kode Verifikasi Dikirim",
-        kodeId: createOtpId.id,
-      },
-      { status: 200 }
-    );
   } catch (error) {
-    console.error(" Error Resend OTP", error);
+    console.error("Error Resend OTP:", error);
     return NextResponse.json(
-      {
-        success: false,
-        message: "Server Whatsapp Error !!",
-      },
+      { success: false, message: "Gagal mengirim ulang OTP" },
       { status: 500 }
     );
   } finally {
     await prisma.$disconnect();
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/auth/send-otp-register/route.ts b/src/app/api/auth/send-otp-register/route.ts
index 8c52cbf9..501ea316 100644
--- a/src/app/api/auth/send-otp-register/route.ts
+++ b/src/app/api/auth/send-otp-register/route.ts
@@ -14,7 +14,7 @@ export async function POST(req: Request) {
     if (await prisma.user.findUnique({ where: { nomor } })) {
       return NextResponse.json({ success: false, message: 'Nomor sudah terdaftar' }, { status: 409 });
     }
-    if (await prisma.user.findUnique({ where: { username } })) {
+    if (await prisma.user.findFirst({ where: { username } })) {
       return NextResponse.json({ success: false, message: 'Username sudah digunakan' }, { status: 409 });
     }
 
diff --git a/src/app/api/auth/verify-otp-login/route.ts b/src/app/api/auth/verify-otp-login/route.ts
new file mode 100644
index 00000000..bc468297
--- /dev/null
+++ b/src/app/api/auth/verify-otp-login/route.ts
@@ -0,0 +1,101 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// src/app/api/auth/verify-otp-login/route.ts
+import prisma from "@/lib/prisma";
+import { NextResponse } from "next/server";
+import { sessionCreate } from "../_lib/session_create";
+
+export async function POST(req: Request) {
+  try {
+    const { nomor, otp, kodeId } = await req.json();
+
+    if (!nomor || !otp || !kodeId) {
+      return NextResponse.json(
+        { success: false, message: "Data tidak lengkap" },
+        { status: 400 }
+      );
+    }
+
+    const otpRecord = await prisma.kodeOtp.findUnique({ where: { id: kodeId } });
+    if (!otpRecord || !otpRecord.isActive || otpRecord.nomor !== nomor) {
+      return NextResponse.json(
+        { success: false, message: "Kode verifikasi tidak valid" },
+        { status: 400 }
+      );
+    }
+
+    const receivedOtp = Number(otp);
+    if (isNaN(receivedOtp) || otpRecord.otp !== receivedOtp) {
+      return NextResponse.json(
+        { success: false, message: "Kode OTP salah" },
+        { status: 400 }
+      );
+    }
+
+    // 🔍 CARI USER — JANGAN BUAT BARU!
+    const user = await prisma.user.findUnique({
+      where: { nomor },
+      select: { id: true, nomor: true, username: true, roleId: true, isActive: true },
+    });
+
+    if (!user) {
+      // ❌ Nomor belum terdaftar → suruh registrasi
+      return NextResponse.json(
+        { success: false, message: "Akun tidak ditemukan. Silakan registrasi terlebih dahulu." },
+        { status: 404 }
+      );
+    }
+
+    // ✅ Buat sesi
+    const token = await sessionCreate({
+      sessionKey: process.env.BASE_SESSION_KEY!,
+      jwtSecret: process.env.BASE_TOKEN_KEY!,
+      exp: "30 day",
+      user: {
+        id: user.id,
+        nomor: user.nomor,
+        username: user.username,
+        roleId: user.roleId,
+        isActive: user.isActive,
+      },
+    });
+
+    await prisma.$transaction([
+      prisma.kodeOtp.update({ where: { id: kodeId }, data: { isActive: false } }),
+      prisma.user.update({ where: { id: user.id }, data: { lastLogin: new Date() } }),
+    ]);
+
+    const response = NextResponse.json({
+      success: true,
+      message: user.isActive ? "Berhasil login" : "Menunggu persetujuan",
+      user: {
+        id: user.id,
+        name: user.username,
+        roleId: user.roleId,
+        isActive: user.isActive,
+      },
+    });
+
+    response.cookies.set(process.env.BASE_SESSION_KEY!, token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      path: "/",
+      maxAge: 30 * 24 * 60 * 60,
+    });
+
+    return response;
+  } catch (error: any) {
+    console.error("❌ Verify OTP Login Error:", error);
+    if (error.message.includes("sessionKey") || error.message.includes("jwtSecret")) {
+      return NextResponse.json(
+        { success: false, message: "Konfigurasi server tidak lengkap" },
+        { status: 500 }
+      );
+    }
+    return NextResponse.json(
+      { success: false, message: "Terjadi kesalahan saat login" },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/verify-otp-register/route.ts b/src/app/api/auth/verify-otp-register/route.ts
new file mode 100644
index 00000000..66cbf2d6
--- /dev/null
+++ b/src/app/api/auth/verify-otp-register/route.ts
@@ -0,0 +1,61 @@
+// src/app/api/auth/verify-otp-register/route.ts
+import prisma from "@/lib/prisma";
+import { NextResponse } from "next/server";
+
+export async function POST(req: Request) {
+  try {
+    const { nomor, otp, kodeId } = await req.json();
+
+    if (!nomor || !otp || !kodeId) {
+      return NextResponse.json(
+        { success: false, message: "Data tidak lengkap" },
+        { status: 400 }
+      );
+    }
+
+    const otpRecord = await prisma.kodeOtp.findUnique({
+      where: { id: kodeId },
+    });
+
+    if (!otpRecord || !otpRecord.isActive) {
+      return NextResponse.json(
+        { success: false, message: "Kode verifikasi tidak valid atau sudah kadaluarsa" },
+        { status: 400 }
+      );
+    }
+
+    if (otpRecord.nomor !== nomor) {
+      return NextResponse.json(
+        { success: false, message: "Nomor tidak sesuai dengan kode verifikasi" },
+        { status: 400 }
+      );
+    }
+
+    const receivedOtp = Number(otp);
+    if (isNaN(receivedOtp) || otpRecord.otp !== receivedOtp) {
+      return NextResponse.json(
+        { success: false, message: "Kode OTP salah" },
+        { status: 400 }
+      );
+    }
+
+    // ✅ Hanya validasi — jangan update isActive!
+    return NextResponse.json({
+      success: true,
+      message: "OTP valid. Lanjutkan ke finalisasi registrasi.",
+      data: {
+        nomor,
+        kodeId,
+      },
+    });
+
+  } catch (error) {
+    console.error("❌ Verify OTP Register Error:", error);
+    return NextResponse.json(
+      { success: false, message: "Terjadi kesalahan saat verifikasi OTP" },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/verify-otp/route.ts b/src/app/api/auth/verify-otp/route.ts
deleted file mode 100644
index c14fb87e..00000000
--- a/src/app/api/auth/verify-otp/route.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-// app/api/auth/verify-otp/route.ts
-import prisma from "@/lib/prisma";
-import { NextResponse } from "next/server";
-import { sessionCreate } from "../_lib/session_create";
-
-export async function POST(req: Request) {
-  try {
-    const { nomor, otp, kodeId } = await req.json();
-
-    // Validasi input
-    if (!nomor || !otp || !kodeId) {
-      return NextResponse.json(
-        { success: false, message: "Data tidak lengkap" },
-        { status: 400 }
-      );
-    }
-
-    // Cari OTP record
-    const otpRecord = await prisma.kodeOtp.findUnique({
-      where: { id: kodeId },
-    });
-
-    if (!otpRecord) {
-      return NextResponse.json(
-        { success: false, message: "Kode verifikasi tidak valid" },
-        { status: 400 }
-      );
-    }
-
-    if (!otpRecord.isActive) {
-      return NextResponse.json(
-        { success: false, message: "Kode verifikasi sudah digunakan" },
-        { status: 400 }
-      );
-    }
-
-    // Validasi OTP
-    const receivedOtp = Number(otp);
-    if (isNaN(receivedOtp) || otpRecord.otp !== receivedOtp) {
-      return NextResponse.json(
-        { success: false, message: "Kode OTP salah" },
-        { status: 400 }
-      );
-    }
-
-    if (otpRecord.nomor !== nomor) {
-      return NextResponse.json(
-        { success: false, message: "Nomor tidak sesuai" },
-        { status: 400 }
-      );
-    }
-
-    // Cek user berdasarkan nomor
-    const user = await prisma.user.findUnique({
-      where: { nomor },
-      select: {
-        id: true,
-        nomor: true,
-        username: true,
-        roleId: true,
-        isActive: true,
-      },
-    });
-
-    if (!user) {
-      return NextResponse.json(
-        { success: false, message: "Akun tidak ditemukan" },
-        { status: 404 }
-      );
-    }
-
-    // ✅ CREATE SESSION (JWT + Database)
-    try {
-      await sessionCreate({
-        sessionKey: process.env.BASE_SESSION_KEY!,
-        jwtSecret: process.env.BASE_TOKEN_KEY!,
-        exp: "30 day",
-        user: {
-          id: user.id,
-          nomor: user.nomor,
-          username: user.username,
-          roleId: user.roleId,
-          isActive: user.isActive,
-        },
-      });
-    } catch (sessionError) {
-      console.error("❌ Error creating session:", sessionError);
-      return NextResponse.json(
-        { success: false, message: "Gagal membuat session" },
-        { status: 500 }
-      );
-    }
-
-    // Nonaktifkan OTP
-    await prisma.kodeOtp.update({
-      where: { id: kodeId },
-      data: { isActive: false },
-    });
-
-    // Update lastLogin
-    await prisma.user.update({
-      where: { id: user.id },
-      data: { lastLogin: new Date() },
-    });
-
-    return NextResponse.json({
-      success: true,
-      message: user.isActive ? "Berhasil login" : "Menunggu persetujuan",
-      user: {
-        id: user.id,
-        name: user.username,
-        roleId: user.roleId,
-        isActive: user.isActive,
-      },
-    });
-
-  } catch (error) {
-    console.error("❌ Verify OTP Error:", error);
-    return NextResponse.json(
-      { success: false, message: "Terjadi kesalahan saat verifikasi" },
-      { status: 500 }
-    );
-  } finally {
-    await prisma.$disconnect();
-  }
-}
\ No newline at end of file
diff --git a/src/app/waiting-room/page.tsx b/src/app/waiting-room/page.tsx
index e5b25bbb..fe8841f6 100644
--- a/src/app/waiting-room/page.tsx
+++ b/src/app/waiting-room/page.tsx
@@ -6,55 +6,77 @@ import { Center, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 
-// Ganti ini jika tidak pakai next-auth
 async function fetchUser() {
   const res = await fetch('/api/auth/me');
-  if (!res.ok) throw new Error('Unauthorized');
+  if (!res.ok) {
+    // Jangan throw error — biarkan handle status code
+    const text = await res.text();
+    throw new Error(`HTTP ${res.status}: ${text}`);
+  }
   return res.json();
 }
 
 export default function WaitingRoom() {
   const router = useRouter();
   const [user, setUser] = useState<any>(null);
-  // const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  const [isRedirecting, setIsRedirecting] = useState(false);
 
+  useEffect(() => {
+    let isMounted = true;
+    const interval = setInterval(async () => {
+      if (isRedirecting || !isMounted) return;
 
-useEffect(() => {
-  let isMounted = true;
-  const interval = setInterval(async () => {
-    try {
-      const data = await fetchUser();
-      if (!isMounted) return;
+      try {
+        const data = await fetchUser();
+        if (!isMounted) return;
 
-      const currentUser = data.user;
-      setUser(currentUser);
+        const currentUser = data.user;
+        setUser(currentUser);
 
-      // ✅ Sekarang isActive tersedia!
-      if (currentUser?.isActive) {
-        clearInterval(interval);
-        // Redirect ke halaman admin sesuai role
-        if (currentUser.roleId === 0) {
-          router.push('/admin/landing-page/profil/program-inovasi');
+        // ✅ Periksa isActive dan redirect
+        if (currentUser?.isActive === true) {
+          setIsRedirecting(true);
+          clearInterval(interval);
+
+          // ✅ roleId adalah STRING → gunakan string literal
+          let redirectPath = '/admin';
+
+          switch (currentUser.roleId) {
+            case "0": // DEVELOPER
+            case "1": // SUPERADMIN
+            case "2": // ADMIN_DESA
+              redirectPath = '/admin/landing-page/profil/program-inovasi';
+              break;
+            case "3": // ADMIN_KESEHATAN
+              redirectPath = '/admin/kesehatan/posyandu';
+              break;
+            case "4": // ADMIN_PENDIDIKAN
+              redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
+              break;
+          }
+
+          setTimeout(() => router.push(redirectPath), 500);
+        }
+      } catch (err: any) {
+        if (!isMounted) return;
+
+        // ❌ Hanya redirect ke /login jika benar-benar tidak ada sesi
+        if (err.message.includes('401')) {
+          setError('Sesi tidak valid');
+          clearInterval(interval);
+          router.push('/login');
         } else {
-          router.push('/admin'); // atau halaman default role
+          console.error('Error polling:', err);
         }
       }
-    } catch (err: any) {
-      if (!isMounted) return;
-      setError(err.message || 'Gagal memuat status');
-      clearInterval(interval);
-      if (err.message === 'Unauthorized') {
-        router.push('/login');
-      }
-    }
-  }, 2000);
+    }, 3000);
 
-  return () => {
-    isMounted = false;
-    clearInterval(interval);
-  };
-}, [router]);
+    return () => {
+      isMounted = false;
+      clearInterval(interval);
+    };
+  }, [router, isRedirecting]);
 
   if (error) {
     return (
@@ -69,6 +91,24 @@ useEffect(() => {
     );
   }
 
+  if (isRedirecting) {
+    return (
+      <Center h="100vh" bg={colors.Bg}>
+        <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '90%', sm: 400 }}>
+          <Stack align="center" gap="lg">
+            <Title order={2} c={colors['blue-button']} ta="center">
+              Akun Disetujui! ✅
+            </Title>
+            <Text ta="center" c="green">
+              Mengalihkan ke dashboard...
+            </Text>
+            <Loader size="sm" color="green" />
+          </Stack>
+        </Paper>
+      </Center>
+    );
+  }
+
   return (
     <Center h="100vh" bg={colors.Bg}>
       <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '90%', sm: 400 }}>
@@ -76,17 +116,13 @@ useEffect(() => {
           <Title order={2} c={colors['blue-button']} ta="center">
             Menunggu Persetujuan
           </Title>
-
           <Text ta="center" c="dimmed">
             Akun Anda sedang dalam proses verifikasi oleh Superadmin.
           </Text>
-
           <Text ta="center" size="sm" c="dimmed">
             Nomor: {user?.nomor || '...'}
           </Text>
-
           <Loader size="sm" color={colors['blue-button']} />
-
           <Text ta="center" size="xs" c="dimmed">
             Jangan tutup halaman ini. Anda akan dialihkan otomatis setelah disetujui.
           </Text>
-- 
2.49.1


From e941ed3893b03c28f5377e9bd66519c296c76cb8 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 25 Nov 2025 16:21:15 +0800
Subject: [PATCH 20/97] Sudah fix menunya, superadmin bisa memilihkan menu
 untuk user

---
 bun.lockb                                     | Bin 422871 -> 423223 bytes
 package.json                                  |   1 +
 .../(dashboard)/auth/validasi-admin/page.tsx  |   4 +--
 .../user&role/_com/dynamicNavbar.ts           |  21 +++++++++---
 src/app/api/[[...slugs]]/_lib/user/updt.ts    |   4 +--
 src/app/api/auth/_lib/session_create.ts       |  32 ++++++++++++++----
 6 files changed, 47 insertions(+), 15 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index f6b34ff19617143e64048dcb6b3223b944790b4e..e30c097613d9bfed2a8bed26cfd8cb0c3e5e8a2d 100755
GIT binary patch
delta 60796
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
GNB;#G=44g?

delta 60611
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
SeE(w#^_S(O8dK%k5B>|e2NbdZ

diff --git a/package.json b/package.json
index c32725d5..e4b3bc0b 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,7 @@
     "chart.js": "^4.4.8",
     "classnames": "^2.5.1",
     "colors": "^1.4.0",
+    "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
     "dotenv": "^17.2.3",
     "elysia": "^1.3.5",
diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 192eba0a..403f3844 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -138,7 +138,7 @@ export default function Validasi() {
     });
 
     cleanupStorage();
-    router.replace('/waiting-room');
+    window.location.href = '/waiting-room';
   };
 
   // ✅ Verifikasi OTP untuk LOGIN
@@ -167,7 +167,7 @@ export default function Validasi() {
     cleanupStorage();
 
     if (!isActive) {
-      router.replace('/waiting-room');
+      window.location.href = '/waiting-room';
       return;
     }
 
diff --git a/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts b/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
index 83cc2244..553aae58 100644
--- a/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
+++ b/src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
@@ -1,19 +1,30 @@
 // src/app/admin/(dashboard)/user&role/_com/dynamicNavbar.ts
 import { devBar, navBar, role1, role2, role3 } from '@/app/admin/_com/list_PageAdmin';
 
+// ✅ Helper: normalisasi ID menu agar konsisten
+const normalizeMenuId = (id: string): string => {
+  return id.trim().toLowerCase();
+};
+
 export function getNavbar({
   roleId,
   menuIds,
 }: {
-  roleId: number;           // pastikan number
-  menuIds?: string[] | null; // opsional
+  roleId: number;
+  menuIds?: string[] | null;
 }) {
-  // Prioritas: menuIds > roleId
+  // ✅ Jika menuIds tersedia, gunakan untuk filter — dengan normalisasi
   if (menuIds && menuIds.length > 0) {
-    return navBar.filter(section => menuIds.includes(section.id));
+    // Normalisasi semua menuIds dari DB/state
+    const normalizedMenuSet = new Set(menuIds.map(id => normalizeMenuId(id)));
+
+    return navBar.filter(section => {
+      const normalizedSectionId = normalizeMenuId(section.id);
+      return normalizedMenuSet.has(normalizedSectionId);
+    });
   }
 
-  // Fallback ke role-based
+  // 🔁 Fallback ke role-based navigation
   if (roleId === 0) return devBar;
   if (roleId === 1) return navBar;
   if (roleId === 2) return role1;
diff --git a/src/app/api/[[...slugs]]/_lib/user/updt.ts b/src/app/api/[[...slugs]]/_lib/user/updt.ts
index 59ac9a50..5905d272 100644
--- a/src/app/api/[[...slugs]]/_lib/user/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/updt.ts
@@ -40,7 +40,7 @@ export default async function userUpdate(context: Context) {
         ...(isActive !== undefined && { isActive }),
         ...(roleId && { roleId }),
         // Force logout: invalidate semua sesi
-        ...(isRoleChanged || isActiveChanged ? { sessionInvalid: true } : {}),
+        ...(isRoleChanged ? { sessionInvalid: true } : {}),
       },
       select: {
         id: true,
@@ -53,7 +53,7 @@ export default async function userUpdate(context: Context) {
     });
 
     // ✅ HAPUS SEMUA SESI USER DI DATABASE
-    if (isRoleChanged || isActiveChanged) {
+    if (isRoleChanged) {
       await prisma.userSession.deleteMany({ where: { userId: id } });
     }
 
diff --git a/src/app/api/auth/_lib/session_create.ts b/src/app/api/auth/_lib/session_create.ts
index 8a7c0692..8217693f 100644
--- a/src/app/api/auth/_lib/session_create.ts
+++ b/src/app/api/auth/_lib/session_create.ts
@@ -1,6 +1,8 @@
 // app/api/auth/_lib/session_create.ts
 import { cookies } from "next/headers";
 import { encrypt } from "./encrypt";
+import prisma from "@/lib/prisma";
+import { add } from "date-fns";
 
 export async function sessionCreate({
   sessionKey,
@@ -11,7 +13,7 @@ export async function sessionCreate({
   sessionKey: string;
   exp?: string;
   jwtSecret: string;
-  user: Record<string, unknown>;
+  user: Record<string, unknown> & { id: string };
 }) {
   // ✅ Validasi env vars
   if (!sessionKey || sessionKey.length === 0) {
@@ -26,17 +28,35 @@ export async function sessionCreate({
     throw new Error("Token generation failed");
   }
 
-  // Set cookie
+  // ✅ Hitung expiresAt sesuai exp
+  let expiresAt = add(new Date(), { days: 30 });
+  if (exp === "7 day") expiresAt = add(new Date(), { days: 7 });
+  // tambahkan opsi lain jika perlu
+
+  // Sebelum create session baru, nonaktifkan session aktif sebelumnya
+  await prisma.userSession.updateMany({
+    where: { userId: user.id, active: true },
+    data: { active: false },
+  });
+
+  // ✅ Simpan ke database
+  await prisma.userSession.create({
+    data: {
+      token,
+      userId: user.id,
+      active: true,
+      expiresAt,
+    },
+  });
+
+  // ✅ Set cookie
   (await cookies()).set(sessionKey, token, {
     httpOnly: true,
     sameSite: "lax",
     path: "/",
     secure: process.env.NODE_ENV === "production",
-    maxAge: 30 * 24 * 60 * 60,
+    maxAge: 30 * 24 * 60 * 60, // seconds
   });
 
-  console.log("✅ BASE_SESSION_KEY loaded:", !!process.env.BASE_SESSION_KEY);
-  console.log("✅ BASE_TOKEN_KEY loaded:", !!process.env.BASE_TOKEN_KEY);
-
   return token;
 }
-- 
2.49.1


From e30b27f7a43e1c9575ad7b4a2969c8542ea41a1d Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 25 Nov 2025 17:30:41 +0800
Subject: [PATCH 21/97] Fix Search

---
 .../api/[[...slugs]]/_lib/search/findMany.ts  | 1290 +++++++++++++----
 1 file changed, 991 insertions(+), 299 deletions(-)

diff --git a/src/app/api/[[...slugs]]/_lib/search/findMany.ts b/src/app/api/[[...slugs]]/_lib/search/findMany.ts
index 2a782fd6..5e6eab4e 100644
--- a/src/app/api/[[...slugs]]/_lib/search/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/search/findMany.ts
@@ -19,7 +19,9 @@ export default async function searchFindMany(context: Context) {
   //========================================= PROFILE ========================================= //
   if (type === "pejabatdesa") {
     const data = await prisma.pejabatDesa.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        name: { contains: query, mode: "insensitive" },
+      },
       skip,
       take: limitNum,
     });
@@ -31,7 +33,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "programinovasi") {
     const data = await prisma.programInovasi.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { description: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -51,7 +58,13 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "desaantikorupsi") {
     const data = await prisma.desaAntiKorupsi.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { kategori: { name: { contains: query, mode: "insensitive" } } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -71,7 +84,23 @@ export default async function searchFindMany(context: Context) {
   //========================================= APBDes ========================================= //
   if (type === "apbdes") {
     const data = await prisma.aPBDes.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
+      skip,
+      take: limitNum,
+    });
+    return { data, nextPage: data.length < limitNum ? null : pageNum + 1 };
+  }
+
+  if (type === "apbdesitem") {
+    const data = await prisma.aPBDesItem.findMany({
+      where: {
+        uraian: { contains: query, mode: "insensitive" },
+      },
       skip,
       take: limitNum,
     });
@@ -81,7 +110,13 @@ export default async function searchFindMany(context: Context) {
   //========================================= PRESTASI DESA ========================================= //
   if (type === "prestasidesa") {
     const data = await prisma.prestasiDesa.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { kategori: { name: { contains: query, mode: "insensitive" } } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -103,7 +138,18 @@ export default async function searchFindMany(context: Context) {
   if (type === "strukturppid") {
     const data = await prisma.strukturPPID.findMany({
       where: {
-        PegawaiPPID: { namaLengkap: { contains: query, mode: "insensitive" } },
+        OR: [
+          {
+            PegawaiPPID: {
+              namaLengkap: { contains: query, mode: "insensitive" },
+            },
+          },
+          {
+            PosisiOrganisasiPPID: {
+              nama: { contains: query, mode: "insensitive" },
+            },
+          },
+        ],
       },
       include: {
         PosisiOrganisasiPPID: true,
@@ -119,8 +165,10 @@ export default async function searchFindMany(context: Context) {
   if (type === "visimisippid") {
     const data = await prisma.visiMisiPPID.findMany({
       where: {
-        visi: { contains: query, mode: "insensitive" },
-        misi: { contains: query, mode: "insensitive" },
+        OR: [
+          { visi: { contains: query, mode: "insensitive" } },
+          { misi: { contains: query, mode: "insensitive" } },
+        ],
       },
       skip,
       take: limitNum,
@@ -133,7 +181,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= DASAR HUKUM PPID ========================================= //
   if (type === "dasarhukumppid") {
     const data = await prisma.dasarHukumPPID.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -143,7 +196,15 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PROFILE PPID ========================================= //
   if (type === "profileppid") {
     const data = await prisma.profilePPID.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { biodata: { contains: query, mode: "insensitive" } },
+          { riwayat: { contains: query, mode: "insensitive" } },
+          { pengalaman: { contains: query, mode: "insensitive" } },
+          { unggulan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -153,7 +214,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= DAFTAR INFORMASI PUBLIK ========================================= //
   if (type === "daftarinformasipublik") {
     const data = await prisma.daftarInformasiPublik.findMany({
-      where: { jenisInformasi: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { jenisInformasi: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -163,7 +229,14 @@ export default async function searchFindMany(context: Context) {
   //=========================================PERMOHONAN INFORMASI PUBLIK========================= //
   if (type === "permohonaninformasipublik") {
     const data = await prisma.permohonanInformasiPublik.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { nik: { contains: query, mode: "insensitive" } },
+          { alamat: { contains: query, mode: "insensitive" } },
+          { email: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -173,7 +246,13 @@ export default async function searchFindMany(context: Context) {
   //=========================================PERMOHONAN INFORMASI KEBERATAN PUBLIK========================= //
   if (type === "permohonaninformasikeberatanpublik") {
     const data = await prisma.formulirPermohonanKeberatan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { email: { contains: query, mode: "insensitive" } },
+          { alasan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -194,7 +273,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PROFILE DESA ========================================= //
   if (type === "sejarahdesa") {
     const data = await prisma.sejarahDesa.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -203,7 +287,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "visimisidesa") {
     const data = await prisma.visiMisiDesa.findMany({
-      where: { visi: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { visi: { contains: query, mode: "insensitive" } },
+          { misi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -212,7 +301,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "lambangdesa") {
     const data = await prisma.lambangDesa.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -221,7 +315,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "maskotdesa") {
     const data = await prisma.maskotDesa.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -230,7 +329,14 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "profilperbekel") {
     const data = await prisma.profilPerbekel.findMany({
-      where: { biodata: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { biodata: { contains: query, mode: "insensitive" } },
+          { pengalaman: { contains: query, mode: "insensitive" } },
+          { pengalamanOrganisasi: { contains: query, mode: "insensitive" } },
+          { programUnggulan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -239,7 +345,13 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "perbekeldarmasaba") {
     const data = await prisma.perbekelDariMasaKeMasa.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { nama: { contains: query, mode: "insensitive" } },
+          { periode: { contains: query, mode: "insensitive" } },
+          { daerah: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -249,7 +361,16 @@ export default async function searchFindMany(context: Context) {
   // ========================================= BERITA ========================================= //
   if (type === "berita") {
     const data = await prisma.berita.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+          {
+            kategoriBerita: { name: { contains: query, mode: "insensitive" } },
+          },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -268,7 +389,14 @@ export default async function searchFindMany(context: Context) {
   // ========================================= POTENSI DESA ========================================= //
   if (type === "potensi") {
     const data = await prisma.potensiDesa.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+          { kategori: { nama: { contains: query, mode: "insensitive" } } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -278,7 +406,18 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PENGUMUMAN ========================================= //
   if (type === "pengumuman") {
     const data = await prisma.pengumuman.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+          {
+            CategoryPengumuman: {
+              name: { contains: query, mode: "insensitive" },
+            },
+          },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -288,7 +427,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= GALLERY ========================================= //
   if (type === "galleryFoto") {
     const data = await prisma.galleryFoto.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -297,7 +441,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "galleryVideo") {
     const data = await prisma.galleryVideo.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -307,7 +456,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= LAYANAN DESA ========================================= //
   if (type === "pelayananSuratKeterangan") {
     const data = await prisma.pelayananSuratKeterangan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -316,7 +470,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "pelayananPerizinanBerusaha") {
     const data = await prisma.pelayananPerizinanBerusaha.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -325,7 +484,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "pelayananTelunjukSaktiDesa") {
     const data = await prisma.pelayananTelunjukSaktiDesa.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -334,7 +498,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "pelayananPendudukNonPermanen") {
     const data = await prisma.pelayananPendudukNonPermanen.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -344,7 +513,13 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PENGHARGAAN ========================================= //
   if (type === "penghargaan") {
     const data = await prisma.penghargaan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { juara: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -355,7 +530,14 @@ export default async function searchFindMany(context: Context) {
   // ========================================= POSYANDU ========================================= //
   if (type === "posyandu") {
     const data = await prisma.posyandu.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { nomor: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { jadwalPelayanan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -367,10 +549,20 @@ export default async function searchFindMany(context: Context) {
     const data = await prisma.fasilitasKesehatan.findMany({
       where: {
         name: { contains: query, mode: "insensitive" },
-        informasiumum: { fasilitas: { contains: query, mode: "insensitive" } },
+        informasiumum: {
+          OR: [
+            { fasilitas: { contains: query, mode: "insensitive" } },
+            { alamat: { contains: query, mode: "insensitive" } },
+            { jamOperasional: { contains: query, mode: "insensitive" } },
+          ],
+        },
         layananunggulan: { content: { contains: query, mode: "insensitive" } },
         dokterdantenagamedis: {
-          name: { contains: query, mode: "insensitive" },
+          OR: [
+            { name: { contains: query, mode: "insensitive" } },
+            { specialist: { contains: query, mode: "insensitive" } },
+            { jadwal: { contains: query, mode: "insensitive" } },
+          ],
         },
         fasilitaspendukung: {
           content: { contains: query, mode: "insensitive" },
@@ -378,7 +570,12 @@ export default async function searchFindMany(context: Context) {
         prosedurpendaftaran: {
           content: { contains: query, mode: "insensitive" },
         },
-        tarifdanlayanan: { layanan: { contains: query, mode: "insensitive" } },
+        tarifdanlayanan: {
+          OR: [
+            { layanan: { contains: query, mode: "insensitive" } },
+            { tarif: { contains: query, mode: "insensitive" } },
+          ],
+        },
       },
       skip,
       take: limitNum,
@@ -392,7 +589,12 @@ export default async function searchFindMany(context: Context) {
       where: {
         content: { contains: query, mode: "insensitive" },
         informasijadwalkegiatan: {
-          name: { contains: query, mode: "insensitive" },
+          OR: [
+            { name: { contains: query, mode: "insensitive" } },
+            { tanggal: { contains: query, mode: "insensitive" } },
+            { waktu: { contains: query, mode: "insensitive" } },
+            { lokasi: { contains: query, mode: "insensitive" } },
+          ],
         },
         deskripsijadwalkegiatan: {
           deskripsi: { contains: query, mode: "insensitive" },
@@ -407,7 +609,14 @@ export default async function searchFindMany(context: Context) {
           content: { contains: query, mode: "insensitive" },
         },
         pendaftaranjadwalkegiatan: {
-          name: { contains: query, mode: "insensitive" },
+          OR: [
+            { name: { contains: query, mode: "insensitive" } },
+            { tanggal: { contains: query, mode: "insensitive" } },
+            { namaOrangtua: { contains: query, mode: "insensitive" } },
+            { nomor: { contains: query, mode: "insensitive" } },
+            { alamat: { contains: query, mode: "insensitive" } },
+            { catatan: { contains: query, mode: "insensitive" } },
+          ],
         },
       },
       skip,
@@ -426,16 +635,29 @@ export default async function searchFindMany(context: Context) {
           content: { contains: query, mode: "insensitive" },
         },
         symptom: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { content: { contains: query, mode: "insensitive" } },
+          ],
         },
         prevention: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { content: { contains: query, mode: "insensitive" } },
+          ],
         },
         firstaid: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { content: { contains: query, mode: "insensitive" } },
+          ],
         },
         mythvsfact: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { mitos: { contains: query, mode: "insensitive" } },
+            { fakta: { contains: query, mode: "insensitive" } },
+          ],
         },
         doctorsign: {
           content: { contains: query, mode: "insensitive" },
@@ -450,7 +672,33 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PUSKESMAS ========================================= //
   if (type === "puskesmas") {
     const data = await prisma.puskesmas.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { alamat: { contains: query, mode: "insensitive" } },
+          {
+            jam: {
+              OR: [
+                { workDays: { contains: query, mode: "insensitive" } },
+                { weekDays: { contains: query, mode: "insensitive" } },
+                { holiday: { contains: query, mode: "insensitive" } },
+              ],
+            },
+          },
+          {
+            kontak: {
+              OR: [
+                {
+                  kontakPuskesmas: { contains: query, mode: "insensitive" },
+                  email: { contains: query, mode: "insensitive" },
+                  facebook: { contains: query, mode: "insensitive" },
+                  kontakUGD: { contains: query, mode: "insensitive" },
+                },
+              ],
+            },
+          },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -460,7 +708,13 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PROGRAM KESEHATAN ========================================= //
   if (type === "programKesehatan") {
     const data = await prisma.programKesehatan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsiSingkat: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -470,7 +724,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PENANGANAN DARURAT ========================================= //
   if (type === "penangananDarurat") {
     const data = await prisma.penangananDarurat.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -480,7 +739,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= KONTAK DARURAT ========================================= //
   if (type === "kontakDarurat") {
     const data = await prisma.kontakDarurat.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -490,7 +754,13 @@ export default async function searchFindMany(context: Context) {
   // ========================================= INFO WABAH PENYAKIT ========================================= //
   if (type === "infoWabahPenyakit") {
     const data = await prisma.infoWabahPenyakit.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsiSingkat: { contains: query, mode: "insensitive" } },
+          { deskripsiLengkap: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -501,7 +771,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= KEAMANAN LINGKUNGAN ========================================= //
   if (type === "keamananLingkungan") {
     const data = await prisma.keamananLingkungan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -511,7 +786,13 @@ export default async function searchFindMany(context: Context) {
   // ========================================= POLSEK TERDEKAT ========================================= //
   if (type === "polsekTerdekat") {
     const data = await prisma.polsekTerdekat.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { nama: { contains: query, mode: "insensitive" } },
+          { alamat: { contains: query, mode: "insensitive" } },
+          { nomorTelepon: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -521,7 +802,15 @@ export default async function searchFindMany(context: Context) {
   // ========================================= KONTAK DARURAT ========================================= //
   if (type === "kontakDaruratKeamanan") {
     const data = await prisma.kontakDaruratKeamanan.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        nama: { contains: query, mode: "insensitive" },
+        kategori: {
+          OR: [
+            { nama: { contains: query, mode: "insensitive" } },
+            { nomorTelepon: { contains: query, mode: "insensitive" } },
+          ],
+        },
+      },
       skip,
       take: limitNum,
     });
@@ -531,7 +820,13 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PENCEGAHAN KRIMINALITAS ========================================= //
   if (type === "pencegahanKriminalitas") {
     const data = await prisma.pencegahanKriminalitas.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { deskripsiSingkat: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -541,7 +836,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= LAPORAN PUBLIK ========================================= //
   if (type === "laporanPublik") {
     const data = await prisma.laporanPublik.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { lokasi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -551,7 +851,12 @@ export default async function searchFindMany(context: Context) {
   // ========================================= TIPS KEAMANAN ========================================= //
   if (type === "tipsKeamanan") {
     const data = await prisma.menuTipsKeamanan.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -562,7 +867,16 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PASAR DESA ========================================= //
   if (type === "pasarDesa") {
     const data = await prisma.pasarDesa.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { nama: { contains: query, mode: "insensitive" } },
+          { alamatUsaha: { contains: query, mode: "insensitive" } },
+          { kontak: { contains: query, mode: "insensitive" } },
+          {
+            kategoriProduk: { nama: { contains: query, mode: "insensitive" } },
+          },
+        ],
+      },
       skip,
       take: limitNum,
     });
@@ -572,7 +886,7 @@ export default async function searchFindMany(context: Context) {
   // ========================================= LOWONGAN KERJA LOKAL ========================================= //
   if (type === "lowonganKerjaLokal") {
     const data = await prisma.lowonganPekerjaan.findMany({
-      where: { 
+      where: {
         OR: [
           { posisi: { contains: query, mode: "insensitive" } },
           { namaPerusahaan: { contains: query, mode: "insensitive" } },
@@ -592,11 +906,25 @@ export default async function searchFindMany(context: Context) {
   // ========================================= STRUKTUR ORGANISASI ========================================= //
   if (type === "strukturOrganisasi") {
     const data = await prisma.strukturBumDes.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { PosisiOrganisasiBumDes: { nama: { contains: query, mode: "insensitive" } } },
-          { PegawaiBumDes: { namaLengkap: { contains: query, mode: "insensitive" } } },
+          {
+            PosisiOrganisasiBumDes: {
+              nama: { contains: query, mode: "insensitive" },
+            },
+          },
+          {
+            PegawaiBumDes: {
+              OR: [
+                { namaLengkap: { contains: query, mode: "insensitive" } },
+                { email: { contains: query, mode: "insensitive" } },
+                { telepon: { contains: query, mode: "insensitive" } },
+                { alamat: { contains: query, mode: "insensitive" } },
+                { gelarAkademik: { contains: query, mode: "insensitive" } },
+              ],
+            },
+          },
         ],
       },
       skip,
@@ -604,11 +932,11 @@ export default async function searchFindMany(context: Context) {
     });
     return { data, nextPage: data.length < limitNum ? null : pageNum + 1 };
   }
- 
+
   // ========================================= JUMLAH PENDUDUK USIA KERJA YANG MENGANGGUR ========================================= //
   if (type === "jumlahPendudukUsiaKerjaYangMenganggurUsia") {
     const data = await prisma.grafikMenganggurBerdasarkanUsia.findMany({
-      where: { 
+      where: {
         OR: [
           { usia18_25: { contains: query, mode: "insensitive" } },
           { usia26_35: { contains: query, mode: "insensitive" } },
@@ -625,7 +953,7 @@ export default async function searchFindMany(context: Context) {
   // ========================================= JUMLAH PENDUDUK USIA KERJA YANG MENGANGGUR ========================================= //
   if (type === "jumlahPendudukUsiaKerjaYangMenganggurPendidikan") {
     const data = await prisma.grafikMenganggurBerdasarkanPendidikan.findMany({
-      where: { 
+      where: {
         OR: [
           { SD: { contains: query, mode: "insensitive" } },
           { SMP: { contains: query, mode: "insensitive" } },
@@ -646,13 +974,13 @@ export default async function searchFindMany(context: Context) {
       where: {
         OR: [
           // Convert year to string for partial matching
-          ...(isNaN(Number(query)) ? [] : [
-            { year: { equals: Number(query) } }
-          ]),
+          ...(isNaN(Number(query))
+            ? []
+            : [{ year: { equals: Number(query) } }]),
           // Convert totalPoorPopulation to string for partial matching
-          ...(isNaN(Number(query)) ? [] : [
-            { totalPoorPopulation: { equals: Number(query) } }
-          ])
+          ...(isNaN(Number(query))
+            ? []
+            : [{ totalPoorPopulation: { equals: Number(query) } }]),
         ].filter(Boolean), // Remove any empty arrays from the spread
       },
       skip,
@@ -663,7 +991,7 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PROGRAM KEMISKINAN ========================================= //
   if (type === "programKemiskinan") {
     const data = await prisma.programKemiskinan.findMany({
-      where: { 
+      where: {
         OR: [
           { nama: { contains: query, mode: "insensitive" } },
           { deskripsi: { contains: query, mode: "insensitive" } },
@@ -675,14 +1003,13 @@ export default async function searchFindMany(context: Context) {
     return { data, nextPage: data.length < limitNum ? null : pageNum + 1 };
   }
 
-
   // ========================================= SEKTOR UNGGULAN DESA ========================================= //
   if (type === "sektorUnggulanDesa") {
     const data = await prisma.sektorUnggulanDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { description: { contains: query, mode: "insensitive" } }
+          { description: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -702,14 +1029,14 @@ export default async function searchFindMany(context: Context) {
   }
 
   // ========================================= MENU INOVASI ========================================= //
-// ========================================= DESA DIGITAL / SMART VILLAGE ========================================= //
+  // ========================================= DESA DIGITAL / SMART VILLAGE ========================================= //
 
   if (type === "desaDigital") {
     const data = await prisma.desaDigital.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -722,11 +1049,11 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "programKreatif") {
     const data = await prisma.programKreatif.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { slug: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -739,12 +1066,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "kolaborasiInovasi") {
     const data = await prisma.kolaborasiInovasi.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { slug: { contains: query, mode: "insensitive" } },
           { deskripsi: { contains: query, mode: "insensitive" } },
-          { kolaborator: { contains: query, mode: "insensitive" } }
+          { kolaborator: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -755,10 +1082,8 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "mitraKolaborasi") {
     const data = await prisma.mitraKolaborasi.findMany({
-      where: { 
-        OR: [
-          { name: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ name: { contains: query, mode: "insensitive" } }],
       },
       skip,
       take: limitNum,
@@ -770,10 +1095,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "infoTekno") {
     const data = await prisma.infoTekno.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -783,14 +1108,12 @@ export default async function searchFindMany(context: Context) {
   }
 
   // ========================================= LINGKUNGAN ========================================= //
-// ========================================= PENGELOLAAN SAMPAH ========================================= //
+  // ========================================= PENGELOLAAN SAMPAH ========================================= //
 
   if (type === "pengelolaanSampah") {
     const data = await prisma.pengelolaanSampah.findMany({
-      where: { 
-        OR: [
-          { name: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ name: { contains: query, mode: "insensitive" } }],
       },
       skip,
       take: limitNum,
@@ -800,12 +1123,12 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "keteranganBankSampahTerdekat") {
     const data = await prisma.keteranganBankSampahTerdekat.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { alamat: { contains: query, mode: "insensitive" } },
           { namaTempatMaps: { contains: query, mode: "insensitive" } },
-          { linkPetunjukArah: { contains: query, mode: "insensitive" } }
+          { linkPetunjukArah: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -818,11 +1141,11 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "programPenghijauan") {
     const data = await prisma.programPenghijauan.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -835,10 +1158,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "dataLingkunganDesa") {
     const data = await prisma.dataLingkunganDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -851,11 +1174,17 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "gotongRoyong") {
     const data = await prisma.kegiatanDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
           { deskripsiSingkat: { contains: query, mode: "insensitive" } },
-          { deskripsiLengkap: { contains: query, mode: "insensitive" } }
+          { deskripsiLengkap: { contains: query, mode: "insensitive" } },
+          { lokasi: { contains: query, mode: "insensitive" } },
+          {
+            kategoriKegiatan: {
+              nama: { contains: query, mode: "insensitive" },
+            },
+          },
         ],
       },
       skip,
@@ -868,10 +1197,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "tujuanEdukasiLingkungan") {
     const data = await prisma.tujuanEdukasiLingkungan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -882,10 +1211,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "materiEdukasiLingkungan") {
     const data = await prisma.materiEdukasiLingkungan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -896,10 +1225,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "contohEdukasiLingkungan") {
     const data = await prisma.contohEdukasiLingkungan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -912,10 +1241,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "filosofiTriHita") {
     const data = await prisma.filosofiTriHita.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -926,10 +1255,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "bentukKonservasiBerdasarkanAdat") {
     const data = await prisma.bentukKonservasiBerdasarkanAdat.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -940,10 +1269,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "nilaiKonservasiAdat") {
     const data = await prisma.nilaiKonservasiAdat.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -953,14 +1282,12 @@ export default async function searchFindMany(context: Context) {
   }
 
   // ========================================= MENU PENDIDIKAN ========================================= //
-// ========================================= INFO SEKOLAH & PAUD ========================================= //
+  // ========================================= INFO SEKOLAH & PAUD ========================================= //
 
   if (type === "jenjangPendidikan") {
     const data = await prisma.jenjangPendidikan.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        nama: { contains: query, mode: "insensitive" },
       },
       skip,
       take: limitNum,
@@ -970,10 +1297,8 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "lembaga") {
     const data = await prisma.lembaga.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ nama: { contains: query, mode: "insensitive" } }],
       },
       skip,
       take: limitNum,
@@ -983,10 +1308,8 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "siswa") {
     const data = await prisma.siswa.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ nama: { contains: query, mode: "insensitive" } }],
       },
       skip,
       take: limitNum,
@@ -996,10 +1319,8 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "pengajar") {
     const data = await prisma.pengajar.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ nama: { contains: query, mode: "insensitive" } }],
       },
       skip,
       take: limitNum,
@@ -1010,10 +1331,10 @@ export default async function searchFindMany(context: Context) {
   // ========================================= BEASISWA DESA ========================================= //
   if (type === "keunggulanProgram") {
     const data = await prisma.keunggulanProgram.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1025,10 +1346,10 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PROGRAM PENDIDIKAN ANAK ========================================= //
   if (type === "tujuanProgram") {
     const data = await prisma.tujuanProgram.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1039,10 +1360,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "programUnggulan") {
     const data = await prisma.programUnggulan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1053,10 +1374,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "lokasiJadwalBimbinganBelajarDesa") {
     const data = await prisma.lokasiJadwalBimbinganBelajarDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1067,10 +1388,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "fasilitasBimbinganBelajarDesa") {
     const data = await prisma.fasilitasBimbinganBelajarDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1082,10 +1403,10 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PENDIDIKAN NON FORMAL ========================================= //
   if (type === "tujuanPendidikanNonFormal") {
     const data = await prisma.tujuanPendidikanNonFormal.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1096,10 +1417,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "tempatKegiatan") {
     const data = await prisma.tempatKegiatan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1110,10 +1431,10 @@ export default async function searchFindMany(context: Context) {
 
   if (type === "jenisProgramYangDiselenggarakan") {
     const data = await prisma.jenisProgramYangDiselenggarakan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1125,10 +1446,15 @@ export default async function searchFindMany(context: Context) {
   // ========================================= PERPUSTAKAAN ========================================= //
   if (type === "dataPerpustakaan") {
     const data = await prisma.dataPerpustakaan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          {
+            kategori: {
+              OR: [{ name: { contains: query, mode: "insensitive" } }],
+            },
+          },
         ],
       },
       skip,
@@ -1140,10 +1466,10 @@ export default async function searchFindMany(context: Context) {
   // ========================================= DATA PENDIDIKAN ========================================= //
   if (type === "dataPendidikan") {
     const data = await prisma.dataPendidikan.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { jumlah: { contains: query, mode: "insensitive" } }
+          { jumlah: { contains: query, mode: "insensitive" } },
         ],
       },
       skip,
@@ -1240,15 +1566,19 @@ export default async function searchFindMany(context: Context) {
     tempatKegiatan,
     jenisProgramYangDiselenggarakan,
     dataPerpustakaan,
-    dataPendidikan
-
+    dataPendidikan,
   ] = await Promise.all([
     prisma.pejabatDesa.findMany({
       where: { name: { contains: query, mode: "insensitive" } },
       take: limitNum,
     }),
     prisma.programInovasi.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { description: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.mediaSosial.findMany({
@@ -1256,7 +1586,13 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.desaAntiKorupsi.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { kategori: { name: { contains: query, mode: "insensitive" } } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.sdgsDesa.findMany({
@@ -1264,11 +1600,22 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.aPBDes.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.prestasiDesa.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { kategori: { name: { contains: query, mode: "insensitive" } } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.responden.findMany({
@@ -1278,9 +1625,23 @@ export default async function searchFindMany(context: Context) {
     // ✅ FIXED
     prisma.strukturPPID.findMany({
       where: {
-        PegawaiPPID: { namaLengkap: { contains: query, mode: "insensitive" } },
+        OR: [
+          {
+            PegawaiPPID: {
+              namaLengkap: { contains: query, mode: "insensitive" },
+            },
+          },
+          {
+            PosisiOrganisasiPPID: {
+              nama: { contains: query, mode: "insensitive" },
+            },
+          },
+        ],
+      },
+      include: {
+        PosisiOrganisasiPPID: true,
+        PegawaiPPID: true,
       },
-      include: { PegawaiPPID: true },
       take: limitNum,
     }),
     prisma.visiMisiPPID.findMany({
@@ -1293,23 +1654,54 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.dasarHukumPPID.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.profilePPID.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { biodata: { contains: query, mode: "insensitive" } },
+          { riwayat: { contains: query, mode: "insensitive" } },
+          { pengalaman: { contains: query, mode: "insensitive" } },
+          { unggulan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.daftarInformasiPublik.findMany({
-      where: { jenisInformasi: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { jenisInformasi: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.permohonanInformasiPublik.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { nik: { contains: query, mode: "insensitive" } },
+          { alamat: { contains: query, mode: "insensitive" } },
+          { email: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.formulirPermohonanKeberatan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { email: { contains: query, mode: "insensitive" } },
+          { alasan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.indeksKepuasanMasyarakat.findMany({
@@ -1317,7 +1709,12 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.sejarahDesa.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.visiMisiDesa.findMany({
@@ -1330,23 +1727,55 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.lambangDesa.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.maskotDesa.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.profilPerbekel.findMany({
-      where: { biodata: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { biodata: { contains: query, mode: "insensitive" } },
+          { pengalaman: { contains: query, mode: "insensitive" } },
+          { pengalamanOrganisasi: { contains: query, mode: "insensitive" } },
+          { programUnggulan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.perbekelDariMasaKeMasa.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { nama: { contains: query, mode: "insensitive" } },
+          { periode: { contains: query, mode: "insensitive" } },
+          { daerah: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.berita.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+          {
+            kategoriBerita: { name: { contains: query, mode: "insensitive" } },
+          },
+        ],
+      },
       take: limitNum,
     }),
     prisma.kategoriBerita.findMany({
@@ -1354,52 +1783,123 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.potensiDesa.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+          { kategori: { nama: { contains: query, mode: "insensitive" } } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.pengumuman.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { content: { contains: query, mode: "insensitive" } },
+          {
+            CategoryPengumuman: {
+              name: { contains: query, mode: "insensitive" },
+            },
+          },
+        ],
+      },
       take: limitNum,
     }),
     prisma.galleryFoto.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.galleryVideo.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.pelayananSuratKeterangan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.pelayananPerizinanBerusaha.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.pelayananTelunjukSaktiDesa.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.pelayananPendudukNonPermanen.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.penghargaan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { juara: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.posyandu.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { nomor: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { jadwalPelayanan: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.fasilitasKesehatan.findMany({
       where: {
         name: { contains: query, mode: "insensitive" },
-        informasiumum: { fasilitas: { contains: query, mode: "insensitive" } },
+        informasiumum: {
+          OR: [
+            { fasilitas: { contains: query, mode: "insensitive" } },
+            { alamat: { contains: query, mode: "insensitive" } },
+            { jamOperasional: { contains: query, mode: "insensitive" } },
+          ],
+        },
         layananunggulan: { content: { contains: query, mode: "insensitive" } },
         dokterdantenagamedis: {
-          name: { contains: query, mode: "insensitive" },
+          OR: [
+            { name: { contains: query, mode: "insensitive" } },
+            { specialist: { contains: query, mode: "insensitive" } },
+            { jadwal: { contains: query, mode: "insensitive" } },
+          ],
         },
         fasilitaspendukung: {
           content: { contains: query, mode: "insensitive" },
@@ -1407,7 +1907,12 @@ export default async function searchFindMany(context: Context) {
         prosedurpendaftaran: {
           content: { contains: query, mode: "insensitive" },
         },
-        tarifdanlayanan: { layanan: { contains: query, mode: "insensitive" } },
+        tarifdanlayanan: {
+          OR: [
+            { layanan: { contains: query, mode: "insensitive" } },
+            { tarif: { contains: query, mode: "insensitive" } },
+          ],
+        },
       },
       take: limitNum,
     }),
@@ -1415,7 +1920,12 @@ export default async function searchFindMany(context: Context) {
       where: {
         content: { contains: query, mode: "insensitive" },
         informasijadwalkegiatan: {
-          name: { contains: query, mode: "insensitive" },
+          OR: [
+            { name: { contains: query, mode: "insensitive" } },
+            { tanggal: { contains: query, mode: "insensitive" } },
+            { waktu: { contains: query, mode: "insensitive" } },
+            { lokasi: { contains: query, mode: "insensitive" } },
+          ],
         },
         deskripsijadwalkegiatan: {
           deskripsi: { contains: query, mode: "insensitive" },
@@ -1430,7 +1940,14 @@ export default async function searchFindMany(context: Context) {
           content: { contains: query, mode: "insensitive" },
         },
         pendaftaranjadwalkegiatan: {
-          name: { contains: query, mode: "insensitive" },
+          OR: [
+            { name: { contains: query, mode: "insensitive" } },
+            { tanggal: { contains: query, mode: "insensitive" } },
+            { namaOrangtua: { contains: query, mode: "insensitive" } },
+            { nomor: { contains: query, mode: "insensitive" } },
+            { alamat: { contains: query, mode: "insensitive" } },
+            { catatan: { contains: query, mode: "insensitive" } },
+          ],
         },
       },
       take: limitNum,
@@ -1443,16 +1960,29 @@ export default async function searchFindMany(context: Context) {
           content: { contains: query, mode: "insensitive" },
         },
         symptom: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { content: { contains: query, mode: "insensitive" } },
+          ],
         },
         prevention: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { content: { contains: query, mode: "insensitive" } },
+          ],
         },
         firstaid: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { content: { contains: query, mode: "insensitive" } },
+          ],
         },
         mythvsfact: {
-          title: { contains: query, mode: "insensitive" },
+          OR: [
+            { title: { contains: query, mode: "insensitive" } },
+            { mitos: { contains: query, mode: "insensitive" } },
+            { fakta: { contains: query, mode: "insensitive" } },
+          ],
         },
         doctorsign: {
           content: { contains: query, mode: "insensitive" },
@@ -1461,69 +1991,186 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.puskesmas.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { alamat: { contains: query, mode: "insensitive" } },
+          {
+            jam: {
+              OR: [
+                { workDays: { contains: query, mode: "insensitive" } },
+                { weekDays: { contains: query, mode: "insensitive" } },
+                { holiday: { contains: query, mode: "insensitive" } },
+              ],
+            },
+          },
+          {
+            kontak: {
+              OR: [
+                {
+                  kontakPuskesmas: { contains: query, mode: "insensitive" },
+                  email: { contains: query, mode: "insensitive" },
+                  facebook: { contains: query, mode: "insensitive" },
+                  kontakUGD: { contains: query, mode: "insensitive" },
+                },
+              ],
+            },
+          },
+        ],
+      },
       take: limitNum,
     }),
     prisma.programKesehatan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsiSingkat: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.penangananDarurat.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.kontakDarurat.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.infoWabahPenyakit.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsiSingkat: { contains: query, mode: "insensitive" } },
+          { deskripsiLengkap: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.keamananLingkungan.findMany({
-      where: { name: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { name: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.polsekTerdekat.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { nama: { contains: query, mode: "insensitive" } },
+          { alamat: { contains: query, mode: "insensitive" } },
+          { nomorTelepon: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.kontakDaruratKeamanan.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        nama: { contains: query, mode: "insensitive" },
+        kategori: {
+          OR: [
+            { nama: { contains: query, mode: "insensitive" } },
+            { nomorTelepon: { contains: query, mode: "insensitive" } },
+          ],
+        },
+      },
       take: limitNum,
     }),
     prisma.pencegahanKriminalitas.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { deskripsiSingkat: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.laporanPublik.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { lokasi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.menuTipsKeamanan.findMany({
-      where: { judul: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { judul: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.pasarDesa.findMany({
-      where: { nama: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { nama: { contains: query, mode: "insensitive" } },
+          { alamatUsaha: { contains: query, mode: "insensitive" } },
+          { kontak: { contains: query, mode: "insensitive" } },
+          {
+            kategoriProduk: { nama: { contains: query, mode: "insensitive" } },
+          },
+        ],
+      },
       take: limitNum,
     }),
     prisma.lowonganPekerjaan.findMany({
-      where: { posisi: { contains: query, mode: "insensitive" } },
+      where: {
+        OR: [
+          { posisi: { contains: query, mode: "insensitive" } },
+          { namaPerusahaan: { contains: query, mode: "insensitive" } },
+          { lokasi: { contains: query, mode: "insensitive" } },
+          { tipePekerjaan: { contains: query, mode: "insensitive" } },
+          { gaji: { contains: query, mode: "insensitive" } },
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          { kualifikasi: { contains: query, mode: "insensitive" } },
+          { notelp: { contains: query, mode: "insensitive" } },
+        ],
+      },
       take: limitNum,
     }),
     prisma.strukturBumDes.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { PosisiOrganisasiBumDes: { nama: { contains: query, mode: "insensitive" } } },
-          { PegawaiBumDes: { namaLengkap: { contains: query, mode: "insensitive" } } },
+          {
+            PosisiOrganisasiBumDes: {
+              nama: { contains: query, mode: "insensitive" },
+            },
+          },
+          {
+            PegawaiBumDes: {
+              OR: [
+                { namaLengkap: { contains: query, mode: "insensitive" } },
+                { email: { contains: query, mode: "insensitive" } },
+                { telepon: { contains: query, mode: "insensitive" } },
+                { alamat: { contains: query, mode: "insensitive" } },
+                { gelarAkademik: { contains: query, mode: "insensitive" } },
+              ],
+            },
+          },
         ],
       },
       take: limitNum,
     }),
     prisma.grafikMenganggurBerdasarkanUsia.findMany({
-      where: { 
+      where: {
         OR: [
           { usia18_25: { contains: query, mode: "insensitive" } },
           { usia26_35: { contains: query, mode: "insensitive" } },
@@ -1534,7 +2181,7 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.grafikMenganggurBerdasarkanPendidikan.findMany({
-      where: { 
+      where: {
         OR: [
           { SD: { contains: query, mode: "insensitive" } },
           { SMP: { contains: query, mode: "insensitive" } },
@@ -1546,18 +2193,20 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.grafikJumlahPendudukMiskin.findMany({
-      where: { 
+      where: {
         OR: [
-          ...(isNaN(Number(query)) ? [] : [
-            { year: { equals: Number(query) } },
-            { totalPoorPopulation: { equals: Number(query) } }
-          ])
+          ...(isNaN(Number(query))
+            ? []
+            : [
+                { year: { equals: Number(query) } },
+                { totalPoorPopulation: { equals: Number(query) } },
+              ]),
         ].filter(Boolean),
       },
       take: limitNum,
     }),
     prisma.programKemiskinan.findMany({
-      where: { 
+      where: {
         OR: [
           { nama: { contains: query, mode: "insensitive" } },
           { deskripsi: { contains: query, mode: "insensitive" } },
@@ -1566,291 +2215,290 @@ export default async function searchFindMany(context: Context) {
       take: limitNum,
     }),
     prisma.sektorUnggulanDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { description: { contains: query, mode: "insensitive" } }
+          { description: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.dataDemografiPekerjaan.findMany({
-      where: { 
-        pekerjaan: { contains: query, mode: "insensitive" } 
+      where: {
+        pekerjaan: { contains: query, mode: "insensitive" },
       },
       take: limitNum,
     }),
     prisma.desaDigital.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.programKreatif.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { slug: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.kolaborasiInovasi.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { slug: { contains: query, mode: "insensitive" } },
           { deskripsi: { contains: query, mode: "insensitive" } },
-          { kolaborator: { contains: query, mode: "insensitive" } }
+          { kolaborator: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.mitraKolaborasi.findMany({
-      where: { 
-        OR: [
-          { name: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ name: { contains: query, mode: "insensitive" } }],
       },
       take: limitNum,
     }),
     prisma.infoTekno.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.pengelolaanSampah.findMany({
-      where: { 
-        OR: [
-          { name: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ name: { contains: query, mode: "insensitive" } }],
       },
       take: limitNum,
     }),
     prisma.keteranganBankSampahTerdekat.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { alamat: { contains: query, mode: "insensitive" } },
           { namaTempatMaps: { contains: query, mode: "insensitive" } },
-          { linkPetunjukArah: { contains: query, mode: "insensitive" } }
+          { linkPetunjukArah: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.programPenghijauan.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
-    }), 
+    }),
     prisma.dataLingkunganDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.kegiatanDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
           { deskripsiSingkat: { contains: query, mode: "insensitive" } },
-          { deskripsiLengkap: { contains: query, mode: "insensitive" } }
+          { deskripsiLengkap: { contains: query, mode: "insensitive" } },
+           { lokasi: { contains: query, mode: "insensitive" } },
+          {
+            kategoriKegiatan: {
+              nama: { contains: query, mode: "insensitive" },
+            },
+          },
         ],
       },
       take: limitNum,
     }),
     prisma.tujuanEdukasiLingkungan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.materiEdukasiLingkungan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.contohEdukasiLingkungan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.filosofiTriHita.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.bentukKonservasiBerdasarkanAdat.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.nilaiKonservasiAdat.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.jenjangPendidikan.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ nama: { contains: query, mode: "insensitive" } }],
       },
       take: limitNum,
     }),
     prisma.lembaga.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ nama: { contains: query, mode: "insensitive" } }],
       },
       take: limitNum,
     }),
     prisma.siswa.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ nama: { contains: query, mode: "insensitive" } }],
       },
       take: limitNum,
     }),
     prisma.pengajar.findMany({
-      where: { 
-        OR: [
-          { nama: { contains: query, mode: "insensitive" } }
-        ],
+      where: {
+        OR: [{ nama: { contains: query, mode: "insensitive" } }],
       },
       take: limitNum,
     }),
     prisma.keunggulanProgram.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.tujuanProgram.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.programUnggulan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.lokasiJadwalBimbinganBelajarDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.fasilitasBimbinganBelajarDesa.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.tujuanPendidikanNonFormal.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.tempatKegiatan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.jenisProgramYangDiselenggarakan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
     }),
     prisma.dataPerpustakaan.findMany({
-      where: { 
+      where: {
         OR: [
           { judul: { contains: query, mode: "insensitive" } },
-          { deskripsi: { contains: query, mode: "insensitive" } }
+          { deskripsi: { contains: query, mode: "insensitive" } },
+          {
+            kategori: {
+              OR: [{ name: { contains: query, mode: "insensitive" } }],
+            },
+          },
         ],
       },
       take: limitNum,
     }),
     prisma.dataPendidikan.findMany({
-      where: { 
+      where: {
         OR: [
           { name: { contains: query, mode: "insensitive" } },
-          { jumlah: { contains: query, mode: "insensitive" } }
+          { jumlah: { contains: query, mode: "insensitive" } },
         ],
       },
       take: limitNum,
-    })
+    }),
   ]);
 
   return {
@@ -1920,16 +2568,31 @@ export default async function searchFindMany(context: Context) {
       ...infoWabahPenyakit.map((b) => ({ type: "infoWabahPenyakit", ...b })),
       ...keamananLingkungan.map((b) => ({ type: "keamananLingkungan", ...b })),
       ...polsekTerdekat.map((b) => ({ type: "polsekTerdekat", ...b })),
-      ...kontakDaruratKeamanan.map((b) => ({ type: "kontakDaruratKeamanan", ...b })),
-      ...pencegahanKriminalitas.map((b) => ({ type: "pencegahanKriminalitas", ...b })),
+      ...kontakDaruratKeamanan.map((b) => ({
+        type: "kontakDaruratKeamanan",
+        ...b,
+      })),
+      ...pencegahanKriminalitas.map((b) => ({
+        type: "pencegahanKriminalitas",
+        ...b,
+      })),
       ...laporanPublik.map((b) => ({ type: "laporanPublik", ...b })),
       ...tipsKeamanan.map((b) => ({ type: "tipsKeamanan", ...b })),
       ...pasarDesa.map((b) => ({ type: "pasarDesa", ...b })),
       ...lowonganKerjaLokal.map((b) => ({ type: "lowonganKerjaLokal", ...b })),
       ...strukturOrganisasi.map((b) => ({ type: "strukturOrganisasi", ...b })),
-      ...jumlahPendudukUsiaKerjaYangMenganggurUsia.map((b) => ({ type: "jumlahPendudukUsiaKerjaYangMenganggurUsia", ...b })),
-      ...jumlahPendudukUsiaKerjaYangMenganggurPendidikan.map((b) => ({ type: "jumlahPendudukUsiaKerjaYangMenganggurPendidikan", ...b })),
-      ...jumlahPendudukMiskin.map((b) => ({ type: "jumlahPendudukMiskin", ...b })),
+      ...jumlahPendudukUsiaKerjaYangMenganggurUsia.map((b) => ({
+        type: "jumlahPendudukUsiaKerjaYangMenganggurUsia",
+        ...b,
+      })),
+      ...jumlahPendudukUsiaKerjaYangMenganggurPendidikan.map((b) => ({
+        type: "jumlahPendudukUsiaKerjaYangMenganggurPendidikan",
+        ...b,
+      })),
+      ...jumlahPendudukMiskin.map((b) => ({
+        type: "jumlahPendudukMiskin",
+        ...b,
+      })),
       ...programKemiskinan.map((b) => ({ type: "programKemiskinan", ...b })),
       ...sektorUnggulanDesa.map((b) => ({ type: "sektorUnggulanDesa", ...b })),
       ...demografiPekerjaan.map((b) => ({ type: "demografiPekerjaan", ...b })),
@@ -1939,16 +2602,34 @@ export default async function searchFindMany(context: Context) {
       ...mitraKolaborasi.map((b) => ({ type: "mitraKolaborasi", ...b })),
       ...infoTekno.map((b) => ({ type: "infoTekno", ...b })),
       ...pengelolaanSampah.map((b) => ({ type: "pengelolaanSampah", ...b })),
-      ...keteranganBankSampahTerdekat.map((b) => ({ type: "keteranganBankSampahTerdekat", ...b })),
+      ...keteranganBankSampahTerdekat.map((b) => ({
+        type: "keteranganBankSampahTerdekat",
+        ...b,
+      })),
       ...programPenghijauan.map((b) => ({ type: "programPenghijauan", ...b })),
       ...dataLingkunganDesa.map((b) => ({ type: "dataLingkunganDesa", ...b })),
       ...gotongRoyong.map((b) => ({ type: "gotongRoyong", ...b })),
-      ...tujuanEdukasiLingkungan.map((b) => ({ type: "tujuanEdukasiLingkungan", ...b })),
-      ...materiEdukasiLingkungan.map((b) => ({ type: "materiEdukasiLingkungan", ...b })),
-      ...contohEdukasiLingkungan.map((b) => ({ type: "contohEdukasiLingkungan", ...b })),
+      ...tujuanEdukasiLingkungan.map((b) => ({
+        type: "tujuanEdukasiLingkungan",
+        ...b,
+      })),
+      ...materiEdukasiLingkungan.map((b) => ({
+        type: "materiEdukasiLingkungan",
+        ...b,
+      })),
+      ...contohEdukasiLingkungan.map((b) => ({
+        type: "contohEdukasiLingkungan",
+        ...b,
+      })),
       ...filosofiTriHita.map((b) => ({ type: "filosofiTriHita", ...b })),
-      ...bentukKonservasiBerdasarkanAdat.map((b) => ({ type: "bentukKonservasiBerdasarkanAdat", ...b })),
-      ...nilaiKonservasiAdat.map((b) => ({ type: "nilaiKonservasiAdat", ...b })),
+      ...bentukKonservasiBerdasarkanAdat.map((b) => ({
+        type: "bentukKonservasiBerdasarkanAdat",
+        ...b,
+      })),
+      ...nilaiKonservasiAdat.map((b) => ({
+        type: "nilaiKonservasiAdat",
+        ...b,
+      })),
       ...jenjangPendidikan.map((b) => ({ type: "jenjangPendidikan", ...b })),
       ...lembaga.map((b) => ({ type: "lembaga", ...b })),
       ...siswa.map((b) => ({ type: "siswa", ...b })),
@@ -1956,14 +2637,25 @@ export default async function searchFindMany(context: Context) {
       ...keunggulanProgram.map((b) => ({ type: "keunggulanProgram", ...b })),
       ...tujuanProgram.map((b) => ({ type: "tujuanProgram", ...b })),
       ...programUnggulan.map((b) => ({ type: "programUnggulan", ...b })),
-      ...tujuanPendidikanNonFormal.map((b) => ({ type: "tujuanPendidikanNonFormal", ...b })),
-      ...fasilitasBimbinganBelajarDesa.map((b) => ({ type: "fasilitasBimbinganBelajarDesa", ...b })),
-      ...lokasiJadwalBimbinganBelajarDesa.map((b) => ({ type: "lokasiJadwalBimbinganBelajarDesa", ...b })),
+      ...tujuanPendidikanNonFormal.map((b) => ({
+        type: "tujuanPendidikanNonFormal",
+        ...b,
+      })),
+      ...fasilitasBimbinganBelajarDesa.map((b) => ({
+        type: "fasilitasBimbinganBelajarDesa",
+        ...b,
+      })),
+      ...lokasiJadwalBimbinganBelajarDesa.map((b) => ({
+        type: "lokasiJadwalBimbinganBelajarDesa",
+        ...b,
+      })),
       ...tempatKegiatan.map((b) => ({ type: "tempatKegiatan", ...b })),
-      ...jenisProgramYangDiselenggarakan.map((b) => ({ type: "jenisProgramYangDiselenggarakan", ...b })),
+      ...jenisProgramYangDiselenggarakan.map((b) => ({
+        type: "jenisProgramYangDiselenggarakan",
+        ...b,
+      })),
       ...dataPerpustakaan.map((b) => ({ type: "dataPerpustakaan", ...b })),
       ...dataPendidikan.map((b) => ({ type: "dataPendidikan", ...b })),
-
     ],
     nextPage: null, // bisa dibuat lebih kompleks kalau perlu
   };
-- 
2.49.1


From 2fb3666e579090d08431603847cde9e3fc87427a Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 26 Nov 2025 10:14:05 +0800
Subject: [PATCH 22/97] User yang sudah registrasi sudah langsung diarahkan ke
 layout sesuai dengan roleIdnya Superadmin sudah bisa menambah atau
 mengurangkan menu pad user yang diinginkan
 Next------------------------------- Ada bug saat tampilan menu sudah di edit
 superamin berhasil namun saat user logout tampilan menunya balik ke
 sebelumnya

---
 .../(dashboard)/auth/validasi-admin/page.tsx  |  90 ++++++--------
 src/app/admin/layout.tsx                      |  65 +++++-----
 src/app/api/auth/_lib/session_create.ts       |  25 ++--
 src/app/api/auth/_lib/session_verify.ts       |   8 +-
 .../api/auth/finalize-registration/route.ts   |  36 ++----
 src/app/api/auth/refresh-session/route.ts     |  55 +++++++++
 src/app/waiting-room/page.tsx                 | 116 +++++++++++++-----
 src/store/authStore.ts                        |   1 +
 8 files changed, 239 insertions(+), 157 deletions(-)
 create mode 100644 src/app/api/auth/refresh-session/route.ts

diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 403f3844..0ed24cd3 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -82,64 +82,48 @@ export default function Validasi() {
     }
   };
 
-  // ✅ Verifikasi OTP untuk REGISTRASI
-  const handleRegistrationVerification = async () => {
-    const username = localStorage.getItem('auth_username');
-    if (!username) {
-      toast.error('Data registrasi tidak ditemukan. Silakan ulangi dari awal.');
-      return;
-    }
+const handleRegistrationVerification = async () => {
+  const username = localStorage.getItem('auth_username');
+  if (!username) {
+    toast.error('Data registrasi tidak ditemukan.');
+    return;
+  }
 
-    // ✅ Validasi format
-    const cleanNomor = nomor?.replace(/\D/g, '') ?? '';
-    if (cleanNomor.length < 10) {
-      toast.error('Nomor tidak valid');
-      return;
-    }
+  const cleanNomor = nomor?.replace(/\D/g, '') ?? '';
+  if (cleanNomor.length < 10 || username.trim().length < 5) {
+    toast.error('Data tidak valid');
+    return;
+  }
 
-    if (username.trim().length < 5) {
-      toast.error('Username minimal 5 karakter');
-      return;
-    }
+  // Verifikasi OTP dulu
+  const verifyRes = await fetch('/api/auth/verify-otp-register', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ nomor: cleanNomor, otp, kodeId }),
+  });
 
-    // 1. Verifikasi OTP via endpoint register
-    const verifyRes = await fetch('/api/auth/verify-otp-register', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ nomor: cleanNomor, otp, kodeId }),
-    });
+  const verifyData = await verifyRes.json();
+  if (!verifyRes.ok) {
+    toast.error(verifyData.message || 'Verifikasi OTP gagal');
+    return;
+  }
 
-    const verifyData = await verifyRes.json();
+  // ✅ Kirim ke finalize-registration → akan redirect ke /waiting-room
+  const finalizeRes = await fetch('/api/auth/finalize-registration', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ nomor, username, kodeId }),
+    credentials: 'include'
+  });
 
-    if (!verifyRes.ok) {
-      toast.error(verifyData.message || 'Verifikasi OTP gagal');
-      return;
-    }
-
-    // 2. Finalisasi registrasi
-    const finalizeRes = await fetch('/api/auth/finalize-registration', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ nomor, username, kodeId }), // 🔴 Tidak perlu kirim `otp` ke sini
-    });
-
-    const finalizeData = await finalizeRes.json();
-
-    if (!finalizeRes.ok) {
-      toast.error(finalizeData.message || 'Registrasi gagal');
-      return;
-    }
-
-    // 3. Set user & redirect
-    authStore.setUser({
-      id: finalizeData.user.id,
-      name: finalizeData.user.name,
-      roleId: Number(finalizeData.user.roleId),
-    });
-
-    cleanupStorage();
-    window.location.href = '/waiting-room';
-  };
+  if (finalizeRes.redirected) {
+    // ✅ Redirect otomatis oleh server
+    window.location.href = finalizeRes.url;
+  } else {
+    const data = await finalizeRes.json();
+    toast.error(data.message || 'Registrasi gagal');
+  }
+};
 
   // ✅ Verifikasi OTP untuk LOGIN
   const handleLoginVerification = async () => {
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 3b1cfb99..1d25f98c 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -50,38 +50,45 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       return;
     }
 
-    const fetchUser = async () => {
-      try {
-        const res = await fetch('/api/auth/me');
-        const data = await res.json();
+   const fetchUser = async () => {
+  try {
+    const res = await fetch('/api/auth/me');
+    const data = await res.json();
 
-        if (data.user) {
-          const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
-          const menuData = await menuRes.json();
-
-          // ✅ Clone ke array mutable
-          const menuIds = menuData.success && Array.isArray(menuData.menuIds)
-            ? [...menuData.menuIds] // Converts readonly array to mutable
-            : null;
-
-          authStore.setUser({
-            id: data.user.id,
-            name: data.user.name,
-            roleId: Number(data.user.roleId),
-            menuIds,
-          });
-        } else {
-          authStore.setUser(null);
-          router.replace('/login');
-        }
-      } catch (error) {
-        console.error('Gagal memuat data pengguna:', error);
+    if (data.user) {
+      // Check if user is active
+      if (!data.user.isActive) {
         authStore.setUser(null);
-        router.replace('/login');
-      } finally {
-        setLoading(false);
+        router.replace('/waiting-room');
+        return;
       }
-    };
+
+      const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
+      const menuData = await menuRes.json();
+
+      const menuIds = menuData.success && Array.isArray(menuData.menuIds)
+        ? [...menuData.menuIds]
+        : null;
+
+      authStore.setUser({
+        id: data.user.id,
+        name: data.user.name,
+        roleId: Number(data.user.roleId),
+        menuIds,
+        isActive: data.user.isActive // Add isActive to store
+      });
+    } else {
+      authStore.setUser(null);
+      router.replace('/login');
+    }
+  } catch (error) {
+    console.error('Gagal memuat data pengguna:', error);
+    authStore.setUser(null);
+    router.replace('/login');
+  } finally {
+    setLoading(false);
+  }
+};
 
     fetchUser();
   }, [router]);
diff --git a/src/app/api/auth/_lib/session_create.ts b/src/app/api/auth/_lib/session_create.ts
index 8217693f..121b6b62 100644
--- a/src/app/api/auth/_lib/session_create.ts
+++ b/src/app/api/auth/_lib/session_create.ts
@@ -1,4 +1,4 @@
-// app/api/auth/_lib/session_create.ts
+// src/app/api/auth/_lib/sessionCreate.ts
 import { cookies } from "next/headers";
 import { encrypt } from "./encrypt";
 import prisma from "@/lib/prisma";
@@ -9,11 +9,13 @@ export async function sessionCreate({
   exp = "30 day",
   jwtSecret,
   user,
+  invalidatePrevious = true, // 🔑 kontrol apakah sesi lama di-nonaktifkan
 }: {
   sessionKey: string;
   exp?: string;
   jwtSecret: string;
   user: Record<string, unknown> & { id: string };
+  invalidatePrevious?: boolean; // default true untuk login, false untuk registrasi
 }) {
   // ✅ Validasi env vars
   if (!sessionKey || sessionKey.length === 0) {
@@ -28,18 +30,19 @@ export async function sessionCreate({
     throw new Error("Token generation failed");
   }
 
-  // ✅ Hitung expiresAt sesuai exp
+  // ✅ Hitung expiresAt
   let expiresAt = add(new Date(), { days: 30 });
   if (exp === "7 day") expiresAt = add(new Date(), { days: 7 });
-  // tambahkan opsi lain jika perlu
 
-  // Sebelum create session baru, nonaktifkan session aktif sebelumnya
-  await prisma.userSession.updateMany({
-    where: { userId: user.id, active: true },
-    data: { active: false },
-  });
+  // 🔐 Hanya nonaktifkan sesi aktif sebelumnya jika diminta (misal: saat login ulang)
+  if (invalidatePrevious) {
+    await prisma.userSession.updateMany({
+      where: { userId: user.id, active: true },
+      data: { active: false },
+    });
+  }
 
-  // ✅ Simpan ke database
+  // ✅ Simpan sesi baru
   await prisma.userSession.create({
     data: {
       token,
@@ -55,8 +58,8 @@ export async function sessionCreate({
     sameSite: "lax",
     path: "/",
     secure: process.env.NODE_ENV === "production",
-    maxAge: 30 * 24 * 60 * 60, // seconds
+    maxAge: 30 * 24 * 60 * 60, // 30 hari dalam detik
   });
 
   return token;
-}
+}
\ No newline at end of file
diff --git a/src/app/api/auth/_lib/session_verify.ts b/src/app/api/auth/_lib/session_verify.ts
index 8b799a34..2a934a19 100644
--- a/src/app/api/auth/_lib/session_verify.ts
+++ b/src/app/api/auth/_lib/session_verify.ts
@@ -30,13 +30,7 @@ export async function verifySession() {
       return null;
     }
 
-    // ❌ Hanya tolak jika sessionInvalid = true
-    if (dbSession.user.sessionInvalid) {
-      console.log('⚠️ Session di-invalidate');
-      return null;
-    }
-
-    // ✅ Return user, meskipun isActive = false
+    // Don't check isActive here, let the frontend handle it
     return dbSession.user;
   } catch (error) {
     console.warn('Session verification failed:', error);
diff --git a/src/app/api/auth/finalize-registration/route.ts b/src/app/api/auth/finalize-registration/route.ts
index 51890a8a..fe50ae08 100644
--- a/src/app/api/auth/finalize-registration/route.ts
+++ b/src/app/api/auth/finalize-registration/route.ts
@@ -1,5 +1,4 @@
 // src/app/api/auth/finalize-registration/route.ts
-
 import prisma from "@/lib/prisma";
 import { NextResponse } from "next/server";
 import { sessionCreate } from "../_lib/session_create";
@@ -7,7 +6,6 @@ import { sessionCreate } from "../_lib/session_create";
 export async function POST(req: Request) {
   try {
     const { nomor, username, kodeId } = await req.json();
-
     const cleanNomor = nomor.replace(/\D/g, "");
 
     if (!cleanNomor || !username || !kodeId) {
@@ -17,13 +15,7 @@ export async function POST(req: Request) {
       );
     }
 
-    // Di awal fungsi POST
-    console.log("📦 Received payload:", { nomor, username, kodeId });
-
-    // Validasi OTP
-    const otpRecord = await prisma.kodeOtp.findUnique({
-      where: { id: kodeId },
-    });
+    const otpRecord = await prisma.kodeOtp.findUnique({ where: { id: kodeId } });
     if (!otpRecord?.isActive || otpRecord.nomor !== cleanNomor) {
       return NextResponse.json(
         { success: false, message: "OTP tidak valid" },
@@ -31,7 +23,6 @@ export async function POST(req: Request) {
       );
     }
 
-    // Cek duplikat username
     if (await prisma.user.findFirst({ where: { username } })) {
       return NextResponse.json(
         { success: false, message: "Username sudah digunakan" },
@@ -39,7 +30,6 @@ export async function POST(req: Request) {
       );
     }
 
-    // ✅ Gunakan username dari input user
     const defaultRole = await prisma.role.findFirst({
       where: { name: "ADMIN DESA" },
       select: { id: true },
@@ -52,23 +42,20 @@ export async function POST(req: Request) {
       );
     }
 
-    // ✅ Buat user dengan username yang diinput
     const newUser = await prisma.user.create({
       data: {
-        username, // ✅ Ini yang benar
+        username,
         nomor,
         roleId: defaultRole.id,
         isActive: false,
       },
     });
 
-    // Nonaktifkan OTP
     await prisma.kodeOtp.update({
       where: { id: kodeId },
       data: { isActive: false },
     });
 
-    // ✅ BUAT SESI untuk user baru (meski isActive = false)
     const token = await sessionCreate({
       sessionKey: process.env.BASE_SESSION_KEY!,
       jwtSecret: process.env.BASE_TOKEN_KEY!,
@@ -76,24 +63,15 @@ export async function POST(req: Request) {
       user: {
         id: newUser.id,
         nomor: newUser.nomor,
-        username: newUser.username, // ✅ Pastikan sesuai
-        roleId: newUser.roleId,
-        isActive: false,
-      },
-    });
-
-    // Set cookie
-    const response = NextResponse.json({
-      success: true,
-      message: "Registrasi berhasil. Menunggu persetujuan admin.",
-      user: {
-        id: newUser.id,
-        name: newUser.username,
+        username: newUser.username,
         roleId: newUser.roleId,
         isActive: false,
       },
+      invalidatePrevious: false,
     });
 
+    // ✅ REDIRECT DARI SERVER — cookie pasti tersedia
+    const response = NextResponse.redirect(new URL('/waiting-room', req.url));
     response.cookies.set(process.env.BASE_SESSION_KEY!, token, {
       httpOnly: true,
       secure: process.env.NODE_ENV === "production",
@@ -111,4 +89,4 @@ export async function POST(req: Request) {
   } finally {
     await prisma.$disconnect();
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/api/auth/refresh-session/route.ts b/src/app/api/auth/refresh-session/route.ts
new file mode 100644
index 00000000..16baf54c
--- /dev/null
+++ b/src/app/api/auth/refresh-session/route.ts
@@ -0,0 +1,55 @@
+import { NextResponse } from 'next/server';
+import { verifySession } from '../_lib/session_verify';
+import { sessionCreate } from '../_lib/session_create';
+import prisma from '@/lib/prisma';
+
+export async function POST() {
+  try {
+    const sessionUser = await verifySession();
+    if (!sessionUser) {
+      return NextResponse.json(
+        { success: false, message: "Unauthorized" },
+        { status: 401 }
+      );
+    }
+
+    // Get fresh user data
+    const user = await prisma.user.findUnique({
+      where: { id: sessionUser.id },
+      select: {
+        id: true,
+        username: true,
+        roleId: true,
+        isActive: true,
+      },
+    });
+
+    if (!user) {
+      return NextResponse.json(
+        { success: false, message: "User not found" },
+        { status: 404 }
+      );
+    }
+
+    // Create new session with updated data
+    await sessionCreate({
+      sessionKey: process.env.BASE_SESSION_KEY!,
+      jwtSecret: process.env.BASE_TOKEN_KEY!,
+      user: {
+        id: user.id,
+        username: user.username,
+        roleId: user.roleId,
+        isActive: user.isActive,
+      },
+      invalidatePrevious: false, // Keep existing sessions
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Error refreshing session:', error);
+    return NextResponse.json(
+      { success: false, message: "Internal server error" },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/app/waiting-room/page.tsx b/src/app/waiting-room/page.tsx
index fe8841f6..a6ec5c74 100644
--- a/src/app/waiting-room/page.tsx
+++ b/src/app/waiting-room/page.tsx
@@ -2,14 +2,22 @@
 'use client';
 
 import colors from '@/con/colors';
-import { Center, Loader, Paper, Stack, Text, Title } from '@mantine/core';
+import {
+  Button,
+  Center,
+  Loader,
+  Paper,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
+import { authStore } from '@/store/authStore'; // ✅ integrasi authStore
 
 async function fetchUser() {
   const res = await fetch('/api/auth/me');
   if (!res.ok) {
-    // Jangan throw error — biarkan handle status code
     const text = await res.text();
     throw new Error(`HTTP ${res.status}: ${text}`);
   }
@@ -21,10 +29,14 @@ export default function WaitingRoom() {
   const [user, setUser] = useState<any>(null);
   const [error, setError] = useState<string | null>(null);
   const [isRedirecting, setIsRedirecting] = useState(false);
+  const [retryCount, setRetryCount] = useState(0);
+  const MAX_RETRIES = 2;
 
   useEffect(() => {
     let isMounted = true;
-    const interval = setInterval(async () => {
+    let interval: ReturnType<typeof setInterval>;
+
+    const poll = async () => {
       if (isRedirecting || !isMounted) return;
 
       try {
@@ -34,63 +46,110 @@ export default function WaitingRoom() {
         const currentUser = data.user;
         setUser(currentUser);
 
-        // ✅ Periksa isActive dan redirect
+        // ✅ Update authStore
+        if (currentUser) {
+          authStore.setUser({
+            id: currentUser.id,
+            name: currentUser.name,
+            roleId: Number(currentUser.roleId),
+            menuIds: currentUser.menuIds || null,
+          });
+        }
+
+        // In the poll function
         if (currentUser?.isActive === true) {
           setIsRedirecting(true);
           clearInterval(interval);
 
-          // ✅ roleId adalah STRING → gunakan string literal
-          let redirectPath = '/admin';
+          // Update authStore with the current user data
+          authStore.setUser({
+            id: currentUser.id,
+            name: currentUser.name || 'User',
+            roleId: Number(currentUser.roleId),
+            menuIds: currentUser.menuIds || null,
+            isActive: true
+          });
 
-          switch (currentUser.roleId) {
-            case "0": // DEVELOPER
-            case "1": // SUPERADMIN
-            case "2": // ADMIN_DESA
-              redirectPath = '/admin/landing-page/profil/program-inovasi';
-              break;
-            case "3": // ADMIN_KESEHATAN
-              redirectPath = '/admin/kesehatan/posyandu';
-              break;
-            case "4": // ADMIN_PENDIDIKAN
-              redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
-              break;
+          // Clean up storage
+          localStorage.removeItem('auth_kodeId');
+          localStorage.removeItem('auth_nomor');
+          localStorage.removeItem('auth_username');
+
+          // Force a session refresh
+          try {
+            const res = await fetch('/api/auth/refresh-session', {
+              method: 'POST',
+              credentials: 'include'
+            });
+
+            if (res.ok) {
+              // Redirect based on role
+              let redirectPath = '/admin';
+              switch (String(currentUser.roleId)) {
+                case "0": case "1": case "2":
+                  redirectPath = '/admin/landing-page/profil/program-inovasi';
+                  break;
+                case "3":
+                  redirectPath = '/admin/kesehatan/posyandu';
+                  break;
+                case "4":
+                  redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
+                  break;
+              }
+              window.location.href = redirectPath; // Use window.location to force full page reload
+            }
+          } catch (error) {
+            console.error('Error refreshing session:', error);
+            router.refresh(); // Fallback to client-side refresh
           }
-
-          setTimeout(() => router.push(redirectPath), 500);
         }
       } catch (err: any) {
         if (!isMounted) return;
 
-        // ❌ Hanya redirect ke /login jika benar-benar tidak ada sesi
         if (err.message.includes('401')) {
-          setError('Sesi tidak valid');
-          clearInterval(interval);
-          router.push('/login');
+          if (retryCount < MAX_RETRIES) {
+            setRetryCount((prev) => prev + 1);
+            setTimeout(() => {
+              if (isMounted) interval = setInterval(poll, 3000);
+            }, 800);
+          } else {
+            setError('Sesi tidak valid. Silakan login ulang.');
+            clearInterval(interval);
+            authStore.setUser(null); // ✅ clear sesi
+          }
         } else {
           console.error('Error polling:', err);
         }
       }
-    }, 3000);
+    };
 
+    interval = setInterval(poll, 3000);
     return () => {
       isMounted = false;
-      clearInterval(interval);
+      if (interval) clearInterval(interval);
     };
-  }, [router, isRedirecting]);
+  }, [router, isRedirecting, retryCount]);
 
+  // ✅ UI Error
   if (error) {
     return (
       <Center h="100vh">
         <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={400}>
           <Stack align="center" gap="md">
-            <Title order={3} c="red">Error</Title>
+            <Title order={3} c="red">
+              Sesi Tidak Valid
+            </Title>
             <Text>{error}</Text>
+            <Button onClick={() => router.push('/login')}>
+              Login Ulang
+            </Button>
           </Stack>
         </Paper>
       </Center>
     );
   }
 
+  // ✅ UI Redirecting
   if (isRedirecting) {
     return (
       <Center h="100vh" bg={colors.Bg}>
@@ -109,6 +168,7 @@ export default function WaitingRoom() {
     );
   }
 
+  // ✅ UI Default (MENUNGGU) — INI YANG KAMU HILANGKAN!
   return (
     <Center h="100vh" bg={colors.Bg}>
       <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '90%', sm: 400 }}>
diff --git a/src/store/authStore.ts b/src/store/authStore.ts
index b819002d..f597367e 100644
--- a/src/store/authStore.ts
+++ b/src/store/authStore.ts
@@ -6,6 +6,7 @@ export type User = {
   name: string;
   roleId: number;
   menuIds?: string[] | null; // ✅ Pastikan pakai `string[]`
+  isActive?: boolean;
 };
 
 export const authStore = proxy<{
-- 
2.49.1


From 29a9a59bca33132e512db139ddc0e1ca85be0bf9 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 26 Nov 2025 11:01:23 +0800
Subject: [PATCH 23/97] saat tampilan user sudah diubah dan login ulan sudah
 menyesuaikan untuk menunya

---
 src/app/admin/layout.tsx | 133 ++++++++++++++++++++++++---------------
 1 file changed, 81 insertions(+), 52 deletions(-)

diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 1d25f98c..9dc3b944 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -30,68 +30,67 @@ import _ from "lodash";
 import Link from "next/link";
 import { useRouter, useSelectedLayoutSegments } from "next/navigation";
 import { useEffect, useState } from "react";
-import { useSnapshot } from "valtio";
+// import { useSnapshot } from "valtio";
 import { getNavbar } from "./(dashboard)/user&role/_com/dynamicNavbar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
- const [opened, { toggle }] = useDisclosure();
+  const [opened, { toggle }] = useDisclosure();
   const [loading, setLoading] = useState(true);
+  const [isLoggingOut, setIsLoggingOut] = useState(false);
   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
 
-  const { user } = useSnapshot(authStore);
+  // const { user } = useSnapshot(authStore);
 
-  console.log("Current user in store:", user);
+  // console.log("Current user in store:", user);
 
- useEffect(() => {
-    if (authStore.user) {
-      setLoading(false);
-      return;
-    }
+  // ✅ FIX: Selalu fetch user data setiap kali komponen mount
+  useEffect(() => {
+    const fetchUser = async () => {
+      try {
+        const res = await fetch('/api/auth/me');
+        const data = await res.json();
 
-   const fetchUser = async () => {
-  try {
-    const res = await fetch('/api/auth/me');
-    const data = await res.json();
+        if (data.user) {
+          // Check if user is active
+          if (!data.user.isActive) {
+            authStore.setUser(null);
+            router.replace('/waiting-room');
+            return;
+          }
 
-    if (data.user) {
-      // Check if user is active
-      if (!data.user.isActive) {
+          // ✅ PENTING: Selalu fetch menuIds terbaru setiap login
+          const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
+          const menuData = await menuRes.json();
+
+          const menuIds = menuData.success && Array.isArray(menuData.menuIds)
+            ? [...menuData.menuIds]
+            : null;
+
+          // ✅ Set user dengan menuIds yang fresh dari database
+          authStore.setUser({
+            id: data.user.id,
+            name: data.user.name,
+            roleId: Number(data.user.roleId),
+            menuIds, // menuIds terbaru
+            isActive: data.user.isActive
+          });
+        } else {
+          authStore.setUser(null);
+          router.replace('/login');
+        }
+      } catch (error) {
+        console.error('Gagal memuat data pengguna:', error);
         authStore.setUser(null);
-        router.replace('/waiting-room');
-        return;
+        router.replace('/login');
+      } finally {
+        setLoading(false);
       }
-
-      const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
-      const menuData = await menuRes.json();
-
-      const menuIds = menuData.success && Array.isArray(menuData.menuIds)
-        ? [...menuData.menuIds]
-        : null;
-
-      authStore.setUser({
-        id: data.user.id,
-        name: data.user.name,
-        roleId: Number(data.user.roleId),
-        menuIds,
-        isActive: data.user.isActive // Add isActive to store
-      });
-    } else {
-      authStore.setUser(null);
-      router.replace('/login');
-    }
-  } catch (error) {
-    console.error('Gagal memuat data pengguna:', error);
-    authStore.setUser(null);
-    router.replace('/login');
-  } finally {
-    setLoading(false);
-  }
-};
+    };
 
     fetchUser();
-  }, [router]);
+  }, [router]); // ✅ Hapus dependency pada authStore.user
 
   if (loading) {
     return (
@@ -105,15 +104,43 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     );
   }
 
-  // ✅ Ambil menu berdasarkan roleId
+  // ✅ Ambil menu berdasarkan roleId dan menuIds
   const currentNav = authStore.user
     ? getNavbar({ roleId: authStore.user.roleId, menuIds: authStore.user.menuIds })
     : [];
 
-  const handleLogout = () => {
-    authStore.setUser(null);
-    document.cookie = `${process.env.BASE_SESSION_KEY}=; Max-Age=0; path=/;`;
-    router.push('/login');
+  const handleLogout = async () => {
+    try {
+      setIsLoggingOut(true);
+      
+      // ✅ Panggil API logout untuk clear session di server
+      const response = await fetch('/api/auth/logout', { method: 'POST' });
+      const result = await response.json();
+      
+      if (result.success) {
+        // Clear user data dari store
+        authStore.setUser(null);
+        
+        // Clear localStorage
+        localStorage.removeItem('auth_nomor');
+        localStorage.removeItem('auth_kodeId');
+        
+        // Force reload untuk reset semua state
+        window.location.href = '/login';
+      } else {
+        console.error('Logout failed:', result.message);
+        // Tetap redirect meskipun gagal
+        authStore.setUser(null);
+        window.location.href = '/login';
+      }
+    } catch (error) {
+      console.error('Error during logout:', error);
+      // Tetap clear store dan redirect jika error
+      authStore.setUser(null);
+      window.location.href = '/login';
+    } finally {
+      setIsLoggingOut(false);
+    }
   };
 
   return (
@@ -219,6 +246,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
                 size="lg"
                 variant="gradient"
                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
+                loading={isLoggingOut}
+                disabled={isLoggingOut}
               >
                 <IconLogout2 size={22} />
               </ActionIcon>
@@ -334,4 +363,4 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       </AppShellMain>
     </AppShell>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 54232e44656c11a38ff83a9b8e9253e61c12a4e9 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 26 Nov 2025 15:01:34 +0800
Subject: [PATCH 24/97] Menambahkan seed user Fix Infinite reload di page ikm
 dan landing page

---
 prisma/data/user/users.json                   | 10 +++
 prisma/seed.ts                                | 39 ++++++++---
 .../ppid/indeks-kepuasan-masyarakat/page.tsx  |  2 +-
 .../_com/main-page/kepuasan/index.tsx         |  2 +-
 .../_com/main-page/landing-page/index.tsx     | 64 +++++++++++++++----
 src/app/darmasaba/page.tsx                    | 21 +++---
 6 files changed, 106 insertions(+), 32 deletions(-)
 create mode 100644 prisma/data/user/users.json

diff --git a/prisma/data/user/users.json b/prisma/data/user/users.json
new file mode 100644
index 00000000..733aeba4
--- /dev/null
+++ b/prisma/data/user/users.json
@@ -0,0 +1,10 @@
+[
+  {
+    "id": "cmie1o0zh0002vn132vtzg7hh",
+    "username": "SuperAdmin-Nico",
+    "nomor": "6289647037426",
+    "roleId": 0,
+    "isActive": true,
+    "sessionInvalid": false
+  }
+]
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 9ae7ef5d..53d35817 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -57,19 +57,41 @@ import roles from "./data/user/roles.json";
 import fileStorage from "./data/file-storage.json";
 import jenjangPendidikan from "./data/pendidikan/info-sekolah/jenjang-pendidikan.json";
 import seedAssets from "./seed_assets";
+import users from "./data/user/users.json";
 import { safeSeedUnique } from "./safeseedUnique";
 
 (async () => {
+  // =========== USER ===========
+  console.log("🔄 Seeding user...");
+  for (const u of users) {
+    await safeSeedUnique(
+      "user",
+      { id: u.id },
+      {
+        username: u.username,
+        nomor: u.nomor,
+        roleId: u.roleId.toString(),
+        isActive: u.isActive,
+        sessionInvalid: false,
+      }
+    );
+  }
+
+  console.log("✅ Roles seeded");
   // =========== ROLE ===========
   // In your seed.ts
   // =========== ROLES ===========
   console.log("🔄 Seeding roles...");
   for (const r of roles) {
-    await safeSeedUnique("role", { id: r.id }, {
-      name: r.name,
-      description: r.description,
-      isActive: r.isActive,
-    });
+    await safeSeedUnique(
+      "role",
+      { id: r.id },
+      {
+        name: r.name,
+        description: r.description,
+        isActive: r.isActive,
+      }
+    );
   }
 
   console.log("✅ Roles seeded");
@@ -787,7 +809,9 @@ import { safeSeedUnique } from "./safeseedUnique";
   const flattenedPosisiBumdes = posisiOrganisasi.flat();
 
   // ✅ Urutkan berdasarkan hierarki
-  const sortedPosisiBumdes = flattenedPosisiBumdes.sort((a, b) => a.hierarki - b.hierarki);
+  const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
+    (a, b) => a.hierarki - b.hierarki
+  );
 
   for (const p of sortedPosisiBumdes) {
     console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
@@ -867,7 +891,7 @@ import { safeSeedUnique } from "./safeseedUnique";
   // Add IDs to the kategoriKegiatan data
   const kategoriKegiatan = kategoriKegiatanData.map((k, index) => ({
     ...k,
-    id: `kategori-${index + 1}`
+    id: `kategori-${index + 1}`,
   }));
 
   for (const k of kategoriKegiatan) {
@@ -1159,7 +1183,6 @@ import { safeSeedUnique } from "./safeseedUnique";
 
   // seed assets
   await seedAssets();
-
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {
diff --git a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
index f5ac3373..8e8b40f7 100644
--- a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
@@ -41,7 +41,7 @@ const state = useProxy(indeksKepuasanState.responden);
     indeksKepuasanState.jenisKelaminResponden.findMany.load()
     indeksKepuasanState.pilihanRatingResponden.findMany.load()
     indeksKepuasanState.kelompokUmurResponden.findMany.load()
-  })
+  },[])
 
   const handleSubmit = async () => {
     try {
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index 9d96292e..f7480598 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -41,7 +41,7 @@ function Kepuasan() {
     indeksKepuasanState.jenisKelaminResponden.findMany.load()
     indeksKepuasanState.pilihanRatingResponden.findMany.load()
     indeksKepuasanState.kelompokUmurResponden.findMany.load()
-  })
+  },[])
 
   const handleSubmit = async () => {
     try {
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index d2e40772..563f1dc1 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -59,6 +59,35 @@ const getWorkStatus = (day: string, currentTime: string): { status: string; mess
     : { status: "Tutup", message: "08:00 - 17:00" };
 };
 
+// Skeleton component untuk Social Media
+const SosmedSkeleton = () => (
+  <Flex gap="md" justify="center" wrap="wrap">
+    {[1, 2, 3, 4].map((i) => (
+      <Skeleton key={i} height={56} width={56} circle />
+    ))}
+  </Flex>
+);
+
+// Skeleton component untuk Profile
+const ProfileSkeleton = () => (
+  <Card
+    radius="xl"
+    bg={colors.grey[1]}
+    p="lg"
+    shadow="xl"
+    w={{ base: "100%", md: "35%" }}
+    style={{ height: "fit-content" }}
+  >
+    <Stack gap="lg" align="center">
+      <Skeleton height={300} width="100%" radius="lg" />
+      <Stack gap="xs" w="100%" align="center">
+        <Skeleton height={20} width="60%" />
+        <Skeleton height={32} width="80%" />
+      </Stack>
+    </Stack>
+  </Card>
+);
+
 function LandingPage() {
   const [socialMedia, setSocialMedia] = useState<
     Prisma.MediaSosialGetPayload<{ include: { image: true } }>[]
@@ -66,9 +95,8 @@ function LandingPage() {
   const [profile, setProfile] = useState<
     Prisma.PejabatDesaGetPayload<{ include: { image: true } }> | null
   >(null);
-  const [isLoading, setIsLoading] = useState(true);
-
-  
+  const [isLoadingSosmed, setIsLoadingSosmed] = useState(true);
+  const [isLoadingProfile, setIsLoadingProfile] = useState(true);
 
   useEffect(() => {
     const fetchSocialMedia = async () => {
@@ -86,7 +114,7 @@ function LandingPage() {
       } catch {
         setSocialMedia([]);
       } finally {
-        setIsLoading(false);
+        setIsLoadingSosmed(false);
       }
     };
 
@@ -98,6 +126,8 @@ function LandingPage() {
         setProfile(result.data || null);
       } catch {
         setProfile(null);
+      } finally {
+        setIsLoadingProfile(false);
       }
     };
 
@@ -189,8 +219,8 @@ function LandingPage() {
 
               <ModuleView />
 
-              {isLoading ? (
-                <Skeleton height={32} width="100%" />
+              {isLoadingSosmed ? (
+                <SosmedSkeleton />
               ) : socialMedia.length > 0 ? (
                 <SosmedView data={socialMedia} />
               ) : (
@@ -207,19 +237,27 @@ function LandingPage() {
           </Card>
         </Stack>
 
-        {isLoading ? (
-          <Skeleton height={300} width="100%" radius="lg" />
+        {isLoadingProfile ? (
+          <ProfileSkeleton />
         ) : profile ? (
           <ProfileView data={profile} />
         ) : (
-          <Center w="100%">
-            <Text c="dimmed">Informasi profil belum tersedia</Text>
-          </Center>
+          <Card
+            radius="xl"
+            bg={colors.grey[1]}
+            p="lg"
+            shadow="xl"
+            w={{ base: "100%", md: "35%" }}
+            style={{ height: "fit-content" }}
+          >
+            <Center h={300}>
+              <Text c="dimmed">Informasi profil belum tersedia</Text>
+            </Center>
+          </Card>
         )}
       </Flex>
-      
     </Stack>
   );
 }
 
-export default LandingPage;
+export default LandingPage;
\ No newline at end of file
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index 36e652c3..52cd29e9 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import DesaAntiKorupsi from "@/app/darmasaba/_com/main-page/desaantikorupsi";
 import Kepuasan from "@/app/darmasaba/_com/main-page/kepuasan";
@@ -13,32 +14,34 @@ import Apbdes from "./_com/main-page/apbdes";
 import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
 
-import NewsReaderLanding from "./_com/NewsReaderalanding";
-import ModernNewsNotification from "./_com/ModernNeewsNotification";
-import { useMemo } from "react";
-import { useProxy } from "valtio/utils";
+import { useEffect, useMemo } from "react";
+import { useSnapshot } from "valtio";
 import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
 import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
-import { useEffect } from "react";
+import ModernNewsNotification from "./_com/ModernNeewsNotification";
+import NewsReaderLanding from "./_com/NewsReaderalanding";
 
 
 export default function Page() {
-  const featured = useProxy(stateDashboardBerita.berita.findFirst);
+  const snap1 = useSnapshot(stateDashboardBerita.berita.findFirst);
+  const snap2 = useSnapshot(stateDesaPengumuman.pengumuman.findFirst);
+
+  const featured = snap1;
+  const pengumuman = snap2;
   const loadingFeatured = featured.loading;
-  const pengumuman = useProxy(stateDesaPengumuman.pengumuman.findFirst);
   const loadingPengumuman = pengumuman.loading;
 
   useEffect(() => {
     if (!featured.data && !loadingFeatured) {
       stateDashboardBerita.berita.findFirst.load();
     }
-  }, [featured.data, loadingFeatured]);
+  }, []);
 
   useEffect(() => {
     if (!pengumuman.data && !loadingPengumuman) {
       stateDesaPengumuman.pengumuman.findFirst.load();
     }
-  }, [pengumuman.data, loadingPengumuman]);
+  }, []);
 
 
   const newsData = useMemo(() => {
-- 
2.49.1


From 757911d7dd87001a3710107d977ccc3530a536a6 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 26 Nov 2025 15:32:49 +0800
Subject: [PATCH 25/97] Fix Seeder

---
 prisma/seed.ts | 179 +++++++++++++++++++++++++++++++++----------------
 1 file changed, 121 insertions(+), 58 deletions(-)

diff --git a/prisma/seed.ts b/prisma/seed.ts
index 53d35817..5d90ea29 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import prisma from "@/lib/prisma";
 import profilePejabatDesa from "./data/landing-page/profile/profile.json";
@@ -61,64 +62,101 @@ import users from "./data/user/users.json";
 import { safeSeedUnique } from "./safeseedUnique";
 
 (async () => {
-  // =========== USER ===========
-  console.log("🔄 Seeding user...");
-  for (const u of users) {
-    await safeSeedUnique(
-      "user",
-      { id: u.id },
-      {
-        username: u.username,
-        nomor: u.nomor,
-        roleId: u.roleId.toString(),
-        isActive: u.isActive,
-        sessionInvalid: false,
-      }
-    );
-  }
-
-  console.log("✅ Roles seeded");
-  // =========== ROLE ===========
-  // In your seed.ts
-  // =========== ROLES ===========
   console.log("🔄 Seeding roles...");
-  for (const r of roles) {
-    await safeSeedUnique(
-      "role",
-      { id: r.id },
-      {
-        name: r.name,
-        description: r.description,
-        isActive: r.isActive,
-      }
-    );
-  }
 
-  console.log("✅ Roles seeded");
+  // Check for duplicate names in roles data
+  const roleNames = new Set();
+  const duplicateRoleNames = roles.filter((r) => {
+    if (roleNames.has(r.name)) {
+      console.warn(`⚠️ Duplicate role name found: ${r.name}`);
+      return true;
+    }
+    roleNames.add(r.name);
+    return false;
+  });
+
+  for (const r of roles) {
+    try {
+      await safeSeedUnique(
+        "role",
+        { id: r.id },
+        {
+          name: r.name,
+          description: r.description,
+          isActive: r.isActive,
+        }
+      );
+      console.log(`✅ Seeded role -> ${r.name}`);
+    } catch (error: any) {
+      if (error.code === "P2002") {
+        console.warn(`⚠️ Role already exists (skipping): ${r.name}`);
+      } else {
+        console.error(`❌ Failed to seed role ${r.name}:`, error.message);
+      }
+    }
+  }
+  console.log("✅ Roles seeding completed");
+  // =========== USER ===========
+  console.log("🔄 Seeding users...");
+  for (const u of users) {
+    try {
+      // Verify role exists
+      const roleExists = await prisma.role.findUnique({
+        where: { id: u.roleId.toString() },
+      });
+
+      if (!roleExists) {
+        console.error(
+          `❌ Role with id ${u.roleId} not found for user ${u.username}`
+        );
+        continue;
+      }
+
+      await safeSeedUnique(
+        "user",
+        { id: u.id },
+        {
+          username: u.username,
+          nomor: u.nomor,
+          roleId: u.roleId.toString(),
+          isActive: u.isActive,
+          sessionInvalid: false,
+        }
+      );
+      console.log(`✅ Seeded user -> ${u.username}`);
+    } catch (error: any) {
+      console.error(`❌ Failed to seed user ${u.username}:`, error.message);
+    }
+  }
+  console.log("✅ Users seeding completed");
 
   // =========== FILE STORAGE ===========
   console.log("🔄 Seeding file storage...");
   for (const f of fileStorage) {
-    await prisma.fileStorage.upsert({
-      where: { id: f.id },
-      update: {
-        name: f.name,
-        realName: f.realName,
-        path: f.path,
-        mimeType: f.mimeType,
-        link: f.link,
-        category: f.category,
-      },
-      create: {
-        id: f.id,
-        name: f.name,
-        realName: f.realName,
-        path: f.path,
-        mimeType: f.mimeType,
-        link: f.link,
-        category: f.category,
-      },
-    });
+    try {
+      await prisma.fileStorage.upsert({
+        where: { id: f.id },
+        update: {
+          name: f.name,
+          realName: f.realName,
+          path: f.path,
+          mimeType: f.mimeType,
+          link: f.link,
+          category: f.category,
+        },
+        create: {
+          id: f.id,
+          name: f.name,
+          realName: f.realName,
+          path: f.path,
+          mimeType: f.mimeType,
+          link: f.link,
+          category: f.category,
+        },
+      });
+    } catch (error: any) {
+      console.error(`❌ Failed to seed file storage ${f.name}:`, error.message);
+    }
   }
   console.log("✅ File storage seeded");
   // =========== LANDING PAGE ===========
@@ -537,15 +575,40 @@ import { safeSeedUnique } from "./safeseedUnique";
   console.log("posisi organisasi berhasil");
 
   // =========== PEGAWAI PPID ===========
+  console.log("🔄 Seeding pegawai PPID...");
   const flattenedPegawai = pegawaiPPID.flat();
+
+  // Check for duplicate emails
+  const emails = new Set();
   for (const p of flattenedPegawai) {
-    await prisma.pegawaiPPID.upsert({
-      where: { id: p.id },
-      update: p,
-      create: p,
-    });
+    if (emails.has(p.email)) {
+      console.warn(`⚠️ Duplicate email found in pegawaiPPID: ${p.email}`);
+    }
+    emails.add(p.email);
   }
-  console.log("pegawai berhasil");
+
+  for (const p of flattenedPegawai) {
+    try {
+      await prisma.pegawaiPPID.upsert({
+        where: { id: p.id },
+        update: p,
+        create: p,
+      });
+      console.log(`✅ Seeded pegawai PPID -> ${p.namaLengkap}`);
+    } catch (error: any) {
+      if (error.code === "P2002") {
+        console.warn(
+          `⚠️ Pegawai PPID with duplicate email (skipping): ${p.email}`
+        );
+      } else {
+        console.error(
+          `❌ Failed to seed pegawai PPID ${p.namaLengkap}:`,
+          error.message
+        );
+      }
+    }
+  }
+  console.log("✅ pegawai PPID seeding completed");
 
   // =========== SUBMENU VISI MISI PPID ===========
 
-- 
2.49.1


From c64a2e5457b9c99584071180ce4bd9c4798396ce Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 27 Nov 2025 12:18:15 +0800
Subject: [PATCH 26/97] Fix Seeder User, dan role

---
 prisma/schema.prisma | 47 ++++++++++++++++++++++----------------------
 prisma/seed.ts       | 37 +++++++++++++++++-----------------
 2 files changed, 43 insertions(+), 41 deletions(-)

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 954a144b..1e73563b 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -2163,20 +2163,20 @@ enum StatusPeminjaman {
 // ========================================= USER ========================================= //
 
 model User {
-  id             String    @id @default(cuid())
+  id             String           @id @default(cuid())
   username       String
-  nomor          String    @unique
-  roleId         String     @default("2")
-  isActive       Boolean   @default(false)
-  sessionInvalid Boolean   @default(false)
+  nomor          String           @unique
+  roleId         String           @default("2")
+  isActive       Boolean          @default(false)
+  sessionInvalid Boolean          @default(false)
   lastLogin      DateTime?
-  createdAt      DateTime  @default(now())
-  updatedAt      DateTime  @default(now()) @updatedAt
-  
-  sessions       UserSession[]  // ✅ Relasi one-to-many
-  role           Role           @relation(fields: [roleId], references: [id])
+  createdAt      DateTime         @default(now())
+  updatedAt      DateTime         @default(now()) @updatedAt
+  permissions    Json?
+  sessions       UserSession[] // ✅ Relasi one-to-many
+  role           Role             @relation(fields: [roleId], references: [id])
   menuAccesses   UserMenuAccess[]
-  
+
   @@map("users")
 }
 
@@ -2184,6 +2184,7 @@ model Role {
   id          String    @id @default(cuid())
   name        String    @unique // ADMIN_DESA, ADMIN_KESEHATAN, ADMIN_SEKOLAH
   description String?
+  permissions Json?
   isActive    Boolean   @default(true)
   createdAt   DateTime  @default(now())
   updatedAt   DateTime  @updatedAt
@@ -2203,18 +2204,18 @@ model KodeOtp {
 }
 
 model UserSession {
-  id        String    @id @default(cuid())
-  token     String    @db.Text  // ✅ JWT bisa panjang
-  expiresAt DateTime              // ✅ Ubah jadi expiresAt (konsisten)
-  active    Boolean   @default(true)
-  createdAt DateTime  @default(now())
-  updatedAt DateTime  @default(now()) @updatedAt
-  
-  user      User      @relation(fields: [userId], references: [id], onDelete: Cascade)
-  userId    String    // ✅ HAPUS @unique - user bisa punya multiple sessions
-  
-  @@index([userId])           // ✅ Index untuk query cepat
-  @@index([token])            // ✅ Index untuk verify cepat
+  id        String   @id @default(cuid())
+  token     String   @db.Text // ✅ JWT bisa panjang
+  expiresAt DateTime // ✅ Ubah jadi expiresAt (konsisten)
+  active    Boolean  @default(true)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @default(now()) @updatedAt
+
+  user   User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId String // ✅ HAPUS @unique - user bisa punya multiple sessions
+
+  @@index([userId]) // ✅ Index untuk query cepat
+  @@index([token]) // ✅ Index untuk verify cepat
   @@map("user_sessions")
 }
 
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 5d90ea29..30ba668f 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -64,29 +64,22 @@ import { safeSeedUnique } from "./safeseedUnique";
 (async () => {
   console.log("🔄 Seeding roles...");
 
-  // Check for duplicate names in roles data
-  const roleNames = new Set();
-  const duplicateRoleNames = roles.filter((r) => {
-    if (roleNames.has(r.name)) {
-      console.warn(`⚠️ Duplicate role name found: ${r.name}`);
-      return true;
-    }
-    roleNames.add(r.name);
-    return false;
-  });
-
   for (const r of roles) {
     try {
+      // ✅ Destructure to remove permissions if exists
+      const { permissions, ...roleData } = r as any;
+
       await safeSeedUnique(
         "role",
-        { id: r.id },
+        { id: roleData.id },
         {
-          name: r.name,
-          description: r.description,
-          isActive: r.isActive,
+          name: roleData.name,
+          description: roleData.description,
+          permissions: roleData.permissions || {}, // ✅ Include permissions
+          isActive: roleData.isActive,
         }
       );
-      console.log(`✅ Seeded role -> ${r.name}`);
+      console.log(`✅ Seeded role -> ${roleData.name}`);
     } catch (error: any) {
       if (error.code === "P2002") {
         console.warn(`⚠️ Role already exists (skipping): ${r.name}`);
@@ -96,13 +89,15 @@ import { safeSeedUnique } from "./safeseedUnique";
     }
   }
   console.log("✅ Roles seeding completed");
+
   // =========== USER ===========
   console.log("🔄 Seeding users...");
   for (const u of users) {
     try {
-      // Verify role exists
+      // Verify role exists first
       const roleExists = await prisma.role.findUnique({
         where: { id: u.roleId.toString() },
+        select: { id: true }, // Only select id to minimize query
       });
 
       if (!roleExists) {
@@ -125,7 +120,13 @@ import { safeSeedUnique } from "./safeseedUnique";
       );
       console.log(`✅ Seeded user -> ${u.username}`);
     } catch (error: any) {
-      console.error(`❌ Failed to seed user ${u.username}:`, error.message);
+      if (error.code === "P2003") {
+        console.error(
+          `❌ Foreign key constraint failed for user ${u.username}: Role ${u.roleId} does not exist`
+        );
+      } else {
+        console.error(`❌ Failed to seed user ${u.username}:`, error.message);
+      }
     }
   }
   console.log("✅ Users seeding completed");
-- 
2.49.1


From 2cecec733ea4b3187c49f54c6a04d6e27a52b2b6 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 27 Nov 2025 14:46:49 +0800
Subject: [PATCH 27/97] Tambah cookies di bagian verifikasi, agar kedeteksi
 user sudah regis apa belom

---
 .../(dashboard)/auth/login-admin/page.tsx     |  11 +-
 .../(dashboard)/auth/validasi-admin/page.tsx  | 128 +++++++++++-------
 src/app/api/auth/_lib/api_fetch_auth.ts       |   2 +
 src/app/api/auth/clear-flow/route.ts          |  19 +++
 src/app/api/auth/get-flow/route.ts            |  22 +++
 src/app/api/auth/login/route.ts               |  40 +++++-
 src/app/api/auth/register/route.ts            |  15 +-
 src/app/api/auth/set-flow/route.ts            |  34 +++++
 8 files changed, 209 insertions(+), 62 deletions(-)
 create mode 100644 src/app/api/auth/clear-flow/route.ts
 create mode 100644 src/app/api/auth/get-flow/route.ts
 create mode 100644 src/app/api/auth/set-flow/route.ts

diff --git a/src/app/admin/(dashboard)/auth/login-admin/page.tsx b/src/app/admin/(dashboard)/auth/login-admin/page.tsx
index a44f35b0..3457cf45 100644
--- a/src/app/admin/(dashboard)/auth/login-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/login-admin/page.tsx
@@ -15,7 +15,9 @@ function Login() {
 
   // Login.tsx
   async function onLogin() {
+
     const cleanPhone = phone.replace(/\D/g, '');
+    console.log(cleanPhone);
     if (cleanPhone.length < 10) {
       toast.error('Nomor telepon tidak valid');
       return;
@@ -25,6 +27,8 @@ function Login() {
       setLoading(true);
       const response = await apiFetchLogin({ nomor: cleanPhone });
 
+      console.log(response);
+
       if (!response.success) {
         toast.error(response.message || 'Gagal memproses login');
         return;
@@ -32,11 +36,12 @@ function Login() {
 
       // Simpan nomor untuk register
       localStorage.setItem('auth_nomor', cleanPhone);
-
       if (response.isRegistered) {
-        // ✅ User lama: simpan kodeId & ke validasi
+        // ✅ User lama: simpan kodeId
         localStorage.setItem('auth_kodeId', response.kodeId);
-        router.push('/validasi');
+
+        // ✅ Cookie sudah di-set oleh API, langsung redirect
+        router.push('/validasi'); // Clean URL
       } else {
         // ❌ User baru: langsung ke registrasi (tanpa kodeId)
         router.push('/registrasi');
diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 0ed24cd3..60871f00 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -19,17 +19,34 @@ import { authStore } from '@/store/authStore';
 
 export default function Validasi() {
   const router = useRouter();
+  
   const [nomor, setNomor] = useState<string | null>(null);
   const [otp, setOtp] = useState('');
   const [loading, setLoading] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
   const [kodeId, setKodeId] = useState<string | null>(null);
-  const [isRegistrationFlow, setIsRegistrationFlow] = useState(false); // Tambahkan flag
+  const [isRegistrationFlow, setIsRegistrationFlow] = useState(false);
 
-  // Cek apakah ini alur registrasi
+  // ✅ Deteksi flow dari cookie via API
   useEffect(() => {
-    const storedUsername = localStorage.getItem('auth_username');
-    setIsRegistrationFlow(!!storedUsername);
+    const checkFlow = async () => {
+      try {
+        const res = await fetch('/api/auth/get-flow', {
+          credentials: 'include'
+        });
+        const data = await res.json();
+        
+        if (data.success) {
+          setIsRegistrationFlow(data.flow === 'register');
+          console.log('🔍 Flow detected from cookie:', data.flow);
+        }
+      } catch (error) {
+        console.error('❌ Error getting flow:', error);
+        setIsRegistrationFlow(false);
+      }
+    };
+    
+    checkFlow();
   }, []);
 
   useEffect(() => {
@@ -68,10 +85,8 @@ export default function Validasi() {
     setLoading(true);
     try {
       if (isRegistrationFlow) {
-        // 🔑 Alur REGISTRASI
         await handleRegistrationVerification();
       } else {
-        // 🔑 Alur LOGIN
         await handleLoginVerification();
       }
     } catch (error) {
@@ -82,55 +97,55 @@ export default function Validasi() {
     }
   };
 
-const handleRegistrationVerification = async () => {
-  const username = localStorage.getItem('auth_username');
-  if (!username) {
-    toast.error('Data registrasi tidak ditemukan.');
-    return;
-  }
+  const handleRegistrationVerification = async () => {
+    const username = localStorage.getItem('auth_username');
+    if (!username) {
+      toast.error('Data registrasi tidak ditemukan.');
+      return;
+    }
 
-  const cleanNomor = nomor?.replace(/\D/g, '') ?? '';
-  if (cleanNomor.length < 10 || username.trim().length < 5) {
-    toast.error('Data tidak valid');
-    return;
-  }
+    const cleanNomor = nomor?.replace(/\D/g, '') ?? '';
+    if (cleanNomor.length < 10 || username.trim().length < 5) {
+      toast.error('Data tidak valid');
+      return;
+    }
 
-  // Verifikasi OTP dulu
-  const verifyRes = await fetch('/api/auth/verify-otp-register', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ nomor: cleanNomor, otp, kodeId }),
-  });
+    const verifyRes = await fetch('/api/auth/verify-otp-register', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ nomor: cleanNomor, otp, kodeId }),
+    });
 
-  const verifyData = await verifyRes.json();
-  if (!verifyRes.ok) {
-    toast.error(verifyData.message || 'Verifikasi OTP gagal');
-    return;
-  }
+    const verifyData = await verifyRes.json();
+    if (!verifyRes.ok) {
+      toast.error(verifyData.message || 'Verifikasi OTP gagal');
+      return;
+    }
 
-  // ✅ Kirim ke finalize-registration → akan redirect ke /waiting-room
-  const finalizeRes = await fetch('/api/auth/finalize-registration', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ nomor, username, kodeId }),
-    credentials: 'include'
-  });
+    const finalizeRes = await fetch('/api/auth/finalize-registration', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ nomor, username, kodeId }),
+      credentials: 'include'
+    });
 
-  if (finalizeRes.redirected) {
-    // ✅ Redirect otomatis oleh server
-    window.location.href = finalizeRes.url;
-  } else {
     const data = await finalizeRes.json();
-    toast.error(data.message || 'Registrasi gagal');
-  }
-};
+    
+    if (data.success || finalizeRes.redirected) {
+      // ✅ Cleanup setelah registrasi sukses
+      await cleanupStorage();
+      window.location.href = '/waiting-room';
+    } else {
+      toast.error(data.message || 'Registrasi gagal');
+    }
+  };
 
-  // ✅ Verifikasi OTP untuk LOGIN
   const handleLoginVerification = async () => {
     const loginRes = await fetch('/api/auth/verify-otp-login', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ nomor, otp, kodeId }),
+      credentials: 'include'
     });
 
     const loginData = await loginRes.json();
@@ -148,7 +163,8 @@ const handleRegistrationVerification = async () => {
       roleId: Number(roleId),
     });
 
-    cleanupStorage();
+    // ✅ Cleanup setelah login sukses
+    await cleanupStorage();
 
     if (!isActive) {
       window.location.href = '/waiting-room';
@@ -161,23 +177,35 @@ const handleRegistrationVerification = async () => {
 
   const getRedirectPath = (roleId: number): string => {
     switch (roleId) {
-      case 0: // DEVELOPER
-      case 1: // SUPERADMIN
-      case 2: // ADMIN_DESA
+      case 0:
+      case 1:
+      case 2:
         return '/admin/landing-page/profil/program-inovasi';
-      case 3: // ADMIN_KESEHATAN
+      case 3:
         return '/admin/kesehatan/posyandu';
-      case 4: // ADMIN_PENDIDIKAN
+      case 4:
         return '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
       default:
         return '/admin';
     }
   };
 
-  const cleanupStorage = () => {
+  // ✅ CLEANUP FUNCTION - Hapus localStorage + Cookie
+  const cleanupStorage = async () => {
+    // Clear localStorage
     localStorage.removeItem('auth_kodeId');
     localStorage.removeItem('auth_nomor');
     localStorage.removeItem('auth_username');
+    
+    // Clear cookie
+    try {
+      await fetch('/api/auth/clear-flow', {
+        method: 'POST',
+        credentials: 'include'
+      });
+    } catch (error) {
+      console.error('Error clearing flow cookie:', error);
+    }
   };
 
   const handleResend = async () => {
diff --git a/src/app/api/auth/_lib/api_fetch_auth.ts b/src/app/api/auth/_lib/api_fetch_auth.ts
index 19de8fc1..e57486e4 100644
--- a/src/app/api/auth/_lib/api_fetch_auth.ts
+++ b/src/app/api/auth/_lib/api_fetch_auth.ts
@@ -14,6 +14,7 @@ export const apiFetchLogin = async ({ nomor }: { nomor: string }) => {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ nomor: cleanPhone }),
+    credentials: 'include'
   });
 
   // Pastikan respons bisa di-parse sebagai JSON
@@ -58,6 +59,7 @@ export const apiFetchRegister = async ({
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ username: username.trim(), nomor: cleanPhone }),
+    credentials: 'include',
   });
 
   const data = await response.json();
diff --git a/src/app/api/auth/clear-flow/route.ts b/src/app/api/auth/clear-flow/route.ts
new file mode 100644
index 00000000..c5fc8683
--- /dev/null
+++ b/src/app/api/auth/clear-flow/route.ts
@@ -0,0 +1,19 @@
+// app/api/auth/clear-flow/route.ts
+import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
+
+export async function POST() {
+  try {
+    // ✅ Next.js 15 syntax
+    const cookieStore = await cookies();
+    cookieStore.delete('auth_flow');
+    
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('❌ Error clearing flow cookie:', error);
+    return NextResponse.json(
+      { success: false, message: 'Internal server error' },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/get-flow/route.ts b/src/app/api/auth/get-flow/route.ts
new file mode 100644
index 00000000..29ab4e24
--- /dev/null
+++ b/src/app/api/auth/get-flow/route.ts
@@ -0,0 +1,22 @@
+// app/api/auth/get-flow/route.ts
+import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
+
+export async function GET() {
+  try {
+    // ✅ Next.js 15 syntax
+    const cookieStore = await cookies();
+    const flow = cookieStore.get('auth_flow')?.value || 'login';
+    
+    return NextResponse.json({ 
+      success: true, 
+      flow 
+    });
+  } catch (error) {
+    console.error('❌ Error getting flow cookie:', error);
+    return NextResponse.json(
+      { success: false, flow: 'login' },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
index 96333148..eea1caa6 100644
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -2,6 +2,7 @@
 import prisma from "@/lib/prisma";
 import { NextResponse } from "next/server";
 import { randomOTP } from "../_lib/randomOTP";
+import { cookies } from "next/headers";
 
 export async function POST(req: Request) {
   if (req.method !== "POST") {
@@ -29,19 +30,37 @@ export async function POST(req: Request) {
     const isRegistered = !!existingUser;
 
     if (isRegistered) {
-      // ✅ User terdaftar → kirim OTP
       const codeOtp = randomOTP();
       const otpNumber = Number(codeOtp);
 
-      const waMessage = `Website Desa Darmasaba - Kode verifikasi Anda: ${codeOtp}`;
-      const waUrl = `https://wa.wibudev.com/code?nom=${encodeURIComponent(nomor)}&text=${encodeURIComponent(waMessage)}`;
+      // ✅ PERBAIKAN: Gunakan format pesan yang lebih sederhana
+      // Hapus karakter khusus yang bisa bikin masalah
+      const waMessage = `Website Desa Darmasaba\nKode verifikasi Anda ${codeOtp}`;
+      
+      // ✅ OPSI 1: Tanpa encoding (coba dulu ini)
+      const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${waMessage}`;
+      
+      // ✅ OPSI 2: Dengan encoding (kalau opsi 1 gagal)
+      // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodeURIComponent(waMessage)}`;
+      
+      // ✅ OPSI 3: Encoding manual untuk URL-safe (alternatif terakhir)
+      // const encodedMessage = waMessage.replace(/\n/g, '%0A').replace(/ /g, '%20');
+      // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodedMessage}`;
 
+      console.log("🔍 Debug WA URL:", waUrl); // Untuk debugging
+      
       const res = await fetch(waUrl);
       const sendWa = await res.json();
 
+      console.log("📱 WA Response:", sendWa); // Debug response
+
       if (sendWa.status !== "success") {
         return NextResponse.json(
-          { success: false, message: "Gagal mengirim OTP via WhatsApp" },
+          { 
+            success: false, 
+            message: "Gagal mengirim OTP via WhatsApp",
+            debug: sendWa // Tampilkan error detail
+          },
           { status: 400 }
         );
       }
@@ -50,6 +69,15 @@ export async function POST(req: Request) {
         data: { nomor, otp: otpNumber, isActive: true },
       });
 
+      const cookieStore = await cookies();
+      cookieStore.set('auth_flow', 'login', {
+        httpOnly: true,
+        secure: process.env.NODE_ENV === 'production',
+        sameSite: 'lax',
+        maxAge: 60 * 5, // 5 menit
+        path: '/'
+      });
+
       return NextResponse.json({
         success: true,
         message: "Kode verifikasi dikirim",
@@ -57,16 +85,14 @@ export async function POST(req: Request) {
         isRegistered: true,
       });
     } else {
-      // ❌ User belum terdaftar → JANGAN kirim OTP
       return NextResponse.json({
         success: true,
         message: "Nomor belum terdaftar",
         isRegistered: false,
-        // Tidak ada kodeId
       });
     }
   } catch (error) {
-    console.error("Error Login:", error);
+    console.error("❌ Error Login:", error);
     return NextResponse.json(
       { success: false, message: "Terjadi kesalahan saat login" },
       { status: 500 }
diff --git a/src/app/api/auth/register/route.ts b/src/app/api/auth/register/route.ts
index ff87c8e3..0ffac336 100644
--- a/src/app/api/auth/register/route.ts
+++ b/src/app/api/auth/register/route.ts
@@ -1,6 +1,7 @@
 import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
 import prisma from '@/lib/prisma';
-import { randomOTP } from '../_lib/randomOTP'; // pastikan ada
+import { randomOTP } from '../_lib/randomOTP';
 
 export async function POST(req: Request) {
   try {
@@ -36,7 +37,17 @@ export async function POST(req: Request) {
       data: { nomor, otp: otpNumber, isActive: true }
     });
 
-    // ✅ Kembalikan kodeId (jangan buat user di sini!)
+    // ✅ Set cookie flow=register (Next.js 15+ syntax)
+    const cookieStore = await cookies();
+    cookieStore.set('auth_flow', 'register', {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      maxAge: 60 * 5, // 5 menit
+      path: '/'
+    });
+
+    // ✅ Kembalikan kodeId
     return NextResponse.json({
       success: true,
       message: 'Kode verifikasi dikirim',
diff --git a/src/app/api/auth/set-flow/route.ts b/src/app/api/auth/set-flow/route.ts
new file mode 100644
index 00000000..b53d9eab
--- /dev/null
+++ b/src/app/api/auth/set-flow/route.ts
@@ -0,0 +1,34 @@
+// app/api/auth/set-flow/route.ts
+import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
+
+export async function POST(request: Request) {
+  try {
+    const { flow } = await request.json();
+    
+    if (!flow || !['login', 'register'].includes(flow)) {
+      return NextResponse.json(
+        { success: false, message: 'Invalid flow parameter' },
+        { status: 400 }
+      );
+    }
+    
+    // ✅ Next.js 15 syntax
+    const cookieStore = await cookies();
+    cookieStore.set('auth_flow', flow, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      maxAge: 60 * 5,
+      path: '/'
+    });
+    
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('❌ Error setting flow cookie:', error);
+    return NextResponse.json(
+      { success: false, message: 'Internal server error' },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
-- 
2.49.1


From 036fc86fedd3ded5b928bd72991803c635fe2a30 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 27 Nov 2025 16:45:47 +0800
Subject: [PATCH 28/97] Fix eror registrasi 1

---
 .../(dashboard)/auth/validasi-admin/page.tsx  |  1 +
 .../api/auth/finalize-registration/route.ts   | 48 +++++++++++++++----
 2 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 60871f00..5307bf87 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -114,6 +114,7 @@ export default function Validasi() {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ nomor: cleanNomor, otp, kodeId }),
+      credentials: 'include'
     });
 
     const verifyData = await verifyRes.json();
diff --git a/src/app/api/auth/finalize-registration/route.ts b/src/app/api/auth/finalize-registration/route.ts
index fe50ae08..cc6b16cd 100644
--- a/src/app/api/auth/finalize-registration/route.ts
+++ b/src/app/api/auth/finalize-registration/route.ts
@@ -3,6 +3,21 @@ import prisma from "@/lib/prisma";
 import { NextResponse } from "next/server";
 import { sessionCreate } from "../_lib/session_create";
 
+// ✅ Gunakan STRING untuk roleId
+const DEFAULT_MENUS_BY_ROLE: Record<string, string[]> = {
+  "0": [
+    "Landing Page", "PPID", "Desa", "Kesehatan", "Keamanan",
+    "Ekonomi", "Inovasi", "Lingkungan", "Pendidikan", "User & Role"
+  ],
+  "1": [
+    "Landing Page", "PPID", "Desa", "Keamanan",
+    "Ekonomi", "Inovasi", "Lingkungan", "User & Role"
+  ],
+  "2": ["Landing Page", "Desa", "Ekonomi", "Inovasi", "Lingkungan"],
+  "3": ["Kesehatan"],
+  "4": ["Pendidikan"],
+};
+
 export async function POST(req: Request) {
   try {
     const { nomor, username, kodeId } = await req.json();
@@ -30,27 +45,43 @@ export async function POST(req: Request) {
       );
     }
 
-    const defaultRole = await prisma.role.findFirst({
-      where: { name: "ADMIN DESA" },
-      select: { id: true },
+    // 🔥 Tentukan roleId sebagai STRING
+    const targetRoleId = "1"; // ✅ string, bukan number
+
+    // Validasi role (gunakan string)
+    const roleExists = await prisma.role.findUnique({
+      where: { id: targetRoleId }, // ✅ id bertipe string
+      select: { id: true }
     });
 
-    if (!defaultRole) {
+    if (!roleExists) {
       return NextResponse.json(
-        { success: false, message: "Role default tidak ditemukan" },
-        { status: 500 }
+        { success: false, message: "Role tidak valid" },
+        { status: 400 }
       );
     }
 
+    // Buat user dengan roleId string
     const newUser = await prisma.user.create({
       data: {
         username,
         nomor,
-        roleId: defaultRole.id,
+        roleId: targetRoleId, // ✅ string
         isActive: false,
       },
     });
 
+    // Berikan akses menu
+    const menuIds = DEFAULT_MENUS_BY_ROLE[targetRoleId] || [];
+    if (menuIds.length > 0) {
+      await prisma.userMenuAccess.createMany({
+        data: menuIds.map(menuId => ({
+          userId: newUser.id,
+          menuId,
+        })),
+      });
+    }
+
     await prisma.kodeOtp.update({
       where: { id: kodeId },
       data: { isActive: false },
@@ -64,13 +95,12 @@ export async function POST(req: Request) {
         id: newUser.id,
         nomor: newUser.nomor,
         username: newUser.username,
-        roleId: newUser.roleId,
+        roleId: newUser.roleId, // string
         isActive: false,
       },
       invalidatePrevious: false,
     });
 
-    // ✅ REDIRECT DARI SERVER — cookie pasti tersedia
     const response = NextResponse.redirect(new URL('/waiting-room', req.url));
     response.cookies.set(process.env.BASE_SESSION_KEY!, token, {
       httpOnly: true,
-- 
2.49.1


From dbf7c3422801b20d4245945f0b3cb3aa279bafc7 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 27 Nov 2025 17:08:17 +0800
Subject: [PATCH 29/97] Fix eror registrasi 2

---
 prisma/seed.ts                  | 3 ++-
 src/app/api/auth/login/route.ts | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/prisma/seed.ts b/prisma/seed.ts
index 30ba668f..bb52224d 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -71,8 +71,9 @@ import { safeSeedUnique } from "./safeseedUnique";
 
       await safeSeedUnique(
         "role",
-        { id: roleData.id },
+        { name: roleData.name },
         {
+          id: roleData.id,
           name: roleData.name,
           description: roleData.description,
           permissions: roleData.permissions || {}, // ✅ Include permissions
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
index eea1caa6..febb4720 100644
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -37,11 +37,11 @@ export async function POST(req: Request) {
       // Hapus karakter khusus yang bisa bikin masalah
       const waMessage = `Website Desa Darmasaba\nKode verifikasi Anda ${codeOtp}`;
       
-      // ✅ OPSI 1: Tanpa encoding (coba dulu ini)
-      const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${waMessage}`;
+      // // ✅ OPSI 1: Tanpa encoding (coba dulu ini)
+      // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${waMessage}`;
       
       // ✅ OPSI 2: Dengan encoding (kalau opsi 1 gagal)
-      // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodeURIComponent(waMessage)}`;
+      const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodeURIComponent(waMessage)}`;
       
       // ✅ OPSI 3: Encoding manual untuk URL-safe (alternatif terakhir)
       // const encodedMessage = waMessage.replace(/\n/g, '%0A').replace(/ /g, '%20');
-- 
2.49.1


From 67f29aabef8f03b6f26b2e91824969df26e4a7f6 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 27 Nov 2025 18:53:33 +0800
Subject: [PATCH 30/97] Balik ke awal

---
 src/app/waiting-room/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/waiting-room/page.tsx b/src/app/waiting-room/page.tsx
index a6ec5c74..8e08c921 100644
--- a/src/app/waiting-room/page.tsx
+++ b/src/app/waiting-room/page.tsx
@@ -32,6 +32,7 @@ export default function WaitingRoom() {
   const [retryCount, setRetryCount] = useState(0);
   const MAX_RETRIES = 2;
 
+  
   useEffect(() => {
     let isMounted = true;
     let interval: ReturnType<typeof setInterval>;
-- 
2.49.1


From 066180fc0eca2b0ad6cd4f345f0b3bf97a1a476f Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 28 Nov 2025 11:13:20 +0800
Subject: [PATCH 31/97] Fix registrasi, waitong-room, & tampilan layout sesuai
 id

---
 .../(dashboard)/auth/validasi-admin/page.tsx  |  25 +-
 src/app/admin/layout.tsx                      | 619 +++++++++++++-----
 .../api/auth/finalize-registration/route.ts   |  59 +-
 src/app/waiting-room/page.tsx                 |   6 +-
 4 files changed, 520 insertions(+), 189 deletions(-)

diff --git a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
index 5307bf87..e6fe0a4b 100644
--- a/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/validasi-admin/page.tsx
@@ -19,7 +19,7 @@ import { authStore } from '@/store/authStore';
 
 export default function Validasi() {
   const router = useRouter();
-  
+
   const [nomor, setNomor] = useState<string | null>(null);
   const [otp, setOtp] = useState('');
   const [loading, setLoading] = useState(false);
@@ -35,7 +35,7 @@ export default function Validasi() {
           credentials: 'include'
         });
         const data = await res.json();
-        
+
         if (data.success) {
           setIsRegistrationFlow(data.flow === 'register');
           console.log('🔍 Flow detected from cookie:', data.flow);
@@ -45,7 +45,7 @@ export default function Validasi() {
         setIsRegistrationFlow(false);
       }
     };
-    
+
     checkFlow();
   }, []);
 
@@ -110,6 +110,7 @@ export default function Validasi() {
       return;
     }
 
+    // ✅ Verify OTP
     const verifyRes = await fetch('/api/auth/verify-otp-register', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -123,19 +124,25 @@ export default function Validasi() {
       return;
     }
 
+    // ✅ Finalize registration
     const finalizeRes = await fetch('/api/auth/finalize-registration', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ nomor, username, kodeId }),
+      body: JSON.stringify({ nomor: cleanNomor, username, kodeId }),
       credentials: 'include'
     });
 
     const data = await finalizeRes.json();
-    
-    if (data.success || finalizeRes.redirected) {
-      // ✅ Cleanup setelah registrasi sukses
+
+    // ✅ Check JSON response (bukan redirect)
+    if (data.success) {
+      toast.success('Registrasi berhasil! Menunggu persetujuan admin.');
       await cleanupStorage();
-      window.location.href = '/waiting-room';
+
+      // ✅ Client-side redirect
+      setTimeout(() => {
+        window.location.href = '/waiting-room';
+      }, 1000);
     } else {
       toast.error(data.message || 'Registrasi gagal');
     }
@@ -197,7 +204,7 @@ export default function Validasi() {
     localStorage.removeItem('auth_kodeId');
     localStorage.removeItem('auth_nomor');
     localStorage.removeItem('auth_username');
-    
+
     // Clear cookie
     try {
       await fetch('/api/auth/clear-flow', {
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 9dc3b944..81a125a9 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,3 +1,399 @@
+// 'use client'
+
+// import colors from "@/con/colors";
+// import { authStore } from "@/store/authStore";
+// import {
+//   ActionIcon,
+//   AppShell,
+//   AppShellHeader,
+//   AppShellMain,
+//   AppShellNavbar,
+//   Burger,
+//   Center,
+//   Flex,
+//   Group,
+//   Image,
+//   Loader,
+//   NavLink,
+//   ScrollArea,
+//   Text,
+//   Tooltip,
+//   rem
+// } from "@mantine/core";
+// import { useDisclosure } from "@mantine/hooks";
+// import {
+//   IconChevronLeft,
+//   IconChevronRight,
+//   IconLogout2
+// } from "@tabler/icons-react";
+// import _ from "lodash";
+// import Link from "next/link";
+// import { useRouter, useSelectedLayoutSegments } from "next/navigation";
+// import { useEffect, useState } from "react";
+// // import { useSnapshot } from "valtio";
+// import { getNavbar } from "./(dashboard)/user&role/_com/dynamicNavbar";
+
+// export default function Layout({ children }: { children: React.ReactNode }) {
+//   const [opened, { toggle }] = useDisclosure();
+//   const [loading, setLoading] = useState(true);
+//   const [isLoggingOut, setIsLoggingOut] = useState(false);
+//   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
+//   const router = useRouter();
+//   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
+
+//   // const { user } = useSnapshot(authStore);
+
+//   // console.log("Current user in store:", user);
+
+//   // ✅ FIX: Selalu fetch user data setiap kali komponen mount
+//   useEffect(() => {
+//     const fetchUser = async () => {
+//       try {
+//         const res = await fetch('/api/auth/me');
+//         const data = await res.json();
+
+//         if (data.user) {
+//           // ✅ Check if user is NOT active → redirect to waiting room
+//           if (!data.user.isActive) {
+//             authStore.setUser(null);
+//             router.replace('/waiting-room');
+//             return;
+//           }
+
+//           // ✅ Fetch menuIds
+//           const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
+//           const menuData = await menuRes.json();
+
+//           const menuIds = menuData.success && Array.isArray(menuData.menuIds)
+//             ? [...menuData.menuIds]
+//             : null;
+
+//           // ✅ Set user dengan menuIds yang fresh
+//           authStore.setUser({
+//             id: data.user.id,
+//             name: data.user.name,
+//             roleId: Number(data.user.roleId),
+//             menuIds,
+//             isActive: data.user.isActive
+//           });
+
+//           // ✅ TAMBAHKAN INI: Redirect ke dashboard sesuai roleId
+//           const currentPath = window.location.pathname;
+//           const expectedPath = getRedirectPath(Number(data.user.roleId));
+
+//           // Jika user di halaman /admin tapi bukan di path yang sesuai roleId
+//           if (currentPath === '/admin' || !currentPath.startsWith(expectedPath)) {
+//             router.replace(expectedPath);
+//           }
+
+//         } else {
+//           authStore.setUser(null);
+//           router.replace('/login');
+//         }
+//       } catch (error) {
+//         console.error('Gagal memuat data pengguna:', error);
+//         authStore.setUser(null);
+//         router.replace('/login');
+//       } finally {
+//         setLoading(false);
+//       }
+//     };
+
+//     fetchUser();
+//   }, [router]);
+
+//   // ✅ Fungsi helper untuk get redirect path
+//   const getRedirectPath = (roleId: number): string => {
+//     switch (roleId) {
+//       case 0: // DEVELOPER
+//       case 1: // SUPERADMIN
+//       case 2: // ADMIN_DESA
+//         return '/admin/landing-page/profil/program-inovasi';
+//       case 3: // ADMIN_KESEHATAN
+//         return '/admin/kesehatan/posyandu';
+//       case 4: // ADMIN_PENDIDIKAN
+//         return '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
+//       default:
+//         return '/admin';
+//     }
+//   };
+
+//   if (loading) {
+//     return (
+//       <AppShell>
+//         <AppShellMain>
+//           <Center h="100vh">
+//             <Loader />
+//           </Center>
+//         </AppShellMain>
+//       </AppShell>
+//     );
+//   }
+
+//   // ✅ Ambil menu berdasarkan roleId dan menuIds
+//   const currentNav = authStore.user
+//     ? getNavbar({ roleId: authStore.user.roleId, menuIds: authStore.user.menuIds })
+//     : [];
+
+//   const handleLogout = async () => {
+//     try {
+//       setIsLoggingOut(true);
+
+//       // ✅ Panggil API logout untuk clear session di server
+//       const response = await fetch('/api/auth/logout', { method: 'POST' });
+//       const result = await response.json();
+
+//       if (result.success) {
+//         // Clear user data dari store
+//         authStore.setUser(null);
+
+//         // Clear localStorage
+//         localStorage.removeItem('auth_nomor');
+//         localStorage.removeItem('auth_kodeId');
+
+//         // Force reload untuk reset semua state
+//         window.location.href = '/login';
+//       } else {
+//         console.error('Logout failed:', result.message);
+//         // Tetap redirect meskipun gagal
+//         authStore.setUser(null);
+//         window.location.href = '/login';
+//       }
+//     } catch (error) {
+//       console.error('Error during logout:', error);
+//       // Tetap clear store dan redirect jika error
+//       authStore.setUser(null);
+//       window.location.href = '/login';
+//     } finally {
+//       setIsLoggingOut(false);
+//     }
+//   };
+
+//   return (
+//     <AppShell
+//       suppressHydrationWarning
+//       header={{ height: 64 }}
+//       navbar={{
+//         width: { base: 260, sm: 280, lg: 300 },
+//         breakpoint: 'sm',
+//         collapsed: {
+//           mobile: !opened,
+//           desktop: !desktopOpened,
+//         },
+//       }}
+//       padding="md"
+//     >
+//       <AppShellHeader
+//         style={{
+//           background: "linear-gradient(90deg, #ffffff, #f9fbff)",
+//           borderBottom: `1px solid ${colors["blue-button"]}20`,
+//           padding: '0 16px',
+//         }}
+//         px={{ base: 'sm', sm: 'md' }}
+//         py={{ base: 'xs', sm: 'sm' }}
+//       >
+//         <Group w="100%" h="100%" justify="space-between" wrap="nowrap">
+//           <Flex align="center" gap="sm">
+//             <Image
+//               src="/assets/images/darmasaba-icon.png"
+//               alt="Logo Darmasaba"
+//               w={{ base: 32, sm: 40 }}
+//               h={{ base: 32, sm: 40 }}
+//               radius="md"
+//               loading="lazy"
+//               style={{
+//                 minWidth: '32px',
+//                 height: 'auto',
+//               }}
+//             />
+//             <Text
+//               fw={700}
+//               c={colors["blue-button"]}
+//               fz={{ base: 'md', sm: 'xl' }}
+//             >
+//               Admin Darmasaba
+//             </Text>
+//           </Flex>
+
+//           <Group gap="xs">
+//             {!desktopOpened && (
+//               <Tooltip label="Buka Navigasi" position="bottom" withArrow>
+//                 <ActionIcon
+//                   variant="light"
+//                   radius="xl"
+//                   size="lg"
+//                   onClick={toggleDesktop}
+//                   color={colors["blue-button"]}
+//                 >
+//                   <IconChevronRight />
+//                 </ActionIcon>
+//               </Tooltip>
+//             )}
+
+//             <Burger
+//               opened={opened}
+//               onClick={toggle}
+//               hiddenFrom="sm"
+//               size="md"
+//               color={colors["blue-button"]}
+//               mr="xs"
+//             />
+
+//             <Tooltip label="Kembali ke Website Desa" position="bottom" withArrow>
+//               <ActionIcon
+//                 onClick={() => {
+//                   router.push("/darmasaba");
+//                 }}
+//                 color={colors["blue-button"]}
+//                 radius="xl"
+//                 size="lg"
+//                 variant="gradient"
+//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
+//               >
+//                 <Image
+//                   src="/assets/images/darmasaba-icon.png"
+//                   alt="Logo Darmasaba"
+//                   w={20}
+//                   h={20}
+//                   radius="md"
+//                   loading="lazy"
+//                   style={{
+//                     minWidth: '20px',
+//                     height: 'auto',
+//                   }}
+//                 />
+//               </ActionIcon>
+//             </Tooltip>
+//             <Tooltip label="Keluar" position="bottom" withArrow>
+//               <ActionIcon
+//                 onClick={handleLogout}
+//                 color={colors["blue-button"]}
+//                 radius="xl"
+//                 size="lg"
+//                 variant="gradient"
+//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
+//                 loading={isLoggingOut}
+//                 disabled={isLoggingOut}
+//               >
+//                 <IconLogout2 size={22} />
+//               </ActionIcon>
+//             </Tooltip>
+//           </Group>
+//         </Group>
+//       </AppShellHeader>
+
+//       <AppShellNavbar
+//         component={ScrollArea}
+//         style={{
+//           background: "#ffffff",
+//           borderRight: `1px solid ${colors["blue-button"]}20`,
+//         }}
+//         p={{ base: 'xs', sm: 'sm' }}
+//       >
+//         <AppShell.Section p="sm">
+//           {currentNav.map((v, k) => {
+//             const isParentActive = segments.includes(_.lowerCase(v.name));
+
+//             return (
+//               <NavLink
+//                 key={k}
+//                 defaultOpened={isParentActive}
+//                 c={isParentActive ? colors["blue-button"] : "gray"}
+//                 label={
+//                   <Text fw={isParentActive ? 600 : 400} fz="sm">
+//                     {v.name}
+//                   </Text>
+//                 }
+//                 style={{
+//                   borderRadius: rem(10),
+//                   marginBottom: rem(4),
+//                   transition: "background 150ms ease",
+//                 }}
+//                 styles={{
+//                   root: {
+//                     '&:hover': {
+//                       backgroundColor: 'rgba(25, 113, 194, 0.05)',
+//                     },
+//                   },
+//                 }}
+//                 variant="light"
+//                 active={isParentActive}
+//               >
+//                 {v.children.map((child, key) => {
+//                   const isChildActive = segments.includes(
+//                     _.lowerCase(child.name)
+//                   );
+
+//                   return (
+//                     <NavLink
+//                       key={key}
+//                       href={child.path}
+//                       c={isChildActive ? colors["blue-button"] : "gray"}
+//                       label={
+//                         <Text fw={isChildActive ? 600 : 400} fz="sm">
+//                           {child.name}
+//                         </Text>
+//                       }
+//                       styles={{
+//                         root: {
+//                           borderRadius: rem(8),
+//                           marginBottom: rem(2),
+//                           transition: 'background 150ms ease',
+//                           padding: '6px 12px',
+//                           '&:hover': {
+//                             backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)',
+//                           },
+//                           ...(isChildActive && {
+//                             backgroundColor: 'rgba(25, 113, 194, 0.1)',
+//                           }),
+//                         },
+//                       }}
+//                       active={isChildActive}
+//                       component={Link}
+//                     />
+//                   );
+//                 })}
+//               </NavLink>
+//             );
+//           })}
+//         </AppShell.Section>
+
+//         <AppShell.Section py="md">
+//           <Group justify="end" pr="sm">
+//             <Tooltip
+//               label={desktopOpened ? "Tutup Navigasi" : "Buka Navigasi"}
+//               position="top"
+//               withArrow
+//             >
+//               <ActionIcon
+//                 variant="light"
+//                 radius="xl"
+//                 size="lg"
+//                 onClick={toggleDesktop}
+//                 color={colors["blue-button"]}
+//               >
+//                 <IconChevronLeft />
+//               </ActionIcon>
+//             </Tooltip>
+//           </Group>
+//         </AppShell.Section>
+//       </AppShellNavbar>
+
+//       <AppShellMain
+//         style={{
+//           background: "linear-gradient(180deg, #fdfdfd, #f6f9fc)",
+//           minHeight: "100vh",
+//         }}
+//       >
+//         {children}
+//       </AppShellMain>
+//     </AppShell>
+//   );
+// }
+
+
+// app/admin/layout.tsx
+
 'use client'
 
 import colors from "@/con/colors";
@@ -30,7 +426,6 @@ import _ from "lodash";
 import Link from "next/link";
 import { useRouter, useSelectedLayoutSegments } from "next/navigation";
 import { useEffect, useState } from "react";
-// import { useSnapshot } from "valtio";
 import { getNavbar } from "./(dashboard)/user&role/_com/dynamicNavbar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
@@ -41,41 +436,51 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
 
-  // const { user } = useSnapshot(authStore);
-
-  // console.log("Current user in store:", user);
-
-  // ✅ FIX: Selalu fetch user data setiap kali komponen mount
   useEffect(() => {
     const fetchUser = async () => {
       try {
-        const res = await fetch('/api/auth/me');
+        const res = await fetch('/api/auth/me', {
+          credentials: 'include' // ✅ ADD credentials
+        });
         const data = await res.json();
 
         if (data.user) {
-          // Check if user is active
+          // ✅ Check if user is NOT active → redirect to waiting room
           if (!data.user.isActive) {
             authStore.setUser(null);
             router.replace('/waiting-room');
             return;
           }
 
-          // ✅ PENTING: Selalu fetch menuIds terbaru setiap login
-          const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
+          // ✅ Fetch menuIds
+          const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`, {
+            credentials: 'include' // ✅ ADD credentials
+          });
           const menuData = await menuRes.json();
 
           const menuIds = menuData.success && Array.isArray(menuData.menuIds)
             ? [...menuData.menuIds]
             : null;
 
-          // ✅ Set user dengan menuIds yang fresh dari database
+          // ✅ Set user dengan menuIds yang fresh
           authStore.setUser({
             id: data.user.id,
             name: data.user.name,
             roleId: Number(data.user.roleId),
-            menuIds, // menuIds terbaru
+            menuIds,
             isActive: data.user.isActive
           });
+
+          // ✅ IMPROVED: Redirect ONLY if di root /admin
+          const currentPath = window.location.pathname;
+          
+          if (currentPath === '/admin') {
+            const expectedPath = getRedirectPath(Number(data.user.roleId));
+            console.log('🔄 Redirecting from /admin to:', expectedPath);
+            router.replace(expectedPath);
+          }
+          // ✅ Jangan redirect jika user sudah di path yang valid
+
         } else {
           authStore.setUser(null);
           router.replace('/login');
@@ -90,7 +495,22 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     };
 
     fetchUser();
-  }, [router]); // ✅ Hapus dependency pada authStore.user
+  }, [router]); // ✅ Only depend on router
+
+  const getRedirectPath = (roleId: number): string => {
+    switch (roleId) {
+      case 0: // DEVELOPER
+      case 1: // SUPERADMIN
+      case 2: // ADMIN_DESA
+        return '/admin/landing-page/profil/program-inovasi';
+      case 3: // ADMIN_KESEHATAN
+        return '/admin/kesehatan/posyandu';
+      case 4: // ADMIN_PENDIDIKAN
+        return '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
+      default:
+        return '/admin';
+    }
+  };
 
   if (loading) {
     return (
@@ -104,7 +524,6 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     );
   }
 
-  // ✅ Ambil menu berdasarkan roleId dan menuIds
   const currentNav = authStore.user
     ? getNavbar({ roleId: authStore.user.roleId, menuIds: authStore.user.menuIds })
     : [];
@@ -112,30 +531,26 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   const handleLogout = async () => {
     try {
       setIsLoggingOut(true);
-      
-      // ✅ Panggil API logout untuk clear session di server
-      const response = await fetch('/api/auth/logout', { method: 'POST' });
+
+      const response = await fetch('/api/auth/logout', { 
+        method: 'POST',
+        credentials: 'include' // ✅ ADD credentials
+      });
       const result = await response.json();
-      
+
       if (result.success) {
-        // Clear user data dari store
         authStore.setUser(null);
-        
-        // Clear localStorage
         localStorage.removeItem('auth_nomor');
         localStorage.removeItem('auth_kodeId');
-        
-        // Force reload untuk reset semua state
+        localStorage.removeItem('auth_username');
         window.location.href = '/login';
       } else {
         console.error('Logout failed:', result.message);
-        // Tetap redirect meskipun gagal
         authStore.setUser(null);
         window.location.href = '/login';
       }
     } catch (error) {
       console.error('Error during logout:', error);
-      // Tetap clear store dan redirect jika error
       authStore.setUser(null);
       window.location.href = '/login';
     } finally {
@@ -157,6 +572,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       }}
       padding="md"
     >
+      {/* ... rest of your JSX (Header, Navbar, Main) sama seperti sebelumnya ... */}
       <AppShellHeader
         style={{
           background: "linear-gradient(90deg, #ffffff, #f9fbff)",
@@ -175,16 +591,9 @@ export default function Layout({ children }: { children: React.ReactNode }) {
               h={{ base: 32, sm: 40 }}
               radius="md"
               loading="lazy"
-              style={{
-                minWidth: '32px',
-                height: 'auto',
-              }}
+              style={{ minWidth: '32px', height: 'auto' }}
             />
-            <Text
-              fw={700}
-              c={colors["blue-button"]}
-              fz={{ base: 'md', sm: 'xl' }}
-            >
+            <Text fw={700} c={colors["blue-button"]} fz={{ base: 'md', sm: 'xl' }}>
               Admin Darmasaba
             </Text>
           </Flex>
@@ -192,63 +601,22 @@ export default function Layout({ children }: { children: React.ReactNode }) {
           <Group gap="xs">
             {!desktopOpened && (
               <Tooltip label="Buka Navigasi" position="bottom" withArrow>
-                <ActionIcon
-                  variant="light"
-                  radius="xl"
-                  size="lg"
-                  onClick={toggleDesktop}
-                  color={colors["blue-button"]}
-                >
+                <ActionIcon variant="light" radius="xl" size="lg" onClick={toggleDesktop} color={colors["blue-button"]}>
                   <IconChevronRight />
                 </ActionIcon>
               </Tooltip>
             )}
 
-            <Burger
-              opened={opened}
-              onClick={toggle}
-              hiddenFrom="sm"
-              size="md"
-              color={colors["blue-button"]}
-              mr="xs"
-            />
+            <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size="md" color={colors["blue-button"]} mr="xs" />
 
             <Tooltip label="Kembali ke Website Desa" position="bottom" withArrow>
-              <ActionIcon
-                onClick={() => {
-                  router.push("/darmasaba");
-                }}
-                color={colors["blue-button"]}
-                radius="xl"
-                size="lg"
-                variant="gradient"
-                gradient={{ from: colors["blue-button"], to: "#228be6" }}
-              >
-                <Image
-                  src="/assets/images/darmasaba-icon.png"
-                  alt="Logo Darmasaba"
-                  w={20}
-                  h={20}
-                  radius="md"
-                  loading="lazy"
-                  style={{
-                    minWidth: '20px',
-                    height: 'auto',
-                  }}
-                />
+              <ActionIcon onClick={() => router.push("/darmasaba")} color={colors["blue-button"]} radius="xl" size="lg" variant="gradient" gradient={{ from: colors["blue-button"], to: "#228be6" }}>
+                <Image src="/assets/images/darmasaba-icon.png" alt="Logo Darmasaba" w={20} h={20} radius="md" loading="lazy" style={{ minWidth: '20px', height: 'auto' }} />
               </ActionIcon>
             </Tooltip>
+
             <Tooltip label="Keluar" position="bottom" withArrow>
-              <ActionIcon
-                onClick={handleLogout}
-                color={colors["blue-button"]}
-                radius="xl"
-                size="lg"
-                variant="gradient"
-                gradient={{ from: colors["blue-button"], to: "#228be6" }}
-                loading={isLoggingOut}
-                disabled={isLoggingOut}
-              >
+              <ActionIcon onClick={handleLogout} color={colors["blue-button"]} radius="xl" size="lg" variant="gradient" gradient={{ from: colors["blue-button"], to: "#228be6" }} loading={isLoggingOut} disabled={isLoggingOut}>
                 <IconLogout2 size={22} />
               </ActionIcon>
             </Tooltip>
@@ -256,75 +624,17 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         </Group>
       </AppShellHeader>
 
-      <AppShellNavbar
-        component={ScrollArea}
-        style={{
-          background: "#ffffff",
-          borderRight: `1px solid ${colors["blue-button"]}20`,
-        }}
-        p={{ base: 'xs', sm: 'sm' }}
-      >
+      <AppShellNavbar component={ScrollArea} style={{ background: "#ffffff", borderRight: `1px solid ${colors["blue-button"]}20` }} p={{ base: 'xs', sm: 'sm' }}>
+        {/* ... Navbar content sama seperti sebelumnya ... */}
         <AppShell.Section p="sm">
           {currentNav.map((v, k) => {
             const isParentActive = segments.includes(_.lowerCase(v.name));
-
             return (
-              <NavLink
-                key={k}
-                defaultOpened={isParentActive}
-                c={isParentActive ? colors["blue-button"] : "gray"}
-                label={
-                  <Text fw={isParentActive ? 600 : 400} fz="sm">
-                    {v.name}
-                  </Text>
-                }
-                style={{
-                  borderRadius: rem(10),
-                  marginBottom: rem(4),
-                  transition: "background 150ms ease",
-                }}
-                styles={{
-                  root: {
-                    '&:hover': {
-                      backgroundColor: 'rgba(25, 113, 194, 0.05)',
-                    },
-                  },
-                }}
-                variant="light"
-                active={isParentActive}
-              >
+              <NavLink key={k} defaultOpened={isParentActive} c={isParentActive ? colors["blue-button"] : "gray"} label={<Text fw={isParentActive ? 600 : 400} fz="sm">{v.name}</Text>} style={{ borderRadius: rem(10), marginBottom: rem(4), transition: "background 150ms ease" }} styles={{ root: { '&:hover': { backgroundColor: 'rgba(25, 113, 194, 0.05)' } } }} variant="light" active={isParentActive}>
                 {v.children.map((child, key) => {
-                  const isChildActive = segments.includes(
-                    _.lowerCase(child.name)
-                  );
-
+                  const isChildActive = segments.includes(_.lowerCase(child.name));
                   return (
-                    <NavLink
-                      key={key}
-                      href={child.path}
-                      c={isChildActive ? colors["blue-button"] : "gray"}
-                      label={
-                        <Text fw={isChildActive ? 600 : 400} fz="sm">
-                          {child.name}
-                        </Text>
-                      }
-                      styles={{
-                        root: {
-                          borderRadius: rem(8),
-                          marginBottom: rem(2),
-                          transition: 'background 150ms ease',
-                          padding: '6px 12px',
-                          '&:hover': {
-                            backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)',
-                          },
-                          ...(isChildActive && {
-                            backgroundColor: 'rgba(25, 113, 194, 0.1)',
-                          }),
-                        },
-                      }}
-                      active={isChildActive}
-                      component={Link}
-                    />
+                    <NavLink key={key} href={child.path} c={isChildActive ? colors["blue-button"] : "gray"} label={<Text fw={isChildActive ? 600 : 400} fz="sm">{child.name}</Text>} styles={{ root: { borderRadius: rem(8), marginBottom: rem(2), transition: 'background 150ms ease', padding: '6px 12px', '&:hover': { backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)' }, ...(isChildActive && { backgroundColor: 'rgba(25, 113, 194, 0.1)' }) } }} active={isChildActive} component={Link} />
                   );
                 })}
               </NavLink>
@@ -334,18 +644,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 
         <AppShell.Section py="md">
           <Group justify="end" pr="sm">
-            <Tooltip
-              label={desktopOpened ? "Tutup Navigasi" : "Buka Navigasi"}
-              position="top"
-              withArrow
-            >
-              <ActionIcon
-                variant="light"
-                radius="xl"
-                size="lg"
-                onClick={toggleDesktop}
-                color={colors["blue-button"]}
-              >
+            <Tooltip label={desktopOpened ? "Tutup Navigasi" : "Buka Navigasi"} position="top" withArrow>
+              <ActionIcon variant="light" radius="xl" size="lg" onClick={toggleDesktop} color={colors["blue-button"]}>
                 <IconChevronLeft />
               </ActionIcon>
             </Tooltip>
@@ -353,12 +653,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         </AppShell.Section>
       </AppShellNavbar>
 
-      <AppShellMain
-        style={{
-          background: "linear-gradient(180deg, #fdfdfd, #f6f9fc)",
-          minHeight: "100vh",
-        }}
-      >
+      <AppShellMain style={{ background: "linear-gradient(180deg, #fdfdfd, #f6f9fc)", minHeight: "100vh" }}>
         {children}
       </AppShellMain>
     </AppShell>
diff --git a/src/app/api/auth/finalize-registration/route.ts b/src/app/api/auth/finalize-registration/route.ts
index cc6b16cd..40faa181 100644
--- a/src/app/api/auth/finalize-registration/route.ts
+++ b/src/app/api/auth/finalize-registration/route.ts
@@ -30,7 +30,12 @@ export async function POST(req: Request) {
       );
     }
 
-    const otpRecord = await prisma.kodeOtp.findUnique({ where: { id: kodeId } });
+    // Verify OTP
+    const otpRecord = await prisma.kodeOtp.findUnique({ 
+      where: { id: kodeId },
+      select: { nomor: true, isActive: true }
+    });
+
     if (!otpRecord?.isActive || otpRecord.nomor !== cleanNomor) {
       return NextResponse.json(
         { success: false, message: "OTP tidak valid" },
@@ -38,6 +43,7 @@ export async function POST(req: Request) {
       );
     }
 
+    // Check duplicate username
     if (await prisma.user.findFirst({ where: { username } })) {
       return NextResponse.json(
         { success: false, message: "Username sudah digunakan" },
@@ -45,12 +51,20 @@ export async function POST(req: Request) {
       );
     }
 
-    // 🔥 Tentukan roleId sebagai STRING
-    const targetRoleId = "1"; // ✅ string, bukan number
+    // Check duplicate nomor
+    if (await prisma.user.findUnique({ where: { nomor: cleanNomor } })) {
+      return NextResponse.json(
+        { success: false, message: "Nomor sudah terdaftar" },
+        { status: 409 }
+      );
+    }
 
-    // Validasi role (gunakan string)
+    // 🔥 Tentukan roleId sebagai STRING
+    const targetRoleId = "2"; // ✅ Default ADMIN_DESA (roleId "2")
+
+    // Validasi role exists
     const roleExists = await prisma.role.findUnique({
-      where: { id: targetRoleId }, // ✅ id bertipe string
+      where: { id: targetRoleId },
       select: { id: true }
     });
 
@@ -61,17 +75,17 @@ export async function POST(req: Request) {
       );
     }
 
-    // Buat user dengan roleId string
+    // ✅ Create user (inactive, waiting approval)
     const newUser = await prisma.user.create({
       data: {
         username,
-        nomor,
-        roleId: targetRoleId, // ✅ string
-        isActive: false,
+        nomor: cleanNomor,
+        roleId: targetRoleId,
+        isActive: false, // Waiting for admin approval
       },
     });
 
-    // Berikan akses menu
+    // ✅ Berikan akses menu default based on role
     const menuIds = DEFAULT_MENUS_BY_ROLE[targetRoleId] || [];
     if (menuIds.length > 0) {
       await prisma.userMenuAccess.createMany({
@@ -79,14 +93,17 @@ export async function POST(req: Request) {
           userId: newUser.id,
           menuId,
         })),
+        skipDuplicates: true, // ✅ Avoid duplicate errors
       });
     }
 
+    // ✅ Mark OTP as used
     await prisma.kodeOtp.update({
       where: { id: kodeId },
       data: { isActive: false },
     });
 
+    // ✅ Create session token
     const token = await sessionCreate({
       sessionKey: process.env.BASE_SESSION_KEY!,
       jwtSecret: process.env.BASE_TOKEN_KEY!,
@@ -95,25 +112,35 @@ export async function POST(req: Request) {
         id: newUser.id,
         nomor: newUser.nomor,
         username: newUser.username,
-        roleId: newUser.roleId, // string
-        isActive: false,
+        roleId: newUser.roleId,
+        isActive: false, // User belum aktif
       },
       invalidatePrevious: false,
     });
 
-    const response = NextResponse.redirect(new URL('/waiting-room', req.url));
-    response.cookies.set(process.env.BASE_SESSION_KEY!, token, {
+    // ✅ PENTING: Return JSON response (bukan redirect)
+    const response = NextResponse.json({
+      success: true,
+      message: "Registrasi berhasil. Menunggu persetujuan admin.",
+      userId: newUser.id,
+    });
+
+    // ✅ Set session cookie
+    const cookieName = process.env.BASE_SESSION_KEY || 'session';
+    response.cookies.set(cookieName, token, {
       httpOnly: true,
       secure: process.env.NODE_ENV === "production",
+      sameSite: 'lax',
       path: "/",
-      maxAge: 30 * 24 * 60 * 60,
+      maxAge: 30 * 24 * 60 * 60, // 30 days
     });
 
     return response;
+
   } catch (error) {
     console.error("❌ Finalize Registration Error:", error);
     return NextResponse.json(
-      { success: false, message: "Registrasi gagal" },
+      { success: false, message: "Registrasi gagal. Silakan coba lagi." },
       { status: 500 }
     );
   } finally {
diff --git a/src/app/waiting-room/page.tsx b/src/app/waiting-room/page.tsx
index 8e08c921..c725dd5b 100644
--- a/src/app/waiting-room/page.tsx
+++ b/src/app/waiting-room/page.tsx
@@ -16,7 +16,9 @@ import { useEffect, useState } from 'react';
 import { authStore } from '@/store/authStore'; // ✅ integrasi authStore
 
 async function fetchUser() {
-  const res = await fetch('/api/auth/me');
+  const res = await fetch('/api/auth/me', {
+    credentials: 'include'
+  });
   if (!res.ok) {
     const text = await res.text();
     throw new Error(`HTTP ${res.status}: ${text}`);
@@ -32,7 +34,7 @@ export default function WaitingRoom() {
   const [retryCount, setRetryCount] = useState(0);
   const MAX_RETRIES = 2;
 
-  
+
   useEffect(() => {
     let isMounted = true;
     let interval: ReturnType<typeof setInterval>;
-- 
2.49.1


From 8b50139d79999e08f90f763580524540af2f027c Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 28 Nov 2025 12:03:07 +0800
Subject: [PATCH 32/97] Push Staging

---
 src/app/admin/layout.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 81a125a9..677fe516 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -435,6 +435,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
+  
 
   useEffect(() => {
     const fetchUser = async () => {
-- 
2.49.1


From 7238692dd0f44f0334c269d97abef78b6f49cfbd Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 28 Nov 2025 13:56:40 +0800
Subject: [PATCH 33/97] Push WebDesaDarmasabaSatging

---
 src/app/api/auth/me/route.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/api/auth/me/route.ts b/src/app/api/auth/me/route.ts
index 18165deb..38ee6035 100644
--- a/src/app/api/auth/me/route.ts
+++ b/src/app/api/auth/me/route.ts
@@ -12,6 +12,7 @@ export async function GET() {
         { status: 401 }
       );
     }
+    
 
     const [dbUser, menuAccess] = await Promise.all([
       prisma.user.findUnique({
-- 
2.49.1


From 83fb39a957e8f9dc554a0283d74e59777be8f0e2 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 28 Nov 2025 15:00:09 +0800
Subject: [PATCH 34/97] Fix Ganti Role, ganti role menunya sudah menyesuaikan

---
 .../admin/(dashboard)/user&role/user/page.tsx | 10 ++++---
 src/app/api/[[...slugs]]/_lib/user/updt.ts    | 26 +++++++++++++------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/app/admin/(dashboard)/user&role/user/page.tsx b/src/app/admin/(dashboard)/user&role/user/page.tsx
index 5f133409..6147337d 100644
--- a/src/app/admin/(dashboard)/user&role/user/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/user/page.tsx
@@ -93,6 +93,7 @@ function ListUser({ search }: { search: string }) {
     const success = await stateUser.update.submit({
       id: userId,
       roleId: newRoleId,
+
     });
 
     if (success) {
@@ -136,9 +137,10 @@ function ListUser({ search }: { search: string }) {
     }
   };
 
-  const filteredData = (data || []).filter(
-    (item) => item.roleId !== "0" // asumsikan id role SUPERADMIN = "0"
-  );
+  const filteredData = (data || []).filter((item) => {
+    return item.roleId !== "0" && item.roleId !== "1";
+  });
+
 
   if (loading || !data) {
     return (
@@ -183,7 +185,7 @@ function ListUser({ search }: { search: string }) {
                       <Select
                         placeholder="Pilih role"
                         data={stateRole.findMany.data
-                          .filter(r => r.id !== "0") // ❌ Sembunyikan SUPERADMIN
+                          .filter(r => r.id !== "0" && r.id !== "1") // ❌ Sembunyikan SUPERADMIN dan DEVELOPER
                           .map(r => ({
                             label: r.name,
                             value: r.id,
diff --git a/src/app/api/[[...slugs]]/_lib/user/updt.ts b/src/app/api/[[...slugs]]/_lib/user/updt.ts
index 5905d272..4d1da957 100644
--- a/src/app/api/[[...slugs]]/_lib/user/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/updt.ts
@@ -23,7 +23,7 @@ export default async function userUpdate(context: Context) {
 
     const currentUser = await prisma.user.findUnique({
       where: { id },
-      select: { roleId: true, isActive: true }
+      select: { roleId: true, isActive: true },
     });
 
     if (!currentUser) {
@@ -31,7 +31,15 @@ export default async function userUpdate(context: Context) {
     }
 
     const isRoleChanged = roleId && currentUser.roleId !== roleId;
-    const isActiveChanged = isActive !== undefined && currentUser.isActive !== isActive;
+    const isActiveChanged =
+      isActive !== undefined && currentUser.isActive !== isActive;
+
+    // ✅ Jika role berubah, hapus semua akses menu yang ada
+    if (isRoleChanged) {
+      await prisma.userMenuAccess.deleteMany({
+        where: { userId: id }
+      });
+    }
 
     // Update user
     const updatedUser = await prisma.user.update({
@@ -48,8 +56,8 @@ export default async function userUpdate(context: Context) {
         nomor: true,
         isActive: true,
         roleId: true,
-        role: { select: { name: true } }
-      }
+        role: { select: { name: true } },
+      },
     });
 
     // ✅ HAPUS SEMUA SESI USER DI DATABASE
@@ -62,11 +70,13 @@ export default async function userUpdate(context: Context) {
       roleChanged: isRoleChanged,
       isActiveChanged,
       data: updatedUser,
-      message: isRoleChanged 
+      message: isRoleChanged
         ? `Role ${updatedUser.username} diubah. User akan logout otomatis.`
         : isActiveChanged
-        ? `${updatedUser.username} ${isActive ? 'diaktifkan' : 'dinonaktifkan'}.`
-        : "User berhasil diupdate"
+        ? `${updatedUser.username} ${
+            isActive ? "diaktifkan" : "dinonaktifkan"
+          }.`
+        : "User berhasil diupdate",
     };
   } catch (e: any) {
     console.error("❌ Error update user:", e);
@@ -75,4 +85,4 @@ export default async function userUpdate(context: Context) {
       message: "Gagal mengupdate user: " + (e.message || "Unknown error"),
     };
   }
-}
\ No newline at end of file
+}
-- 
2.49.1


From 0018bdc2514a54687e377bfebf7d3c81163c1875 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 28 Nov 2025 15:03:18 +0800
Subject: [PATCH 35/97] Fix Ganti Role, ganti role menunya sudah menyesuaikan

---
 src/app/api/[[...slugs]]/_lib/user/updt.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/api/[[...slugs]]/_lib/user/updt.ts b/src/app/api/[[...slugs]]/_lib/user/updt.ts
index 4d1da957..9acbc37b 100644
--- a/src/app/api/[[...slugs]]/_lib/user/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/updt.ts
@@ -60,6 +60,7 @@ export default async function userUpdate(context: Context) {
       },
     });
 
+    
     // ✅ HAPUS SEMUA SESI USER DI DATABASE
     if (isRoleChanged) {
       await prisma.userSession.deleteMany({ where: { userId: id } });
-- 
2.49.1


From a213ff7d37b19d5b28bc18eefdeb64b54222b01d Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 1 Dec 2025 12:10:22 +0800
Subject: [PATCH 36/97] Tambah Term of Service di Registrasi

---
 .../auth/registrasi-admin/page.tsx            |  32 +++-
 src/app/darmasaba/_com/term-of-service.html   | 173 ++++++++++++++++++
 src/app/layout.tsx                            | 113 ++++++++----
 src/app/terms-of-service/page.tsx             | 102 +++++++++++
 4 files changed, 383 insertions(+), 37 deletions(-)
 create mode 100644 src/app/darmasaba/_com/term-of-service.html
 create mode 100644 src/app/terms-of-service/page.tsx

diff --git a/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx b/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx
index 537ae814..b932413b 100644
--- a/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx
+++ b/src/app/admin/(dashboard)/auth/registrasi-admin/page.tsx
@@ -18,6 +18,7 @@ export default function Registrasi() {
   const [username, setUsername] = useState('');
   const [loading, setLoading] = useState(false);
   const [phone, setPhone] = useState(''); // ✅ tambahkan state untuk phone
+  const [agree, setAgree] = useState(false)
 
   // Ambil data dari localStorage (dari login)
   useEffect(() => {
@@ -46,6 +47,11 @@ export default function Registrasi() {
       return;
     }
 
+    if (!agree) {
+      toast.error("Anda harus menyetujui syarat dan ketentuan!");
+      return;
+    }
+
     try {
       setLoading(true);
       // ✅ Hanya kirim username & nomor → dapat kodeId
@@ -92,8 +98,8 @@ export default function Registrasi() {
                     username.length > 0 && username.length < 5
                       ? 'Minimal 5 karakter!'
                       : username.includes(' ')
-                      ? 'Tidak boleh ada spasi'
-                      : ''
+                        ? 'Tidak boleh ada spasi'
+                        : ''
                   }
                   required
                 />
@@ -108,9 +114,29 @@ export default function Registrasi() {
                 </Box>
 
                 <Box pt="md">
-                  <Checkbox label="Saya menyetujui syarat dan ketentuan" defaultChecked />
+                  <Checkbox
+                    checked={agree}
+                    onChange={(e) => setAgree(e.currentTarget.checked)}
+                    label={
+                      <Text fz="sm">
+                        Saya menyetujui{" "}
+                        <a
+                          href="/terms-of-service"
+                          target="_blank"
+                          style={{
+                            color: colors["blue-button"],
+                            textDecoration: "underline",
+                            fontWeight: 500,
+                          }}
+                        >
+                          syarat dan ketentuan
+                        </a>
+                      </Text>
+                    }
+                  />
                 </Box>
 
+
                 <Box pt="xl">
                   <Button
                     fullWidth
diff --git a/src/app/darmasaba/_com/term-of-service.html b/src/app/darmasaba/_com/term-of-service.html
new file mode 100644
index 00000000..7fe56eaa
--- /dev/null
+++ b/src/app/darmasaba/_com/term-of-service.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="id">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Syarat & Ketentuan Penggunaan HIPMI Badung Connect</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            line-height: 1.6;
+            color: #1e293b;
+            background-color: #f8fafc;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 40px 20px;
+            background-color: white;
+            min-height: 100vh;
+        }
+
+        h1 {
+            font-size: 2rem;
+            font-weight: 700;
+            color: #1e3a5f;
+            margin-bottom: 1.5rem;
+            line-height: 1.3;
+        }
+
+        h2 {
+            font-size: 1.5rem;
+            font-weight: 700;
+            color: #1e3a5f;
+            margin-top: 2.5rem;
+            margin-bottom: 1rem;
+        }
+
+        p {
+            margin-bottom: 1rem;
+            color: #334155;
+        }
+
+        strong {
+            font-weight: 600;
+            color: #1e293b;
+        }
+
+        ul {
+            margin-left: 1.5rem;
+            margin-bottom: 1.5rem;
+        }
+
+        li {
+            margin-bottom: 0.5rem;
+            color: #334155;
+        }
+
+        .intro {
+            margin-bottom: 2rem;
+            padding: 1.25rem;
+            background-color: #f1f5f9;
+            border-radius: 8px;
+            border-left: 4px solid #1e3a5f;
+        }
+
+        .footer {
+            margin-top: 3rem;
+            padding-top: 2rem;
+            border-top: 1px solid #e2e8f0;
+            text-align: center;
+            color: #64748b;
+            font-size: 0.875rem;
+        }
+
+        @media (max-width: 768px) {
+            .container {
+                padding: 24px 16px;
+            }
+
+            h1 {
+                font-size: 1.5rem;
+            }
+
+            h2 {
+                font-size: 1.25rem;
+                margin-top: 2rem;
+            }
+        }
+
+        @media (max-width: 480px) {
+            h1 {
+                font-size: 1.25rem;
+            }
+
+            h2 {
+                font-size: 1.125rem;
+            }
+
+            ul {
+                margin-left: 1.25rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Syarat & Ketentuan Penggunaan HIPMI Badung Connect</h1>
+        
+        <div class="intro">
+            <p>Dengan menggunakan aplikasi <strong>HIPMI Badung Connect</strong> ("Aplikasi"), Anda setuju untuk mematuhi dan terikat oleh syarat dan ketentuan berikut. Jika Anda tidak setuju dengan ketentuan ini, harap jangan gunakan Aplikasi.</p>
+        </div>
+
+        <h2>1. Definisi</h2>
+        <p><strong>HIPMI Badung Connect</strong> adalah platform digital resmi untuk anggota Himpunan Pengusaha Muda Indonesia (HIPMI) Kabupaten Badung, yang bertujuan memfasilitasi jaringan, kolaborasi, dan pertumbuhan bisnis para pengusaha muda.</p>
+
+        <h2>2. Larangan Konten Tidak Pantas</h2>
+        <p>Anda <strong>dilarang keras</strong> memposting, mengirim, membagikan, atau mengunggah konten apa pun yang mengandung:</p>
+        <ul>
+            <li>Ujaran kebencian, diskriminasi, atau konten SARA (Suku, Agama, Ras, Antar-golongan)</li>
+            <li>Pornografi, konten seksual eksplisit, atau gambar tidak senonoh</li>
+            <li>Ancaman, pelecehan, bullying, atau perilaku melecehkan</li>
+            <li>Informasi palsu, hoaks, spam, atau konten menyesatkan</li>
+            <li>Konten ilegal, melanggar hukum, atau melanggar hak kekayaan intelektual pihak lain</li>
+            <li>Promosi narkoba, perjudian, atau aktivitas ilegal lainnya</li>
+        </ul>
+
+        <h2>3. Tanggung Jawab Pengguna</h2>
+        <p>Anda bertanggung jawab penuh atas setiap konten yang Anda unggah atau bagikan melalui fitur-fitur berikut:</p>
+        <ul>
+            <li>Profil (bio, foto, portofolio)</li>
+            <li>Forum diskusi</li>
+            <li>Chat pribadi atau grup</li>
+            <li>Lowongan kerja, investasi, dan donasi</li>
+        </ul>
+        <p>Konten yang melanggar ketentuan ini dapat dihapus kapan saja tanpa pemberitahuan.</p>
+
+        <h2>4. Tindakan terhadap Pelanggaran</h2>
+        <p>Jika kami menerima laporan atau menemukan konten yang melanggar ketentuan ini, kami akan:</p>
+        <ul>
+            <li>Segera menghapus konten tersebut</li>
+            <li>Memberikan peringatan atau memblokir akun pengguna</li>
+            <li>Dalam kasus berat, melaporkan ke pihak berwajib sesuai hukum yang berlaku</li>
+        </ul>
+        <p>Tim kami berkomitmen untuk menanggapi laporan konten tidak pantas <strong>dalam waktu 24 jam</strong>.</p>
+
+        <h2>5. Mekanisme Pelaporan</h2>
+        <p>Anda dapat melaporkan konten atau pengguna yang mencurigakan melalui:</p>
+        <ul>
+            <li>Tombol <strong>"Laporkan"</strong> di setiap posting forum atau pesan chat</li>
+            <li>Tombol <strong>"Blokir Pengguna"</strong> di profil pengguna</li>
+        </ul>
+        <p>Setiap laporan akan ditangani secara rahasia dan segera.</p>
+
+        <h2>6. Perubahan Ketentuan</h2>
+        <p>Kami berhak memperbarui Syarat & Ketentuan ini sewaktu-waktu. Versi terbaru akan dipublikasikan di halaman ini dengan tanggal revisi yang diperbarui.</p>
+
+        <h2>7. Kontak</h2>
+        <p>Jika Anda memiliki pertanyaan tentang ketentuan ini, silakan hubungi kami di:<br>
+        <strong>bip.baliinteraktifperkasa@gmail.com</strong></p>
+
+        <div class="footer">
+            © 2025 Bali Interaktif Perkasa. All rights reserved.
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a12ceacd..4999893d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,20 +1,5 @@
-// Import styles of packages that you've installed.
-// All packages except `@mantine/hooks` require styles imports
-import "@mantine/carousel/styles.css";
 import "@mantine/core/styles.css";
-import '@mantine/dropzone/styles.css';
-import "animate.css";
-import 'react-simple-toasts/dist/style.css';
-import 'react-simple-toasts/dist/theme/dark.css';
 import "./globals.css";
-import '@mantine/charts/styles.css';
-import '@mantine/dates/styles.css';
-import '@mantine/tiptap/styles.css';
-import "primereact/resources/themes/lara-light-blue/theme.css";
-import "primereact/resources/primereact.min.css";
-import "primeicons/primeicons.css";
-
-
 
 import LoadDataFirstClient from "@/app/darmasaba/_com/LoadDataFirstClient";
 import {
@@ -23,19 +8,82 @@ import {
   createTheme,
   mantineHtmlProps,
 } from "@mantine/core";
+import { Metadata, Viewport } from "next";
 import { ViewTransitions } from "next-view-transitions";
 import { ToastContainer } from "react-toastify";
 
-export const metadata = {
-  title: "Desa Darmasaba",
-  description: "Desa Darmasaba Kabupaten Badung",
+// ✅ Pisahkan viewport ke export tersendiri
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 5,
+};
+
+export const metadata: Metadata = {
+  // ✅ Tambahkan metadataBase
+  metadataBase: new URL("https://cld-dkr-staging-desa-darmasaba.wibudev.com"),
+  
+  title: {
+    default: "Desa Darmasaba",
+    template: "%s | Desa Darmasaba",
+  },
+  description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
+  // ❌ HAPUS viewport dari sini
+  keywords: [
+    "desa darmasaba",
+    "darmasaba",
+    "badung",
+    "bali",
+    "desa",
+    "pemerintah desa",
+    "layanan publik",
+    "abang batan desa",
+  ],
+  authors: [{ name: "Pemerintah Desa Darmasaba" }],
+  creator: "Desa Darmasaba",
+  publisher: "Desa Darmasaba",
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      "max-video-preview": -1,
+      "max-image-preview": "large",
+      "max-snippet": -1,
+    },
+  },
+  icons: {
+    icon: "/assets/images/darmasaba-icon.png",
+    apple: "/assets/images/darmasaba-icon.png",
+  },
+  manifest: "/manifest.json",
+  openGraph: {
+    type: "website",
+    locale: "id_ID",
+    url: "https://cld-dkr-staging-desa-darmasaba.wibudev.com",
+    siteName: "Desa Darmasaba",
+    title: "Desa Darmasaba - Kabupaten Badung, Bali",
+    description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
+    images: [
+      {
+        url: "/assets/images/darmasaba-icon.png",
+        width: 1200,
+        height: 630,
+        alt: "Desa Darmasaba",
+      },
+    ],
+  },
+  category: "government",
+  other: {
+    "msapplication-TileColor": "#ffffff",
+    "theme-color": "#ffffff",
+  },
 };
 
 const theme = createTheme({
-  fontFamily:
-    "San Francisco, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
-  fontFamilyMonospace:
-    "SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+  fontFamily: "San Francisco, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif",
+  fontFamilyMonospace: "SFMono-Regular, Menlo, Monaco, Consolas, monospace",
   headings: { fontFamily: "San Francisco, sans-serif" },
 });
 
@@ -46,26 +94,23 @@ export default function RootLayout({
 }) {
   return (
     <ViewTransitions>
-      <html lang="en" {...mantineHtmlProps}>
+      <html lang="id" {...mantineHtmlProps}>
         <head>
+          <meta charSet="utf-8" />
           <ColorSchemeScript />
-          <link
-            rel="icon"
-            href="/assets/images/darmasaba-icon.png"
-            sizes="any"
-          />
         </head>
         <body>
           <MantineProvider theme={theme}>
             {children}
-
+            <LoadDataFirstClient />
+            <ToastContainer 
+              position="bottom-center" 
+              hideProgressBar 
+              style={{ zIndex: 9999 }} 
+            />
           </MantineProvider>
-          <ToastContainer position="bottom-center" hideProgressBar style={{
-          zIndex: 9999
-        }} />
         </body>
-        <LoadDataFirstClient />
       </html>
     </ViewTransitions>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/terms-of-service/page.tsx b/src/app/terms-of-service/page.tsx
new file mode 100644
index 00000000..39811c96
--- /dev/null
+++ b/src/app/terms-of-service/page.tsx
@@ -0,0 +1,102 @@
+import { Box, Container, Divider, List, ListItem, Paper, Stack, Text, Title } from '@mantine/core';
+import React from 'react';
+
+function Page() {
+  return (
+    <Container size="md" py={40}>
+      <Stack gap="xl">
+        <Title order={1} size="h1" fw={700} c="blue.9">
+          Syarat & Ketentuan Penggunaan Admin Desa Darmasaba
+        </Title>
+
+        <Paper p="lg" radius="md" withBorder bg="gray.0" style={{ borderLeft: '4px solid #1e3a5f' }}>
+          <Text c="gray.8">
+            Dengan menggunakan website <Text component="span" fw={600}>Admin Desa Darmasaba</Text> (&quot;Website&quot;),
+            Anda setuju untuk mematuhi dan terikat oleh syarat dan ketentuan berikut. Jika Anda tidak setuju
+            dengan ketentuan ini, harap jangan gunakan Website.
+          </Text>
+        </Paper>
+
+        <Box>
+          <Title order={2} size="h2" fw={700} c="blue.9" mb="md">
+            1. Definisi
+          </Title>
+          <Text c="gray.7">
+            <Text component="span" fw={600}>Admin Desa Darmasaba</Text> adalah website resmi untuk Admin Desa Darmasaba, yang bertujuan
+            menambahkan, menghapus, dan mengedit konten desa ke dalam website.
+          </Text>
+        </Box>
+
+        <Box>
+          <Title order={2} size="h2" fw={700} c="blue.9" mb="md">
+            2. Larangan Konten Tidak Pantas
+          </Title>
+          <Text c="gray.7" mb="md">
+            Anda <Text component="span" fw={600}>dilarang keras</Text> menambahkan, menghapus, dan mengedit konten desa apa pun yang mengandung:
+          </Text>
+          <List spacing="xs" c="gray.7">
+            <ListItem>Ujaran kebencian, diskriminasi, atau konten SARA (Suku, Agama, Ras, Antar-golongan)</ListItem>
+            <ListItem>Pornografi, konten seksual eksplisit, atau gambar tidak senonoh</ListItem>
+            <ListItem>Ancaman, pelecehan, bullying, atau perilaku melecehkan</ListItem>
+            <ListItem>Informasi palsu, hoaks, spam, atau konten menyesatkan</ListItem>
+            <ListItem>Konten ilegal, melanggar hukum, atau melanggar hak kekayaan intelektual pihak lain</ListItem>
+            <ListItem>Promosi narkoba, perjudian, atau aktivitas ilegal lainnya</ListItem>
+          </List>
+        </Box>
+
+        <Box>
+          <Title order={2} size="h2" fw={700} c="blue.9" mb="md">
+            3. Tanggung Jawab Pengguna
+          </Title>
+          <List spacing="xs" c="gray.7">
+            <ListItem>Anda bertanggung jawab penuh atas setiap konten yang Anda unggah atau bagikan.</ListItem>
+            <ListItem>Konten yang melanggar ketentuan ini dapat dihapus kapan saja tanpa pemberitahuan.</ListItem>
+          </List>
+        </Box>
+
+        <Box>
+          <Title order={2} size="h2" fw={700} c="blue.9" mb="md">
+            4. Tindakan terhadap Pelanggaran
+          </Title>
+          <Text c="gray.7" mb="md">
+            Jika kami menerima laporan atau menemukan konten yang melanggar ketentuan ini, kami akan:
+          </Text>
+          <List spacing="xs" c="gray.7">
+            <ListItem>Segera menghapus konten tersebut</ListItem>
+            <ListItem>Menghapus akun pengguna</ListItem>
+            <ListItem>Dalam kasus berat, melaporkan ke pihak berwajib sesuai hukum yang berlaku</ListItem>
+          </List>
+        </Box>
+        <Box>
+          <Title order={2} size="h2" fw={700} c="blue.9" mb="md">
+            5. Perubahan Ketentuan
+          </Title>
+          <Text c="gray.7">
+            Kami berhak memperbarui Syarat & Ketentuan ini sewaktu-waktu. Versi terbaru akan dipublikasikan di
+            halaman ini dengan tanggal revisi yang diperbarui.
+          </Text>
+        </Box>
+
+        <Box>
+          <Title order={2} size="h2" fw={700} c="blue.9" mb="md">
+            6. Kontak
+          </Title>
+          <Text c="gray.7">
+            Jika Anda memiliki pertanyaan tentang ketentuan ini, silakan hubungi kami di:
+          </Text>
+          <Text c="gray.7" fw={600} mt="xs">
+            bip.baliinteraktifperkasa@gmail.com
+          </Text>
+        </Box>
+
+        <Divider my="xl" />
+
+        <Text ta="center" c="gray.6" size="sm">
+          © 2025 Bali Interaktif Perkasa. All rights reserved.
+        </Text>
+      </Stack>
+    </Container>
+  );
+}
+
+export default Page;
-- 
2.49.1


From 1bb9f239dbd9a01630b9c30603ded64e28c8bf7c Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 1 Dec 2025 13:50:25 +0800
Subject: [PATCH 37/97] Tambah Term of Service di Registrasi

---
 src/app/globals.css | 80 +++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 77 insertions(+), 3 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 5c98d487..775683b3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,31 +1,105 @@
 /* styles/globals.css */
+
+/* ===================================
+   1. IMPORT CSS LIBRARIES
+   =================================== */
+@import "@mantine/carousel/styles.css";
+@import "@mantine/dropzone/styles.css";
+@import "@mantine/charts/styles.css";
+@import "@mantine/dates/styles.css";
+@import "@mantine/tiptap/styles.css";
+@import "animate.css";
+@import "react-simple-toasts/dist/style.css";
+@import "react-simple-toasts/dist/theme/dark.css";
+@import "primereact/resources/themes/lara-light-blue/theme.css";
+@import "primereact/resources/primereact.min.css";
+@import "primeicons/primeicons.css";
+
+/* ===================================
+   2. FONT FACE - OPTIMIZED
+   =================================== */
 @font-face {
   font-family: 'San Francisco';
   src: url('/assets/fonts/font.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
+  font-display: swap; /* ✅ TAMBAHKAN INI - Penting untuk PageSpeed! */
 }
 
+/* ===================================
+   3. RESET & BASE STYLES
+   =================================== */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
+  -moz-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: 'San Francisco', -apple-system, BlinkMacSystemFont, 'Segoe UI', 
+               Roboto, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* ===================================
+   4. GLASS EFFECTS - OPTIMIZED
+   =================================== */
 .glass {
   background: rgba(255, 255, 255, 0.2);
-  -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
   position: fixed;
   z-index: 50;
   width: 100%;
   height: 100vh;
+  will-change: transform; /* ✅ Hardware acceleration */
 }
 
 .glass2 {
   background: rgba(255, 255, 255, 0.3);
-  -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
   position: fixed;
   z-index: 1;
+  will-change: transform; /* ✅ Hardware acceleration */
 }
 
 .glass3 {
   background: rgba(255, 255, 255, 0.3);
-  -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
+  will-change: transform; /* ✅ Hardware acceleration */
 }
+
+/* ===================================
+   5. PERFORMANCE OPTIMIZATION
+   =================================== */
+img, 
+picture, 
+video, 
+canvas, 
+svg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+/* Reduce motion for accessibility */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
\ No newline at end of file
-- 
2.49.1


From c03a6b3aedbcb9932efe74b63c7c96aa91514d19 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 1 Dec 2025 14:01:03 +0800
Subject: [PATCH 38/97] Tambah Term of Service di Registrasi

---
 src/app/layout.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4999893d..6ef04136 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -19,6 +19,7 @@ export const viewport: Viewport = {
   maximumScale: 5,
 };
 
+
 export const metadata: Metadata = {
   // ✅ Tambahkan metadataBase
   metadataBase: new URL("https://cld-dkr-staging-desa-darmasaba.wibudev.com"),
-- 
2.49.1


From dcf195f54f7036752d8cbd11050b46d5633fdbe3 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 1 Dec 2025 17:11:24 +0800
Subject: [PATCH 39/97] Tambahan filter data sesuai tahun, di landing page
 apbdes

---
 .../landing-page/apbdes/create/page.tsx       |   1 +
 .../ppid/daftar-informasi-publik/page.tsx     |   2 +-
 .../(tambahan)/apbdes/lib/apbDesaProgress.tsx | 141 ++++--------------
 .../(tambahan)/apbdes/lib/apbDesaTable.tsx    |  54 ++-----
 .../darmasaba/(tambahan)/apbdes/lib/types.ts  |  42 ++++++
 src/app/darmasaba/(tambahan)/apbdes/page.tsx  |  50 ++++++-
 .../darmasaba/_com/main-page/apbdes/index.tsx |  51 ++++++-
 7 files changed, 172 insertions(+), 169 deletions(-)
 create mode 100644 src/app/darmasaba/(tambahan)/apbdes/lib/types.ts

diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index f91d6a37..a419308b 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -361,6 +361,7 @@ function CreateAPBDes() {
                   data={[
                     { value: 'pendapatan', label: 'Pendapatan' },
                     { value: 'belanja', label: 'Belanja' },
+                    { value: 'pembiayaan', label: 'Pembiayaan' },
                   ]}
                   value={newItem.level === 1 ? null : newItem.tipe}
                   onChange={(val) => setNewItem({ ...newItem, tipe: val as any })}
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
index e5c33633..559ebe9f 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
@@ -151,7 +151,7 @@ function Page() {
                               variant="light"
                               color="blue"
                               leftSection={<IconDeviceImacCog size={16} />}
-                              onClick={() => router.push(`/darmasaba/ppid/daftar-informasi-publik-desa-darmasaba/${item.id}`)}
+                              onClick={() => router.push(`/darmasaba/ppid/daftar-informasi-publik/${item.id}`)}
                             >
                               Detail
                             </Button>
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
index 918d64c9..71825fff 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
@@ -1,13 +1,8 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// src/app/admin/(dashboard)/landing-page/APBDes/APBDesProgress.tsx
 'use client';
 
-import { Box, Paper, Progress, Stack, Text, Title } from '@mantine/core';
-import { useProxy } from 'valtio/utils';
-import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes';
 import colors from '@/con/colors';
-
-
+import { Box, Paper, Progress, Stack, Text, Title } from '@mantine/core';
+import { APBDesData } from './types';
 
 function formatRupiah(value: number) {
   return new Intl.NumberFormat('id-ID', {
@@ -17,31 +12,33 @@ function formatRupiah(value: number) {
   }).format(value);
 }
 
-function APBDesProgress() {
-  const state = useProxy(apbdes);
-  const data = state.findMany.data || [];
+interface APBDesProgressProps {
+  apbdesData: APBDesData;
+}
 
-  // Ambil APBDes pertama (misalnya, jika hanya satu tahun ditampilkan)
-  const apbdesItem = data[0]; // 👈 sesuaikan logika jika ada banyak APBDes
-
-  if (!apbdesItem) {
-    return (
-      <Box py="md" px={{ base: 'md', md: 100 }}>
-        <Text c="dimmed">Belum ada data APBDes untuk ditampilkan.</Text>
-      </Box>
-    );
+function APBDesProgress({ apbdesData }: APBDesProgressProps) {
+  // Return null if apbdesData is not available yet
+  if (!apbdesData) {
+    return null;
   }
 
-  const items = apbdesItem.items || [];
+  const items = apbdesData.items || [];
   const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
 
   // Kelompokkan berdasarkan tipe
   const pendapatanItems = sortedItems.filter(item => item.tipe === 'pendapatan');
   const belanjaItems = sortedItems.filter(item => item.tipe === 'belanja');
-  const pembiayaanItems = sortedItems.filter(item => item.tipe === 'pembiayaan'); // jika ada
+  const pembiayaanItems = sortedItems.filter(item => item.tipe === 'pembiayaan');
+  
+  // Items without a type (should be filtered out from calculations)
+  const untypedItems = sortedItems.filter(item => !item.tipe);
+  
+  if (untypedItems.length > 0) {
+    console.warn(`Found ${untypedItems.length} items without a type. These will be excluded from calculations.`);
+  }
 
   // Hitung total per kategori
-  const calcTotal = (items: any[]) => {
+  const calcTotal = (items: { anggaran: number; realisasi: number }[]) => {
     const anggaran = items.reduce((sum, item) => sum + item.anggaran, 0);
     const realisasi = items.reduce((sum, item) => sum + item.realisasi, 0);
     const persen = anggaran > 0 ? (realisasi / anggaran) * 100 : 0;
@@ -50,10 +47,10 @@ function APBDesProgress() {
 
   const pendapatan = calcTotal(pendapatanItems);
   const belanja = calcTotal(belanjaItems);
-  const pembiayaan = calcTotal(pembiayaanItems); // bisa kosong
+  const pembiayaan = calcTotal(pembiayaanItems);
 
   // Render satu progress bar
-  const renderProgress = (label: string, dataset: any) => {
+  const renderProgress = (label: string, dataset: { realisasi: number; anggaran: number; persen: number }) => {
     const isPembiayaan = label.includes('Pembiayaan');
 
     return (
@@ -71,8 +68,8 @@ function APBDesProgress() {
             root: { backgroundColor: '#d7e3f1' },
             section: {
               backgroundColor: isPembiayaan
-                ? 'green' // warna hijau untuk pembiayaan
-                : colors['blue-button'], // biru untuk pendapatan/belanja
+                ? 'green'
+                : colors['blue-button'],
               position: 'relative',
               '&::after': {
                 content: `'${dataset.persen.toFixed(2)}%'`,
@@ -102,7 +99,7 @@ function APBDesProgress() {
     >
       <Stack gap="lg">
         <Title order={4} c={colors['blue-button']} ta="center">
-          Grafik Pelaksanaan APBDes Tahun {apbdesItem.tahun}
+          Grafik Pelaksanaan APBDes Tahun {apbdesData.tahun}
         </Title>
 
         <Text ta="center" fw="bold" fz="sm" c="dimmed">
@@ -112,97 +109,9 @@ function APBDesProgress() {
         {renderProgress('Pendapatan Desa', pendapatan)}
         {renderProgress('Belanja Desa', belanja)}
         {renderProgress('Pembiayaan Desa', pembiayaan)}
-        {pembiayaanItems.length > 0 && renderProgress('Pembiayaan Desa', pembiayaan)}
       </Stack>
     </Paper>
   );
 }
 
-export default APBDesProgress;
-
-// /* eslint-disable @typescript-eslint/no-explicit-any */
-// 'use client';
-
-// import { Box, Paper, Stack, Text, Title } from '@mantine/core';
-// import { BarChart } from '@mantine/charts';
-// import { useProxy } from 'valtio/utils';
-// import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes';
-// import colors from '@/con/colors';
-
-// function APBDesProgress() {
-//   const state = useProxy(apbdes);
-//   const data = state.findMany.data || [];
-
-//   const apbdesItem = data[0];
-//   if (!apbdesItem) {
-//     return (
-//       <Box py="md" px={{ base: 'md', md: 100 }}>
-//         <Text c="dimmed">Belum ada data APBDes untuk ditampilkan.</Text>
-//       </Box>
-//     );
-//   }
-
-//   const items = apbdesItem.items || [];
-//   const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
-
-//   const pendapatanItems = sortedItems.filter(i => i.tipe === 'pendapatan');
-//   const belanjaItems = sortedItems.filter(i => i.tipe === 'belanja');
-//   const pembiayaanItems = sortedItems.filter(i => i.tipe === 'pembiayaan');
-
-//   const total = (rows: any[]) => {
-//     const anggaran = rows.reduce((s, i) => s + i.anggaran, 0);
-//     const realisasi = rows.reduce((s, i) => s + i.realisasi, 0);
-//     return anggaran === 0 ? 0 : (realisasi / anggaran) * 100;
-//   };
-
-//   const chartData = [
-//     { name: 'Pendapatan', persen: total(pendapatanItems) },
-//     { name: 'Belanja', persen: total(belanjaItems) },
-//   ];
-
-//   if (pembiayaanItems.length > 0) {
-//     chartData.push({ name: 'Pembiayaan', persen: total(pembiayaanItems) });
-//   }
-
-//   return (
-//     <Paper
-//       mx={{ base: 'md', md: 100 }}
-//       p="xl"
-//       radius="md"
-//       shadow="sm"
-//       withBorder
-//       bg={colors['white-1']}
-//     >
-//       <Stack gap="lg">
-//         <Title order={4} c={colors['blue-button']} ta="center">
-//           Grafik Pelaksanaan APBDes Tahun {apbdesItem.tahun}
-//         </Title>
-
-//         <Text ta="center" fw="bold" fz="sm" c="dimmed">
-//           Persentase Realisasi (%) dari Anggaran
-//         </Text>
-
-//         <BarChart
-//           h={200}
-//           data={chartData}
-//           orientation="vertical"
-//           dataKey="name"
-//           barProps={{ radius: 6 }}
-//           series={[
-//             {
-//               name: 'persen',
-//               label: 'Persentase',
-//               color: colors['blue-button'],
-//             },
-//           ]}
-//           yAxisProps={{
-//             domain: [0, 100],
-//           }}
-//           valueFormatter={(v) => `${v.toFixed(1)}%`}
-//         />
-//       </Stack>
-//     </Paper>
-//   );
-// }
-
-// export default APBDesProgress;
+export default APBDesProgress;
\ No newline at end of file
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
index ec1aa0eb..82a6a499 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
@@ -1,30 +1,8 @@
-// src/app/admin/(dashboard)/landing-page/APBDes/APBDesTable.tsx
 'use client';
 
 import { Box, Paper, Table, Text, Title, Badge, Group } from '@mantine/core';
-import { useProxy } from 'valtio/utils';
-import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes';
 import colors from '@/con/colors';
-
-interface APBDesItem {
-  id: string;
-  kode: string;
-  uraian: string;
-  anggaran: number;
-  realisasi: number;
-  selisih: number;
-  persentase: number;
-  level: number;
-  tipe: 'pendapatan' | 'belanja' | 'pembiayaan';
-}
-
-interface APBDesData {
-  id: string;
-  tahun: number;
-  items: APBDesItem[];
-  image?: { id: string; url: string } | null;
-  file?: { id: string; url: string } | null;
-}
+import { APBDesData } from './types';
 
 // Helper: Format Rupiah, tapi jika 0 → tampilkan '-'
 function formatRupiahOrEmpty(value: number): string {
@@ -51,22 +29,12 @@ function getIndent(level: number) {
   };
 }
 
-function APBDesTable() {
-  const state = useProxy(apbdes);
-  const data = state.findMany.data || [];
+interface APBDesTableProps {
+  apbdesData: APBDesData;
+}
 
-  // Get the first APBDes item
-  const apbdesItem = data[0] as unknown as APBDesData | undefined;
-
-  if (!apbdesItem) {
-    return (
-      <Box py="md" px={{ base: 'md', md: 100 }}>
-        <Text c="dimmed">Belum ada data APBDes untuk ditampilkan.</Text>
-      </Box>
-    );
-  }
-
-  const items = Array.isArray(apbdesItem.items) ? apbdesItem.items : [];
+function APBDesTable({ apbdesData }: APBDesTableProps) {
+  const items = Array.isArray(apbdesData.items) ? apbdesData.items : [];
   const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
 
   // Calculate totals
@@ -76,13 +44,13 @@ function APBDesTable() {
   const totalPersentase = totalAnggaran > 0 ? (totalRealisasi / totalAnggaran) * 100 : 0;
 
   return (
-    <Box py="md" px={{ base: 'md', md: 100 }}>
+    <Box pt={"xs"} pb="md" px={{ base: 'md', md: 100 }}>
       <Title order={4} c={colors['blue-button']} mb="sm">
-        Rincian APBDes Tahun {apbdesItem.tahun}
+        Rincian APBDes Tahun {apbdesData.tahun}
       </Title>
 
       <Paper withBorder radius="md" shadow="xs" p="md">
-        <Box style={{overflowY: 'auto' }}>
+        <Box style={{ overflowY: 'auto' }}>
           <Table withColumnBorders highlightOnHover>
             <Table.Thead bg="#2c5f78">
               <Table.Tr>
@@ -109,9 +77,7 @@ function APBDesTable() {
                   <Table.Td style={getIndent(item.level)}>
                     <Group gap="xs" align="flex-start">
                       <Text fw={item.level === 1 ? 'bold' : 'normal'}>{item.kode}</Text>
-                      <Text fz="sm" >
-                        {item.uraian}
-                      </Text>
+                      <Text fz="sm">{item.uraian}</Text>
                     </Group>
                   </Table.Td>
                   <Table.Td ta="right">{formatRupiahOrEmpty(item.anggaran)}</Table.Td>
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/types.ts b/src/app/darmasaba/(tambahan)/apbdes/lib/types.ts
new file mode 100644
index 00000000..a52445aa
--- /dev/null
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/types.ts
@@ -0,0 +1,42 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export type APBDesTipe = 'pendapatan' | 'belanja' | 'pembiayaan';
+
+export function isAPBDesTipe(tipe: string | null | undefined): tipe is APBDesTipe {
+  return tipe === 'pendapatan' || tipe === 'belanja' || tipe === 'pembiayaan';
+}
+
+export interface APBDesItem {
+  id: string;
+  kode: string;
+  uraian: string;
+  anggaran: number;
+  realisasi: number;
+  selisih: number;
+  persentase: number;
+  level: number;
+  tipe?: APBDesTipe | null;
+  // Additional fields from API
+  createdAt?: Date;
+  updatedAt?: Date;
+  deletedAt?: Date | null;
+  isActive?: boolean;
+  apbdesId?: string;
+}
+
+export interface APBDesData {
+  id: string;
+  tahun: number | null;
+  items: APBDesItem[];
+  image?: { id: string; url: string } | null;
+  file?: { id: string; url: string } | null;
+}
+
+export function transformAPBDesData(data: any): APBDesData {
+  return {
+    ...data,
+    items: data.items.map((item: any) => ({
+      ...item,
+      tipe: isAPBDesTipe(item.tipe) ? item.tipe : null
+    }))
+  };
+}
diff --git a/src/app/darmasaba/(tambahan)/apbdes/page.tsx b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
index 7592c967..9e4847e8 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/page.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
@@ -4,19 +4,21 @@
 import PendapatanAsliDesa from '@/app/admin/(dashboard)/_state/ekonomi/PADesa'
 import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
 import colors from '@/con/colors'
-import { ActionIcon, BackgroundImage, Box, Center, Container, Group, Loader, SimpleGrid, Stack, Text, Title } from '@mantine/core'
+import { ActionIcon, BackgroundImage, Box, Center, Container, Group, Loader, Select, SimpleGrid, Stack, Text, Title } from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import { Link } from 'next-view-transitions'
 import { useEffect, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import BackButton from '../../(pages)/desa/layanan/_com/BackButto'
-import APBDesProgress from './lib/apbDesaProgress'
 import APBDesTable from './lib/apbDesaTable'
+import APBDesProgress from './lib/apbDesaProgress'
+import { transformAPBDesData } from './lib/types'
 
 function Page() {
   const state = useProxy(apbdes)
   const paDesaState = useProxy(PendapatanAsliDesa.ApbDesa)
   const [loading, setLoading] = useState(false)
+  const [selectedYear, setSelectedYear] = useState<string | null>(null)
   useEffect(() => {
     const loadData = async () => {
       try {
@@ -34,6 +36,23 @@ function Page() {
 
   const dataAPBDes = state.findMany.data || []
 
+  // Buat daftar tahun unik dari data
+  const years = Array.from(new Set(dataAPBDes.map((item: any) => item.tahun)))
+    .sort((a, b) => b - a) // urutkan descending
+    .map(year => ({ value: year.toString(), label: `Tahun ${year}` }))
+
+  // Pilih tahun pertama sebagai default jika belum ada yang dipilih
+  useEffect(() => {
+    if (years.length > 0 && !selectedYear) {
+      setSelectedYear(years[0].value)
+    }
+  }, [years, selectedYear])
+
+  // Transform and filter data based on selected year
+  const currentApbdes = dataAPBDes.length > 0
+    ? transformAPBDesData(dataAPBDes.find(item => item?.tahun?.toString() === selectedYear) || dataAPBDes[0])
+    : null
+
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap={32}>
       <Box px={{ base: 'md', md: 100 }}>
@@ -94,8 +113,31 @@ function Page() {
           ))}
         </SimpleGrid>
       )}
-      <APBDesTable />
-      <APBDesProgress />
+      {/* 🔥 COMBOBOX UNTUK PILIH TAHUN */}
+      <Box px={{ base: 'md', md: 100 }}>
+        <Select
+          label="Pilih Tahun APBDes"
+          placeholder="Pilih tahun"
+          value={selectedYear}
+          onChange={setSelectedYear}
+          data={years}
+          w={{ base: '100%', sm: 200 }}
+          searchable
+          clearable
+          nothingFoundMessage="Tidak ada tahun tersedia"
+        />
+      </Box>
+      {/* ❗ Pass currentApbdes ke komponen anak */}
+      {currentApbdes ? (
+        <>
+          <APBDesTable apbdesData={currentApbdes} />
+          <APBDesProgress apbdesData={currentApbdes} />
+        </>
+      ) : (
+        <Box px={{ base: 'md', md: 100 }} py="md">
+          <Text c="dimmed">Tidak ada data APBDes untuk tahun yang dipilih.</Text>
+        </Box>
+      )}
     </Stack>
   )
 }
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 03cd7219..1ce44d1c 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -1,9 +1,11 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
 import APBDesProgress from '@/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress'
+import { transformAPBDesData } from '@/app/darmasaba/(tambahan)/apbdes/lib/types'
 import colors from '@/con/colors'
-import { ActionIcon, BackgroundImage, Box, Button, Center, Flex, Group, Loader, SimpleGrid, Stack, Text } from '@mantine/core'
+import { ActionIcon, BackgroundImage, Box, Button, Center, Flex, Group, Loader, Select, SimpleGrid, Stack, Text } from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
@@ -12,6 +14,7 @@ import { useProxy } from 'valtio/utils'
 function Apbdes() {
   const state = useProxy(apbdes)
   const [loading, setLoading] = useState(false)
+  const [selectedYear, setSelectedYear] = useState<string | null>(null)
 
   const textHeading = {
     title: 'APBDes',
@@ -32,6 +35,24 @@ function Apbdes() {
     loadData()
   }, [])
 
+  const dataAPBDes = state.findMany.data || []
+
+  const years = Array.from(new Set(dataAPBDes.map((item: any) => item.tahun)))
+    .sort((a, b) => b - a) // urutkan descending
+    .map(year => ({ value: year.toString(), label: `Tahun ${year}` }))
+
+  // Pilih tahun pertama sebagai default jika belum ada yang dipilih
+  useEffect(() => {
+    if (years.length > 0 && !selectedYear) {
+      setSelectedYear(years[0].value)
+    }
+  }, [years, selectedYear])
+
+  // Transform and filter data based on selected year
+  const currentApbdes = dataAPBDes.length > 0
+    ? transformAPBDesData(dataAPBDes.find(item => item?.tahun?.toString() === selectedYear) || dataAPBDes[0])
+    : null
+
   const data = (state.findMany.data || []).slice(0, 3)
 
   return (
@@ -60,8 +81,30 @@ function Apbdes() {
         </Button>
       </Group>
 
-      {/* Chart */}
-      <APBDesProgress />
+      {/* 🔥 COMBOBOX UNTUK PILIH TAHUN */}
+      <Box px={{ base: 'md', md: 100 }}>
+        <Select
+          label="Pilih Tahun APBDes"
+          placeholder="Pilih tahun"
+          value={selectedYear}
+          onChange={setSelectedYear}
+          data={years}
+          w={{ base: '100%', sm: 200 }}
+          searchable
+          clearable
+          nothingFoundMessage="Tidak ada tahun tersedia"
+        />
+      </Box>
+
+      {currentApbdes ? (
+        <>
+          <APBDesProgress apbdesData={currentApbdes} />
+        </>
+      ) : (
+        <Box px={{ base: 'md', md: 100 }} py="md">
+          <Text c="dimmed">Tidak ada data APBDes untuk tahun yang dipilih.</Text>
+        </Box>
+      )}
 
       <SimpleGrid mx={{ base: 'md', md: 100 }} cols={{ base: 1, sm: 3 }} spacing="lg" pb={"xl"}>
         {loading ? (
@@ -129,7 +172,7 @@ function Apbdes() {
         )}
       </SimpleGrid>
 
-      
+
     </Stack>
   )
 }
-- 
2.49.1


From ffe5e6dd9f4db999ccbe8de9cf9ec3bd07894535 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 2 Dec 2025 16:06:14 +0800
Subject: [PATCH 40/97] Fix menu admin landing page, submenu sosial media

---
 prisma/schema.prisma                          |   1 +
 .../(dashboard)/_com/selectSocialMedia.tsx    |  76 +++++
 .../_com/selectSocialMediaEdit.tsx            |  56 ++++
 .../_state/landing-page/profile.ts            | 227 +++++++------
 .../landing-page/profil/_lib/sosmed.ts        |  12 +
 .../profil/media-sosial/[id]/edit/page.tsx    | 308 +++++++++++-------
 .../profil/media-sosial/[id]/page.tsx         |  81 +++--
 .../profil/media-sosial/create/page.tsx       | 235 +++++++------
 .../landing-page/profil/media-sosial/page.tsx |  43 ++-
 .../profile/media-sosial/create.ts            |   8 +-
 .../profile/media-sosial/index.ts             |  10 +-
 .../landing_page/profile/media-sosial/updt.ts |  19 +-
 .../darmasaba/_com/main-page/apbdes/index.tsx |  27 +-
 13 files changed, 730 insertions(+), 373 deletions(-)
 create mode 100644 src/app/admin/(dashboard)/_com/selectSocialMedia.tsx
 create mode 100644 src/app/admin/(dashboard)/_com/selectSocialMediaEdit.tsx
 create mode 100644 src/app/admin/(dashboard)/landing-page/profil/_lib/sosmed.ts

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 1e73563b..cce83ef8 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -136,6 +136,7 @@ model MediaSosial {
   name      String
   image     FileStorage? @relation(fields: [imageId], references: [id])
   imageId   String?
+  icon      String?
   iconUrl   String?      @db.VarChar(255)
   createdAt DateTime     @default(now())
   updatedAt DateTime     @updatedAt
diff --git a/src/app/admin/(dashboard)/_com/selectSocialMedia.tsx b/src/app/admin/(dashboard)/_com/selectSocialMedia.tsx
new file mode 100644
index 00000000..e92222ed
--- /dev/null
+++ b/src/app/admin/(dashboard)/_com/selectSocialMedia.tsx
@@ -0,0 +1,76 @@
+'use client';
+
+import { Box, Image, Select, rem } from '@mantine/core';
+
+const sosmedMap = {
+  facebook: { label: 'Facebook', src: '/assets/images/sosmed/facebook.png' },
+  instagram: { label: 'Instagram', src: '/assets/images/sosmed/instagram.png' },
+  tiktok: { label: 'Tiktok', src: '/assets/images/sosmed/tiktok.png' },
+  youtube: { label: 'YouTube', src: '/assets/images/sosmed/youtube.png' },
+  whatsapp: { label: 'WhatsApp', src: '/assets/images/sosmed/whatsapp.png' },
+  gmail: { label: 'Gmail', src: '/assets/images/sosmed/gmail.png' },
+  telegram: { label: 'Telegram', src: '/assets/images/sosmed/telegram.png' },
+  x: { label: 'X (Twitter)', src: '/assets/images/sosmed/x-twitter.png' },
+  telephone: { label: 'Telephone', src: '/assets/images/sosmed/telephone-call.png' },
+  custom: { label: 'Custom Icon', src: null },
+};
+
+type SosmedKey = keyof typeof sosmedMap;
+
+const sosmedList = Object.entries(sosmedMap).map(([value, item]) => ({
+  value,
+  label: item.label,
+}));
+
+export default function SelectSosialMedia({
+  value,
+  onChange,
+}: {
+  value: SosmedKey;
+  onChange: (value: SosmedKey) => void;
+}) {
+  const selected = value;
+  const selectedImage = sosmedMap[selected]?.src;
+
+  return (
+    <Box maw={300}>
+      <Select
+        placeholder="Pilih sosial media"
+        value={selected}
+        data={sosmedList}
+        searchable={false}
+        withCheckIcon={false}
+        onChange={(val) => val && onChange(val as SosmedKey)}
+        styles={{
+          input: {
+            textAlign: 'left',
+            fontSize: rem(16),
+            paddingLeft: 36,
+          },
+          section: {
+            left: 10,
+            right: 'auto',
+          },
+        }}
+      />
+
+      {/* 🔥 PREVIEW DIPISAH DI LUAR SELECT */}
+      {selectedImage && (
+        <Box mt="md">
+          <Image
+            alt=""
+            src={selectedImage}
+            radius="md"
+            style={{
+              width: 120,
+              height: 120,
+              objectFit: 'contain',
+              border: '1px solid #eee',
+              padding: 8,
+            }}
+          />
+        </Box>
+      )}
+    </Box>
+  );
+}
diff --git a/src/app/admin/(dashboard)/_com/selectSocialMediaEdit.tsx b/src/app/admin/(dashboard)/_com/selectSocialMediaEdit.tsx
new file mode 100644
index 00000000..185037fd
--- /dev/null
+++ b/src/app/admin/(dashboard)/_com/selectSocialMediaEdit.tsx
@@ -0,0 +1,56 @@
+'use client';
+
+import { Box, Select } from '@mantine/core';
+import { useEffect, useState } from 'react';
+
+export const sosmedMap = {
+  facebook: { label: 'Facebook', src: '/assets/images/sosmed/facebook.png' },
+  instagram: { label: 'Instagram', src: '/assets/images/sosmed/instagram.png' },
+  tiktok: { label: 'Tiktok', src: '/assets/images/sosmed/tiktok.png' },
+  youtube: { label: 'YouTube', src: '/assets/images/sosmed/youtube.png' },
+  whatsapp: { label: 'WhatsApp', src: '/assets/images/sosmed/whatsapp.png' },
+  gmail: { label: 'Gmail', src: '/assets/images/sosmed/gmail.png' },
+  telegram: { label: 'Telegram', src: '/assets/images/sosmed/telegram.png' },
+  x: { label: 'X (Twitter)', src: '/assets/images/sosmed/x-twitter.png' },
+  telephone: { label: 'Telephone', src: '/assets/images/sosmed/telephone-call.png' },
+  custom: { label: 'Custom Icon', src: null },
+};
+
+type SosmedKey = keyof typeof sosmedMap;
+
+const sosmedList = Object.entries(sosmedMap).map(([value, item]) => ({
+  value,
+  label: item.label,
+}));
+
+export default function SelectSocialMediaEdit({
+  value,
+  onChange,
+}: {
+  value: string;
+  onChange: (val: SosmedKey) => void;
+}) {
+  const [selected, setSelected] = useState<SosmedKey>('facebook');
+
+  useEffect(() => {
+    if (value && sosmedMap[value as SosmedKey]) {
+      setSelected(value as SosmedKey);
+    }
+  }, [value]);
+
+  return (
+    <Box>
+      <Select
+        label="Jenis Media Sosial"
+        value={selected}
+        data={sosmedList}
+        searchable={false}
+        onChange={(val) => {
+          if (!val) return;
+          setSelected(val as SosmedKey);
+          onChange(val as SosmedKey);
+        }}
+      />
+    </Box>
+  );
+}
diff --git a/src/app/admin/(dashboard)/_state/landing-page/profile.ts b/src/app/admin/(dashboard)/_state/landing-page/profile.ts
index e3a5fe18..d4abaf81 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/profile.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/profile.ts
@@ -27,7 +27,7 @@ const programInovasi = proxy({
       name: "",
       description: "",
       imageId: "",
-      link: ""
+      link: "",
     } as ProgramInovasiForm,
     loading: false,
     async create() {
@@ -71,20 +71,21 @@ const programInovasi = proxy({
     total: 0,
     loading: false,
     search: "",
-    load: async (page = 1, limit = 10, search = "") => {  // Change to arrow function
-      programInovasi.findMany.loading = true;  // Use the full path to access the property
+    load: async (page = 1, limit = 10, search = "") => {
+      // Change to arrow function
+      programInovasi.findMany.loading = true; // Use the full path to access the property
       programInovasi.findMany.page = page;
       programInovasi.findMany.search = search;
       try {
         const query: any = { page, limit };
         if (search) query.search = search;
-        
+
         const res = await ApiFetch.api.landingpage.programinovasi[
           "findMany"
         ].get({
-          query
+          query,
         });
-  
+
         if (res.status === 200 && res.data?.success) {
           programInovasi.findMany.data = res.data.data || [];
           programInovasi.findMany.total = res.data.total || 0;
@@ -389,7 +390,10 @@ const pejabatDesa = proxy({
 
       try {
         // Ensure ID is properly encoded in the URL
-        const url = new URL(`/api/landingpage/pejabatdesa/${encodeURIComponent(this.id)}`, window.location.origin);
+        const url = new URL(
+          `/api/landingpage/pejabatdesa/${encodeURIComponent(this.id)}`,
+          window.location.origin
+        );
         const response = await fetch(url.toString(), {
           method: "PUT",
           headers: {
@@ -438,16 +442,19 @@ const pejabatDesa = proxy({
 
 const templateMediaSosial = z.object({
   name: z.string().min(3, "Nama minimal 3 karakter"),
-  imageId: z.string().min(1, "Gambar wajib dipilih"),
+  imageId: z.string().nullable().optional(),
   iconUrl: z.string().min(3, "Icon URL minimal 3 karakter"),
+  icon: z.string().nullable().optional(),
 });
 
 type MediaSosialForm = {
   name: string;
-  imageId: string;
+  imageId: string | null; // boleh null
   iconUrl: string;
+  icon: string | null; // boleh null
 };
 
+
 const mediaSosial = proxy({
   create: {
     form: {} as MediaSosialForm,
@@ -455,9 +462,10 @@ const mediaSosial = proxy({
     async create() {
       // Ensure all required fields are non-null
       const formData = {
-        name: mediaSosial.create.form.name || "",
-        imageId: mediaSosial.create.form.imageId || "",
-        iconUrl: mediaSosial.create.form.iconUrl || "",
+        name: mediaSosial.create.form.name ?? "",
+        imageId: mediaSosial.create.form.imageId ?? null, // FIXED
+        iconUrl: mediaSosial.create.form.iconUrl ?? "",
+        icon: mediaSosial.create.form.icon ?? null, // FIXED
       };
 
       const cek = templateMediaSosial.safeParse(formData);
@@ -492,20 +500,19 @@ const mediaSosial = proxy({
     total: 0,
     loading: false,
     search: "",
-    load: async (page = 1, limit = 10, search = "") => {  // Change to arrow function
-      mediaSosial.findMany.loading = true;  // Use the full path to access the property
+    load: async (page = 1, limit = 10, search = "") => {
+      // Change to arrow function
+      mediaSosial.findMany.loading = true; // Use the full path to access the property
       mediaSosial.findMany.page = page;
       mediaSosial.findMany.search = search;
-      try { 
+      try {
         const query: any = { page, limit };
         if (search) query.search = search;
-        
-        const res = await ApiFetch.api.landingpage.mediasosial[
-          "findMany"
-        ].get({
+
+        const res = await ApiFetch.api.landingpage.mediasosial["findMany"].get({
           query,
         });
-  
+
         if (res.status === 200 && res.data?.success) {
           mediaSosial.findMany.data = res.data.data || [];
           mediaSosial.findMany.total = res.data.total || 0;
@@ -537,7 +544,7 @@ const mediaSosial = proxy({
         toast.warn("ID tidak valid");
         return null;
       }
-    
+
       mediaSosial.update.loading = true;
       try {
         const res = await fetch(`/api/landingpage/mediasosial/${id}`);
@@ -586,66 +593,72 @@ const mediaSosial = proxy({
     },
   },
   update: {
-      id: "",
-      form: {} as MediaSosialForm,
-      loading: false,
-  
-      async load(id: string) {
-        if (!id) {
-          toast.warn("ID tidak valid");
-          return null;
+    id: "",
+    form: {} as MediaSosialForm,
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      mediaSosial.update.loading = true; // ✅ Tambahkan ini di awal
+
+      try {
+        const response = await fetch(`/api/landingpage/mediasosial/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
         }
-      
-        mediaSosial.update.loading = true; // ✅ Tambahkan ini di awal
-      
-        try {
-          const response = await fetch(`/api/landingpage/mediasosial/${id}`, {
-            method: "GET",
-            headers: {
-              "Content-Type": "application/json",
-            },
-          });
-      
-          if (!response.ok) {
-            throw new Error(`HTTP error! status: ${response.status}`);
-          }
-      
-          const result = await response.json();
-      
-          if (result?.success) {
-            const data = result.data;
-            this.id = data.id;
-            this.form = {
-              name: data.name || "",
-              imageId: data.imageId || "",
-              iconUrl: data.iconUrl || "",
-            };
-            return data;
-          } else {
-            throw new Error(result?.message || "Gagal mengambil data media sosial");
-          }
-        } catch (error) {
-          console.error((error as Error).message);
-          toast.error("Terjadi kesalahan saat mengambil data media sosial");
-        } finally {
-          mediaSosial.update.loading = false; // ✅ Supaya berhenti loading walau error
+
+        const result = await response.json();
+
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            name: data.name || "",
+            imageId: data.imageId || null,
+            iconUrl: data.iconUrl || "",
+            icon: data.icon || null,
+            
+          };
+          return data;
+        } else {
+          throw new Error(
+            result?.message || "Gagal mengambil data media sosial"
+          );
         }
-      },
-      
-      async update() {
-        const cek = templateMediaSosial.safeParse(mediaSosial.update.form);
-        if (!cek.success) {
-          const err = `[${cek.error.issues
-            .map((v) => `${v.path.join(".")}`)
-            .join("\n")}] required`;
-          toast.error(err);
-          return false;
-        }
-  
-        try {
-          mediaSosial.update.loading = true;
-  
-          const response = await fetch(`/api/landingpage/mediasosial/${this.id}`, {
+      } catch (error) {
+        console.error((error as Error).message);
+        toast.error("Terjadi kesalahan saat mengambil data media sosial");
+      } finally {
+        mediaSosial.update.loading = false; // ✅ Supaya berhenti loading walau error
+      }
+    },
+
+    async update() {
+      const cek = templateMediaSosial.safeParse(mediaSosial.update.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return false;
+      }
+
+      try {
+        mediaSosial.update.loading = true;
+
+        const response = await fetch(
+          `/api/landingpage/mediasosial/${this.id}`,
+          {
             method: "PUT",
             headers: {
               "Content-Type": "application/json",
@@ -654,38 +667,40 @@ const mediaSosial = proxy({
               name: this.form.name,
               imageId: this.form.imageId,
               iconUrl: this.form.iconUrl,
+              icon: this.form.icon,
             }),
-          });
-  
-          if (!response.ok) {
-            const errorData = await response.json().catch(() => ({}));
-            throw new Error(
-              errorData.message || `HTTP error! status: ${response.status}`
-            );
           }
-  
-          const result = await response.json();
-  
-          if (result.success) {
-            toast.success("Berhasil update media sosial");
-            await mediaSosial.findMany.load(); // refresh list
-            return true;
-          } else {
-            throw new Error(result.message || "Gagal update media sosial");
-          }
-        } catch (error) {
-          console.error("Error updating media sosial:", error);
-          toast.error(
-            error instanceof Error
-              ? error.message
-              : "Terjadi kesalahan saat update media sosial"
+        );
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
           );
-          return false;
-        } finally {
-          mediaSosial.update.loading = false;
         }
-      },
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update media sosial");
+          await mediaSosial.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update media sosial");
+        }
+      } catch (error) {
+        console.error("Error updating media sosial:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Terjadi kesalahan saat update media sosial"
+        );
+        return false;
+      } finally {
+        mediaSosial.update.loading = false;
+      }
     },
+  },
 });
 
 const profileLandingPageState = proxy({
diff --git a/src/app/admin/(dashboard)/landing-page/profil/_lib/sosmed.ts b/src/app/admin/(dashboard)/landing-page/profil/_lib/sosmed.ts
new file mode 100644
index 00000000..b5b7c9e8
--- /dev/null
+++ b/src/app/admin/(dashboard)/landing-page/profil/_lib/sosmed.ts
@@ -0,0 +1,12 @@
+export const sosmedMap = {
+  facebook: { label: 'Facebook', src: '/assets/images/sosmed/facebook.png' },
+  instagram: { label: 'Instagram', src: '/assets/images/sosmed/instagram.png' },
+  tiktok: { label: 'Tiktok', src: '/assets/images/sosmed/tiktok.png' },
+  youtube: { label: 'YouTube', src: '/assets/images/sosmed/youtube.png' },
+  whatsapp: { label: 'WhatsApp', src: '/assets/images/sosmed/whatsapp.png' },
+  gmail: { label: 'Gmail', src: '/assets/images/sosmed/gmail.png' },
+  telegram: { label: 'Telegram', src: '/assets/images/sosmed/telegram.png' },
+  x: { label: 'X (Twitter)', src: '/assets/images/sosmed/x-twitter.png' },
+  telephone: { label: 'Telephone', src: '/assets/images/sosmed/telephone-call.png' },
+  custom: { label: 'Custom Icon', src: null },
+};
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
index 2cb77a63..9be66fd9 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
@@ -1,5 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
+
+import SelectSocialMediaEdit from '@/app/admin/(dashboard)/_com/selectSocialMediaEdit';
 import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page/profile';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
@@ -14,7 +16,7 @@ import {
   Text,
   TextInput,
   Title,
-  Loader
+  Loader,
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -23,15 +25,45 @@ import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
+type SosmedKey =
+  | 'none'
+  | 'facebook'
+  | 'instagram'
+  | 'tiktok'
+  | 'youtube'
+  | 'whatsapp'
+  | 'gmail'
+  | 'telegram'
+  | 'x'
+  | 'telephone'
+  | 'custom';
+
+const sosmedMap: Record<SosmedKey, { label: string; src: string | null }> = {
+  none: { label: "None", src: '/no-image.jpg' },
+  facebook: { label: 'Facebook', src: '/assets/images/sosmed/facebook.png' },
+  instagram: { label: 'Instagram', src: '/assets/images/sosmed/instagram.png' },
+  tiktok: { label: 'Tiktok', src: '/assets/images/sosmed/tiktok.png' },
+  youtube: { label: 'YouTube', src: '/assets/images/sosmed/youtube.png' },
+  whatsapp: { label: 'WhatsApp', src: '/assets/images/sosmed/whatsapp.png' },
+  gmail: { label: 'Gmail', src: '/assets/images/sosmed/gmail.png' },
+  telegram: { label: 'Telegram', src: '/assets/images/sosmed/telegram.png' },
+  x: { label: 'X (Twitter)', src: '/assets/images/sosmed/x-twitter.png' },
+  telephone: { label: 'Telephone', src: '/assets/images/sosmed/telephone-call.png' },
+  custom: { label: 'Custom Icon', src: null },
+};
+
 function EditMediaSosial() {
   const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial);
   const router = useRouter();
   const params = useParams();
 
+  const [selectedSosmed, setSelectedSosmed] = useState<SosmedKey>('facebook');
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
+
   const [formData, setFormData] = useState({
     name: '',
+    icon: '',
     iconUrl: '',
     imageId: '',
   });
@@ -39,13 +71,14 @@ function EditMediaSosial() {
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   const [originalData, setOriginalData] = useState({
-    name: "",
-    iconUrl: "",
-    imageId: "",
-    imageUrl: "",
+    name: '',
+    icon: '',
+    iconUrl: '',
+    imageId: '',
+    imageUrl: '',
   });
 
-  // Load data by ID
+  // Load Data by ID
   useEffect(() => {
     const id = params?.id as string;
     if (!id) return;
@@ -54,81 +87,97 @@ function EditMediaSosial() {
       try {
         const data = await stateMediaSosial.update.load(id);
 
-        if (data) {
-          // isi form awal
-          const newForm = {
-            name: data.name || "",
-            iconUrl: data.iconUrl || "",
-            imageId: data.imageId || "",
-          };
-          setFormData(newForm);
+        if (!data) return;
 
-          // simpan juga versi original
-          setOriginalData({
-            ...newForm,
-            imageUrl: data.image?.link || "",
-          });
-
-          setPreviewImage(data.image?.link || null);
+        // Tentukan default/custom icon
+        // Tentukan default/custom icon
+        if (data.imageId) {
+          setSelectedSosmed('custom');
+        } else {
+          // ✅ Gunakan langsung data.icon jika ada dan valid
+          if (data.icon && sosmedMap[data.icon as SosmedKey]) {
+            setSelectedSosmed(data.icon as SosmedKey);
+          } else {
+            setSelectedSosmed('none'); // fallback
+          }
         }
-      } catch (error) {
-        console.error('Error loading media sosial:', error);
-        toast.error(
-          error instanceof Error ? error.message : 'Gagal mengambil data media sosial'
-        );
+
+        const newForm = {
+          name: data.name || '',
+          icon: data.icon || '',
+          iconUrl: data.iconUrl || '',
+          imageId: data.imageId || '',
+        };
+
+        setFormData(newForm);
+
+        setOriginalData({
+          ...newForm,
+          imageUrl: data.image?.link || '',
+        });
+
+        setPreviewImage(data.image?.link || null);
+      } catch {
+        toast.error('Gagal mengambil data media sosial');
       }
     };
 
     loadData();
   }, [params?.id]);
 
-  const handleChange = (field: string, value: string) => {
+  const handleChange = (field: keyof typeof formData, value: string) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
   const handleSubmit = async () => {
     setIsSubmitting(true);
+
     try {
-      // update global state hanya saat submit
       stateMediaSosial.update.form = { ...stateMediaSosial.update.form, ...formData };
 
       if (file) {
-        const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
+        const res = await ApiFetch.api.fileStorage.create.post({
+          file,
+          name: file.name,
+        });
         const uploaded = res.data?.data;
 
-        if (!uploaded?.id) return toast.error('Gagal upload gambar');
+        if (!uploaded?.id) {
+          toast.error('Gagal upload gambar');
+          return;
+        }
 
         stateMediaSosial.update.form.imageId = uploaded.id;
       }
 
+      // 🚨 Tambahkan ini untuk debugging
+      console.log("Data yang akan dikirim ke backend:", stateMediaSosial.update.form);
+
       await stateMediaSosial.update.update();
       toast.success('Media sosial berhasil diperbarui!');
       router.push('/admin/landing-page/profil/media-sosial');
     } catch (error) {
-      console.error('Error updating media sosial:', error);
+      console.error("Error di handleSubmit:", error); // 🚨 Tambahkan ini juga
       toast.error('Terjadi kesalahan saat memperbarui media sosial');
     } finally {
       setIsSubmitting(false);
     }
   };
 
-  // ✅ Tombol Batal → balikin ke data original
   const handleResetForm = () => {
     setFormData({
       name: originalData.name,
+      icon: originalData.icon,
       iconUrl: originalData.iconUrl,
       imageId: originalData.imageId,
     });
     setPreviewImage(originalData.imageUrl || null);
     setFile(null);
-    toast.info("Form dikembalikan ke data awal");
+    toast.info('Form dikembalikan ke data awal');
   };
 
   return (
-    <Box
-      px={{ base: 'sm', md: 'lg' }}
-      py="md"
-    >
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
@@ -147,80 +196,119 @@ function EditMediaSosial() {
         style={{ border: '1px solid #e0e0e0' }}
       >
         <Stack gap="md">
-          {/* Upload Gambar */}
+          {/* Upload / Icon */}
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
-              Gambar Program Inovasi
+              Icon / Gambar Media Sosial
             </Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0];
-                if (selectedFile) {
-                  setFile(selectedFile);
-                  setPreviewImage(URL.createObjectURL(selectedFile));
+
+            {/* Custom Upload */}
+            {/* PILIH ICON */}
+            <SelectSocialMediaEdit
+              value={selectedSosmed}
+              onChange={(key) => {
+                setSelectedSosmed(key);
+
+                if (key === 'custom') {
+                  // custom → gunakan Dropzone
+                  setFormData((prev) => ({
+                    ...prev,
+                    icon: '',
+                    imageId: '',
+                  }));
+                  return;
                 }
+
+                // default → pakai icon bawaan
+                setFormData((prev) => ({
+                  ...prev,
+                  icon: key, // <-- simpan 'facebook', bukan path
+                  imageId: '',
+                }));
               }}
-              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
-              maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={180}>
-                <Dropzone.Accept>
-                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
-                </Dropzone.Accept>
-                <Dropzone.Reject>
-                  <IconX size={48} color="red" stroke={1.5} />
-                </Dropzone.Reject>
-                <Dropzone.Idle>
-                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
-                </Dropzone.Idle>
-                <Stack gap="xs" align="center">
-                  <Text size="md" fw={500}>
-                    Seret gambar atau klik untuk memilih file
-                  </Text>
-                  <Text size="sm" c="dimmed">
-                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
-                  </Text>
-                </Stack>
-              </Group>
-            </Dropzone>
+            />
 
-            {/* ✅ Preview gambar + tombol X */}
-            {previewImage && (
-              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
-                <Image
-                  src={previewImage}
-                  alt="Preview Gambar"
+            {selectedSosmed === 'custom' ? (
+              <>
+                <Dropzone
+                  onDrop={(files) => {
+                    const selectedFile = files[0];
+                    if (selectedFile) {
+                      setFile(selectedFile);
+                      setPreviewImage(URL.createObjectURL(selectedFile));
+                      handleChange('imageId', '');
+                    }
+                  }}
+                  onReject={() => toast.error('File tidak valid')}
+                  maxSize={5 * 1024 ** 2}
+                  accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
                   radius="md"
-                  style={{
-                    maxHeight: 200,
-                    objectFit: 'contain',
-                    border: '1px solid #ddd',
-                  }}
-                  loading="lazy"
-                />
-
-                {/* Tombol hapus (pojok kanan atas) */}
-                <ActionIcon
-                  variant="filled"
-                  color="red"
-                  radius="xl"
-                  size="sm"
-                  pos="absolute"
-                  top={5}
-                  right={5}
-                  onClick={() => {
-                    setPreviewImage(null);
-                    setFile(null);
-                  }}
-                  style={{
-                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
-                  }}
+                  p="xl"
                 >
-                  <IconX size={14} />
-                </ActionIcon>
+                  <Group justify="center" gap="xl" mih={180}>
+                    <Dropzone.Accept>
+                      <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
+                    </Dropzone.Accept>
+                    <Dropzone.Reject>
+                      <IconX size={48} color="red" stroke={1.5} />
+                    </Dropzone.Reject>
+                    <Dropzone.Idle>
+                      <IconPhoto size={48} color="#868e96" stroke={1.5} />
+                    </Dropzone.Idle>
+
+                    <Stack align="center" gap="xs">
+                      <Text fw={500}>Seret gambar atau klik untuk pilih</Text>
+                      <Text size="sm" c="dimmed">
+                        Maksimal 5MB, format: .png, .jpg, .jpeg, .webp
+                      </Text>
+                    </Stack>
+                  </Group>
+                </Dropzone>
+
+                {previewImage && (
+                  <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                    <Image
+                      src={previewImage}
+                      alt="Preview"
+                      radius="md"
+                      style={{
+                        maxHeight: 200,
+                        objectFit: 'contain',
+                        border: '1px solid #ddd',
+                      }}
+                    />
+
+                    <ActionIcon
+                      variant="filled"
+                      color="red"
+                      radius="xl"
+                      size="sm"
+                      pos="absolute"
+                      top={5}
+                      right={5}
+                      onClick={() => {
+                        setFile(null);
+                        setPreviewImage(null);
+                        handleChange('imageId', '');
+                      }}
+                      style={{ boxShadow: '0 2px 6px rgba(0,0,0,0.15)' }}
+                    >
+                      <IconX size={14} />
+                    </ActionIcon>
+                  </Box>
+                )}
+              </>
+            ) : (
+              // Default icon
+              <Box mt="xs">
+                <Image
+                  src={sosmedMap[selectedSosmed].src || ''}
+                  alt="Icon bawaan"
+                  width={40}
+                  height={40}
+                  radius="md"
+                  style={{ border: '1px solid #ddd', padding: 4, background: '#fff' }}
+                />
               </Box>
             )}
           </Box>
@@ -237,25 +325,17 @@ function EditMediaSosial() {
           {/* Link Media Sosial */}
           <TextInput
             label="Link Media Sosial / Nomor Telepon"
-            placeholder="Masukkan link media sosial atau nomor telepon"
+            placeholder="Masukkan link atau nomor telepon"
             value={formData.iconUrl}
             onChange={(e) => handleChange('iconUrl', e.target.value)}
             required
           />
 
-<Group justify="right">
-            {/* Tombol Batal */}
-            <Button
-              variant="outline"
-              color="gray"
-              radius="md"
-              size="md"
-              onClick={handleResetForm}
-            >
+          <Group justify="right">
+            <Button variant="outline" color="gray" radius="md" size="md" onClick={handleResetForm}>
               Batal
             </Button>
 
-            {/* Tombol Simpan */}
             <Button
               onClick={handleSubmit}
               radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
index d84a78a6..a73e90e6 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page/profile';
@@ -8,6 +9,7 @@ import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
+import { sosmedMap } from '../../_lib/sosmed';
 
 function DetailMediaSosial() {
   const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial);
@@ -16,6 +18,14 @@ function DetailMediaSosial() {
   const params = useParams();
   const router = useRouter();
 
+  const getIconSource = (item: any) => {
+    if (item.image?.link) return item.image.link;
+    if (item.icon && sosmedMap[item.icon as keyof typeof sosmedMap]?.src) {
+      return sosmedMap[item.icon as keyof typeof sosmedMap].src;
+    }
+    return null;
+  };
+
   useShallowEffect(() => {
     stateMediaSosial.findUnique.load(params?.id as string);
   }, []);
@@ -77,46 +87,47 @@ function DetailMediaSosial() {
 
               <Box>
                 <Text fz="lg" fw="bold">Gambar</Text>
-                {data.image?.link ? (
-                  <Image
-                    src={data.image.link}
-                    alt={data.name || 'Gambar Media Sosial'}
-                    w="100%"
-                    maw={120} // max width biar tidak keluar layar
-                    h="auto"
-                    radius="md"
-                    fit="cover"
-                    loading="lazy"
-                  />
+                {(() => {
+                  const src = getIconSource(data);
 
-                ) : (
-                  <Text fz="sm" c="dimmed">Tidak ada gambar</Text>
-                )}
+                  if (src) {
+                    return (
+                      <Image
+                        loading="lazy"
+                        src={src}
+                        alt={data.name}
+                        fit={data.image?.link ? "cover" : "contain"}
+                      />
+                    );
+                  }
+
+                  return <Box bg={colors['blue-button']} w="100%" h="100%" />;
+                })()}
               </Box>
 
               <Group gap="sm">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/landing-page/profil/media-sosial/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/landing-page/profil/media-sosial/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
index 937f08c7..ccbfdb5c 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
@@ -1,5 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
+
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
 import {
@@ -22,10 +23,41 @@ import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import profileLandingPageState from '../../../../_state/landing-page/profile';
+import SelectSosialMedia from '@/app/admin/(dashboard)/_com/selectSocialMedia';
+
+
+// ⭐ Tambah type SosmedKey
+type SosmedKey =
+  | 'facebook'
+  | 'instagram'
+  | 'tiktok'
+  | 'youtube'
+  | 'whatsapp'
+  | 'gmail'
+  | 'telegram'
+  | 'x'
+  | 'telephone'
+  | 'custom';
+
+// ⭐ mapping icon sosmed bawaan
+const sosmedMap: Record<SosmedKey, { label: string; src: string | null }> = {
+  facebook: { label: 'Facebook', src: '/assets/images/sosmed/facebook.png' },
+  instagram: { label: 'Instagram', src: '/assets/images/sosmed/instagram.png' },
+  tiktok: { label: 'Tiktok', src: '/assets/images/sosmed/tiktok.png' },
+  youtube: { label: 'YouTube', src: '/assets/images/sosmed/youtube.png' },
+  whatsapp: { label: 'WhatsApp', src: '/assets/images/sosmed/whatsapp.png' },
+  gmail: { label: 'Gmail', src: '/assets/images/sosmed/gmail.png' },
+  telegram: { label: 'Telegram', src: '/assets/images/sosmed/telegram.png' },
+  x: { label: 'X (Twitter)', src: '/assets/images/sosmed/x-twitter.png' },
+  telephone: { label: 'Telephone', src: '/assets/images/sosmed/telephone-call.png' },
+  custom: { label: 'Custom Icon', src: null },
+};
 
 export default function CreateMediaSosial() {
   const router = useRouter();
   const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial);
+
+  const [selectedSosmed, setSelectedSosmed] = useState<SosmedKey>('facebook');
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -39,16 +71,34 @@ export default function CreateMediaSosial() {
       name: '',
       imageId: '',
       iconUrl: '',
+      icon: ''
     };
-    setPreviewImage(null);
+
     setFile(null);
+    setPreviewImage(null);
+    setSelectedSosmed('facebook');
   };
 
   const handleSubmit = async () => {
     setIsSubmitting(true);
+
     try {
+      // ──────────────── ⭐ CASE 1: PAKAI ICON DEFAULT ────────────────
+      if (selectedSosmed !== 'custom') {
+        stateMediaSosial.create.form.imageId = null;
+        stateMediaSosial.create.form.icon = sosmedMap[selectedSosmed].src!;
+
+
+        await stateMediaSosial.create.create();
+        resetForm();
+        router.push('/admin/landing-page/profil/media-sosial');
+        return;
+      }
+
+      // ──────────────── ⭐ CASE 2: CUSTOM ICON → WAJIB UPLOAD ────────────────
       if (!file) {
-        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+        toast.warn('Silakan upload icon custom terlebih dahulu');
+        return;
       }
 
       const res = await ApiFetch.api.fileStorage.create.post({
@@ -59,10 +109,12 @@ export default function CreateMediaSosial() {
       const uploaded = res.data?.data;
 
       if (!uploaded?.id) {
-        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+        toast.error('Gagal mengunggah icon custom');
+        return;
       }
 
       stateMediaSosial.create.form.imageId = uploaded.id;
+      stateMediaSosial.create.form.icon = null;
 
       await stateMediaSosial.create.create();
 
@@ -78,6 +130,7 @@ export default function CreateMediaSosial() {
 
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
@@ -96,112 +149,110 @@ export default function CreateMediaSosial() {
         style={{ border: '1px solid #e0e0e0' }}
       >
         <Stack gap="md">
-          <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Gambar Program Inovasi
-            </Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0];
-                if (selectedFile) {
-                  setFile(selectedFile);
-                  setPreviewImage(URL.createObjectURL(selectedFile));
-                }
-              }}
-              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
-              maxSize={5 * 1024 ** 2}
-              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
-              radius="md"
-              p="xl"
-            >
-              <Group justify="center" gap="xl" mih={180}>
-                <Dropzone.Accept>
-                  <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
-                </Dropzone.Accept>
-                <Dropzone.Reject>
-                  <IconX size={48} color="red" stroke={1.5} />
-                </Dropzone.Reject>
-                <Dropzone.Idle>
-                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
-                </Dropzone.Idle>
-                <Stack gap="xs" align="center">
-                  <Text size="md" fw={500}>
-                    Seret gambar atau klik untuk memilih file
-                  </Text>
-                  <Text size="sm" c="dimmed">
-                  Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
-                  </Text>
-                </Stack>
-              </Group>
-            </Dropzone>
+          {/* Select Sosmed */}
+          <SelectSosialMedia value={selectedSosmed} onChange={setSelectedSosmed} />
 
-            {/* ✅ Preview gambar + tombol X */}
-            {previewImage && (
-              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
-                <Image
-                  src={previewImage}
-                  alt="Preview Gambar"
-                  radius="md"
-                  style={{
-                    maxHeight: 200,
-                    objectFit: 'contain',
-                    border: '1px solid #ddd',
-                  }}
-                  loading="lazy"
-                />
+          {/* Custom icon uploader */}
+          {selectedSosmed === 'custom' && (
+            <Box>
+              <Text fw="bold" fz="sm" mb={6}>
+                Upload Custom Icon
+              </Text>
 
-                {/* Tombol hapus (pojok kanan atas) */}
-                <ActionIcon
-                  variant="filled"
-                  color="red"
-                  radius="xl"
-                  size="sm"
-                  pos="absolute"
-                  top={5}
-                  right={5}
-                  onClick={() => {
-                    setPreviewImage(null);
-                    setFile(null);
-                  }}
-                  style={{
-                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
-                  }}
-                >
-                  <IconX size={14} />
-                </ActionIcon>
-              </Box>
-            )}
-          </Box>
+              <Dropzone
+                onDrop={(files) => {
+                  const selectedFile = files[0];
+                  if (selectedFile) {
+                    setFile(selectedFile);
+                    setPreviewImage(URL.createObjectURL(selectedFile));
+                  }
+                }}
+                onReject={() => toast.error('File tidak valid')}
+                maxSize={5 * 1024 ** 2}
+                accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+                radius="md"
+                p="xl"
+              >
+                <Group justify="center" gap="xl" mih={180}>
+                  <Dropzone.Accept>
+                    <IconUpload size={48} color={colors['blue-button']} stroke={1.5} />
+                  </Dropzone.Accept>
+                  <Dropzone.Reject>
+                    <IconX size={48} color="red" stroke={1.5} />
+                  </Dropzone.Reject>
+                  <Dropzone.Idle>
+                    <IconPhoto size={48} color="#868e96" stroke={1.5} />
+                  </Dropzone.Idle>
 
+                  <Stack align="center" gap="xs">
+                    <Text fw={500}>Seret gambar atau klik untuk pilih</Text>
+                    <Text size="sm" c="dimmed">
+                      Maksimal 5MB, format .png, .jpg, .jpeg, webp
+                    </Text>
+                  </Stack>
+                </Group>
+              </Dropzone>
+
+              {previewImage && (
+                <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                  <Image
+                    src={previewImage}
+                    alt="Preview"
+                    radius="md"
+                    style={{
+                      maxHeight: 200,
+                      objectFit: 'contain',
+                      border: '1px solid #ddd',
+                    }}
+                  />
+
+                  <ActionIcon
+                    variant="filled"
+                    color="red"
+                    radius="xl"
+                    size="sm"
+                    pos="absolute"
+                    top={5}
+                    right={5}
+                    onClick={() => {
+                      setFile(null);
+                      setPreviewImage(null);
+                    }}
+                    style={{ boxShadow: '0 2px 6px rgba(0,0,0,0.15)' }}
+                  >
+                    <IconX size={14} />
+                  </ActionIcon>
+                </Box>
+              )}
+            </Box>
+          )}
+
+          {/* Input name */}
           <TextInput
-            label="Nama Media Sosial / Kontak"
-            placeholder="Masukkan nama media sosial atau kontak"
-            value={stateMediaSosial.create.form.name || ''}
+            label="Nama Media Sosial"
+            placeholder="Masukkan nama media sosial"
+            value={stateMediaSosial.create.form.name ?? ''}
             onChange={(e) => (stateMediaSosial.create.form.name = e.target.value)}
             required
           />
+
+          {/* Input link */}
           <TextInput
-            label="Link Media Sosial / Nomor Telepon"
-            placeholder="Masukkan link media sosial atau nomor telepon"
-            value={stateMediaSosial.create.form.iconUrl || ''}
+            label="Link / Kontak"
+            placeholder="Masukkan link atau nomor"
+            value={stateMediaSosial.create.form.iconUrl ?? ''}
             onChange={(e) => (stateMediaSosial.create.form.iconUrl = e.target.value)}
             required
           />
 
+          {/* Actions */}
           <Group justify="right">
-            <Button
-              variant="outline"
-              color="gray"
-              radius="md"
-              size="md"
-              onClick={resetForm}
-            >
+            <Button variant="outline" color="gray" radius="md" onClick={resetForm}>
               Reset
             </Button>
             <Button
-              onClick={handleSubmit}
               radius="md"
-              size="md"
+              onClick={handleSubmit}
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
index e1d8c56b..540037c5 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Image, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
@@ -8,6 +9,7 @@ import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import profileLandingPageState from '../../../_state/landing-page/profile';
+import { sosmedMap } from '../_lib/sosmed';
 
 function MediaSosial() {
   const [search, setSearch] = useState("");
@@ -29,6 +31,14 @@ function ListMediaSosial({ search }: { search: string }) {
   const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial)
   const router = useRouter();
 
+  const getIconSource = (item: any) => {
+    if (item.image?.link) return item.image.link; 
+    if (item.icon && sosmedMap[item.icon as keyof typeof sosmedMap]?.src) {
+      return sosmedMap[item.icon as keyof typeof sosmedMap].src;
+    }
+    return null;
+  };
+
   const {
     data,
     page,
@@ -56,9 +66,9 @@ function ListMediaSosial({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Media Sosial</Title>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/profil/media-sosial/create')}>
-              Tambah Baru
-            </Button>
+          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/profil/media-sosial/create')}>
+            Tambah Baru
+          </Button>
         </Group>
         <Box style={{ overflowX: "auto" }}>
           <Table highlightOnHover>
@@ -77,13 +87,26 @@ function ListMediaSosial({ search }: { search: string }) {
                     <TableTd style={{ width: '25%', }}>
                       <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%', }}>
-                      <Box w={50} h={50} style={{ borderRadius: 8, overflow: 'hidden', }}>
-                        {item.image?.link ? (
-                          <Image loading='lazy' src={item.image.link} alt={item.name} fit="cover" />
-                        ) : (
-                          <Box bg={colors['blue-button']} w="100%" h="100%" />
-                        )}
+                    <TableTd style={{ width: '20%' }}>
+                      <Box w={50} h={50} style={{ borderRadius: 8, overflow: 'hidden' }}>
+
+                        {(() => {
+                          const src = getIconSource(item);
+
+                          if (src) {
+                            return (
+                              <Image
+                                loading="lazy"
+                                src={src}
+                                alt={item.name}
+                                fit={item.image?.link ? "cover" : "contain"}
+                              />
+                            );
+                          }
+
+                          return <Box bg={colors['blue-button']} w="100%" h="100%" />;
+                        })()}
+
                       </Box>
                     </TableTd>
                     <TableTd style={{ width: '20%', }}>
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/create.ts b/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/create.ts
index a545be3e..d7c3f4e5 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/create.ts
@@ -5,6 +5,7 @@ type FormCreate = {
   name: string;
   imageId: string;
   iconUrl: string;
+  icon: string;
 };
 
 export default async function mediaSosialCreate(context: Context) {
@@ -14,8 +15,9 @@ export default async function mediaSosialCreate(context: Context) {
     const result = await prisma.mediaSosial.create({
       data: {
         name: body.name,
-        imageId: body.imageId,
+        imageId: body.imageId || null,
         iconUrl: body.iconUrl,
+        icon: body.icon || null,
       },
       include: {
         image: true,
@@ -29,8 +31,6 @@ export default async function mediaSosialCreate(context: Context) {
     };
   } catch (error) {
     console.error("Error creating media sosial:", error);
-    throw new Error(
-      "Gagal membuat media sosial: " + (error as Error).message
-    );
+    throw new Error("Gagal membuat media sosial: " + (error as Error).message);
   }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/index.ts b/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/index.ts
index 7fb00c25..89f10e21 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/index.ts
@@ -20,8 +20,9 @@ const MediaSosial = new Elysia({
   .post("/create", MediaSosialCreate, {
     body: t.Object({
       name: t.String(),
-      imageId: t.String(),
-      iconUrl: t.String(),
+      imageId: t.Union([t.String(), t.Null()]),
+      iconUrl: t.Union([t.String(), t.Null()]),
+      icon: t.Union([t.String(), t.Null()]),
     }),
   })
 
@@ -29,8 +30,9 @@ const MediaSosial = new Elysia({
   .put("/:id", MediaSosialUpdate, {
     body: t.Object({
       name: t.String(),
-      imageId: t.Optional(t.String()),
-      iconUrl: t.Optional(t.String()),
+      imageId: t.Optional(t.Union([t.String(), t.Null()])),
+      iconUrl: t.Optional(t.Union([t.String(), t.Null()])),
+      icon: t.Optional(t.Union([t.String(), t.Null()])),
     }),
   })
   // ✅ Delete
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/updt.ts b/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/updt.ts
index 5a5ca174..cc92bf6c 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/profile/media-sosial/updt.ts
@@ -6,6 +6,7 @@ type FormUpdateMediaSosial = {
   name?: string;
   imageId?: string;
   iconUrl?: string;
+  icon?: string;
 };
 
 export default async function mediaSosialUpdate(context: Context) {
@@ -20,13 +21,29 @@ export default async function mediaSosialUpdate(context: Context) {
     };
   }
 
+  // 🚨 Tambahkan validasi di sini
+  if (!body.name || body.name.trim().length < 3) {
+    return {
+      success: false,
+      message: "Nama media sosial minimal 3 karakter",
+    };
+  }
+
+  if (!body.iconUrl || body.iconUrl.trim().length < 3) {
+    return {
+      success: false,
+      message: "Icon URL minimal 3 karakter",
+    };
+  }
+
   try {
     const updated = await prisma.mediaSosial.update({
       where: { id },
       data: {
         name: body.name,
-        imageId: body.imageId,
+        imageId: body.imageId || null, // pastikan null jika kosong
         iconUrl: body.iconUrl,
+        icon: body.icon || null, // pastikan null jika kosong
       },
       include: {
         image: true,
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 1ce44d1c..ad848d55 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -5,7 +5,7 @@ import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
 import APBDesProgress from '@/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress'
 import { transformAPBDesData } from '@/app/darmasaba/(tambahan)/apbdes/lib/types'
 import colors from '@/con/colors'
-import { ActionIcon, BackgroundImage, Box, Button, Center, Flex, Group, Loader, Select, SimpleGrid, Stack, Text } from '@mantine/core'
+import { ActionIcon, BackgroundImage, Box, Button, Center, Group, Loader, Select, SimpleGrid, Stack, Text } from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
@@ -133,7 +133,7 @@ function Apbdes() {
               style={{ overflow: 'hidden' }}
             >
               <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 16 }} />
-              <Stack justify="space-between" h="100%" p="xl" pos="relative">
+              <Stack gap={"xs"} justify="space-between" h="100%" p="xl" pos="relative">
                 <Text
                   c="white"
                   fw={600}
@@ -152,7 +152,20 @@ function Apbdes() {
                 >
                   {v.jumlah}
                 </Text>
-                <Group justify="center">
+                <Center>
+                  <ActionIcon
+                    component={Link}
+                    href={v.file?.link || ''}
+                    radius="xl"
+                    size="xl"
+                    variant="gradient"
+                    gradient={{ from: '#1C6EA4', to: '#1C6EA4' }}
+                  >
+                    <IconDownload size={20} color="white" />
+                  </ActionIcon>
+
+                </Center>
+                {/* <Group justify="center">
                   <ActionIcon
                     component={Link}
                     href={v.file?.link || ''}
@@ -161,11 +174,11 @@ function Apbdes() {
                     variant="gradient"
                     gradient={{ from: '#1C6EA4', to: '#1C6EA4' }}
                   >
-                    <Flex align="center" gap="xs" px="md" py={6}>
-                      <IconDownload size={18} color="white" />
-                    </Flex>
+                    <Group align="center" gap="xs" px="md" py={6}>
+                      <IconDownload size={25} color="white" />
+                    </Group>
                   </ActionIcon>
-                </Group>
+                </Group> */}
               </Stack>
             </BackgroundImage>
           ))
-- 
2.49.1


From a4069d3cba7fdb94c33cd17d072a5f264db44de4 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 2 Dec 2025 16:45:55 +0800
Subject: [PATCH 41/97] Fix UI Sosial Media Landing Page in User

---
 .../main-page/landing-page/SosmedView.tsx     | 49 ++++++++++---------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx b/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
index 66d770fc..3279e2ef 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
@@ -1,7 +1,9 @@
-import { ActionIcon, Card, Flex, Image, Text, Tooltip } from "@mantine/core";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { sosmedMap } from "@/app/admin/(dashboard)/landing-page/profil/_lib/sosmed";
+import colors from "@/con/colors";
+import { ActionIcon, Box, Card, Flex, Image, Text, Tooltip } from "@mantine/core";
 import { Prisma } from "@prisma/client";
 import { useTransitionRouter } from "next-view-transitions";
-import { IconBrandInstagram, IconBrandFacebook, IconBrandTwitter, IconWorld } from "@tabler/icons-react";
 
 function SosmedView({
   data,
@@ -10,17 +12,12 @@ function SosmedView({
 }) {
   const router = useTransitionRouter();
 
-  const fallbackIcon = (platform?: string) => {
-    switch (platform?.toLowerCase()) {
-      case "instagram":
-        return <IconBrandInstagram size={22} />;
-      case "facebook":
-        return <IconBrandFacebook size={22} />;
-      case "twitter":
-        return <IconBrandTwitter size={22} />;
-      default:
-        return <IconWorld size={22} />;
+  const getIconSource = (item: any) => {
+    if (item.image?.link) return item.image.link;
+    if (item.icon && sosmedMap[item.icon as keyof typeof sosmedMap]?.src) {
+      return sosmedMap[item.icon as keyof typeof sosmedMap].src;
     }
+    return null;
   };
 
   return (
@@ -44,18 +41,22 @@ function SosmedView({
                 boxShadow: "0 0 12px rgba(28, 110, 164, 0.6)",
               }}
             >
-              {item.image?.link ? (
-                <Image
-                  src={item.image.link}
-                  alt={item.name || "ikon"}
-                  w={24}
-                  h={24}
-                  fit="contain"
-                  loading="lazy"
-                />
-              ) : (
-                fallbackIcon(item.name)
-              )}
+              {(() => {
+                const src = getIconSource(item);
+
+                if (src) {
+                  return (
+                    <Image
+                      loading="lazy"
+                      src={src}
+                      alt={item.name}
+                      fit={item.image?.link ? "cover" : "contain"}
+                    />
+                  );
+                }
+
+                return <Box bg={colors['blue-button']} w="100%" h="100%" />;
+              })()}
             </ActionIcon>
           </Tooltip>
         ))
-- 
2.49.1


From 7bb17ddf2299235aba699067f01c3c319b9f1704 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 3 Dec 2025 17:24:03 +0800
Subject: [PATCH 42/97] Menambahkan menu dokter dan tenaga medis, admin bisa
 create, edit, delet dokter Menambahkan menu tarif dan layanan, admin bisa
 create, edit, delete tarif dan layanan Dibagian fasilitas kesehatan admin
 bisa multiselect bagian dokter dan tarif layanan Di tampilan user juga sudah
 disesuaikan dengan datanya bisa muncul lebih dari 1 dokter dan 1 tarif
 layanan

---
 prisma/schema.prisma                          |  59 +--
 .../fasilitasKesehatan.ts                     | 366 +++++++++++++++---
 .../desa/berita/kategori-berita/[id]/page.tsx |   2 +-
 .../fasilitas_kesehatan/[id]/edit/page.tsx    | 309 +++++++--------
 .../fasilitas_kesehatan/[id]/page.tsx         |  90 ++++-
 .../fasilitas_kesehatan/create/page.tsx       |  99 +++--
 .../dokter-tenaga-medis/[id]/edit/page.tsx    | 242 +++++++++++-
 .../dokter-tenaga-medis/[id]/page.tsx         | 166 +++++++-
 .../dokter-tenaga-medis/create/page.tsx       | 189 +++++++--
 .../dokter-tenaga-medis/page.tsx              | 117 ++++--
 .../fasilitas_kesehatan/page.tsx              |  64 ++-
 .../tarif-layanan/[id]/page.tsx               | 173 +++++++++
 .../tarif-layanan/create/page.tsx             | 119 ++++++
 .../tarif-layanan/page.tsx                    | 147 +++++--
 .../fasilitas_kesehatan/create.ts             |  51 +--
 .../fasilitas_kesehatan/del.ts                |  42 +-
 .../dokter-tenaga-medis/create.ts             |  15 +
 .../dokter-tenaga-medis/findMany.ts           |   1 +
 .../dokter-tenaga-medis/index.ts              |  10 +
 .../dokter-tenaga-medis/updt.ts               |  11 +
 .../fasilitas_kesehatan/index.ts              |  60 ++-
 .../tarif-layanan/create.ts                   |  28 ++
 .../fasilitas_kesehatan/tarif-layanan/del.ts  |  37 ++
 .../tarif-layanan/findMany.ts                 |  54 +++
 .../tarif-layanan/findUnique.ts               |  47 +++
 .../tarif-layanan/index.ts                    |  30 ++
 .../fasilitas_kesehatan/tarif-layanan/updt.ts |  32 ++
 .../fasilitas_kesehatan/updt.ts               |  54 +--
 .../api/[[...slugs]]/_lib/kesehatan/index.ts  |   2 +
 .../api/[[...slugs]]/_lib/search/findMany.ts  |  72 ++--
 .../fasilitas-kesehatan-page/[id]/page.tsx    | 131 ++++---
 .../main-page/landing-page/SosmedView.tsx     |   4 +-
 src/app/darmasaba/_com/searchUrl.tsx          |   6 +-
 33 files changed, 2177 insertions(+), 652 deletions(-)
 create mode 100644 src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
 create mode 100644 src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/create.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/del.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findMany.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findUnique.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/index.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/updt.ts

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index cce83ef8..5d8b95af 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -783,24 +783,22 @@ model Penghargaan {
 
 // ========================================= FASILITAS KESEHATAN ========================================= //
 model FasilitasKesehatan {
-  id                     String               @id @default(cuid())
-  name                   String
-  createdAt              DateTime             @default(now())
-  updatedAt              DateTime             @updatedAt
-  deletedAt              DateTime             @default(now())
-  isActive               Boolean              @default(true)
-  informasiumum          InformasiUmum        @relation(fields: [informasiUmumId], references: [id])
-  informasiUmumId        String
-  layananunggulan        LayananUnggulan      @relation(fields: [layananUnggulanId], references: [id])
-  layananUnggulanId      String
-  dokterdantenagamedis   DokterdanTenagaMedis @relation(fields: [dokterdanTenagaMedisId], references: [id])
-  dokterdanTenagaMedisId String
-  fasilitaspendukung     FasilitasPendukung   @relation(fields: [fasilitasPendukungId], references: [id])
-  fasilitasPendukungId   String
-  prosedurpendaftaran    ProsedurPendaftaran  @relation(fields: [prosedurPendaftaranId], references: [id])
-  prosedurPendaftaranId  String
-  tarifdanlayanan        TarifDanLayanan      @relation(fields: [tarifDanLayananId], references: [id])
-  tarifDanLayananId      String
+  id                    String                 @id @default(cuid())
+  name                  String
+  createdAt             DateTime               @default(now())
+  updatedAt             DateTime               @updatedAt
+  deletedAt             DateTime               @default(now())
+  isActive              Boolean                @default(true)
+  informasiumum         InformasiUmum          @relation(fields: [informasiUmumId], references: [id])
+  informasiUmumId       String
+  layananunggulan       LayananUnggulan        @relation(fields: [layananUnggulanId], references: [id])
+  layananUnggulanId     String
+  dokterdantenagamedis  DokterdanTenagaMedis[] @relation("Dokter")
+  fasilitaspendukung    FasilitasPendukung     @relation(fields: [fasilitasPendukungId], references: [id])
+  fasilitasPendukungId  String
+  prosedurpendaftaran   ProsedurPendaftaran    @relation(fields: [prosedurPendaftaranId], references: [id])
+  prosedurPendaftaranId String
+  tarifdanlayanan       TarifDanLayanan[]      @relation("Tarif")
 }
 
 model InformasiUmum {
@@ -826,15 +824,20 @@ model LayananUnggulan {
 }
 
 model DokterdanTenagaMedis {
-  id                 String               @id @default(cuid())
-  name               String
-  specialist         String
-  jadwal             String
-  createdAt          DateTime             @default(now())
-  updatedAt          DateTime             @updatedAt
-  deletedAt          DateTime             @default(now())
-  isActive           Boolean              @default(true)
-  FasilitasKesehatan FasilitasKesehatan[]
+  id                  String               @id @default(cuid())
+  name                String
+  specialist          String
+  jadwal              String
+  jadwalLibur         String
+  jamBukaOperasional  String
+  jamTutupOperasional String
+  jamBukaLibur        String
+  jamTutupLibur       String
+  createdAt           DateTime             @default(now())
+  updatedAt           DateTime             @updatedAt
+  deletedAt           DateTime             @default(now())
+  isActive            Boolean              @default(true)
+  FasilitasKesehatan  FasilitasKesehatan[] @relation("Dokter")
 }
 
 model FasilitasPendukung {
@@ -865,7 +868,7 @@ model TarifDanLayanan {
   updatedAt          DateTime             @updatedAt
   deletedAt          DateTime             @default(now())
   isActive           Boolean              @default(true)
-  FasilitasKesehatan FasilitasKesehatan[]
+  FasilitasKesehatan FasilitasKesehatan[] @relation("Tarif")
 }
 
 // ========================================= JADWAL KEGIATAN ========================================= //
diff --git a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
index 016f6b28..3aa3224e 100644
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
@@ -9,29 +9,30 @@ import { z } from "zod";
 // Validasi form
 const templateForm = z.object({
   name: z.string().min(1, "Nama harus diisi"),
+
   informasiUmum: z.object({
-    fasilitas: z.string().min(1, "Fasilitas harus diisi"),
-    alamat: z.string().min(1, "Alamat harus diisi"),
-    jamOperasional: z.string().min(1, "Jam operasional harus diisi"),
+    fasilitas: z.string().min(1),
+    alamat: z.string().min(1),
+    jamOperasional: z.string().min(1),
   }),
+
   layananUnggulan: z.object({
-    content: z.string().min(1, "Layanan unggulan harus diisi"),
-  }),
-  dokterdanTenagaMedis: z.object({
-    name: z.string().min(1, "Nama dokter harus diisi"),
-    specialist: z.string().min(1, "Spesialis harus diisi"),
-    jadwal: z.string().min(1, "Jadwal harus diisi"),
+    content: z.string().min(1),
   }),
+
+  // NOW ARRAY OF STRING (ID)
+  dokterdanTenagaMedis: z.array(z.string()).min(1, "Minimal pilih 1 dokter"),
+
   fasilitasPendukung: z.object({
-    content: z.string().min(1, "Fasilitas pendukung harus diisi"),
+    content: z.string().min(1),
   }),
+
   prosedurPendaftaran: z.object({
-    content: z.string().min(1, "Prosedur pendaftaran harus diisi"),
-  }),
-  tarifDanLayanan: z.object({
-    layanan: z.string().min(1, "Layanan harus diisi"),
-    tarif: z.string().min(1, "Tarif harus diisi"),
+    content: z.string().min(1),
   }),
+
+  // NOW ARRAY OF STRING (ID)
+  tarifDanLayanan: z.array(z.string()).min(1, "Minimal pilih 1 tarif"),
 });
 
 // Default form kosong
@@ -45,21 +46,34 @@ const defaultForm = {
   layananUnggulan: {
     content: "",
   },
-  dokterdanTenagaMedis: {
-    name: "",
-    specialist: "",
-    jadwal: "",
-  },
+
+  dokterdanTenagaMedis: [] as string[], // ← array kosong
+  tarifDanLayanan: [] as string[], // ← array kosong
+
   fasilitasPendukung: {
     content: "",
   },
   prosedurPendaftaran: {
     content: "",
   },
-  tarifDanLayanan: {
-    layanan: "",
-    tarif: "",
-  },
+};
+
+type DokterItem = {
+  id: string;
+  name: string;
+  specialist: string;
+  jadwal: string;
+  jadwalLibur: string;
+  jamBukaOperasional: string;
+  jamTutupOperasional: string;
+  jamBukaLibur: string;
+  jamTutupLibur: string;
+};
+
+type TarifItem = {
+  id: string;
+  layanan: string;
+  tarif: string;
 };
 
 const fasilitasKesehatan = proxy({
@@ -186,33 +200,26 @@ const fasilitasKesehatan = proxy({
 
       const result = await res.json();
       const data = result.data;
-
-      fasilitasKesehatan.edit.id = data.id;
-      fasilitasKesehatan.edit.form = {
+      this.id = data.id;
+      this.form = {
         name: data.name,
         informasiUmum: {
           fasilitas: data.informasiumum.fasilitas,
           alamat: data.informasiumum.alamat,
           jamOperasional: data.informasiumum.jamOperasional,
         },
-        layananUnggulan: {
-          content: data.layananunggulan.content,
-        },
-        dokterdanTenagaMedis: {
-          name: data.dokterdantenagamedis.name,
-          specialist: data.dokterdantenagamedis.specialist,
-          jadwal: data.dokterdantenagamedis.jadwal,
-        },
         fasilitasPendukung: {
           content: data.fasilitaspendukung.content,
         },
         prosedurPendaftaran: {
           content: data.prosedurpendaftaran.content,
         },
-        tarifDanLayanan: {
-          layanan: data.tarifdanlayanan.layanan,
-          tarif: data.tarifdanlayanan.tarif,
+        // map relasi -> array of IDs
+        layananUnggulan: {
+          content: data.layananunggulan.content,
         },
+        dokterdanTenagaMedis: data.dokterdantenagamedis?.map((v: DokterItem) => v.id) ?? [],
+        tarifDanLayanan: data.tarifdanlayanan?.map((v: TarifItem) => v.id) ?? [],
       };
     },
     async submit() {
@@ -238,22 +245,15 @@ const fasilitasKesehatan = proxy({
           layananUnggulan: {
             content: fasilitasKesehatan.edit.form.layananUnggulan.content,
           },
-          dokterdanTenagaMedis: {
-            name: fasilitasKesehatan.edit.form.dokterdanTenagaMedis.name,
-            specialist:
-              fasilitasKesehatan.edit.form.dokterdanTenagaMedis.specialist,
-            jadwal: fasilitasKesehatan.edit.form.dokterdanTenagaMedis.jadwal,
-          },
+          dokterdanTenagaMedis:
+            fasilitasKesehatan.edit.form.dokterdanTenagaMedis,
           fasilitasPendukung: {
             content: fasilitasKesehatan.edit.form.fasilitasPendukung.content,
           },
           prosedurPendaftaran: {
             content: fasilitasKesehatan.edit.form.prosedurPendaftaran.content,
           },
-          tarifDanLayanan: {
-            layanan: fasilitasKesehatan.edit.form.tarifDanLayanan.layanan,
-            tarif: fasilitasKesehatan.edit.form.tarifDanLayanan.tarif,
-          },
+          tarifDanLayanan: fasilitasKesehatan.edit.form.tarifDanLayanan,
         };
 
         const res = await fetch(
@@ -320,12 +320,26 @@ const templateDokterForm = z.object({
   name: z.string().min(1, "Nama tidak boleh kosong"),
   specialist: z.string().min(1, "Spesialis tidak boleh kosong"),
   jadwal: z.string().min(1, "Jadwal tidak boleh kosong"),
+  jadwalLibur: z.string().min(1, "Jadwal libur tidak boleh kosong"),
+  jamBukaOperasional: z
+    .string()
+    .min(1, "Jam buka operasional tidak boleh kosong"),
+  jamTutupOperasional: z
+    .string()
+    .min(1, "Jam tutup operasional tidak boleh kosong"),
+  jamBukaLibur: z.string().min(1, "Jam buka libur tidak boleh kosong"),
+  jamTutupLibur: z.string().min(1, "Jam tutup libur tidak boleh kosong"),
 });
 
 const defaultDokterForm = {
   name: "",
   specialist: "",
   jadwal: "",
+  jadwalLibur: "",
+  jamBukaOperasional: "",
+  jamTutupOperasional: "",
+  jamBukaLibur: "",
+  jamTutupLibur: "",
 };
 
 const dokter = proxy({
@@ -463,6 +477,11 @@ const dokter = proxy({
             name: data.name,
             specialist: data.specialist,
             jadwal: data.jadwal,
+            jadwalLibur: data.jadwalLibur,
+            jamBukaOperasional: data.jamBukaOperasional,
+            jamTutupOperasional: data.jamTutupOperasional,
+            jamBukaLibur: data.jamBukaLibur,
+            jamTutupLibur: data.jamTutupLibur,
           };
           return data; // Return the loaded data
         } else {
@@ -487,6 +506,11 @@ const dokter = proxy({
         name: this.form.name,
         specialist: this.form.specialist,
         jadwal: this.form.jadwal,
+        jadwalLibur: this.form.jadwalLibur,
+        jamBukaOperasional: this.form.jamBukaOperasional,
+        jamTutupOperasional: this.form.jamTutupOperasional,
+        jamBukaLibur: this.form.jamBukaLibur,
+        jamTutupLibur: this.form.jamTutupLibur,
       };
 
       const cek = templateDokterForm.safeParse(formData);
@@ -567,9 +591,255 @@ const dokter = proxy({
   },
 });
 
+const templateTarifForm = z.object({
+  tarif: z.string().min(1, "Tarif tidak boleh kosong"),
+  layanan: z.string().min(1, "Layanan tidak boleh kosong"),
+});
+
+const defaultTarifForm = {
+  tarif: "",
+  layanan: "",
+};
+
+const tarif = proxy({
+  create: {
+    form: defaultTarifForm,
+    loading: false,
+    async create() {
+      const cek = templateTarifForm.safeParse(tarif.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+      try {
+        tarif.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.tarifdanlayanan["create"].post(
+          tarif.create.form
+        );
+
+        if (res.status === 200) {
+          const id = res.data?.data;
+          if (id) {
+            toast.success("Sukses menambahkan");
+            tarif.create.form = { ...defaultTarifForm };
+            tarif.findMany.load();
+            return id;
+          }
+        }
+        toast.error("failed create");
+        return null;
+      } catch (error) {
+        console.log((error as Error).message);
+        return null;
+      } finally {
+        tarif.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.TarifDanLayananGetPayload<{
+          omit: {
+            isActive: true;
+          };
+        }>[]
+      | null,
+    page: 1,
+    totalPages: 1,
+    loading: false,
+    search: "",
+    load: async (page = 1, limit = 10, search = "") => {
+      tarif.findMany.loading = true; // ✅ Akses langsung via nama path
+      tarif.findMany.page = page;
+      tarif.findMany.search = search;
+
+      try {
+        const query: any = { page, limit };
+        if (search) query.search = search;
+
+        const res = await ApiFetch.api.kesehatan.tarifdanlayanan[
+          "findMany"
+        ].get({ query });
+
+        if (res.status === 200 && res.data?.success) {
+          tarif.findMany.data = res.data.data ?? [];
+          tarif.findMany.totalPages = res.data.totalPages ?? 1;
+        } else {
+          tarif.findMany.data = [];
+          tarif.findMany.totalPages = 1;
+        }
+      } catch (err) {
+        console.error("Gagal fetch tarif dan layanan paginated:", err);
+        tarif.findMany.data = [];
+        tarif.findMany.totalPages = 1;
+      } finally {
+        tarif.findMany.loading = false;
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.TarifDanLayananGetPayload<{
+      omit: { isActive: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/kesehatan/tarifdanlayanan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          tarif.findUnique.data = data.data ?? null;
+        } else {
+          console.error(
+            "Failed to fetch tarif dan layanan",
+            res.statusText
+          );
+          tarif.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching tarif dan layanan", error);
+        tarif.findUnique.data = null;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: { ...defaultTarifForm },
+    loading: false,
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/kesehatan/tarifdanlayanan/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const result = await response.json();
+
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            tarif: data.tarif,
+            layanan: data.layanan
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading tarif dan layanan:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+    async submit() {
+      const id = this.id;
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      const formData = {
+        tarif: this.form.tarif,
+        layanan: this.form.layanan
+      };
+
+      const cek = templateTarifForm.safeParse(formData);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v: any) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+
+      try {
+        this.loading = true;
+        const res = await fetch(`/api/kesehatan/tarifdanlayanan/${id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(formData),
+        });
+
+        const result = await res.json();
+
+        if (!res.ok || !result?.success) {
+          throw new Error(result?.message || "Gagal update data");
+        }
+
+        toast.success("Berhasil update data!");
+        await tarif.findMany.load();
+        return result.data;
+      } catch (error) {
+        console.error("Update error:", error);
+        toast.error("Gagal update data tarif dan layanan");
+        throw error;
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) {
+        return toast.warn("ID tidak valid");
+      }
+      try {
+        tarif.delete.loading = true;
+
+        const response = await fetch(
+          `/api/kesehatan/tarifdanlayanan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "tarif dan layanan berhasil dihapus"
+          );
+          await tarif.findMany.load(); // refresh list
+        } else {
+          toast.error(
+            result?.message || "Gagal menghapus tarif dan layanan"
+          );
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus tarif dan layanan");
+      } finally {
+        tarif.delete.loading = false;
+      }
+    },
+  },
+});
+
 const fasilitasKesehatanState = proxy({
   fasilitasKesehatan,
   dokter,
+  tarif
 });
 
 export default fasilitasKesehatanState;
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
index 2e86057b..4924f9e6 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
@@ -111,7 +111,7 @@ function EditKategoriBerita() {
       {/* Form Wrapper */}
       <Paper
         w={{ base: '100%', md: '50%' }}
-        bg={colors['white-1']}
+        bg={colors['white-1']}  
         p="lg"
         radius="md"
         shadow="sm"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
index 567b7e68..968b56e4 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
@@ -10,19 +8,22 @@ import {
   Button,
   Group,
   Loader,
+  MultiSelect,
   Paper,
   Stack,
   Text,
   TextInput,
-  Title
+  Title,
 } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
-interface FasilitasKesehatanFormBase {
+// Tipe form yang SESUAI dengan logika relasi (array ID)
+interface EditFasilitasKesehatanForm {
   name: string;
   informasiUmum: {
     fasilitas: string;
@@ -30,128 +31,92 @@ interface FasilitasKesehatanFormBase {
     jamOperasional: string;
   };
   layananUnggulan: { content: string };
-  dokterdanTenagaMedis: {
-    name: string;
-    specialist: string;
-    jadwal: string;
-  };
+  dokterdanTenagaMedis: string[]; // ← ARRAY ID
   fasilitasPendukung: { content: string };
   prosedurPendaftaran: { content: string };
-  tarifDanLayanan: {
-    layanan: string;
-    tarif: string;
-  };
+  tarifDanLayanan: string[]; // ← ARRAY ID
 }
 
 function EditFasilitasKesehatan() {
   const state = useProxy(fasilitasKesehatanState.fasilitasKesehatan);
+  const dokterState = useProxy(fasilitasKesehatanState.dokter);
+  const tarifState = useProxy(fasilitasKesehatanState.tarif);
   const router = useRouter();
-  const params = useParams();
+  const params = useParams<{ id: string }>();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
-  const [formData, setFormData] = useState<FasilitasKesehatanFormBase>({
+  const [formData, setFormData] = useState<EditFasilitasKesehatanForm>({
     name: '',
     informasiUmum: { fasilitas: '', alamat: '', jamOperasional: '' },
     layananUnggulan: { content: '' },
-    dokterdanTenagaMedis: { name: '', specialist: '', jadwal: '' },
+    dokterdanTenagaMedis: [],
     fasilitasPendukung: { content: '' },
     prosedurPendaftaran: { content: '' },
-    tarifDanLayanan: { layanan: '', tarif: '' },
+    tarifDanLayanan: [],
   });
 
-  const [originalData, setOriginalData] = useState<FasilitasKesehatanFormBase>({
-    name: '',
-    informasiUmum: { fasilitas: '', alamat: '', jamOperasional: '' },
-    layananUnggulan: { content: '' },
-    dokterdanTenagaMedis: { name: '', specialist: '', jadwal: '' },
-    fasilitasPendukung: { content: '' },
-    prosedurPendaftaran: { content: '' },
-    tarifDanLayanan: { layanan: '', tarif: '' },
-  });
+  // Load data fasilitas & daftar dokter/tarif
+  useShallowEffect(() => {
+    const loadAll = async () => {
+      const id = params?.id;
+      if (!id) return;
 
-  // Helper untuk update nested state
-  const updateForm = <K extends keyof FasilitasKesehatanFormBase>(
-    key: K,
-    value: FasilitasKesehatanFormBase[K]
-  ) => setFormData(prev => ({ ...prev, [key]: value }));
+      // Load dokter & tarif (untuk opsi MultiSelect)
+      await Promise.all([
+        dokterState.findMany.load(),
+        tarifState.findMany.load(),
+      ]);
 
-  const updateNested = <
-    K extends keyof FasilitasKesehatanFormBase,
-    N extends keyof FasilitasKesehatanFormBase[K]
-  >(key: K, nestedKey: N, value: FasilitasKesehatanFormBase[K][N]) =>
-    setFormData(prev => ({
-      ...prev,
-      [key]: { ...prev[key] as object, [nestedKey]: value },
-    }));
+      // Load data fasilitas
+      await state.edit.load(id);
+      const loaded = state.edit.form;
+      if (loaded) {
+        setFormData({
+          name: loaded.name,
+          informasiUmum: loaded.informasiUmum,
+          layananUnggulan: loaded.layananUnggulan,
+          dokterdanTenagaMedis: loaded.dokterdanTenagaMedis || [],
+          fasilitasPendukung: loaded.fasilitasPendukung,
+          prosedurPendaftaran: loaded.prosedurPendaftaran,
+          tarifDanLayanan: loaded.tarifDanLayanan || [],
+        });
+      }
+    };
 
-  const deepClone = (obj: any): any => {
-    try {
-      return JSON.parse(JSON.stringify(obj));
-    } catch (error) {
-      console.warn('Gagal deep clone dengan JSON fallback:', error);
-      return obj; // fallback (berisiko shared reference)
+    loadAll();
+  }, [params?.id]);
+
+  const updateForm = <K extends keyof EditFasilitasKesehatanForm>(
+    field: K,
+    value: EditFasilitasKesehatanForm[K]
+  ) => {
+    setFormData(prev => ({ ...prev, [field]: value }));
+  };
+
+  const handleReset = () => {
+    const loaded = state.edit.form;
+    if (loaded) {
+      setFormData({
+        name: loaded.name,
+        informasiUmum: loaded.informasiUmum,
+        layananUnggulan: loaded.layananUnggulan,
+        dokterdanTenagaMedis: loaded.dokterdanTenagaMedis || [],
+        fasilitasPendukung: loaded.fasilitasPendukung,
+        prosedurPendaftaran: loaded.prosedurPendaftaran,
+        tarifDanLayanan: loaded.tarifDanLayanan || [],
+      });
+      toast.info('Form dikembalikan ke data awal');
     }
   };
 
-  // Load data
-  useEffect(() => {
-    const load = async () => {
-      const id = params?.id as string;
-      if (!id) return;
-  
-      try {
-        await state.edit.load(id);
-        const loadedData = state.edit.form;
-  
-        if (!loadedData) {
-          toast.error('Data tidak ditemukan');
-          return;
-        }
-  
-        // Gunakan JSON fallback untuk deep clone
-        const clonedData = deepClone(loadedData) as FasilitasKesehatanFormBase;
-  
-        setFormData(clonedData);
-        setOriginalData(clonedData);
-      } catch (err) {
-        console.error(err);
-        toast.error('Gagal memuat data fasilitas kesehatan');
-      }
-    };
-  
-    load();
-  }, [params?.id]);
-
-  const handleResetForm = () => {
-    setFormData({
-      name: originalData.name,
-      informasiUmum:
-      {
-        fasilitas: originalData.informasiUmum.fasilitas,
-        alamat: originalData.informasiUmum.alamat,
-        jamOperasional: originalData.informasiUmum.jamOperasional
-      },
-      layananUnggulan: { content: originalData.layananUnggulan.content },
-      dokterdanTenagaMedis: {
-        name: originalData.dokterdanTenagaMedis.name,
-        specialist: originalData.dokterdanTenagaMedis.specialist,
-        jadwal: originalData.dokterdanTenagaMedis.jadwal
-      },
-      fasilitasPendukung: { content: originalData.fasilitasPendukung.content },
-      prosedurPendaftaran: { content: originalData.prosedurPendaftaran.content },
-      tarifDanLayanan: {
-        layanan: originalData.tarifDanLayanan.layanan,
-        tarif: originalData.tarifDanLayanan.tarif
-      },
-    });
-    toast.info("Form dikembalikan ke data awal");
-  };
-
-  // Submit
-  const handleSubmit = async () => {
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
     try {
       setIsSubmitting(true);
-      state.edit.form = { ...state.edit.form, ...formData };
+
+      // Update state Valtio
+      state.edit.form = { ...formData };
+
       const success = await state.edit.submit();
       if (success) {
         toast.success('Fasilitas kesehatan berhasil diperbarui!');
@@ -159,14 +124,14 @@ function EditFasilitasKesehatan() {
       }
     } catch (err) {
       console.error(err);
-      toast.error('Terjadi kesalahan saat memperbarui data fasilitas kesehatan');
+      toast.error('Gagal memperbarui data');
     } finally {
       setIsSubmitting(false);
     }
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
@@ -189,7 +154,7 @@ function EditFasilitasKesehatan() {
         <Stack gap="md">
           <TextInput
             label="Nama Fasilitas Kesehatan"
-            placeholder="Masukkan nama fasilitas kesehatan"
+            placeholder="Masukkan nama"
             value={formData.name}
             onChange={(e) => updateForm('name', e.target.value)}
             required
@@ -197,118 +162,108 @@ function EditFasilitasKesehatan() {
 
           {/* Informasi Umum */}
           <Box>
-            <Text fw="bold" mb={5}>
-              Informasi Umum
-            </Text>
+            <Text fw="bold" mb={5}>Informasi Umum</Text>
             <TextInput
               label="Fasilitas"
               value={formData.informasiUmum.fasilitas}
-              onChange={(e) => updateNested('informasiUmum', 'fasilitas', e.target.value)}
+              onChange={(e) =>
+                updateForm('informasiUmum', {
+                  ...formData.informasiUmum,
+                  fasilitas: e.target.value,
+                })
+              }
             />
             <TextInput
               label="Alamat"
               value={formData.informasiUmum.alamat}
-              onChange={(e) => updateNested('informasiUmum', 'alamat', e.target.value)}
+              onChange={(e) =>
+                updateForm('informasiUmum', {
+                  ...formData.informasiUmum,
+                  alamat: e.target.value,
+                })
+              }
             />
             <TextInput
               label="Jam Operasional"
               value={formData.informasiUmum.jamOperasional}
-              onChange={(e) => updateNested('informasiUmum', 'jamOperasional', e.target.value)}
+              onChange={(e) =>
+                updateForm('informasiUmum', {
+                  ...formData.informasiUmum,
+                  jamOperasional: e.target.value,
+                })
+              }
             />
           </Box>
 
           {/* Layanan Unggulan */}
           <Box>
-            <Text fw="bold" mb={5}>
-              Layanan Unggulan
-            </Text>
+            <Text fw="bold" mb={5}>Layanan Unggulan</Text>
             <EditEditor
               value={formData.layananUnggulan.content}
-              onChange={(v) => updateNested('layananUnggulan', 'content', v)}
+              onChange={(v) => updateForm('layananUnggulan', { content: v })}
             />
           </Box>
 
-          {/* Dokter dan Tenaga Medis */}
-          <Box>
-            <Text fw="bold" mb={5}>
-              Dokter dan Tenaga Medis
-            </Text>
-            <TextInput
-              label="Nama Dokter"
-              value={formData.dokterdanTenagaMedis.name}
-              onChange={(e) => updateNested('dokterdanTenagaMedis', 'name', e.target.value)}
-            />
-            <TextInput
-              label="Specialist"
-              value={formData.dokterdanTenagaMedis.specialist}
-              onChange={(e) =>
-                updateNested('dokterdanTenagaMedis', 'specialist', e.target.value)
-              }
-            />
-            <TextInput
-              label="Jadwal"
-              value={formData.dokterdanTenagaMedis.jadwal}
-              onChange={(e) => updateNested('dokterdanTenagaMedis', 'jadwal', e.target.value)}
-            />
-          </Box>
+          {/* Dokter & Tenaga Medis — MultiSelect */}
+          <MultiSelect
+            label="Dokter & Tenaga Medis"
+            placeholder="Pilih dokter/tenaga medis"
+            data={
+              dokterState.findMany.data?.map((d) => ({
+                value: d.id,
+                label: `${d.name} (${d.specialist})`,
+              })) || []
+            }
+            value={formData.dokterdanTenagaMedis}
+            onChange={(val) => updateForm('dokterdanTenagaMedis', val)}
+            searchable
+            clearable
+            required
+          />
 
           {/* Fasilitas Pendukung */}
           <Box>
-            <Text fw="bold" mb={5}>
-              Fasilitas Pendukung
-            </Text>
+            <Text fw="bold" mb={5}>Fasilitas Pendukung</Text>
             <EditEditor
               value={formData.fasilitasPendukung.content}
-              onChange={(v) => updateNested('fasilitasPendukung', 'content', v)}
+              onChange={(v) => updateForm('fasilitasPendukung', { content: v })}
             />
           </Box>
 
           {/* Prosedur Pendaftaran */}
           <Box>
-            <Text fw="bold" mb={5}>
-              Prosedur Pendaftaran
-            </Text>
+            <Text fw="bold" mb={5}>Prosedur Pendaftaran</Text>
             <EditEditor
               value={formData.prosedurPendaftaran.content}
-              onChange={(v) => updateNested('prosedurPendaftaran', 'content', v)}
+              onChange={(v) => updateForm('prosedurPendaftaran', { content: v })}
             />
           </Box>
 
-          {/* Tarif dan Layanan */}
-          <Box>
-            <Text fw="bold" mb={5}>
-              Tarif dan Layanan
-            </Text>
-            <TextInput
-              label="Tarif"
-              value={formData.tarifDanLayanan.tarif}
-              onChange={(e) => updateNested('tarifDanLayanan', 'tarif', e.target.value)}
-            />
-            <TextInput
-              label="Layanan"
-              value={formData.tarifDanLayanan.layanan}
-              onChange={(e) => updateNested('tarifDanLayanan', 'layanan', e.target.value)}
-            />
-          </Box>
+          {/* Tarif & Layanan — MultiSelect */}
+          <MultiSelect
+            label="Tarif & Layanan"
+            placeholder="Pilih layanan"
+            data={
+              tarifState.findMany.data?.map((t) => ({
+                value: t.id,
+                label: `${t.layanan} - ${t.tarif}`,
+              })) || []
+            }
+            value={formData.tarifDanLayanan}
+            onChange={(val) => updateForm('tarifDanLayanan', val)}
+            searchable
+            clearable
+            required
+          />
 
-          {/* Tombol Simpan */}
+          {/* Aksi */}
           <Group justify="right">
-            {/* Tombol Batal */}
-            <Button
-              variant="outline"
-              color="gray"
-              radius="md"
-              size="md"
-              onClick={handleResetForm}
-            >
+            <Button variant="outline" color="gray" radius="md" onClick={handleReset}>
               Batal
             </Button>
-
-            {/* Tombol Simpan */}
             <Button
-              onClick={handleSubmit}
+              type="submit"
               radius="md"
-              size="md"
               style={{
                 background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
@@ -324,4 +279,4 @@ function EditFasilitasKesehatan() {
   );
 }
 
-export default EditFasilitasKesehatan;
+export default EditFasilitasKesehatan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
index 5d1e919b..bec3692d 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
@@ -9,6 +9,12 @@ import {
   Paper,
   Skeleton,
   Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
   Text
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
@@ -108,21 +114,79 @@ function DetailFasilitasKesehatan() {
               </Box>
 
               <Box>
-                <Text fz="lg" fw="bold">Dokter & Tenaga Medis</Text>
-                <Text fz="md" fw="bold">Nama</Text>
-                <Text fz="md" c="dimmed">{data.dokterdantenagamedis?.name || '-'}</Text>
-                <Text fz="md" fw="bold">Spesialis</Text>
-                <Text fz="md" c="dimmed">{data.dokterdantenagamedis?.specialist || '-'}</Text>
-                <Text fz="md" fw="bold">Jadwal</Text>
-                <Text fz="md" c="dimmed">{data.dokterdantenagamedis?.jadwal || '-'}</Text>
+                <Text fz="lg" fw="bold" mb="sm">Dokter & Tenaga Medis</Text>
+                {data.dokterdantenagamedis && data.dokterdantenagamedis.length > 0 ? (
+                  <Box style={{ overflowX: 'auto', width: '100%' }}>
+                    <Table striped highlightOnHover withTableBorder>
+                      <TableThead>
+                        <TableTr>
+                          <TableTh style={{ whiteSpace: 'nowrap' }}>Nama</TableTh>
+                          <TableTh style={{ whiteSpace: 'nowrap' }}>Spesialis</TableTh>
+                          <TableTh style={{ whiteSpace: 'nowrap' }}>Jadwal</TableTh>
+                          <TableTh style={{ whiteSpace: 'nowrap' }}>Jam Operasional</TableTh>
+                        </TableTr>
+                      </TableThead>
+                      <TableTbody>
+                        {data.dokterdantenagamedis.map((dokter) => (
+                          <TableTr key={dokter.id}>
+                            <TableTd style={{ whiteSpace: 'normal', wordBreak: 'break-word' }}>
+                              {dokter.name || '-'}
+                            </TableTd>
+                            <TableTd style={{ whiteSpace: 'normal', wordBreak: 'break-word' }}>
+                              {dokter.specialist || '-'}
+                            </TableTd>
+                            <TableTd style={{ whiteSpace: 'normal', wordBreak: 'break-word' }}>
+                              {dokter.jadwal || '-'}
+                            </TableTd>
+                            <TableTd style={{ whiteSpace: 'normal', wordBreak: 'break-word' }}>
+                              {dokter.jamBukaOperasional} – {dokter.jamTutupOperasional}
+                              {dokter.jadwalLibur && (
+                                <>
+                                  <br />
+                                  <Text span c="dimmed" fz="xs">
+                                    Libur: {dokter.jadwalLibur} ({dokter.jamBukaLibur}–{dokter.jamTutupLibur})
+                                  </Text>
+                                </>
+                              )}
+                            </TableTd>
+                          </TableTr>
+                        ))}
+                      </TableTbody>
+                    </Table>
+                  </Box>
+                ) : (
+                  <Text c="dimmed">Tidak ada dokter atau tenaga medis terdaftar.</Text>
+                )}
               </Box>
 
-              <Box>
-                <Text fz="lg" fw="bold">Tarif & Layanan</Text>
-                <Text fz="md" fw="bold">Layanan</Text>
-                <Text fz="md" c="dimmed">{data.tarifdanlayanan?.layanan || '-'}</Text>
-                <Text fz="md" fw="bold">Tarif</Text>
-                <Text fz="md" c="dimmed">{data.tarifdanlayanan?.tarif || '-'}</Text>
+              <Box mt="xl">
+                <Text fz="lg" fw="bold" mb="sm">Tarif & Layanan</Text>
+                {data.tarifdanlayanan && data.tarifdanlayanan.length > 0 ? (
+                  <Box style={{ overflowX: 'auto', width: '100%' }}>
+                    <Table striped highlightOnHover withTableBorder>
+                      <TableThead>
+                        <TableTr>
+                          <TableTh style={{ whiteSpace: 'nowrap' }}>Layanan</TableTh>
+                          <TableTh style={{ whiteSpace: 'nowrap' }}>Tarif</TableTh>
+                        </TableTr>
+                      </TableThead>
+                      <TableTbody>
+                        {data.tarifdanlayanan.map((tarif) => (
+                          <TableTr key={tarif.id}>
+                            <TableTd style={{ whiteSpace: 'normal', wordBreak: 'break-word' }}>
+                              {tarif.layanan || '-'}
+                            </TableTd>
+                            <TableTd style={{ whiteSpace: 'normal', wordBreak: 'break-word' }}>
+                              {tarif.tarif || '-'}
+                            </TableTd>
+                          </TableTr>
+                        ))}
+                      </TableTbody>
+                    </Table>
+                  </Box>
+                ) : (
+                  <Text c="dimmed">Tidak ada tarif atau layanan terdaftar.</Text>
+                )}
               </Box>
 
               {/* Aksi */}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
index 4b61acfb..fd92112c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
@@ -7,19 +7,20 @@ import {
   Button,
   Group,
   Loader,
+  MultiSelect,
   Paper,
   Stack,
   Text,
   TextInput,
   Title
 } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
-
 function CreateFasilitasKesehatan() {
   const stateFasilitasKesehatan = useProxy(fasilitasKesehatanState.fasilitasKesehatan);
   const router = useRouter();
@@ -34,23 +35,16 @@ function CreateFasilitasKesehatan() {
         jamOperasional: '',
       },
       layananUnggulan: {
-        content: '',
-      },
-      dokterdanTenagaMedis: {
-        name: '',
-        specialist: '',
-        jadwal: '',
+        content: ''
       },
+      dokterdanTenagaMedis: [] as string[],
       fasilitasPendukung: {
         content: '',
       },
       prosedurPendaftaran: {
         content: '',
       },
-      tarifDanLayanan: {
-        layanan: '',
-        tarif: '',
-      },
+      tarifDanLayanan: [] as string[],
     };
   };
 
@@ -70,6 +64,11 @@ function CreateFasilitasKesehatan() {
     }
   };
 
+  useShallowEffect(() => {
+    fasilitasKesehatanState.dokter.findMany.load();
+    fasilitasKesehatanState.tarif.findMany.load();
+  }, []);
+
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
       {/* Header */}
@@ -140,31 +139,25 @@ function CreateFasilitasKesehatan() {
             />
           </Box>
 
+
           {/* Dokter dan Tenaga Medis */}
-          <Box>
-            <Text fz="md" fw="bold" mb={5}>Dokter dan Tenaga Medis</Text>
-            <TextInput
-              label="Nama Dokter"
-              placeholder="Masukkan nama dokter"
-              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name}
-              onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name = e.target.value)}
-              required
-            />
-            <TextInput
-              label="Spesialis"
-              placeholder="Masukkan spesialis"
-              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist}
-              onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist = e.target.value)}
-              required
-            />
-            <TextInput
-              label="Jadwal"
-              placeholder="Masukkan jadwal"
-              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal}
-              onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal = e.target.value)}
-              required
-            />
-          </Box>
+          <MultiSelect
+            label="Dokter & Tenaga Medis"
+            placeholder="Pilih dokter / tenaga medis"
+            data={
+              fasilitasKesehatanState.dokter.findMany.data?.map((item) => ({
+                label: item.name,
+                value: item.id,
+              })) || []
+            }
+            value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis}
+            onChange={(val: string[]) => {
+              stateFasilitasKesehatan.create.form.dokterdanTenagaMedis = val;
+            }}
+            searchable
+            clearable
+            required
+          />
 
           {/* Fasilitas Pendukung */}
           <Box>
@@ -175,6 +168,24 @@ function CreateFasilitasKesehatan() {
             />
           </Box>
 
+          <MultiSelect
+            label="Layanan"
+            placeholder="Pilih layanan"
+            data={
+              fasilitasKesehatanState.tarif.findMany.data?.map((item) => ({
+                label: item.layanan,
+                value: item.id,
+              })) || []
+            }
+            value={stateFasilitasKesehatan.create.form.tarifDanLayanan} // string[]
+            onChange={(val: string[]) => {
+              stateFasilitasKesehatan.create.form.tarifDanLayanan = val;
+            }}
+            searchable
+            clearable
+            required
+          />
+
           {/* Prosedur Pendaftaran */}
           <Box>
             <Text fz="md" fw="bold" mb={5}>Prosedur Pendaftaran</Text>
@@ -184,24 +195,6 @@ function CreateFasilitasKesehatan() {
             />
           </Box>
 
-          {/* Tarif dan Layanan */}
-          <Box>
-            <Text fz="md" fw="bold" mb={5}>Tarif dan Layanan</Text>
-            <TextInput
-              label="Tarif"
-              placeholder="Masukkan tarif"
-              value={stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif}
-              onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif = e.target.value)}
-              required
-            />
-            <TextInput
-              label="Layanan"
-              placeholder="Masukkan layanan"
-              value={stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan}
-              onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan = e.target.value)}
-              required
-            />
-          </Box>
 
           {/* Submit */}
           <Group justify="right">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
index 69da2f21..af87d04a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
@@ -1,11 +1,241 @@
-import React from 'react';
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client';
+
+import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import colors from '@/con/colors';
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  TextInput,
+  Title
+} from '@mantine/core';
+import { TimeInput } from '@mantine/dates';
+import { IconArrowBack, IconClock } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+
+function EditDokterTenagaMedis() {
+  const state = useProxy(fasilitasKesehatanState.dokter);
+  const router = useRouter();
+  const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [formData, setFormData] = useState({
+    name: '',
+    specialist: '',
+    jadwal: '',
+    jadwalLibur: '',
+    jamBukaOperasional: '',
+    jamTutupOperasional: '',
+    jamBukaLibur: '',
+    jamTutupLibur: '',
+  });
+
+  const [originalData, setOriginalData] = useState({
+    name: '',
+    specialist: '',
+    jadwal: '',
+    jadwalLibur: '',
+    jamBukaOperasional: '',
+    jamTutupOperasional: '',
+    jamBukaLibur: '',
+    jamTutupLibur: '',
+  });
+
+  // Load data
+  useEffect(() => {
+    const load = async () => {
+      const id = params?.id as string;
+      if (!id) return;
+
+      try {
+        await state.update.load(id);
+        const loadedData = state.update.form;
+
+        if (!loadedData) {
+          toast.error('Data tidak ditemukan');
+          return;
+        }
+
+        setFormData(loadedData);
+        setOriginalData(loadedData);
+      } catch (err) {
+        console.error(err);
+        toast.error('Gagal memuat data fasilitas kesehatan');
+      }
+    };
+
+    load();
+  }, [params?.id]);
+
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      specialist: originalData.specialist,
+      jadwal: originalData.jadwal,
+      jadwalLibur: originalData.jadwalLibur,
+      jamBukaOperasional: originalData.jamBukaOperasional,
+      jamTutupOperasional: originalData.jamTutupOperasional,
+      jamBukaLibur: originalData.jamBukaLibur,
+      jamTutupLibur: originalData.jamTutupLibur,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+  const refBuka = useRef<HTMLInputElement>(null);
+  const refTutup = useRef<HTMLInputElement>(null);
+  const refBukaLibur = useRef<HTMLInputElement>(null);
+  const refTutupLibur = useRef<HTMLInputElement>(null);
+
+  const picker = (ref: any) => (
+    <ActionIcon variant="subtle" color="gray" onClick={() => ref.current?.showPicker()}>
+      <IconClock size={16} stroke={1.5} />
+    </ActionIcon>
+  );
+
+  const handleChange = (field: string, value: string) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+
+  // Submit
+  const handleSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      state.update.form = { ...state.update.form, ...formData };
+      const success = await state.update.submit();
+      if (success) {
+        toast.success('Data berhasil diperbarui!');
+        router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis');
+      }
+    } catch (err) {
+      console.error(err);
+      toast.error('Terjadi kesalahan saat memperbarui data');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
 
-function Page() {
   return (
-    <div>
-      Page
-    </div>
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Header */}
+      <Group mb="md">
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Edit Fasilitas Kesehatan
+        </Title>
+      </Group>
+
+      {/* Form */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <TextInput
+            label="Nama Dokter"
+            placeholder="Masukkan nama dokter"
+            value={formData.name}
+            onChange={(e) => handleChange("name", e.target.value)}
+            required
+          />
+
+          <TextInput
+            label="Jadwal"
+            placeholder="Masukkan jadwal"
+            value={formData.jadwal}
+            onChange={(e) => handleChange("jadwal", e.target.value)}
+            required
+          />
+
+          <TextInput
+            label="Jadwal Libur"
+            placeholder="Masukkan jadwal libur"
+            value={formData.jadwalLibur}
+            onChange={(e) => handleChange("jadwalLibur", e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Buka Operasional"
+            ref={refBuka}
+            rightSection={picker(refBuka)}
+            value={formData.jamBukaOperasional}
+            onChange={(e) => handleChange("jamBukaOperasional", e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Tutup Operasional"
+            ref={refTutup}
+            rightSection={picker(refTutup)}
+            value={formData.jamTutupOperasional}
+            onChange={(e) => handleChange("jamTutupOperasional", e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Buka Hari Libur"
+            ref={refBukaLibur}
+            rightSection={picker(refBukaLibur)}
+            value={formData.jamBukaLibur}
+            onChange={(e) => handleChange("jamBukaLibur", e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Tutup Hari Libur"
+            ref={refTutupLibur}
+            rightSection={picker(refTutupLibur)}
+            value={formData.jamTutupLibur}
+            onChange={(e) => handleChange("jamTutupLibur", e.target.value)}
+            required
+          />
+          {/* Tombol Simpan */}
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
   );
 }
 
-export default Page;
+export default EditDokterTenagaMedis;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx
index 69da2f21..8add7c1c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx
@@ -1,11 +1,165 @@
-import React from 'react';
+'use client'
+import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
+import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import colors from '@/con/colors';
+import {
+  Box,
+  Button,
+  Group,
+  Paper,
+  Skeleton,
+  Stack,
+  Text
+} from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+
+function DetailDokterTenagaMedis() {
+  const params = useParams();
+  const router = useRouter();
+  const state = useProxy(fasilitasKesehatanState.dokter);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+
+  useShallowEffect(() => {
+    state.findUnique.load(params?.id as string);
+  }, []);
+
+  const handleHapus = () => {
+    if (selectedId) {
+      state.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      router.push(
+        '/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis'
+      );
+    }
+  };
+
+  if (!state.findUnique.data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    );
+  }
+
+  const data = state.findUnique.data;
 
-function Page() {
   return (
-    <div>
-      Page
-    </div>
+    <Box py={10}>
+      {/* Tombol Back */}
+      <Button
+        variant="subtle"
+        onClick={() => router.back()}
+        leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
+        mb={15}
+      >
+        Kembali
+      </Button>
+
+      {/* Wrapper Detail */}
+      <Paper
+        withBorder
+        w={{ base: '100%', md: '70%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+      >
+        <Stack gap="md">
+          <Text fz="2xl" fw="bold" c={colors['blue-button']}>
+            Detail Dokter & Tenaga Medis
+          </Text>
+
+          <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
+            <Stack gap="sm">
+              <Box>
+                <Text fz="lg" fw="bold">Nama Dokter</Text>
+                <Text fz="md" c="dimmed">{data.name || '-'}</Text>
+              </Box>
+
+              <Box>
+                <Text fz="md" fw="bold">Specialist</Text>
+                <Text fz="md" c="dimmed">{data.specialist || '-'}</Text>
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Jadwal</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.jadwal || '-' }} />
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Jadwal Libur</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.jadwalLibur || '-' }} />
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Jam Buka Operasional</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.jamBukaOperasional || '-' }} />
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Jam Tutup Operasional</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.jamTutupOperasional || '-' }} />
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Jam Buka Libur</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.jamBukaLibur || '-' }} />
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Jam Tutup Libur</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.jamTutupLibur || '-' }} />
+              </Box>
+
+              {/* Aksi */}
+              <Group gap="sm">
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
+
+                <Button
+                  color="green"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/${data.id}/edit`
+                    )
+                  }
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
+              </Group>
+            </Stack>
+          </Paper>
+        </Stack>
+      </Paper>
+
+      {/* Modal Konfirmasi Hapus */}
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleHapus}
+        text="Apakah anda yakin ingin menghapus dokter & tenaga medis ini?"
+      />
+    </Box>
   );
 }
 
-export default Page;
+export default DetailDokterTenagaMedis;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
index 3e33d305..ed4a1081 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
@@ -1,71 +1,184 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
-import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
-import { useParams, useRouter } from 'next/navigation';
+import { ActionIcon, Box, Button, Group, Loader, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { TimeInput } from '@mantine/dates';
+import { IconArrowBack, IconClock } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useRef, useState } from 'react';
+import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
 
 function CreateDokter() {
-  const params = useParams()
   const createState = useProxy(fasilitasKesehatanState.dokter)
   const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     createState.create.create.form = {
       name: "",
       specialist: "",
       jadwal: "",
+      jadwalLibur: "",
+      jamBukaOperasional: "",
+      jamTutupOperasional: "",
+      jamBukaLibur: "",
+      jamTutupLibur: "",
     };
   };
 
+  const refBuka = useRef<HTMLInputElement>(null);
+  const refTutup = useRef<HTMLInputElement>(null);
+  const refBukaLibur = useRef<HTMLInputElement>(null);
+  const refTutupLibur = useRef<HTMLInputElement>(null);
+
+  const picker = (ref: any) => (
+    <ActionIcon variant="subtle" color="gray" onClick={() => ref.current?.showPicker()}>
+      <IconClock size={16} stroke={1.5} />
+    </ActionIcon>
+  );
+
+
   const handleSubmit = async () => {
-    await createState.create.create.create();
-    resetForm();
-    router.push(`/admin/kesehatan/fasilitas-kesehatan/${params?.id}/dokter-tenaga-medis`)
+    try {
+      setIsSubmitting(true);
+      await createState.create.create.create();
+      toast.success('Data berhasil disimpan');
+      resetForm();
+      router.push(`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis`)
+    } catch (error) {
+      console.error(error);
+      toast.error('Gagal menyimpan data');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
   return (
-    <Box component="form" onSubmit={handleSubmit}>
-      <Box mb={10}>
-        <Button variant="subtle" onClick={() => router.back()}>
-          <IconArrowBack color={colors['blue-button']} size={25} />
+    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
+      {/* Header */}
+      <Group mb="md">
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
         </Button>
-      </Box>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Data Dokter & Tenaga Medis
+        </Title>
+      </Group>
 
-      <Paper bg={colors['white-1']} p="md" w={{ base: '100%', md: '50%' }}>
-        <Stack gap="xs">
-          <Title order={3}>Create Dokter</Title>
+      {/* Form */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
           <TextInput
-            label={<Text fz="sm" fw="bold">Nama Dokter</Text>}
-            placeholder="masukkan nama dokter"
+            label={"Nama Dokter"}
+            placeholder="Masukkan nama dokter"
             value={createState.create.create.form.name}
-            onChange={(e) => {
-              createState.create.create.form.name = e.target.value;
-            }}
+            onChange={(e) => (createState.create.create.form.name = e.target.value)}
+            required
           />
-          <Text fz="md" fw="bold">Specialist</Text>
+
+          {/* Informasi Umum */}
+
           <TextInput
-            label={<Text fz="sm" fw="bold">Specialist</Text>}
-            placeholder="masukkan specialist"
+            label="Specialist"
+            placeholder="Masukkan specialist"
             value={createState.create.create.form.specialist}
-            onChange={(e) => {
-              createState.create.create.form.specialist = e.target.value;
-            }}
+            onChange={(e) => (createState.create.create.form.specialist = e.target.value)}
+            required
           />
-          <Box>
-            <Text fz="md" fw="bold">Jadwal</Text>
-            <CreateEditor
-              value={createState.create.create.form.jadwal}
-              onChange={(htmlContent) => {
-                createState.create.create.form.jadwal = htmlContent;
+
+          <TextInput
+            label="Jadwal"
+            placeholder="Masukkan jadwal"
+            value={createState.create.create.form.jadwal}
+            onChange={(e) => (createState.create.create.form.jadwal = e.target.value)}
+            required
+          />
+
+          <TextInput
+            label="Jadwal Libur"
+            placeholder="Masukkan jadwal libur"
+            value={createState.create.create.form.jadwalLibur}
+            onChange={(e) => (createState.create.create.form.jadwalLibur = e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Buka Operasional"
+            ref={refBuka}
+            rightSection={picker(refBuka)}
+            value={createState.create.create.form.jamBukaOperasional}
+            onChange={(e) => (createState.create.create.form.jamBukaOperasional = e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Tutup Operasional"
+            ref={refTutup}
+            rightSection={picker(refTutup)}
+            value={createState.create.create.form.jamTutupOperasional}
+            onChange={(e) => (createState.create.create.form.jamTutupOperasional = e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Buka Hari Libur"
+            ref={refBukaLibur}
+            rightSection={picker(refBukaLibur)}
+            value={createState.create.create.form.jamBukaLibur}
+            onChange={(e) => (createState.create.create.form.jamBukaLibur = e.target.value)}
+            required
+          />
+
+          <TimeInput
+            label="Jam Tutup Hari Libur"
+            ref={refTutupLibur}
+            rightSection={picker(refTutupLibur)}
+            value={createState.create.create.form.jamTutupLibur}
+            onChange={(e) => (createState.create.create.form.jamTutupLibur = e.target.value)}
+            required
+          />
+
+          {/* Submit */}
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-            />
-          </Box>
-          <Button onClick={handleSubmit} bg={colors['blue-button']}>
-            Simpan
-          </Button>
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
         </Stack>
       </Paper>
     </Box>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
index 94a1ad90..87957722 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
@@ -1,13 +1,12 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
+import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 
 import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
-import JudulList from '@/app/admin/(dashboard)/_com/judulList';
 import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 import { useState } from 'react';
 
@@ -18,7 +17,7 @@ function DokterTenagaMedis() {
   return (
     <Box>
       <Box mb={10}>
-        <Button variant="subtle" onClick={() => router.back()}>
+        <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan')}>
           <IconArrowBack color={colors['blue-button']} size={25} />
         </Button>
       </Box>
@@ -60,49 +59,101 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
   }
   return (
     <Box py={10}>
-      <Paper bg={colors['white-1']} p={'md'}>
-        <Stack>
-          <JudulList
-            title='List Fasilitas Kesehatan'
-            href={`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create`}
-          />
-          <Box style={{ overflowX: "auto" }}>
-            <Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
-              <TableThead>
-                <TableTr>
-                  <TableTh>Fasilitas Kesehatan</TableTh>
-                  <TableTh>Alamat</TableTh>
-                  <TableTh>Jam Operasional</TableTh>
-                  <TableTh>Detail</TableTh>
-                </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.map((item) => (
+      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+        {/* Judul + Tombol Tambah */}
+        <Group justify="space-between" mb="md">
+          <Title order={4}>Daftar Dokter dan Tenaga Medis</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+
+        {/* Tabel */}
+        <Box style={{ overflowX: "auto" }}>
+          <Table highlightOnHover>
+            <TableThead>
+              <TableTr>
+                <TableTh>Nama Dokter</TableTh>
+                <TableTh>Spesialis</TableTh>
+                <TableTh>Jadwal</TableTh>
+                <TableTh>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>{item.name}</TableTd>
-                    <TableTd>{item.specialist}</TableTd>
                     <TableTd>
-                      <Text dangerouslySetInnerHTML={{ __html: item.jadwal }} />
+                      <Box w={150}>
+                        <Text fw={500} truncate="end" lineClamp={1}>
+                          {item.name}
+                        </Text>
+                      </Box>
                     </TableTd>
                     <TableTd>
-                      <Button onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${item.id}`)}>
-                        <IconDeviceImacCog size={25} />
+                      <Box w={150}>
+                        {item.specialist || '-'}
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Box w={150}>
+                        <Text dangerouslySetInnerHTML={{ __html: item.jadwal || '-' }} />
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() =>
+                          router.push(
+                            `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/${item.id}`
+                          )
+                        }
+                      >
+                        <IconDeviceImacCog size={20} />
+                        <Text ml={5}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
-                ))}
-              </TableTbody>
-            </Table>
-          </Box>
-        </Stack>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={4}>
+                    <Center py={20}>
+                      <Text c="dimmed">
+                        Tidak ada fasilitas kesehatan yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
       </Paper>
+
+      {/* Pagination */}
       <Center>
         <Pagination
           value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
+          onChange={(newPage) => {
+            load(newPage, 10, search);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
           total={totalPages}
           mt="md"
           mb="md"
+          color="blue"
+          radius="md"
         />
       </Center>
     </Box>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
index be757981..5943590e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
@@ -1,9 +1,12 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  ActionIcon,
   Box,
   Button,
   Center,
+  Grid,
+  GridCol,
   Group,
   Pagination,
   Paper,
@@ -16,30 +19,52 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  TextInput,
+  Title,
+  Tooltip
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
+import { IconCoin, IconDeviceImacCog, IconPlus, IconReportMedical, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../../_com/header';
 import fasilitasKesehatanState from '../../../_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 
 
 function FasilitasKesehatan() {
   const [search, setSearch] = useState("");
-
+  const router = useRouter()
   return (
     <Box>
-      {/* Header Search */}
-      <HeaderSearch
-        title='Fasilitas Kesehatan'
-        placeholder='Cari nama, alamat, atau jam operasional...'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
+      <Grid mb={10}>
+        <GridCol span={{ base: 12, md: 8 }}>
+          <Title order={3}>Fasilitas Kesehatan</Title>
+        </GridCol>
+        <GridCol span={{ base: 12, md: 4 }}>
+          <Group gap={"xs"}>
+            <Tooltip label="List Dokter" withArrow>
+              <ActionIcon onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis')} size="lg" radius="xl" color="green.6">
+                <IconReportMedical size={20} />
+              </ActionIcon>
+            </Tooltip>
+            <Tooltip label="List Tarif Layanan" withArrow>
+              <ActionIcon onClick={()=> router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan')} size="lg" radius="xl" color="blue.6">
+                <IconCoin size={20} />
+              </ActionIcon>
+            </Tooltip>
+            <Paper radius="lg" bg={colors['white-1']}>
+              <TextInput
+                radius="lg"
+                placeholder='Cari nama, alamat, atau jam operasional...'
+                leftSection={<IconSearch size={20} />}
+                w="133%"
+                value={search}
+                onChange={(e) => setSearch(e.currentTarget.value)}
+              />
+            </Paper>
+          </Group>
+        </GridCol>
+      </Grid>
 
       <ListFasilitasKesehatan search={search} />
     </Box>
@@ -54,6 +79,7 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
   const { data, page, totalPages, loading, load } = stateFasilitasKesehatan.findMany;
 
   useShallowEffect(() => {
+
     load(page, 10, search);
   }, [page, search]);
 
@@ -93,8 +119,8 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
             <TableThead>
               <TableTr>
                 <TableTh>Fasilitas Kesehatan</TableTh>
-                <TableTh>Dokter</TableTh>
-                <TableTh>Layanan</TableTh>
+                <TableTh>Jumlah Dokter</TableTh>
+                <TableTh>Jumlah Layanan</TableTh>
                 <TableTh>Aksi</TableTh>
               </TableTr>
             </TableThead>
@@ -111,13 +137,17 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
                     </TableTd>
                     <TableTd>
                       <Box w={150}>
-                        {item.dokterdantenagamedis?.name || '-'}
+                        {item.dokterdantenagamedis?.length
+                          ? `${item.dokterdantenagamedis.length} dokter`
+                          : '-'}
                       </Box>
                     </TableTd>
                     <TableTd>
                       <Box w={150}>
                         <Text truncate="end" lineClamp={1}>
-                          {item.tarifdanlayanan?.layanan || '-'}
+                          {item.tarifdanlayanan?.length
+                            ? `${item.tarifdanlayanan.length} layanan`
+                            : '-'}
                         </Text>
                       </Box>
                     </TableTd>
@@ -141,7 +171,7 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="dimmed">
                         Tidak ada fasilitas kesehatan yang cocok
                       </Text>
                     </Center>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
new file mode 100644
index 00000000..7ff34a37
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
@@ -0,0 +1,173 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+
+import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import colors from '@/con/colors';
+import {
+  Box,
+  Button,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  TextInput,
+  Title
+} from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function EditTarifLayanan() {
+  const editState = useProxy(fasilitasKesehatanState.tarif);
+  const router = useRouter();
+  const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    tarif: '',
+    layanan: ''
+  });
+
+  const [formData, setFormData] = useState({
+    tarif: '',
+    layanan: ''
+  });
+
+  useEffect(() => {
+    const loadTarifLayanan = async () => {
+      const id = params?.id as string;
+      if (!id) return;
+
+      try {
+        const data = await editState.update.load(id);
+        if (data) {
+          setFormData({
+            tarif: data.tarif || '',
+            layanan: data.layanan || '',
+          });
+          setOriginalData({
+            tarif: data.tarif || '',
+            layanan: data.layanan || '',
+          });
+        }
+      } catch (error) {
+        console.error('Error loading tarif layanan:', error);
+        toast.error('Gagal memuat data tarif layanan');
+      }
+    };
+
+    loadTarifLayanan();
+  }, [params?.id]);
+
+  const handleChange = (field: string, value: string) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+
+  const handleResetForm = () => {
+    setFormData({
+      tarif: originalData.tarif,
+      layanan: originalData.layanan,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  const handleSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      // update global state hanya saat submit
+      editState.update.form = {
+        ...editState.update.form,
+        tarif: formData.tarif,
+        layanan: formData.layanan,
+      };
+
+      await editState.update.submit();
+      toast.success('Tarif Layanan berhasil diperbarui!');
+      router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan');
+    } catch (error) {
+      console.error('Error updating tarif layanan:', error);
+      toast.error('Terjadi kesalahan saat memperbarui tarif layanan');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Back Button + Title */}
+      <Group mb="md">
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Edit Tarif Layanan
+        </Title>
+      </Group>
+
+      {/* Form Wrapper */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <TextInput
+            name="layanan"
+            label="Layanan"
+            placeholder="Masukkan nama layanan"
+            value={formData.layanan}
+            onChange={(e) => handleChange('layanan', e.target.value)}
+            required
+          />
+
+          <TextInput
+            name="tarif"
+            label="Tarif"
+            placeholder="Masukkan tarif layanan"
+            value={formData.tarif}
+            onChange={(e) => handleChange('tarif', e.target.value)}
+            required
+          />
+
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default EditTarifLayanan;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
new file mode 100644
index 00000000..60d23e1f
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
@@ -0,0 +1,119 @@
+'use client';
+import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import colors from '@/con/colors';
+import {
+  Box,
+  Button,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  TextInput,
+  Title
+} from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function CreateTarifLayanan() {
+  const createState = useProxy(fasilitasKesehatanState.tarif);
+  const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const resetForm = () => {
+    createState.create.form = {
+      tarif: '',
+      layanan: '',
+    };
+  };
+
+  const handleSubmit = async () => {
+    setIsSubmitting(true);
+    try {
+      await createState.create.create();
+      resetForm();
+      router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan');
+    } catch (error) {
+      console.error('Error creating tarif layanan:', error);
+      toast.error('Gagal menambahkan tarif layanan');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Header dengan back button */}
+      <Group mb="md">
+          <Button
+            variant="subtle"
+            onClick={() => router.back()}
+            p="xs"
+            radius="md"
+          >
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Tarif Layanan
+        </Title>
+      </Group>
+
+      {/* Form utama */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <TextInput
+            label="Layanan"
+            placeholder="Masukkan nama layanan"
+            value={createState.create.form.layanan || ''}
+            onChange={(e) => (createState.create.form.layanan = e.target.value)}
+            required
+          />
+          <TextInput
+            label="Tarif"
+            placeholder="Masukkan tarif"
+            value={createState.create.form.tarif || ''}
+            onChange={(e) => (createState.create.form.tarif = e.target.value)}
+            required
+          />
+
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default CreateTarifLayanan;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
index eb82a5f9..844dc2c2 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
@@ -1,13 +1,13 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
+import { IconArrowBack, IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 
 import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
-import JudulList from '@/app/admin/(dashboard)/_com/judulList';
+import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 import { useState } from 'react';
 
@@ -18,12 +18,12 @@ function TarifLayanan() {
   return (
     <Box>
       <Box mb={10}>
-        <Button variant="subtle" onClick={() => router.back()}>
+        <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan')}>
           <IconArrowBack color={colors['blue-button']} size={25} />
         </Button>
       </Box>
       <HeaderSearch
-        title='Dokter dan Tenaga Medis'
+        title='Tarif dan Layanan'
         placeholder='pencarian'
         searchIcon={<IconSearch size={20} />}
         value={search}
@@ -35,8 +35,11 @@ function TarifLayanan() {
 }
 
 function ListTarifLayanan({ search }: { search: string }) {
-  const stateFasilitasKesehatan = useProxy(fasilitasKesehatanState.dokter)
+  const stateFasilitasKesehatan = useProxy(fasilitasKesehatanState.tarif);
   const router = useRouter();
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+
   const {
     data,
     loading,
@@ -49,6 +52,15 @@ function ListTarifLayanan({ search }: { search: string }) {
     load(page, 10, search)
   }, [page, search])
 
+  const handleDelete = () => {
+    if (selectedId) {
+      stateFasilitasKesehatan.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      load(page, 10, search);
+    }
+  };
+
   const filteredData = data || []
 
   if (loading || !data) {
@@ -60,51 +72,116 @@ function ListTarifLayanan({ search }: { search: string }) {
   }
   return (
     <Box py={10}>
-      <Paper bg={colors['white-1']} p={'md'}>
-        <Stack>
-          <JudulList
-            title='List Fasilitas Kesehatan'
-            href={`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create`}
-          />
-          <Box style={{ overflowX: "auto" }}>
-            <Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
-              <TableThead>
-                <TableTr>
-                  <TableTh>Fasilitas Kesehatan</TableTh>
-                  <TableTh>Alamat</TableTh>
-                  <TableTh>Jam Operasional</TableTh>
-                  <TableTh>Detail</TableTh>
-                </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.map((item) => (
+      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+        {/* Judul + Tombol Tambah */}
+        <Group justify="space-between" mb="md">
+          <Title order={4}>Daftar Tarif dan Layanan</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+
+        {/* Tabel */}
+        <Box style={{ overflowX: "auto" }}>
+          <Table highlightOnHover>
+            <TableThead>
+              <TableTr>
+                <TableTh>Layanan</TableTh>
+                <TableTh>Tarif</TableTh>
+                <TableTh>Edit</TableTh>
+                <TableTh>Hapus</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>{item.name}</TableTd>
-                    <TableTd>{item.specialist}</TableTd>
                     <TableTd>
-                      <Text dangerouslySetInnerHTML={{ __html: item.jadwal }} />
+                      <Box w={150}>
+                        {item.layanan || '-'}
+                      </Box>
                     </TableTd>
                     <TableTd>
-                      <Button onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${item.id}`)}>
-                        <IconDeviceImacCog size={25} />
+                      <Box w={150}>
+                        <Text fw={500} truncate="end" lineClamp={1}>
+                          {item.tarif}
+                        </Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd>
+                      <Button
+                        variant="light"
+                        color="green"
+                        onClick={() =>
+                          router.push(
+                            `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={18} />
+                      </Button>
+                    </TableTd>
+                    <TableTd>
+                      <Button
+                        variant="light"
+                        color="red"
+                        disabled={stateFasilitasKesehatan.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={18} />
                       </Button>
                     </TableTd>
                   </TableTr>
-                ))}
-              </TableTbody>
-            </Table>
-          </Box>
-        </Stack>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={4}>
+                    <Center py={20}>
+                      <Text c="dimmed">
+                        Tidak ada fasilitas kesehatan yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
       </Paper>
+
+      {/* Pagination */}
       <Center>
         <Pagination
           value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
+          onChange={(newPage) => {
+            load(newPage, 10, search);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
           total={totalPages}
           mt="md"
           mb="md"
+          color="blue"
+          radius="md"
         />
       </Center>
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleDelete}
+        text="Apakah anda yakin ingin menghapus tarif layanan ini?"
+      />
     </Box>
   )
 }
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/create.ts
index 479a61cf..820771ce 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/create.ts
@@ -1,18 +1,16 @@
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
-type FasilitasKesehatanInput = {
-  name: string;
-  informasiUmum: { fasilitas: string; alamat: string; jamOperasional: string };
-  layananUnggulan: { content: string };
-  dokterdanTenagaMedis: { name: string; specialist: string; jadwal: string };
-  fasilitasPendukung: { content: string };
-  prosedurPendaftaran: { content: string };
-  tarifDanLayanan: { layanan: string; tarif: string };
-};
-
 const fasilitasKesehatanCreate = async (context: Context) => {
-  const body = await context.body as FasilitasKesehatanInput;
+  const body = (await context.body) as {
+    name: string;
+    informasiUmum: { fasilitas: string; alamat: string; jamOperasional: string };
+    layananUnggulan: { content: string };
+    dokterdanTenagaMedis: string[]; // ← ARRAY OF ID
+    fasilitasPendukung: { content: string };
+    prosedurPendaftaran: { content: string };
+    tarifDanLayanan: string[]; // ← ARRAY OF ID
+  };
 
   const {
     name,
@@ -24,25 +22,30 @@ const fasilitasKesehatanCreate = async (context: Context) => {
     tarifDanLayanan,
   } = body;
 
-  // Buat masing-masing relasi terlebih dahulu
-  const [createdInformasiUmum, createdLayananUnggulan, createdDokter, createdPendukung, createdProsedur, createdTarif] = await Promise.all([
-    prisma.informasiUmum.create({ data: informasiUmum }),
-    prisma.layananUnggulan.create({ data: layananUnggulan }),
-    prisma.dokterdanTenagaMedis.create({ data: dokterdanTenagaMedis }),
-    prisma.fasilitasPendukung.create({ data: fasilitasPendukung }),
-    prisma.prosedurPendaftaran.create({ data: prosedurPendaftaran }),
-    prisma.tarifDanLayanan.create({ data: tarifDanLayanan }),
-  ]);
+  // CREATE SINGLE DATA
+  const [createdInformasi, createdUnggulan, createdPendukung, createdProsedur] =
+    await Promise.all([
+      prisma.informasiUmum.create({ data: informasiUmum }),
+      prisma.layananUnggulan.create({ data: layananUnggulan }),
+      prisma.fasilitasPendukung.create({ data: fasilitasPendukung }),
+      prisma.prosedurPendaftaran.create({ data: prosedurPendaftaran }),
+    ]);
 
+  // ✅ CUKUP CONNECT KE ID YANG SUDAH ADA
   const fasilitas = await prisma.fasilitasKesehatan.create({
     data: {
       name,
-      informasiUmumId: createdInformasiUmum.id,
-      layananUnggulanId: createdLayananUnggulan.id,
-      dokterdanTenagaMedisId: createdDokter.id,
+      informasiUmumId: createdInformasi.id,
+      layananUnggulanId: createdUnggulan.id,
       fasilitasPendukungId: createdPendukung.id,
       prosedurPendaftaranId: createdProsedur.id,
-      tarifDanLayananId: createdTarif.id,
+
+      dokterdantenagamedis: {
+        connect: dokterdanTenagaMedis.map(id => ({ id })), // ← langsung dari input
+      },
+      tarifdanlayanan: {
+        connect: tarifDanLayanan.map(id => ({ id })), // ← langsung dari input
+      },
     },
     include: {
       informasiumum: true,
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/del.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/del.ts
index 349c46ce..4096558b 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/del.ts
@@ -2,42 +2,14 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 const fasilitasKesehatanDelete = async (context: Context) => {
-    const id = context.params?.id as string;
+  const id = context.params?.id as string;
 
-    if (!id) {
-        return {
-            status: 400,
-            message: "ID tidak ditemukan",
-        }
-    }
+  const data = await prisma.fasilitasKesehatan.findUnique({ where: { id } });
+  if (!data) return { status: 404, message: "Data tidak ditemukan" };
 
-    const fasilitasKesehatan = await prisma.fasilitasKesehatan.findUnique({
-        where: { id },
-        include: {
-            informasiumum: true,
-            layananunggulan: true,
-            dokterdantenagamedis: true,
-            fasilitaspendukung: true,
-            prosedurpendaftaran: true,
-            tarifdanlayanan: true,
-        }
-    })
+  await prisma.fasilitasKesehatan.delete({ where: { id } });
 
-    if (!fasilitasKesehatan) {
-        return {
-            status: 404,
-            message: "Fasilitas kesehatan tidak ditemukan",
-        }
-    }
+  return { success: true, message: "Berhasil dihapus" };
+};
 
-    await prisma.fasilitasKesehatan.delete({
-        where: { id },
-    })
-
-    return {
-        status: 200,
-        success: true,
-        message: "Fasilitas kesehatan berhasil dihapus",
-    }
-}
-export default fasilitasKesehatanDelete
\ No newline at end of file
+export default fasilitasKesehatanDelete;
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts
index 4852439d..19cf9c05 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/create.ts
@@ -5,6 +5,11 @@ type FormCreate = {
   name: string;
   specialist: string;
   jadwal: string;
+  jadwalLibur: string;
+  jamBukaOperasional: string;
+  jamTutupOperasional: string;
+  jamBukaLibur: string;
+  jamTutupLibur: string;
 };
 
 export default async function dokterTenagaMedisCreate(context: Context) {
@@ -15,11 +20,21 @@ export default async function dokterTenagaMedisCreate(context: Context) {
       name: body.name,
       specialist: body.specialist,
       jadwal: body.jadwal,
+      jadwalLibur: body.jadwalLibur,
+      jamBukaOperasional: body.jamBukaOperasional,
+      jamTutupOperasional: body.jamTutupOperasional,
+      jamBukaLibur: body.jamBukaLibur,
+      jamTutupLibur: body.jamTutupLibur,
     },
     select: {
       name: true,
       specialist: true,
       jadwal: true,
+      jadwalLibur: true,
+      jamBukaOperasional: true,
+      jamTutupOperasional: true,
+      jamBukaLibur: true,
+      jamTutupLibur: true,
     }
   });
 
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/findMany.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/findMany.ts
index 0e9ce6dd..ad250062 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/findMany.ts
@@ -19,6 +19,7 @@ async function dokterTenagaMedisFindMany(context: Context) {
       { name: { contains: search, mode: 'insensitive' } },
       { specialist: { contains: search, mode: 'insensitive' } },
       { jadwal: { contains: search, mode: 'insensitive' } },
+      { jadwalLibur: { contains: search, mode: 'insensitive' } },
     ];
   }
 
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/index.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/index.ts
index b0c4760a..58817969 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/index.ts
@@ -19,6 +19,11 @@ const DokterTenagaMedis = new Elysia({
             name: t.String(),
             specialist: t.String(),
             jadwal: t.String(),
+            jadwalLibur: t.String(),
+            jamBukaOperasional: t.String(),
+            jamTutupOperasional: t.String(),
+            jamBukaLibur: t.String(),
+            jamTutupLibur: t.String(),
         }),
     })
     .put("/:id", dokterTenagaMedisUpdate, {
@@ -26,6 +31,11 @@ const DokterTenagaMedis = new Elysia({
             name: t.String(),
             specialist: t.String(),
             jadwal: t.String(),
+            jadwalLibur: t.String(),
+            jamBukaOperasional: t.String(),
+            jamTutupOperasional: t.String(),
+            jamBukaLibur: t.String(),
+            jamTutupLibur: t.String(),
         }),
     })
     .delete("/del/:id", dokterTenagaMedisDelete)
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/updt.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/updt.ts
index 6db6b37d..68422677 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis/updt.ts
@@ -5,6 +5,11 @@ type FormUpdate = {
     name: string;
     specialist: string;
     jadwal: string;
+    jadwalLibur: string;
+    jamBukaOperasional: string;
+    jamTutupOperasional: string;
+    jamBukaLibur: string;
+    jamTutupLibur: string;
 }
 
 export default async function dokterTenagaMedisUpdate(context: Context) {
@@ -18,6 +23,12 @@ export default async function dokterTenagaMedisUpdate(context: Context) {
                 name: body.name,
                 specialist: body.specialist,
                 jadwal: body.jadwal,
+                jadwalLibur: body.jadwalLibur,
+                jamBukaOperasional: body.jamBukaOperasional,
+                jamTutupOperasional: body.jamTutupOperasional,
+                jamBukaLibur: body.jamBukaLibur,
+                jamTutupLibur: body.jamTutupLibur,
+                
             },
         });
         return {
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/index.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/index.ts
index 1eb5badd..e49ce73c 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/index.ts
@@ -1,6 +1,6 @@
 import { Elysia, t } from "elysia";
 import fasilitasKesehatanCreate from "./create";
-import findManyFasilitasKesehatan from "./findMany";
+import fasilitasKesehatanFindMany from "./findMany";
 import findUniqueFasilitasKesehatan from "./findUnique";
 import fasilitasKesehatanUpdate from "./updt";
 import fasilitasKesehatanDelete from "./del";
@@ -9,42 +9,61 @@ const FasilitasKesehatan = new Elysia({
   prefix: "fasilitas-kesehatan",
   tags: ["Kesehatan/Fasilitas Kesehatan"],
 })
+
+  // ==========================
+  //        CREATE
+  // ==========================
   .post("/create", fasilitasKesehatanCreate, {
     body: t.Object({
       name: t.String(),
+
       informasiUmum: t.Object({
         fasilitas: t.String(),
         alamat: t.String(),
         jamOperasional: t.String(),
       }),
+
       layananUnggulan: t.Object({
         content: t.String(),
       }),
-      dokterdanTenagaMedis: t.Object({
-        name: t.String(),
-        specialist: t.String(),
-        jadwal: t.String(),
-      }),
+
+      dokterdanTenagaMedis: t.Array(t.String()), // FIX karena create pakai array of string
+
       fasilitasPendukung: t.Object({
         content: t.String(),
       }),
+
       prosedurPendaftaran: t.Object({
         content: t.String(),
       }),
-      tarifDanLayanan: t.Object({
-        layanan: t.String(),
-        tarif: t.String(),
-      }),
+
+      tarifDanLayanan: t.Array(t.String()), // FIX karena create pakai array of string
     }),
   })
-  .get("/find-many", findManyFasilitasKesehatan)
+
+  // ==========================
+  //        FIND MANY
+  // ==========================
+  .get("/find-many", fasilitasKesehatanFindMany)
+
+  // ==========================
+  //        DELETE
+  // ==========================
   .delete("/del/:id", fasilitasKesehatanDelete)
+
+  // ==========================
+  //        FIND UNIQUE
+  // ==========================
   .get("/:id", async (context) => {
     const response = await findUniqueFasilitasKesehatan(
       new Request(context.request)
     );
     return response;
   })
+
+  // ==========================
+  //        UPDATE
+  // ==========================
   .put(
     "/:id",
     async (context) => {
@@ -54,29 +73,30 @@ const FasilitasKesehatan = new Elysia({
     {
       body: t.Object({
         name: t.String(),
+
         informasiUmum: t.Object({
           fasilitas: t.String(),
           alamat: t.String(),
           jamOperasional: t.String(),
         }),
+
         layananUnggulan: t.Object({
           content: t.String(),
         }),
-        dokterdanTenagaMedis: t.Object({
-          name: t.String(),
-          specialist: t.String(),
-          jadwal: t.String(),
-        }),
+
+        // FIX → harus array of string (ID dokter)
+        dokterdanTenagaMedis: t.Array(t.String()),
+
         fasilitasPendukung: t.Object({
           content: t.String(),
         }),
+
         prosedurPendaftaran: t.Object({
           content: t.String(),
         }),
-        tarifDanLayanan: t.Object({
-          layanan: t.String(),
-          tarif: t.String(),
-        }),
+
+        // FIX → harus array of string (ID tarif)
+        tarifDanLayanan: t.Array(t.String()),
       }),
     }
   );
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/create.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/create.ts
new file mode 100644
index 00000000..6df9c882
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/create.ts
@@ -0,0 +1,28 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+type FormCreate = {
+  layanan: string;
+  tarif: string;
+};
+
+export default async function tarifLayananCreate(context: Context) {
+  const body = context.body as FormCreate;
+
+  const created = await prisma.tarifDanLayanan.create({
+    data: {
+      layanan: body.layanan,
+      tarif: body.tarif,
+    },
+    select: {
+      layanan: true,
+      tarif: true,
+    }
+  });
+
+  return {
+    success: true,
+    message: "Sukses menambahkan dokter tenaga medis",
+    data: created,
+  };
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/del.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/del.ts
new file mode 100644
index 00000000..0b911c51
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/del.ts
@@ -0,0 +1,37 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+export default async function tarifLayananDelete(context: Context) {
+
+  const id = context.params?.id;
+
+  if (!id) {
+    return {
+      success: false,
+      message: "ID tidak ditemukan",
+    };
+  }
+
+  const existing = await prisma.tarifDanLayanan.findUnique({
+    where: {
+      id: id,
+    },
+  });
+
+  if (!existing) {
+    return {
+      success: false,
+      message: "Data tidak ditemukan",
+    };
+  }
+
+  const deleted = await prisma.tarifDanLayanan.delete({
+    where: { id },
+  });
+
+  return {
+    success: true,
+    message: "Data berhasil dihapus",
+    data: deleted,
+  };
+}
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findMany.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findMany.ts
new file mode 100644
index 00000000..d1ff935b
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findMany.ts
@@ -0,0 +1,54 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// /api/berita/findManyPaginated.ts
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+async function tarifLayananFindMany(context: Context) {
+  // Ambil parameter dari query
+  const page = Number(context.query.page) || 1;
+  const limit = Number(context.query.limit) || 10;
+  const search = (context.query.search as string) || '';
+  const skip = (page - 1) * limit;
+
+  // Buat where clause
+  const where: any = { isActive: true };
+
+  // Tambahkan pencarian (jika ada)
+  if (search) {
+    where.OR = [
+      { layanan: { contains: search, mode: 'insensitive' } },
+      { tarif: { contains: search, mode: 'insensitive' } },
+    ];
+  }
+
+  try {
+    // Ambil data dan total count secara paralel
+    const [data, total] = await Promise.all([
+      prisma.tarifDanLayanan.findMany({
+        where,
+        skip,
+        take: limit,
+        orderBy: { layanan: 'asc' },
+      }),
+      prisma.tarifDanLayanan.count({ where }),
+    ]);
+
+    return {
+      success: true,
+      message: "Berhasil ambil data tarif layanan dengan pagination",
+      data,
+      page,
+      limit,
+      total,
+      totalPages: Math.ceil(total / limit),
+    };
+  } catch (e) {
+    console.error("Error di findMany paginated:", e);
+    return {
+      success: false,
+      message: "Gagal mengambil data tarif layanan",
+    };
+  }
+}
+
+export default tarifLayananFindMany;
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findUnique.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findUnique.ts
new file mode 100644
index 00000000..89d9c0f8
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/findUnique.ts
@@ -0,0 +1,47 @@
+import prisma from "@/lib/prisma";
+
+export default async function tarifLayananFindUnique(request: Request) {
+    const url = new URL(request.url);
+    const pathSegments = url.pathname.split('/');
+
+    const id = pathSegments[pathSegments.length - 1];
+
+    if (!id) {
+        return Response.json({
+            success: false,
+            message: 'ID tidak boleh kosong',
+        }, {status: 400})
+    }
+
+    try {
+        if (typeof id !== 'string') {
+            return Response.json({
+                success: false,
+                message: "ID tidak valid",
+            }, { status: 400 });
+        }
+
+        const data = await prisma.tarifDanLayanan.findUnique({
+            where: { id },
+        });
+
+        if (!data) {
+            return Response.json({
+                success: false,
+                message: "Data tidak ditemukan",
+            }, { status: 404 });
+        }
+
+        return Response.json({
+            success: true,
+            message: "Berhasil mengambil data berdasarkan ID",
+            data,
+        }, { status: 200 });
+    } catch (error) {
+        console.error("Error fetching data:", error);
+        return Response.json({
+            success: false,
+            message: "Terjadi kesalahan saat mengambil data",
+        }, { status: 500 });
+    }
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/index.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/index.ts
new file mode 100644
index 00000000..bbd68317
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/index.ts
@@ -0,0 +1,30 @@
+import Elysia, { t } from "elysia";
+import tarifLayananCreate from "./create";
+import tarifLayananFindMany from "./findMany";
+import tarifLayananFindUnique from "./findUnique";
+import tarifLayananDelete from "./del";
+import tarifLayananUpdate from "./updt";
+
+const TarifLayanan = new Elysia({
+    prefix: "/tarifdanlayanan",
+    tags: ["Data Kesehatan/Fasilitas Kesehatan/Tarif Layanan"]
+})
+    .get("/:id", async (context) => {
+        const response = await tarifLayananFindUnique(new Request(context.request));
+        return response;
+    })
+    .get("/findMany", tarifLayananFindMany)
+    .post("/create", tarifLayananCreate, {
+        body: t.Object({
+            tarif: t.String(),
+            layanan: t.String()
+        }),
+    })
+    .put("/:id", tarifLayananUpdate, {
+        body: t.Object({
+            tarif: t.String(),
+            layanan: t.String(),
+        }),
+    })
+    .delete("/del/:id", tarifLayananDelete)
+export default TarifLayanan
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/updt.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/updt.ts
new file mode 100644
index 00000000..2638207d
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan/updt.ts
@@ -0,0 +1,32 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+type FormUpdate = {
+  layanan: string;
+  tarif: string;
+};
+
+export default async function tarifLayananUpdate(context: Context) {
+  const body = (await context.body) as FormUpdate;
+  const id = context.params.id as string;
+
+  try {
+    const result = await prisma.tarifDanLayanan.update({
+      where: { id },
+      data: {
+        layanan: body.layanan,
+        tarif: body.tarif,
+      },
+    });
+    return {
+      success: true,
+      message: "Berhasil mengupdate data tarif layanan",
+      data: result,
+    };
+  } catch (error) {
+    console.error("Error updating data tarif layanan:", error);
+    throw new Error(
+      "Gagal mengupdate data tarif layanan: " + (error as Error).message
+    );
+  }
+}
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/updt.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/updt.ts
index d0061150..db66ae74 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/updt.ts
@@ -5,32 +5,26 @@ type FasilitasKesehatanInput = {
   name: string;
   informasiUmum: { fasilitas: string; alamat: string; jamOperasional: string };
   layananUnggulan: { content: string };
-  dokterdanTenagaMedis: { name: string; specialist: string; jadwal: string };
+  dokterdanTenagaMedis: string[]; // ← ID saja
   fasilitasPendukung: { content: string };
   prosedurPendaftaran: { content: string };
-  tarifDanLayanan: { layanan: string; tarif: string };
+  tarifDanLayanan: string[]; // ← ID saja
 };
 
 const fasilitasKesehatanUpdate = async (context: Context) => {
   const id = context.params?.id as string;
-  const body = await context.body as FasilitasKesehatanInput;
-
-  if (!id) {
-    return new Response(
-      JSON.stringify({ success: false, message: "ID is required" }),
-      { status: 400, headers: { "Content-Type": "application/json" } }
-    );
-  }
+  const body = (await context.body) as FasilitasKesehatanInput;
 
   const existing = await prisma.fasilitasKesehatan.findUnique({
     where: { id },
+    include: {
+      dokterdantenagamedis: true,
+      tarifdanlayanan: true,
+    },
   });
 
   if (!existing) {
-    return new Response(
-      JSON.stringify({ success: false, message: "Data not found" }),
-      { status: 404, headers: { "Content-Type": "application/json" } }
-    );
+    return { success: false, message: "Data tidak ditemukan" };
   }
 
   const {
@@ -43,38 +37,46 @@ const fasilitasKesehatanUpdate = async (context: Context) => {
     tarifDanLayanan,
   } = body;
 
-  // Update data masing-masing relasi
+  // update relasi 1-1
   await Promise.all([
     prisma.informasiUmum.update({
       where: { id: existing.informasiUmumId },
       data: informasiUmum,
     }),
+
     prisma.layananUnggulan.update({
       where: { id: existing.layananUnggulanId },
       data: layananUnggulan,
     }),
-    prisma.dokterdanTenagaMedis.update({
-      where: { id: existing.dokterdanTenagaMedisId },
-      data: dokterdanTenagaMedis,
-    }),
+
     prisma.fasilitasPendukung.update({
       where: { id: existing.fasilitasPendukungId },
       data: fasilitasPendukung,
     }),
+
     prisma.prosedurPendaftaran.update({
       where: { id: existing.prosedurPendaftaranId },
       data: prosedurPendaftaran,
     }),
-    prisma.tarifDanLayanan.update({
-      where: { id: existing.tarifDanLayananId },
-      data: tarifDanLayanan,
-    }),
   ]);
 
-  // Update main record
+  // update m2m
   const updated = await prisma.fasilitasKesehatan.update({
     where: { id },
-    data: { name },
+
+    data: {
+      name,
+
+      // reset dokter lama → ganti baru
+      dokterdantenagamedis: {
+        set: dokterdanTenagaMedis.map((id) => ({ id })),
+      },
+
+      tarifdanlayanan: {
+        set: tarifDanLayanan.map((id) => ({ id })),
+      },
+    },
+
     include: {
       informasiumum: true,
       layananunggulan: true,
@@ -87,7 +89,7 @@ const fasilitasKesehatanUpdate = async (context: Context) => {
 
   return {
     success: true,
-    message: "Fasilitas berhasil diupdate",
+    message: "Fasilitas diupdate",
     data: updated,
   };
 };
diff --git a/src/app/api/[[...slugs]]/_lib/kesehatan/index.ts b/src/app/api/[[...slugs]]/_lib/kesehatan/index.ts
index 8c38fcfb..19f978d7 100644
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/index.ts
@@ -20,6 +20,7 @@ import Kelahiran from "./data_kesehatan_warga/persentase_kelahiran_kematian/kela
 import Kematian from "./data_kesehatan_warga/persentase_kelahiran_kematian/kematian";
 import DokterTenagaMedis from "./data_kesehatan_warga/fasilitas_kesehatan/dokter-tenaga-medis";
 import PendaftaranJadwalKegiatan from "./data_kesehatan_warga/jadwal_kegiatan/pendaftaran";
+import TarifLayanan from "./data_kesehatan_warga/fasilitas_kesehatan/tarif-layanan";
 
 
 const Kesehatan = new Elysia({
@@ -46,5 +47,6 @@ const Kesehatan = new Elysia({
 .use(Kelahiran)
 .use(Kematian)
 .use(DokterTenagaMedis)
+.use(TarifLayanan)
 .use(PendaftaranJadwalKegiatan)
 export default Kesehatan;
diff --git a/src/app/api/[[...slugs]]/_lib/search/findMany.ts b/src/app/api/[[...slugs]]/_lib/search/findMany.ts
index 5e6eab4e..7aae7328 100644
--- a/src/app/api/[[...slugs]]/_lib/search/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/search/findMany.ts
@@ -557,25 +557,37 @@ export default async function searchFindMany(context: Context) {
           ],
         },
         layananunggulan: { content: { contains: query, mode: "insensitive" } },
-        dokterdantenagamedis: {
-          OR: [
-            { name: { contains: query, mode: "insensitive" } },
-            { specialist: { contains: query, mode: "insensitive" } },
-            { jadwal: { contains: query, mode: "insensitive" } },
-          ],
-        },
+
         fasilitaspendukung: {
           content: { contains: query, mode: "insensitive" },
         },
         prosedurpendaftaran: {
           content: { contains: query, mode: "insensitive" },
         },
-        tarifdanlayanan: {
-          OR: [
-            { layanan: { contains: query, mode: "insensitive" } },
-            { tarif: { contains: query, mode: "insensitive" } },
-          ],
-        },
+      },
+      skip,
+      take: limitNum,
+    });
+    return { data, nextPage: data.length < limitNum ? null : pageNum + 1 };
+  }
+
+  if (type === "doktertenagamedis") {
+    const data = await prisma.dokterdanTenagaMedis.findMany({
+      where: {
+        name: { contains: query, mode: "insensitive" },
+        specialist: { contains: query, mode: "insensitive" },
+      },
+      skip,
+      take: limitNum,
+    });
+    return { data, nextPage: data.length < limitNum ? null : pageNum + 1 };
+  }
+
+  if (type === "tarifdanlayanan") {
+    const data = await prisma.tarifDanLayanan.findMany({
+      where: {
+        layanan: { contains: query, mode: "insensitive" },
+        tarif: { contains: query, mode: "insensitive" },
       },
       skip,
       take: limitNum,
@@ -1567,6 +1579,8 @@ export default async function searchFindMany(context: Context) {
     jenisProgramYangDiselenggarakan,
     dataPerpustakaan,
     dataPendidikan,
+    dokterDanTenagaMedis,
+    tarifDanLayanan 
   ] = await Promise.all([
     prisma.pejabatDesa.findMany({
       where: { name: { contains: query, mode: "insensitive" } },
@@ -1894,25 +1908,27 @@ export default async function searchFindMany(context: Context) {
           ],
         },
         layananunggulan: { content: { contains: query, mode: "insensitive" } },
-        dokterdantenagamedis: {
-          OR: [
-            { name: { contains: query, mode: "insensitive" } },
-            { specialist: { contains: query, mode: "insensitive" } },
-            { jadwal: { contains: query, mode: "insensitive" } },
-          ],
-        },
+
         fasilitaspendukung: {
           content: { contains: query, mode: "insensitive" },
         },
         prosedurpendaftaran: {
           content: { contains: query, mode: "insensitive" },
         },
-        tarifdanlayanan: {
-          OR: [
-            { layanan: { contains: query, mode: "insensitive" } },
-            { tarif: { contains: query, mode: "insensitive" } },
-          ],
-        },
+      },
+      take: limitNum,
+    }),
+    prisma.dokterdanTenagaMedis.findMany({
+      where: {
+        name: { contains: query, mode: "insensitive" },
+        specialist: { contains: query, mode: "insensitive" },
+      },
+      take: limitNum,
+    }),
+    prisma.tarifDanLayanan.findMany({
+      where: {
+        tarif: { contains: query, mode: "insensitive" },
+        layanan: { contains: query, mode: "insensitive" },
       },
       take: limitNum,
     }),
@@ -2316,7 +2332,7 @@ export default async function searchFindMany(context: Context) {
           { judul: { contains: query, mode: "insensitive" } },
           { deskripsiSingkat: { contains: query, mode: "insensitive" } },
           { deskripsiLengkap: { contains: query, mode: "insensitive" } },
-           { lokasi: { contains: query, mode: "insensitive" } },
+          { lokasi: { contains: query, mode: "insensitive" } },
           {
             kategoriKegiatan: {
               nama: { contains: query, mode: "insensitive" },
@@ -2559,6 +2575,8 @@ export default async function searchFindMany(context: Context) {
       ...penghargaan.map((b) => ({ type: "penghargaan", ...b })),
       ...posyandu.map((b) => ({ type: "posyandu", ...b })),
       ...fasilitasKesehatan.map((b) => ({ type: "fasilitasKesehatan", ...b })),
+      ...dokterDanTenagaMedis.map((b) => ({ type: "dokterdanTenagaMedis", ...b })),
+      ...tarifDanLayanan.map((b) => ({ type: "tarifDanLayanan", ...b })),
       ...jadwalKegiatan.map((b) => ({ type: "jadwalKegiatan", ...b })),
       ...artikelKesehatan.map((b) => ({ type: "artikelKesehatan", ...b })),
       ...puskesmas.map((b) => ({ type: "puskesmas", ...b })),
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
index 6aa24dfd..d8d02e6e 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
@@ -42,9 +42,7 @@ function Page() {
   const alamat = data?.informasiumum?.alamat || '-';
   const jam = data?.informasiumum?.jamOperasional || '-';
   const layananUnggulan = data?.layananunggulan?.content || '';
-  const tenaga = data?.dokterdantenagamedis || null;
   const fasilitasPendukungHtml = data?.fasilitaspendukung?.content || '';
-  const tarif = (data?.tarifdanlayanan as TarifDanLayanan) || null;
   const kontak = (data?.kontak as Kontak) || {
     telepon: '(0361) 123456',
     whatsapp: '6289647037426',
@@ -211,7 +209,7 @@ function Page() {
               <Card radius="xl" p="lg" withBorder>
                 <Stack gap="md">
                   <Title order={4}>Dokter & Tenaga Medis</Title>
-                  <Table highlightOnHover withTableBorder withColumnBorders stickyHeader stickyHeaderOffset={0} aria-label="Tabel Dokter">
+                  <Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Dokter">
                     <TableThead>
                       <TableTr>
                         <TableTh>Nama</TableTh>
@@ -220,12 +218,19 @@ function Page() {
                       </TableTr>
                     </TableThead>
                     <TableTbody>
-                      {tenaga ? (
-                        <TableTr>
-                          <TableTd><Group gap="xs"><IconUser size={16} /><Text>{tenaga?.name || '-'}</Text></Group></TableTd>
-                          <TableTd>{tenaga?.specialist || '-'}</TableTd>
-                          <TableTd>{tenaga?.jadwal || '-'}</TableTd>
-                        </TableTr>
+                      {Array.isArray(data?.dokterdantenagamedis) && data.dokterdantenagamedis.length > 0 ? (
+                        data.dokterdantenagamedis.map((dokter: any) => (
+                          <TableTr key={dokter.id}>
+                            <TableTd>
+                              <Group gap="xs">
+                                <IconUser size={16} />
+                                <Text>{dokter.name || '-'}</Text>
+                              </Group>
+                            </TableTd>
+                            <TableTd>{dokter.specialist || '-'}</TableTd>
+                            <TableTd>{dokter.jadwal || '-'}</TableTd>
+                          </TableTr>
+                        ))
                       ) : (
                         <TableTr>
                           <TableTd colSpan={3}>
@@ -241,72 +246,74 @@ function Page() {
                 </Stack>
               </Card>
 
-             <Card radius="xl" p="lg" withBorder>
-              <Stack gap="md">
-                <Title order={3}>Fasilitas Pendukung</Title>
-                <Divider />
-                {fasilitasPendukungHtml ? (
-                  <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }} />
-                ) : (
-                  <Paper withBorder radius="md" p="md">
-                    <Group gap="sm">
-                      <IconMoodEmpty />
-                      <Text>Belum ada informasi fasilitas pendukung.</Text>
-                    </Group>
-                  </Paper>
-                )}
-              </Stack>
-            </Card>
+              <Card radius="xl" p="lg" withBorder>
+                <Stack gap="md">
+                  <Title order={3}>Fasilitas Pendukung</Title>
+                  <Divider />
+                  {fasilitasPendukungHtml ? (
+                    <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }} />
+                  ) : (
+                    <Paper withBorder radius="md" p="md">
+                      <Group gap="sm">
+                        <IconMoodEmpty />
+                        <Text>Belum ada informasi fasilitas pendukung.</Text>
+                      </Group>
+                    </Paper>
+                  )}
+                </Stack>
+              </Card>
 
-            <Card radius="xl" p="lg" withBorder>
-              <Stack gap="md">
-                <Title order={3}>Layanan & Tarif</Title>
-                <Divider />
-                <Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Layanan dan Tarif">
-                  <TableThead>
-                    <TableTr>
-                      <TableTh>Layanan</TableTh>
-                      <TableTh>Tarif</TableTh>
-                    </TableTr>
-                  </TableThead>
-                  <TableTbody>
-                    {tarif ? (
+              <Card radius="xl" p="lg" withBorder>
+                <Stack gap="md">
+                  <Title order={3}>Layanan & Tarif</Title>
+                  <Divider />
+                  <Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Layanan dan Tarif">
+                    <TableThead>
                       <TableTr>
-                        <TableTd>{tarif?.layanan || '-'}</TableTd>
-                        <TableTd>{formatRupiah(tarif?.tarif)}</TableTd>
+                        <TableTh>Layanan</TableTh>
+                        <TableTh>Tarif</TableTh>
                       </TableTr>
-                    ) : (
-                      <TableTr>
-                        <TableTd colSpan={2}>
-                          <Group justify="center" gap="xs" c="dimmed">
-                            <IconSearch size={18} />
-                            <Text>Tidak ada data tarif.</Text>
-                          </Group>
-                        </TableTd>
-                      </TableTr>
-                    )}
-                  </TableTbody>
-                </Table>
-                {gratisBpjs && (
-                  <Group gap="xs">
-                    <ThemeIcon variant="light" radius="xl"><IconCheck size={18} /></ThemeIcon>
-                    <Text fw={600}>Gratis dengan BPJS Kesehatan</Text>
-                  </Group>
-                )}
-              </Stack>
-            </Card>
+                    </TableThead>
+                    <TableTbody>
+                      {Array.isArray(data?.tarifdanlayanan) && data.tarifdanlayanan.length > 0 ? (
+                        data.tarifdanlayanan.map((item: any) => (
+                          <TableTr key={item.id}>
+                            <TableTd>{item.layanan || '-'}</TableTd>
+                            <TableTd>{formatRupiah(item.tarif)}</TableTd>
+                          </TableTr>
+                        ))
+                      ) : (
+                        <TableTr>
+                          <TableTd colSpan={2}>
+                            <Group justify="center" gap="xs" c="dimmed">
+                              <IconSearch size={18} />
+                              <Text>Tidak ada data tarif.</Text>
+                            </Group>
+                          </TableTd>
+                        </TableTr>
+                      )}
+                    </TableTbody>
+                  </Table>
+                  {gratisBpjs && (
+                    <Group gap="xs">
+                      <ThemeIcon variant="light" radius="xl"><IconCheck size={18} /></ThemeIcon>
+                      <Text fw={600}>Gratis dengan BPJS Kesehatan</Text>
+                    </Group>
+                  )}
+                </Stack>
+              </Card>
             </Stack>
           </Grid.Col>
         </Grid>
       </Box>
-      
+
       <Box px={{ base: 'md', md: 100 }} pb="xl">
         <Paper radius="xl" p="lg" withBorder>
           <Stack gap="md">
             <Title order={3}>Prosedur Pendaftaran</Title>
             <Divider />
             {prosedur ? (
-              <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: prosedur }} />
+              <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: prosedur }} />
             ) : (
               <Text fz="md" c="dimmed">Belum ada prosedur pendaftaran</Text>
             )}
diff --git a/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx b/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
index 3279e2ef..773b906f 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
@@ -50,7 +50,9 @@ function SosmedView({
                       loading="lazy"
                       src={src}
                       alt={item.name}
-                      fit={item.image?.link ? "cover" : "contain"}
+                      w={24}
+                      h={24}
+                      fit="contain"
                     />
                   );
                 }
diff --git a/src/app/darmasaba/_com/searchUrl.tsx b/src/app/darmasaba/_com/searchUrl.tsx
index 6350b8dc..4ce896b9 100644
--- a/src/app/darmasaba/_com/searchUrl.tsx
+++ b/src/app/darmasaba/_com/searchUrl.tsx
@@ -1,4 +1,4 @@
-const getDetailUrl = (item: { type?: string; id: string | number; [key: string]: unknown }) => {
+const getDetailUrl = (item: { type?: string; id: string | number;[key: string]: unknown }) => {
   const { type, id, kategori } = item;
   const map: Record<string, (id: string | number, kategori?: string) => string> = {
     programinovasi: (id) => `/darmasaba/program-inovasi/${id}`,
@@ -30,6 +30,8 @@ const getDetailUrl = (item: { type?: string; id: string | number; [key: string]:
     penghargaan: () => '/darmasaba/desa/penghargaan',
     posyandu: (id) => `/darmasaba/kesehatan/posyandu/${id}`,
     fasilitasKesehatan: () => '/darmasaba/kesehatan/data-kesehatan-warga',
+    dokterDanTenagaMedis: () => '/darmasaba/kesehatan/data-kesehatan-warga',
+    tarifDanLayanan: () => '/darmasaba/kesehatan/data-kesehatan-warga',
     jadwalKegiatan: () => '/darmasaba/kesehatan/data-kesehatan-warga',
     artikelKesehatan: () => '/darmasaba/kesehatan/data-kesehatan-warga',
     puskesmas: () => '/darmasaba/kesehatan/puskesmas',
@@ -82,7 +84,7 @@ const getDetailUrl = (item: { type?: string; id: string | number; [key: string]:
     jenisProgramYangDiselenggarakan: () => '/darmasaba/pendidikan/pendidikan-non-formal',
     dataPerpustakaan: () => '/darmasaba/pendidikan/perpustakaan-digital/semua',
     dataPendidikan: () => '/darmasaba/pendidikan/data-pendidikan',
-    
+
   };
 
   if (type && map[type]) return map[type](id, kategori as string | undefined);
-- 
2.49.1


From 867dce42f0253a7254f9c5507237e7dc4ce5cc20 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 4 Dec 2025 11:58:47 +0800
Subject: [PATCH 43/97] Fix Error Build Staging

---
 .../data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
index bec3692d..63efc073 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
@@ -115,7 +115,7 @@ function DetailFasilitasKesehatan() {
 
               <Box>
                 <Text fz="lg" fw="bold" mb="sm">Dokter & Tenaga Medis</Text>
-                {data.dokterdantenagamedis && data.dokterdantenagamedis.length > 0 ? (
+                {Array.isArray(data.dokterdantenagamedis) && data.dokterdantenagamedis.length > 0 ? (
                   <Box style={{ overflowX: 'auto', width: '100%' }}>
                     <Table striped highlightOnHover withTableBorder>
                       <TableThead>
@@ -161,7 +161,7 @@ function DetailFasilitasKesehatan() {
 
               <Box mt="xl">
                 <Text fz="lg" fw="bold" mb="sm">Tarif & Layanan</Text>
-                {data.tarifdanlayanan && data.tarifdanlayanan.length > 0 ? (
+                {Array.isArray(data.tarifdanlayanan) && data.tarifdanlayanan.length > 0 ? (
                   <Box style={{ overflowX: 'auto', width: '100%' }}>
                     <Table striped highlightOnHover withTableBorder>
                       <TableThead>
-- 
2.49.1


From dad44c0537bc94f557594b5f3f3783b4a7a6c046 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 5 Dec 2025 10:56:03 +0800
Subject: [PATCH 44/97] Fix Menu Gallery : Gallery Foto Fix detail berita

---
 .../desa/gallery/foto/[id]/edit/page.tsx      | 303 ++++++++++++++++++
 .../desa/gallery/foto/[id]/page.tsx           | 175 ++++++++++
 .../desa/gallery/foto/create/page.tsx         | 228 +++++++++++++
 .../(dashboard)/desa/gallery/foto/page.tsx    | 296 ++++++++---------
 .../desa/berita/[kategori]/[id]/page.tsx      |   2 +-
 .../darmasaba/(pages)/desa/berita/layout.tsx  |  40 ++-
 .../(pages)/desa/galery/foto/Content.tsx      | 150 ---------
 .../(pages)/desa/galery/foto/page.tsx         | 177 +++++++++-
 .../darmasaba/(pages)/desa/galery/layout.tsx  |  39 ++-
 .../(pages)/desa/galery/video/Content.tsx     |  54 ++--
 .../(pages)/desa/galery/video/[id]/page.tsx   | 197 ++++++++++++
 11 files changed, 1306 insertions(+), 355 deletions(-)
 create mode 100644 src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
 create mode 100644 src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx
 create mode 100644 src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
 create mode 100644 src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx

diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
new file mode 100644
index 00000000..df492b39
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
@@ -0,0 +1,303 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+"use client";
+
+import EditEditor from "@/app/admin/(dashboard)/_com/editEditor";
+import stateGallery from "@/app/admin/(dashboard)/_state/desa/gallery";
+import colors from "@/con/colors";
+import ApiFetch from "@/lib/api-fetch";
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Group,
+  Image,
+  Loader,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title
+} from "@mantine/core";
+import { Dropzone } from "@mantine/dropzone";
+import {
+  IconArrowBack,
+  IconPhoto,
+  IconUpload,
+  IconX,
+} from "@tabler/icons-react";
+import { useParams, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { toast } from "react-toastify";
+import { useProxy } from "valtio/utils";
+
+function EditFoto() {
+  const FotoState = useProxy(stateGallery.foto);
+  const router = useRouter();
+  const params = useParams();
+
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [file, setFile] = useState<File | null>(null);
+  const [formData, setFormData] = useState({
+    name: "",
+    deskripsi: "",
+    imagesId: "",
+  });
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    name: "",
+    deskripsi: "",
+    imagesId: "",
+    imageUrl: "",
+  });
+
+  // Load kategori + Foto
+  useEffect(() => {
+    FotoState.findMany.load();
+
+    const loadFoto = async () => {
+      const id = params?.id as string;
+      if (!id) return;
+
+      try {
+        const data = await FotoState.update.load(id);
+        if (data) {
+          setFormData({
+            name: data.name || "",
+            deskripsi: data.deskripsi || "",
+            imagesId: data.imagesId || "",
+          });
+
+          setOriginalData({
+            name: data.name || "",
+            deskripsi: data.deskripsi || "",
+            imagesId: data.imagesId || "",
+            imageUrl: data.imageGalleryFoto?.link || ""
+          });
+
+          if (data?.imageGalleryFoto?.link) {
+            setPreviewImage(data.imageGalleryFoto.link);
+          }
+        }
+      } catch (error) {
+        console.error("Error loading Foto:", error);
+        toast.error("Gagal memuat data Foto");
+      }
+    };
+
+    loadFoto();
+  }, [params?.id]);
+
+  const handleChange = (field: string, value: string) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+
+  const handleSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      // Update global state hanya sekali di sini
+      FotoState.update.form = {
+        ...FotoState.update.form,
+        ...formData,
+      };
+
+      if (file) {
+        const res = await ApiFetch.api.fileStorage.create.post({
+          file,
+          name: file.name,
+        });
+        const uploaded = res.data?.data;
+
+        if (!uploaded?.id) {
+          return toast.error("Gagal upload gambar");
+        }
+
+        FotoState.update.form.imagesId = uploaded.id;
+      }
+
+      await FotoState.update.update();
+      toast.success("Foto berhasil diperbarui!");
+      router.push("/admin/desa/gallery/foto");
+    } catch (error) {
+      console.error("Error updating foto:", error);
+      toast.error("Terjadi kesalahan saat memperbarui foto");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleResetForm = () => {
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      imagesId: originalData.imagesId,
+    });
+    setPreviewImage(originalData.imageUrl || null);
+    setFile(null);
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+  return (
+    <Box px={{ base: "sm", md: "lg" }} py="md">
+      {/* Header */}
+      <Group mb="md">
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Edit Foto
+        </Title>
+      </Group>
+
+      {/* Form */}
+      <Paper
+        w={{ base: "100%", md: "50%" }}
+        bg={colors["white-1"]}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: "1px solid #e0e0e0" }}
+      >
+        <Stack gap="md">
+          <TextInput
+            label="Judul Foto"
+            placeholder="Masukkan judul foto"
+            value={formData.name}
+            onChange={(e) => handleChange("name", e.target.value)}
+            required
+          />
+
+          {/* Upload Gambar */}
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Gambar Foto
+            </Text>
+            <Dropzone
+              onDrop={(files) => {
+                const selectedFile = files[0];
+                if (selectedFile) {
+                  setFile(selectedFile);
+                  setPreviewImage(URL.createObjectURL(selectedFile));
+                }
+              }}
+              onReject={() =>
+                toast.error("File tidak valid, gunakan format gambar")
+              }
+              maxSize={5 * 1024 ** 2}
+              accept={{ "image/*": [] }}
+              radius="md"
+              p="xl"
+            >
+              <Group justify="center" gap="xl" mih={180}>
+                <Dropzone.Accept>
+                  <IconUpload
+                    size={48}
+                    color={colors["blue-button"]}
+                    stroke={1.5}
+                  />
+                </Dropzone.Accept>
+                <Dropzone.Reject>
+                  <IconX size={48} color="red" stroke={1.5} />
+                </Dropzone.Reject>
+                <Dropzone.Idle>
+                  <IconPhoto size={48} color="#868e96" stroke={1.5} />
+                </Dropzone.Idle>
+                <Stack gap="xs" align="center">
+                  <Text size="md" fw={500}>
+                    Seret gambar atau klik untuk memilih file
+                  </Text>
+                  <Text size="sm" c="dimmed">
+                    Maksimal 5MB, format gambar .png, .jpg, .jpeg, webp
+                  </Text>
+                </Stack>
+              </Group>
+            </Dropzone>
+
+            {previewImage && (
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                <Image
+                  src={previewImage}
+                  alt="Preview Gambar"
+                  radius="md"
+                  style={{
+                    maxHeight: 220,
+                    objectFit: "contain",
+                    border: `1px solid ${colors["blue-button"]}`,
+                  }}
+                  loading="lazy"
+                />
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
+              </Box>
+            )}
+          </Box>
+
+          {/* Deskripsi */}
+          <Box>
+            <Text fz="sm" fw="bold">
+              Deskripsi Foto
+            </Text>
+            <EditEditor
+              value={formData.deskripsi}
+              onChange={(htmlContent) =>
+                setFormData((prev) => ({ ...prev, deskripsi: htmlContent }))
+              }
+            />
+          </Box>
+
+          {/* Action */}
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default EditFoto;
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx
new file mode 100644
index 00000000..cc9f5b27
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx
@@ -0,0 +1,175 @@
+'use client';
+
+import { Box, Button, Group, Paper, Skeleton, Stack, Text, Alert } from '@mantine/core';
+import Image from 'next/image';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconTrash, IconPhoto } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+
+import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
+import colors from '@/con/colors';
+import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
+
+function DetailFoto() {
+  const FotoState = useProxy(stateGallery.foto);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [imageError, setImageError] = useState(false);
+  const params = useParams();
+  const router = useRouter();
+
+  useShallowEffect(() => {
+    FotoState.findUnique.load(params?.id as string);
+  }, []);
+
+  const handleHapus = () => {
+    if (selectedId) {
+      FotoState.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      router.push("/admin/desa/gallery/foto");
+    }
+  };
+
+  if (!FotoState.findUnique.data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    );
+  }
+
+  const data = FotoState.findUnique.data;
+  const imageUrl = data.imageGalleryFoto?.link;
+
+  return (
+    <Box py={10}>
+      <Button
+        variant="subtle"
+        onClick={() => router.back()}
+        leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
+        mb={15}
+      >
+        Kembali
+      </Button>
+
+      <Paper
+        withBorder
+        // Gunakan max-width agar tidak terlalu lebar di desktop
+        maw={800}
+        w="100%"
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+      >
+        <Stack gap="md">
+          <Text fz={{ base: 'xl', md: '2xl' }} fw="bold" c={colors['blue-button']}>
+            Detail Foto
+          </Text>
+
+          <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
+            <Stack gap="sm">
+              <Box>
+                <Text fz="lg" fw="bold">Judul Foto</Text>
+                <Text fz="md" c="dimmed">{data.name || '-'}</Text>
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Deskripsi</Text>
+                <Text
+                  fz="md"
+                  c="dimmed"
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                />
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Gambar</Text>
+                {imageUrl ? (
+                  <Box
+                    pos="relative"
+                    style={{
+                      width: '100%',
+                      maxWidth: '600px', // Set a maximum width
+                      margin: '0 auto',  // Center the container
+                      aspectRatio: '16/9', // Use 16:9 aspect ratio
+                      borderRadius: 8,
+                      overflow: 'hidden',
+                      position: 'relative'
+                    }}
+                  >
+                    <Image
+                      src={imageUrl}
+                      alt={data.name || 'Gambar Foto'}
+                      fill
+                      style={{
+                        objectFit: 'contain', // Changed from 'cover' to 'contain' to show full image
+                        width: '100%',
+                        height: '100%',
+                        position: 'absolute',
+                        top: 0,
+                        left: 0
+                      }}
+                      loading="lazy"
+                      onError={() => setImageError(true)}
+                    />
+                  </Box>
+                ) : imageError ? (
+                  <Alert
+                    color="orange"
+                    icon={<IconPhoto size={16} />}
+                    title="Gagal memuat gambar"
+                    radius="md"
+                  >
+                    Gambar tidak dapat ditampilkan.
+                  </Alert>
+                ) : (
+                  <Text fz="sm" c="dimmed">Tidak ada gambar</Text>
+                )}
+              </Box>
+
+              {/* Action Buttons */}
+              <Group gap="sm" justify="flex-start">
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
+
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/desa/gallery/foto/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
+              </Group>
+            </Stack>
+          </Paper>
+        </Stack>
+      </Paper>
+
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleHapus}
+        text="Apakah Anda yakin ingin menghapus foto ini?"
+      />
+    </Box>
+  );
+}
+
+export default DetailFoto;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
new file mode 100644
index 00000000..82cd87ef
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
@@ -0,0 +1,228 @@
+'use client';
+import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
+import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Group,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+  Loader,
+  Image
+} from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function CreateFoto() {
+  const FotoState = useProxy(stateGallery.foto);
+  const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [file, setFile] = useState<File | null>(null);
+
+  const resetForm = () => {
+    FotoState.create.form = {
+      name: '',
+      deskripsi: '',
+      imagesId: '',
+    };
+    setPreviewImage(null);
+    setFile(null);
+  };
+
+  const handleSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      if (!file) {
+        return toast.warn('Silakan pilih file gambar terlebih dahulu');
+      }
+
+      const res = await ApiFetch.api.fileStorage.create.post({
+        file,
+        name: file.name,
+      });
+
+      const uploaded = res.data?.data;
+      if (!uploaded?.id) {
+        return toast.error('Gagal mengunggah gambar, silakan coba lagi');
+      }
+
+      FotoState.create.form.imagesId = uploaded.id;
+
+      await FotoState.create.create();
+
+      resetForm();
+      router.push('/admin/desa/gallery/foto');
+    } catch (error) {
+      console.error('Error creating foto:', error);
+      toast.error('Terjadi kesalahan saat membuat foto');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      {/* Header Back Button + Title */}
+      <Group mb="md">
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Foto
+        </Title>
+      </Group>
+
+      {/* Card Form */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          {/* Judul */}
+          <TextInput
+            label="Judul Foto"
+            placeholder="Masukkan judul Foto"
+            value={FotoState.create.form.name}
+            onChange={(e) => {
+              FotoState.create.form.name = e.currentTarget.value;
+            }}
+            required
+          />
+
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Gambar Berita
+            </Text>
+            <Dropzone
+              onDrop={(files) => {
+                const selectedFile = files[0];
+                if (selectedFile) {
+                  setFile(selectedFile);
+                  setPreviewImage(URL.createObjectURL(selectedFile));
+                }
+              }}
+              onReject={() => toast.error('File tidak valid, gunakan format gambar')}
+              maxSize={5 * 1024 ** 2}
+              accept={{ 'image/*': ['.jpeg', '.jpg', '.png', '.webp'] }}
+              radius="md"
+              p="xl"
+            >
+              <Group justify="center" gap="xl" mih={180}>
+                <Dropzone.Accept>
+                  <IconUpload size={48} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                </Dropzone.Accept>
+                <Dropzone.Reject>
+                  <IconX size={48} color="var(--mantine-color-red-6)" stroke={1.5} />
+                </Dropzone.Reject>
+                <Dropzone.Idle>
+                  <IconPhoto size={48} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                </Dropzone.Idle>
+              </Group>
+              <Text ta="center" mt="sm" size="sm" color="dimmed">
+                Seret gambar atau klik untuk memilih file (maks 5MB)
+              </Text>
+            </Dropzone>
+
+            {previewImage && (
+              <Box mt="sm" pos="relative" style={{ textAlign: 'center' }}>
+                <Image
+                  src={previewImage}
+                  alt="Preview Gambar"
+                  radius="md"
+                  style={{
+                    maxHeight: 200,
+                    objectFit: 'contain',
+                    border: '1px solid #ddd',
+                  }}
+                  loading="lazy"
+                />
+
+                {/* Tombol hapus (pojok kanan atas) */}
+                <ActionIcon
+                  variant="filled"
+                  color="red"
+                  radius="xl"
+                  size="sm"
+                  pos="absolute"
+                  top={5}
+                  right={5}
+                  onClick={() => {
+                    setPreviewImage(null);
+                    setFile(null);
+                  }}
+                  style={{
+                    boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+                  }}
+                >
+                  <IconX size={14} />
+                </ActionIcon>
+              </Box>
+            )}
+          </Box>
+
+          {/* Deskripsi */}
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Deskripsi Foto
+            </Text>
+            <CreateEditor
+              value={FotoState.create.form.deskripsi}
+              onChange={(val) => {
+                FotoState.create.form.deskripsi = val;
+              }}
+            />
+          </Box>
+
+          {/* Button Submit */}
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default CreateFoto;
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
index ac66a2df..c3de59ff 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
@@ -1,157 +1,163 @@
-"use client";
-import stateFileStorage from "@/state/state-list-image";
+'use client'
+import colors from '@/con/colors';
 import {
-  ActionIcon,
   Box,
-  Card,
-  Flex,
+  Button,
+  Center,
   Group,
-  Image,
   Pagination,
   Paper,
-  SimpleGrid,
+  Skeleton,
   Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
   Text,
-  TextInput,
   Title
-} from "@mantine/core";
-import { useShallowEffect } from "@mantine/hooks";
-import { IconSearch, IconTrash, IconX } from "@tabler/icons-react";
-import { motion } from "framer-motion";
-import toast from "react-simple-toasts";
-import { useSnapshot } from "valtio";
-
-export default function ListImage() {
-  const { list, total } = useSnapshot(stateFileStorage);
-
-  useShallowEffect(() => {
-    stateFileStorage.load();
-  }, []);
-
-  let timeOut: NodeJS.Timer;
+} from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
+import stateGallery from '../../../_state/desa/gallery';
 
+function Foto() {
+  const [search, setSearch] = useState("");
   return (
-    <Stack p="lg" gap="lg">
-      <Flex justify="space-between" align="center" wrap="wrap" gap="md">
-        <Title order={2} fw={700}>
-          Galeri Foto
-        </Title>
-        <TextInput
-          radius="xl"
-          size="md"
-          placeholder="Cari foto berdasarkan nama..."
-          leftSection={<IconSearch size={18} />}
-          rightSection={
-            <ActionIcon
-              variant="light"
-              color="gray"
-              radius="xl"
-              onClick={() => stateFileStorage.load()}
-            >
-              <IconX size={18} />
-            </ActionIcon>
-          }
-          onChange={(e) => {
-            if (timeOut) clearTimeout(timeOut);
-            timeOut = setTimeout(() => {
-              stateFileStorage.load({ search: e.target.value });
-            }, 300);
-          }}
-        />
-      </Flex>
-
-      <Paper withBorder radius="lg" p="md" shadow="sm">
-        {list && list.length > 0 ? (
-          <SimpleGrid
-            cols={{ base: 2, sm: 3, md: 5, lg: 8 }}
-            spacing="md"
-            verticalSpacing="md"
-          >
-            {list.map((v, k) => (
-              <Card
-                key={k}
-                withBorder
-                radius="md"
-                shadow="sm"
-                className="hover:shadow-md transition-all duration-200"
-              >
-                <Stack gap="xs">
-                  <motion.div
-                    onClick={() => {
-                      navigator.clipboard.writeText(v.url);
-                      toast("Tautan foto berhasil disalin");
-                    }}
-                    whileHover={{ scale: 1.05 }}
-                    whileTap={{ scale: 0.95 }}
-                    style={{ cursor: "pointer" }}
-                  >
-                    <Image
-                      src={`${v.url}?size=200`}
-                      alt={v.name}
-                      radius="md"
-                      h={120}
-                      fit="cover"
-                      loading="lazy"
-                    />
-                  </motion.div>
-
-                  <Box>
-                    <Text size="sm" fw={500} lineClamp={2}>
-                      {v.name}
-                    </Text>
-                  </Box>
-
-                  <Group justify="space-between" align="center" pt="xs">
-                      <ActionIcon
-                        variant="subtle"
-                        color="red"
-                        radius="md"
-                        onClick={() => {
-                          stateFileStorage
-                            .del({ id: v.id })
-                            .finally(() => toast("Foto berhasil dihapus"));
-                        }}
-                      >
-                        <IconTrash size={18} />
-                      </ActionIcon>
-                  </Group>
-                </Stack>
-              </Card>
-            ))}
-          </SimpleGrid>
-        ) : (
-          <Stack align="center" justify="center" py="xl" gap="sm">
-            <Image
-              src="https://cdn-icons-png.flaticon.com/512/4076/4076549.png"
-              alt="Kosong"
-              w={120}
-              h={120}
-              fit="contain"
-              opacity={0.7}
-              loading="lazy"
-            />
-            <Text c="dimmed" ta="center">
-              Belum ada foto yang tersedia
-            </Text>
-          </Stack>
-        )}
-      </Paper>
-
-      {total && total > 1 && (
-        <Flex justify="center">
-          <Pagination
-            total={total}
-            value={stateFileStorage.page}  // Changed from page to value
-            size="md"
-            radius="md"
-            withEdges
-            onChange={(page) => {
-              stateFileStorage.load({ page });
-            }}
-          />
-
-        </Flex>
-      )}
-    </Stack>
+    <Box>
+      <HeaderSearch
+        title='Foto'
+        placeholder='Cari judul atau deskripsi foto...'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListFoto search={search} />
+    </Box>
   );
 }
+
+function ListFoto({ search }: { search: string }) {
+  const FotoState = useProxy(stateGallery.foto)
+  const router = useRouter();
+
+  const {
+    data,
+    page,
+    totalPages,
+    loading,
+    load,
+  } = FotoState.findMany;
+
+  useShallowEffect(() => {
+    load(page, 10, search)
+  }, [page, search])
+
+  const filteredData = data || []
+
+  if (loading || !data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={600} radius="md" />
+      </Stack>
+    )
+  }
+
+  return (
+    <Box py={10}>
+      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+        <Group justify="space-between" mb="md">
+          <Title order={4}>Daftar Foto</Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() => router.push('/admin/desa/gallery/foto/create')}
+            >
+              Tambah Baru
+            </Button>
+        </Group>
+        <Box style={{ overflowX: "auto" }}>
+          <Table highlightOnHover>
+            <TableThead>
+              <TableTr>
+                <TableTh style={{ width: '25%' }}>Judul Foto</TableTh>
+                <TableTh style={{ width: '20%' }}>Tanggal</TableTh>
+                <TableTh style={{ width: '30%' }}>Deskripsi</TableTh>
+                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd style={{ width: '25%' }}>
+                      <Box w={200}> 
+                        <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
+                      </Box>
+                    </TableTd>
+                    <TableTd style={{ width: '20%' }}>
+                     <Box w={200}>
+                     <Text fz="sm" c="dimmed">
+                        {new Date(item.createdAt).toLocaleDateString('id-ID', {
+                          day: 'numeric',
+                          month: 'long',
+                          year: 'numeric',
+                        })}
+                      </Text>
+                     </Box>
+                    </TableTd>
+                    <TableTd style={{ width: '30%' }}>
+                     <Box w={200}>
+                      <Text fz="sm" truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                     </Box>
+                    </TableTd>
+                    <TableTd style={{ width: '15%' }}>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/desa/gallery/foto/${item.id}`)}
+                      >
+                        <IconDeviceImac size={20} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
+                    </TableTd>
+                  </TableTr>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={4}>
+                    <Center py={20}>
+                      <Text c="dimmed">Tidak ada foto yang cocok</Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+      </Paper>
+      <Center>
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 10)
+            window.scrollTo({ top: 0, behavior: 'smooth' })
+          }}
+          total={totalPages}
+          mt="md"
+          mb="md"
+          color="blue"
+          radius="md"
+        />
+      </Center>
+    </Box>
+  );
+}
+
+export default Foto;
diff --git a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
index 858f739a..efcbd850 100644
--- a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
@@ -49,7 +49,7 @@ function Page() {
 
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
+    <Stack pos={"relative"} bg={colors.Bg} pb={"xl"} gap={"xs"} px={{ base: "md", md: 0 }}>
       <Group px={{ base: "md", md: 100 }}>
         <NewsReader />
       </Group>
diff --git a/src/app/darmasaba/(pages)/desa/berita/layout.tsx b/src/app/darmasaba/(pages)/desa/berita/layout.tsx
index 861cea95..83e56643 100644
--- a/src/app/darmasaba/(pages)/desa/berita/layout.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/layout.tsx
@@ -1,12 +1,44 @@
-// app/desa/berita/BeritaLayoutClient.tsx
-'use client'
-import dynamic from 'next/dynamic';
+// app/darmasaba/(pages)/desa/berita/layout.tsx
+'use client';
 
+import { usePathname } from 'next/navigation';
+import { ReactNode } from 'react';
+import dynamic from 'next/dynamic';
+import { Box } from '@mantine/core';
+import BackButton from '../layanan/_com/BackButto';
+import colors from '@/con/colors';
 const LayoutTabsBerita = dynamic(
   () => import('./_lib/layoutTabs'),
   { ssr: false }
 );
 
-export default function BeritaLayoutClient({ children }: { children: React.ReactNode }) {
+export default function BeritaLayoutClient({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length === 5; // [darmasaba, desa, berita, kategori, id]
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box bg={colors.Bg}>
+        <Box pt={33} px={{ base: 'md', md: 100 }}>
+          <BackButton />
+        </Box>
+        {children}
+      </Box>
+    );
+  }
+
+  // Tampilkan dengan tab menu (untuk /semua atau /kategori)
   return <LayoutTabsBerita>{children}</LayoutTabsBerita>;
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/galery/foto/Content.tsx b/src/app/darmasaba/(pages)/desa/galery/foto/Content.tsx
index 6daa122e..e69de29b 100644
--- a/src/app/darmasaba/(pages)/desa/galery/foto/Content.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/foto/Content.tsx
@@ -1,150 +0,0 @@
-'use client';
-
-import colors from '@/con/colors';
-import { Box, Center, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
-import { useCallback, useEffect, useState } from 'react';
-import ApiFetch from '@/lib/api-fetch';
-
-interface FileItem {
-  id: string;
-  name: string;
-  link: string;
-  realName: string;
-  createdAt: string | Date;
-  category: string;
-  path: string;
-  mimeType: string;
-}
-
-export default function FotoContent() {
-  const [files, setFiles] = useState<FileItem[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [search, setSearch] = useState('');
-  const [page, setPage] = useState(1);
-  const [totalPages, setTotalPages] = useState(1);
-  const limit = 9; // ✅ ambil 12 data per page
-
-  const loadData = useCallback(async (pageNum: number, searchTerm: string) => {
-    setLoading(true);
-    try {
-      const query: Record<string, string> = {
-        category: 'image',
-        page: pageNum.toString(),
-        limit: limit.toString(),
-      };
-      if (searchTerm) query.search = searchTerm;
-
-      const response = await ApiFetch.api.fileStorage.findMany.get({ query });
-
-      if (response.status === 200 && response.data) {
-        setFiles(response.data.data || []);
-        setTotalPages(response.data.meta?.totalPages || 1);
-      } else {
-        setFiles([]);
-      }
-    } catch (err) {
-      console.error('Load error:', err);
-      setFiles([]);
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-
-  // ✅ Initial load + update when URL/search changes
-  useEffect(() => {
-    const handleRouteChange = () => {
-      const urlParams = new URLSearchParams(window.location.search);
-      const urlSearch = urlParams.get('search') || '';
-      const urlPage = parseInt(urlParams.get('page') || '1');
-      setSearch(urlSearch);
-      setPage(urlPage);
-      loadData(urlPage, urlSearch);
-    };
-
-    const handleSearchUpdate = (e: Event) => {
-      const { search } = (e as CustomEvent).detail;
-      setSearch(search);
-      setPage(1);
-      loadData(1, search);
-    };
-
-    handleRouteChange();
-    window.addEventListener('popstate', handleRouteChange);
-    window.addEventListener('searchUpdate', handleSearchUpdate as EventListener);
-
-    return () => {
-      window.removeEventListener('popstate', handleRouteChange);
-      window.removeEventListener('searchUpdate', handleSearchUpdate as EventListener);
-    };
-  }, [loadData]);
-
-  // ✅ Update when page/search changes
-  useEffect(() => {
-    loadData(page, search);
-  }, [page, search, loadData]);
-
-  const updateURL = (newSearch: string, newPage: number) => {
-    const url = new URL(window.location.href);
-    if (newSearch) url.searchParams.set('search', newSearch);
-    else url.searchParams.delete('search');
-    if (newPage > 1) url.searchParams.set('page', newPage.toString());
-    else url.searchParams.delete('page');
-    window.history.pushState({}, '', url);
-  };
-
-  const handlePageChange = (newPage: number) => {
-    setPage(newPage);
-    updateURL(search, newPage);
-  };
-
-  if (loading && files.length === 0) {
-    return <Center>Memuat data...</Center>;
-  }
-
-  if (files.length === 0) {
-    return <Center>Tidak ada foto ditemukan</Center>;
-  }
-
-  return (
-    <Box pt={20} px={{ base: 'md', md: 100 }}>
-      <SimpleGrid cols={{ base: 1, md: 3 }}>
-        {files.map((file) => (
-          <Paper
-            key={file.id}
-            mb={50}
-            p="md"
-            radius={26}
-            bg={colors['white-trans-1']}
-            style={{ height: '100%' }}
-          >
-            <Box style={{ height: '250px', overflow: 'hidden', borderRadius: '12px' }}>
-              <Image
-                src={file.link}
-                alt={file.realName || file.name}
-                height={250}
-                width="100%"
-                style={{ objectFit: 'cover', height: '100%', width: '100%' }}
-                loading="lazy"
-              />
-            </Box>
-            <Stack gap="sm" py={10}>
-              <Text fw="bold" fz={{ base: 'h4', md: 'h3' }}>
-                {file.realName || file.name}
-              </Text>
-              <Text fz="sm" c="dimmed">
-                {new Date(file.createdAt).toLocaleDateString('id-ID', {
-                  day: 'numeric',
-                  month: 'long',
-                  year: 'numeric',
-                })}
-              </Text>
-            </Stack>
-          </Paper>
-        ))}
-      </SimpleGrid>
-      <Center mt="xl">
-        <Pagination total={totalPages} value={page} onChange={handlePageChange} />
-      </Center>
-    </Box>
-  );
-}
diff --git a/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx b/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx
index 4b9d287b..322e92c9 100644
--- a/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx
@@ -1,25 +1,168 @@
-'use client'
+/* eslint-disable @typescript-eslint/no-explicit-any */
+'use client';
 
-import dynamic from 'next/dynamic';
-import { Suspense } from 'react';
+import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
+import colors from '@/con/colors';
+import {
+  Box,
+  Center,
+  Grid,
+  Image,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconPhoto } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
-// ✅ Load komponen tanpa SSR
-const FotoContent = dynamic(
-  () => import('./Content'),
-  { 
-    ssr: false, 
-    loading: () => <div>Memuat konten...</div> 
-  }
-);
+// Komponen kartu foto
+function FotoCard({ item }: { item: any }) {
+  const router = useRouter();
+
+  const handleClick = () => {
+    router.push(`/darmasaba/galeri/foto/${item.id}`);
+  };
 
-function PageContent() {
   return (
-    <Suspense fallback={<div>Memuat...</div>}>
-      <FotoContent />
-    </Suspense>
+    <Grid.Col span={{ base: 12, xs: 6, md: 4 }}>
+      <Paper
+        shadow="sm"
+        radius="md"
+        p={0}
+        onClick={handleClick}
+        style={{ cursor: 'pointer', transition: 'transform 0.2s' }}
+        onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.02)')}
+        onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
+      >
+        {item.imageGalleryFoto?.link ? (
+          <Box
+            pos="relative"
+            style={{
+              paddingBottom: '100%', // ✅ Ubah ke 1:1 (square) — atau sesuaikan
+              overflow: 'hidden',
+              borderRadius: '4px 4px 0 0',
+              backgroundColor: '#f9f9f9', // ✅ background netral
+            }}
+          >
+            <Image
+              radius="lg"
+              src={item.imageGalleryFoto.link}
+              alt={item.name || 'Foto Galeri'}
+              p={10}
+              style={{
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                objectFit: 'contain', // ✅ Tampilkan utuh, jangan crop
+                objectPosition: 'center', // rata tengah
+              }}
+              loading="lazy"
+            />
+          </Box>
+        ) : (
+          <Center h={180} bg="gray.1">
+            <IconPhoto size={40} color="gray" />
+          </Center>
+        )}
+
+        <Stack p="md" gap={4}>
+          <Text fw={600} lineClamp={1}>
+            {item.name || 'Tanpa Judul'}
+          </Text>
+          {item.deskripsi && (
+            <Text fz="sm" c="dimmed" lineClamp={2} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+          )}
+          <Text fz="xs" c="dimmed">
+            {new Date(item.createdAt).toLocaleDateString('id-ID', {
+              day: 'numeric',
+              month: 'short',
+              year: 'numeric',
+            })}
+          </Text>
+        </Stack>
+      </Paper>
+    </Grid.Col>
   );
 }
 
-export default function Page() {
-  return <PageContent />;
+// Komponen utama
+export default function GaleriFotoUser() {
+  const [search] = useState('');
+  return (
+    <Box py="xl" px={{ base: 'md', md: 'lg' }}>
+      {/* Header */}
+      <Title order={2} c={colors['blue-button']} mb="lg">
+        Galeri Foto Desa Darmasaba
+      </Title>
+
+      {/* Daftar Foto */}
+      <FotoList search={search} />
+    </Box>
+  );
+}
+
+function FotoList({ search }: { search: string }) {
+  const FotoState = useProxy(stateGallery.foto);
+
+  const { data, page, totalPages, loading, load } = FotoState.findMany;
+
+  useShallowEffect(() => {
+    load(page, 3, search); // ✅ 9 item per halaman
+  }, [page, search]);
+
+  if (loading) {
+    return (
+      <Grid mt="md">
+        {Array.from({ length: 3 }).map((_, i) => (
+          <Grid.Col key={i} span={{ base: 12, xs: 6, md: 4 }}>
+            <Skeleton height={280} radius="md" />
+          </Grid.Col>
+        ))}
+      </Grid>
+    );
+  }
+
+  if (!data || data.length === 0) {
+    return (
+      <Center py="xl">
+        <Stack align="center" c="dimmed">
+          <IconPhoto size={48} />
+          <Text>Tidak ada foto ditemukan</Text>
+        </Stack>
+      </Center>
+    );
+  }
+
+  return (
+    <Stack mt="md" gap="xl">
+      <Grid>
+        {data.map((item) => (
+          <FotoCard key={item.id} item={item} />
+        ))}
+      </Grid>
+
+      {/* Pagination */}
+      
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 3, search);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+    </Stack>
+  );
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/galery/layout.tsx b/src/app/darmasaba/(pages)/desa/galery/layout.tsx
index 005a2f5b..bfe22e2e 100644
--- a/src/app/darmasaba/(pages)/desa/galery/layout.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/layout.tsx
@@ -1,9 +1,36 @@
+'use client'
+import { usePathname } from "next/navigation";
+import { ReactNode } from "react";
 import LayoutTabsGalery from "./_lib/layoutTabs";
 
-export default function LayoutGalery({ children }: { children: React.ReactNode }) {
-    return (
-        <LayoutTabsGalery>
-            {children}
-        </LayoutTabsGalery>
-    )
+// export default function LayoutGalery({ children }: { children: React.ReactNode }) {
+//     return (
+//         <LayoutTabsGalery>
+//             {children}
+//         </LayoutTabsGalery>
+//     )
+// }
+
+export default function BeritaLayoutClient({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length === 5; // [darmasaba, desa, berita, kategori, id]
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return <>{children}</>
+  }
+
+  // Tampilkan dengan tab menu (untuk /semua atau /kategori)
+  return <LayoutTabsGalery>{children}</LayoutTabsGalery>;
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx b/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
index 903a9c90..2e4599e9 100644
--- a/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
@@ -4,26 +4,27 @@ import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
 import colors from '@/con/colors';
 import {
   Box,
+  Button,
   Center,
+  Group,
   Pagination,
   Paper,
   SimpleGrid,
-  Spoiler,
   Stack,
-  Text,
+  Text
 } from '@mantine/core';
-import { useCallback, useEffect, useState } from 'react';
+import { useTransitionRouter } from 'next-view-transitions';
+import { useCallback, useEffect } from 'react';
 import { useSnapshot } from 'valtio';
 
 export default function VideoContent() {
-  // ✅ expanded state per index
-  const [expandedMap, setExpandedMap] = useState<Record<number, boolean>>({});
   const videoState = useSnapshot(stateGallery.video);
+  const router = useTransitionRouter()
   const { data, page, totalPages, loading } = videoState.findMany;
 
   // Handle search and pagination changes
   const loadData = useCallback((pageNum: number, searchTerm: string) => {
-    stateGallery.video.findMany.load(pageNum, 10, searchTerm.trim());
+    stateGallery.video.findMany.load(pageNum, 3, searchTerm.trim());
   }, []);
 
   // Initial load and URL change handler
@@ -56,12 +57,6 @@ export default function VideoContent() {
     loadData(newPage, search);
   };
 
-  const toggleExpanded = (index: number, value: boolean) => {
-    setExpandedMap((prev) => ({
-      ...prev,
-      [index]: value,
-    }));
-  };
 
   const dataVideo = data || [];
 
@@ -110,27 +105,22 @@ export default function VideoContent() {
                   <Text fw="bold" fz="sm" lineClamp={1}>
                     {v.name}
                   </Text>
-                  <Spoiler
-                    showLabel={
-                      <Text fw="bold" fz="sm" c={colors['blue-button']}>
-                        Show more
-                      </Text>
-                    }
-                    hideLabel={
-                      <Text fw="bold" fz="sm" c={colors['blue-button']}>
-                        Hide details
-                      </Text>
-                    }
-                    expanded={expandedMap[k] || false}
-                    onExpandedChange={(val) => toggleExpanded(k, val)}
+                  <Text
+                    ta="justify"
+                    fz="sm"
+                    dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                    lineClamp={3}
+                    truncate="end"
+                  />
+                  <Group justify={"right"}>
+                    <Button
+                    onClick={() => router.push(`/darmasaba/desa/galery/video/${v.id}`)}
+                    bg={colors['blue-button']}
                   >
-                    <Text
-                      ta="justify"
-                      fz="sm"
-                      dangerouslySetInnerHTML={{ __html: v.deskripsi }}
-                      style={{wordBreak: "break-word", whiteSpace: "normal"}}
-                    />
-                  </Spoiler>
+                    Detail
+                  </Button>
+                  </Group>
                 </Stack>
               </Box>
             </Paper>
diff --git a/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
new file mode 100644
index 00000000..7000b863
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
@@ -0,0 +1,197 @@
+'use client';
+
+import colors from '@/con/colors';
+import {
+  Alert,
+  Box,
+  Button,
+  Card,
+  Group,
+  Paper,
+  Skeleton,
+  Stack,
+  Text,
+  ThemeIcon,
+} from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconInfoCircle, IconVideo } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery'; // pastikan state bisa dipakai di publik
+import BackButton from '../../../layanan/_com/BackButto';
+
+// Fungsi helper: aman dan tanpa spasi
+function convertToEmbedUrl(youtubeUrl: string): string {
+  try {
+    const url = new URL(youtubeUrl);
+    let videoId = '';
+
+    if (url.hostname === 'youtu.be') {
+      videoId = url.pathname.slice(1);
+    } else if (url.hostname.includes('youtube.com')) {
+      videoId = url.searchParams.get('v') || '';
+    }
+
+    return videoId ? `https://www.youtube.com/embed/${videoId}` : youtubeUrl;
+  } catch {
+    return youtubeUrl;
+  }
+}
+
+export default function DetailVideoUser() {
+  const params = useParams<{ id: string }>();
+  const router = useRouter();
+  const videoState = useProxy(stateGallery.video);
+  const [videoError, setVideoError] = useState(false);
+
+  const id = Array.isArray(params.id) ? params.id[0] : params.id;
+
+  useShallowEffect(() => {
+    if (id) {
+      videoState.findUnique.load(id);
+    }
+  }, [id]);
+
+  const data = videoState.findUnique.data;
+
+  if (!videoState.findUnique && !id) {
+    return (
+      <Box py="xl" px={{ base: 'md', md: 'lg' }}>
+        <Skeleton height={400} radius="md" />
+      </Box>
+    );
+  }
+
+  if (!data) {
+    return (
+      <Box py="xl" px={{ base: 'md', md: 'lg' }}>
+        <Alert
+          icon={<IconInfoCircle size={20} />}
+          title="Video tidak ditemukan"
+          color="red"
+          radius="md"
+        >
+          Video yang Anda cari tidak tersedia.
+        </Alert>
+        <Button
+          leftSection={<IconArrowBack size={16} />}
+          mt="md"
+          onClick={() => router.push('/darmasaba/galeri/video')}
+          variant="outline"
+        >
+          Kembali ke Galeri
+        </Button>
+      </Box>
+    );
+  }
+
+  const embedUrl = data.linkVideo ? convertToEmbedUrl(data.linkVideo) : null;
+
+  return (
+    <Box py="xl" px={{ base: 'md', md: 100 }}>
+      {/* Tombol Kembali */}
+      <Box >
+        <BackButton />
+      </Box>
+
+      {/* Header */}
+      <Text
+        ta="center"
+        fz={{ base: 'xl', md: '2xl' }}
+        fw={700}
+        c={colors['blue-button']}
+        mb="lg"
+      >
+        {data.name || 'Video Galeri Desa'}
+      </Text>
+
+      {/* Konten Utama */}
+      <Card
+        shadow="sm"
+        radius="md"
+        p={{ base: 'md', md: 'xl' }}
+        bg={colors['white-1']}
+      >
+        <Stack gap="lg">
+          {/* Video */}
+          {embedUrl ? (
+            <Box
+              pos="relative"
+              style={{ paddingBottom: '56.25%', height: 0, overflow: 'hidden' }} // 16:9 aspect ratio
+            >
+              <iframe
+                src={embedUrl}
+                title={data.name}
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowFullScreen
+                style={{
+                  position: 'absolute',
+                  top: 0,
+                  left: 0,
+                  width: '100%',
+                  height: '100%',
+                  borderRadius: 8,
+                  border: 'none',
+                }}
+                onError={() => setVideoError(true)}
+              />
+            </Box>
+          ) : videoError ? (
+            <Alert
+              color="orange"
+              icon={<IconVideo size={20} />}
+              title="Gagal memuat video"
+              radius="md"
+            >
+              Mohon maaf, video tidak dapat diputar.
+            </Alert>
+          ) : (
+            <Alert
+              color="gray"
+              icon={<IconInfoCircle size={20} />}
+              title="Tidak ada video"
+              radius="md"
+            >
+              Konten video belum tersedia.
+            </Alert>
+          )}
+
+          {/* Informasi Tambahan */}
+          {data.createdAt && (
+            <Group gap="xs" justify="center" wrap="nowrap">
+              <ThemeIcon variant="light" size="sm" radius="xl">
+                <IconInfoCircle size={14} />
+              </ThemeIcon>
+              <Text fz="sm" c="dimmed">
+                Diunggah pada{' '}
+                {new Date(data.createdAt).toLocaleDateString('id-ID', {
+                  weekday: 'long',
+                  year: 'numeric',
+                  month: 'long',
+                  day: 'numeric',
+                })}
+              </Text>
+            </Group>
+          )}
+
+          {/* Deskripsi */}
+          {data.deskripsi && (
+            <Paper p="md" bg="gray.0" radius="md">
+              <Text
+                fz="md"
+                c="dark"
+                dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  lineHeight: 1.6,
+                }}
+              />
+            </Paper>
+          )}
+        </Stack>
+      </Card>
+    </Box>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From ec3ad12531b753f045ce06a60fff84107180dd48 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 5 Dec 2025 14:30:53 +0800
Subject: [PATCH 45/97] Fix Notifikasi saat ada berita atau pengumuman baru,
 notifikasi baru muncul. Ga setiap masuk landing page ada notifikasi

---
 prisma/schema.prisma                          |  10 +-
 src/app/api/check-update/route.ts             |  36 ++++++
 ...ication.tsx => ModernNewsNotification.tsx} | 113 ++++++++++--------
 .../_com/main-page/penghargaan/index.tsx      |  62 +++++++---
 src/app/darmasaba/page.tsx                    | 103 +++++++++++++---
 5 files changed, 231 insertions(+), 93 deletions(-)
 create mode 100644 src/app/api/check-update/route.ts
 rename src/app/darmasaba/_com/{ModernNeewsNotification.tsx => ModernNewsNotification.tsx} (81%)

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 5d8b95af..23535296 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -828,11 +828,11 @@ model DokterdanTenagaMedis {
   name                String
   specialist          String
   jadwal              String
-  jadwalLibur         String
-  jamBukaOperasional  String
-  jamTutupOperasional String
-  jamBukaLibur        String
-  jamTutupLibur       String
+  jadwalLibur         String?
+  jamBukaOperasional  String?
+  jamTutupOperasional String?
+  jamBukaLibur        String?
+  jamTutupLibur       String?
   createdAt           DateTime             @default(now())
   updatedAt           DateTime             @updatedAt
   deletedAt           DateTime             @default(now())
diff --git a/src/app/api/check-update/route.ts b/src/app/api/check-update/route.ts
new file mode 100644
index 00000000..167f90a8
--- /dev/null
+++ b/src/app/api/check-update/route.ts
@@ -0,0 +1,36 @@
+// app/api/check-update/route.ts
+import prisma from "@/lib/prisma";
+
+export async function GET() {
+  try {
+    // Ambil berita terbaru
+    const latestBerita = await prisma.berita.findFirst({
+      orderBy: { createdAt: "desc" },
+      select: { id: true, createdAt: true },
+    });
+
+    // Ambil pengumuman terbaru
+    const latestPengumuman = await prisma.pengumuman.findFirst({
+      orderBy: { createdAt: "desc" },
+      select: { id: true, createdAt: true },
+    });
+
+    return Response.json({
+      success: true,
+      data: {
+        berita: latestBerita
+          ? { id: latestBerita.id, createdAt: latestBerita.createdAt.toISOString() }
+          : null,
+        pengumuman: latestPengumuman
+          ? { id: latestPengumuman.id, createdAt: latestPengumuman.createdAt.toISOString() }
+          : null,
+      },
+    });
+  } catch (error) {
+    console.error("Error in /api/check-update:", error);
+    return Response.json(
+      { success: false, message: "Gagal cek update" },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/ModernNeewsNotification.tsx b/src/app/darmasaba/_com/ModernNewsNotification.tsx
similarity index 81%
rename from src/app/darmasaba/_com/ModernNeewsNotification.tsx
rename to src/app/darmasaba/_com/ModernNewsNotification.tsx
index 6c91c206..39701cbd 100644
--- a/src/app/darmasaba/_com/ModernNeewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNewsNotification.tsx
@@ -15,6 +15,9 @@ interface NewsItem {
 
 interface ModernNewsNotificationProps {
   news: NewsItem[];
+  hasNewContent?: boolean; // ✅ TAMBAHAN
+  newItemCount?: number; // ← tambahkan ini
+  onSeen?: () => void;     // ✅ TAMBAHAN
   autoShowDelay?: number;
 }
 
@@ -29,57 +32,66 @@ function stripHtml(html: string): string {
 
 export default function ModernNewsNotification({
   news = [],
-  autoShowDelay = 2000
+  hasNewContent = false,
+  newItemCount = 0, // 👈 tambahkan ini
+  onSeen,
+  autoShowDelay = 2000,
 }: ModernNewsNotificationProps) {
   const router = useRouter();
   const [toastVisible, setToastVisible] = useState(false);
   const [widgetOpen, setWidgetOpen] = useState(false);
-  const [hasNewNotifications, setHasNewNotifications] = useState(true);
+  const [hasNewNotifications, setHasNewNotifications] = useState(hasNewContent);
   const [hasShownToast, setHasShownToast] = useState(false);
   const [iconVisible, setIconVisible] = useState(true);
   const pathname = usePathname();
 
-  // Auto show toast on page load
+  // Sinkronisasi dari luar
+  useEffect(() => {
+    if (hasNewContent) {
+      setHasNewNotifications(true);
+      // Jangan otomatis tampilkan toast di sini — biarkan saat page load saja
+    }
+  }, [hasNewContent]);
+
+  // Auto show toast hanya saat page pertama kali load
   useEffect(() => {
     if (news.length > 0 && !toastVisible && !hasShownToast) {
       const timer = setTimeout(() => {
         setToastVisible(true);
         setHasShownToast(true);
+        // Jika ada new content, anggap sudah "dilihat" setelah toast muncul
+        if (hasNewNotifications) {
+          onSeen?.();
+        }
       }, autoShowDelay);
       return () => clearTimeout(timer);
     }
-  }, [news.length, autoShowDelay, toastVisible, hasShownToast]);
+  }, [news.length, autoShowDelay, toastVisible, hasShownToast, hasNewNotifications, onSeen]);
 
-  // Auto hide toast after 8 seconds
+  // Auto hide toast
   useEffect(() => {
     if (toastVisible) {
-      const timer = setTimeout(() => {
-        setToastVisible(false);
-      }, 8000);
+      const timer = setTimeout(() => setToastVisible(false), 8000);
       return () => clearTimeout(timer);
     }
   }, [toastVisible]);
 
-  // Enhanced scroll handler with better thresholds
+  // Scroll handler
   useEffect(() => {
     let lastScrollY = window.scrollY;
-    const HIDE_THRESHOLD = 100; // Mulai hide saat scroll > 100px
-    const SHOW_THRESHOLD = 50; // Hanya show ketika benar-benar di atas (< 50px)
+    const HIDE_THRESHOLD = 100;
+    const SHOW_THRESHOLD = 50;
 
     const handleScroll = () => {
       const currentScrollY = window.scrollY;
       const scrollDirection = currentScrollY > lastScrollY ? 'down' : 'up';
 
-      // Logic untuk hide/show icon
       if (scrollDirection === 'down' && currentScrollY > HIDE_THRESHOLD) {
-        // Scroll ke bawah dan sudah melewati threshold → hide
         setIconVisible(false);
       } else if (scrollDirection === 'up' && currentScrollY < SHOW_THRESHOLD) {
-        // Scroll ke atas dan sudah di posisi paling atas → show
         setIconVisible(true);
       }
 
-      // Hide toast saat scroll ke bawah melewati 150px
       if (currentScrollY > 150 && toastVisible) {
         setToastVisible(false);
       }
@@ -93,9 +105,9 @@ export default function ModernNewsNotification({
 
   const currentNews = news[0];
 
-  // Handle notification click
   const handleNotificationClick = (item: NewsItem) => {
     setWidgetOpen(false);
+    onSeen?.(); // ✅ tandai sebagai dilihat
     if (item.type === "berita") {
       router.push("/darmasaba/desa/berita/semua");
     } else if (item.type === "pengumuman") {
@@ -107,6 +119,13 @@ export default function ModernNewsNotification({
     setToastVisible(false);
     setWidgetOpen(true);
     setHasNewNotifications(false);
+    onSeen?.(); // ✅
+  };
+
+  const handleDismissToast = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    setToastVisible(false);
+    onSeen?.(); // ✅
   };
 
   // Only show on landing page
@@ -119,14 +138,7 @@ export default function ModernNewsNotification({
       {/* Floating Bell Icon */}
       <Transition mounted={iconVisible} transition="slide-down" duration={200}>
         {(transitionStyles) => (
-          <Box
-            style={{
-              ...transitionStyles,
-              position: "fixed",
-              bottom: "24px",
-              right: "24px",
-            }}
-          >
+          <Box style={{ ...transitionStyles, position: "fixed", bottom: "24px", right: "24px" }}>
             <ActionIcon
               size="xl"
               radius="xl"
@@ -135,6 +147,7 @@ export default function ModernNewsNotification({
               onClick={() => {
                 setWidgetOpen(!widgetOpen);
                 setHasNewNotifications(false);
+                onSeen?.(); // ✅
               }}
               style={{
                 width: "60px",
@@ -146,20 +159,23 @@ export default function ModernNewsNotification({
               <IconBell size={28} />
               {hasNewNotifications && news.length > 0 && (
                 <Badge
-                size="sm"
-                variant="filled"
-                color="red"
-                style={{
-                  position: "absolute",
-                  top: "6px",
-                  right: "6px",
-                  minWidth: "22px",
-                  height: "22px",
-                  padding: "0 6px",
-                }}
-              >
-                {news.length}
-              </Badge>
+                  size="sm"
+                  variant="filled"
+                  color="red"
+                  style={{
+                    position: "absolute",
+                    top: "6px",
+                    right: "6px",
+                    minWidth: "22px",
+                    height: "22px",
+                    padding: "0 6px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                  }}
+                >
+                  {newItemCount || news.length}
+                </Badge>
               )}
             </ActionIcon>
           </Box>
@@ -195,20 +211,17 @@ export default function ModernNewsNotification({
                   <Text c="white" fw={600} size="md">Berita & Pengumuman</Text>
                 </Group>
                 <CloseButton
-                  onClick={() => setWidgetOpen(false)}
+                  onClick={() => {
+                    setWidgetOpen(false);
+                    onSeen?.(); // ✅
+                  }}
                   variant="transparent"
                   c="white"
                 />
               </Group>
             </Box>
 
-            <Box
-              style={{
-                maxHeight: "400px",
-                overflowY: "auto",
-                padding: "12px",
-              }}
-            >
+            <Box style={{ maxHeight: "400px", overflowY: "auto", padding: "12px" }}>
               {news.length === 0 ? (
                 <Box p="xl" style={{ textAlign: "center" }}>
                   <Text c="dimmed" size="sm">Tidak ada berita terbaru</Text>
@@ -303,13 +316,7 @@ export default function ModernNewsNotification({
                 >
                   {currentNews?.type === "berita" ? "Berita Terbaru" : "Pengumuman"}
                 </Badge>
-                <CloseButton
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setToastVisible(false);
-                  }}
-                  size="sm"
-                />
+                <CloseButton onClick={handleDismissToast} size="sm" />
               </Group>
 
               <Text fw={600} size="sm" mb={6}>
diff --git a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
index 46ef6f5c..1272be84 100644
--- a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 import penghargaanState from "@/app/admin/(dashboard)/_state/desa/penghargaan";
-import { Stack, Box, Container, Button, Text, Loader, Paper } from "@mantine/core";
-import { IconAward, IconArrowRight } from "@tabler/icons-react";
+import { Stack, Box, Container, Button, Text, Loader, Paper, Center, ActionIcon } from "@mantine/core";
+import { IconAward, IconArrowRight, IconPlayerPlay } from "@tabler/icons-react";
 import { useTransitionRouter } from 'next-view-transitions';
 import { useEffect, useState } from "react";
 import { useProxy } from "valtio/utils";
@@ -13,6 +13,18 @@ function Penghargaan() {
   const state = useProxy(penghargaanState);
   const [loading, setLoading] = useState(false);
   const isMobile = useMediaQuery('(max-width: 768px)');
+  const [isVideoLoaded, setIsVideoLoaded] = useState(false);
+  const [showVideo, setShowVideo] = useState(true);
+
+  // Opsional: deteksi iOS
+  const isIOS = typeof window !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
+
+  useEffect(() => {
+    if (isIOS) {
+      // Di iOS, jangan andalkan autoplay — tampilkan kontrol
+      setShowVideo(false);
+    }
+  }, []);
 
   useEffect(() => {
     const loadData = async () => {
@@ -31,22 +43,36 @@ function Penghargaan() {
 
   return (
     <Stack pos="relative" h="auto" mih={{ base: 500, md: 720 }}>
-      <video
-        loop
-        autoPlay
-        muted
-        style={{
-          width: "100%",
-          height: "100%",
-          objectFit: "cover",
-          position: "absolute",
-          top: 0,
-          left: 0,
-          zIndex: 0,
-        }}
-      >
-        <source src="/assets/videos/award.mp4" type="video/mp4" />
-      </video>
+      {showVideo ? (
+        <video
+          autoPlay
+          muted
+          loop
+          playsInline
+          webkit-playsinline="true"
+          onLoadedData={() => setIsVideoLoaded(true)}
+          style={{ opacity: isVideoLoaded ? 1 : 0, transition: 'opacity 0.5s' }}
+        >
+          <source src="/assets/videos/award.mp4" type="video/mp4" />
+        </video>
+      ) : (
+        // Fallback: tampilkan poster + play button
+        <Box
+          onClick={() => setShowVideo(true)}
+          style={{
+            backgroundImage: "url('/assets/images/award-poster.jpg')",
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+            cursor: 'pointer',
+          }}
+        >
+          <Center h="100%">
+            <ActionIcon size="lg" radius="xl" color="white">
+              <IconPlayerPlay size={32} />
+            </ActionIcon>
+          </Center>
+        </Box>
+      )}
 
       <Box
         style={{
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index 52cd29e9..337dfa1f 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -1,5 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
+
 import DesaAntiKorupsi from "@/app/darmasaba/_com/main-page/desaantikorupsi";
 import Kepuasan from "@/app/darmasaba/_com/main-page/kepuasan";
 import LandingPage from "@/app/darmasaba/_com/main-page/landing-page";
@@ -14,23 +15,43 @@ import Apbdes from "./_com/main-page/apbdes";
 import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
 
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useSnapshot } from "valtio";
 import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
 import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
-import ModernNewsNotification from "./_com/ModernNeewsNotification";
-import NewsReaderLanding from "./_com/NewsReaderalanding";
 
+import NewsReaderLanding from "./_com/NewsReaderalanding";
+import ModernNewsNotification from "./_com/ModernNewsNotification";
 
 export default function Page() {
   const snap1 = useSnapshot(stateDashboardBerita.berita.findFirst);
   const snap2 = useSnapshot(stateDesaPengumuman.pengumuman.findFirst);
-
   const featured = snap1;
   const pengumuman = snap2;
   const loadingFeatured = featured.loading;
   const loadingPengumuman = pengumuman.loading;
 
+  const [hasNewContent, setHasNewContent] = useState(false);
+  const [newItemCount, setNewItemCount] = useState(0);
+
+  const lastBeritaId = useRef<string | null>(null);
+  const lastPengumumanId = useRef<string | null>(null);
+
+  // 🔁 Inisialisasi dari localStorage saat mount
+  useEffect(() => {
+    const savedBerita = localStorage.getItem("lastSeenBeritaId");
+    const savedPengumuman = localStorage.getItem("lastSeenPengumumanId");
+    if (savedBerita) lastBeritaId.current = savedBerita;
+    if (savedPengumuman) lastPengumumanId.current = savedPengumuman;
+  }, []);
+
+  // Simpan ID saat data dimuat (termasuk dari API)
+  useEffect(() => {
+    if (featured.data?.id) lastBeritaId.current = featured.data.id;
+    if (pengumuman.data?.id) lastPengumumanId.current = pengumuman.data.id;
+  }, [featured.data?.id, pengumuman.data?.id]);
+
+  // Load data awal
   useEffect(() => {
     if (!featured.data && !loadingFeatured) {
       stateDashboardBerita.berita.findFirst.load();
@@ -43,6 +64,49 @@ export default function Page() {
     }
   }, []);
 
+  // 🔁 Polling untuk cek update setiap 30 detik
+  useEffect(() => {
+    const checkForUpdates = async () => {
+      try {
+        const res = await fetch("/api/check-update");
+        const result = await res.json();
+
+        if (!result.success) return;
+
+        const { berita, pengumuman } = result.data;
+
+        // Deteksi hanya jika sudah pernah ada data sebelumnya
+        const isNewBerita = berita && lastBeritaId.current !== null && berita.id !== lastBeritaId.current;
+        const isNewPengumuman = pengumuman && lastPengumumanId.current !== null && pengumuman.id !== lastPengumumanId.current;
+
+        if (isNewBerita || isNewPengumuman) {
+          // Hitung berapa yang benar-benar baru
+          const count = (isNewBerita ? 1 : 0) + (isNewPengumuman ? 1 : 0);
+          setNewItemCount(count);
+          setHasNewContent(true);
+
+          // Reload hanya yang berubah
+          if (isNewBerita) stateDashboardBerita.berita.findFirst.load();
+          if (isNewPengumuman) stateDesaPengumuman.pengumuman.findFirst.load();
+        } else {
+          // Jika ini adalah pertama kali (masih null), simpan ID tanpa notifikasi
+          if (lastBeritaId.current === null && berita) {
+            lastBeritaId.current = berita.id;
+            localStorage.setItem("lastSeenBeritaId", berita.id);
+          }
+          if (lastPengumumanId.current === null && pengumuman) {
+            lastPengumumanId.current = pengumuman.id;
+            localStorage.setItem("lastSeenPengumumanId", pengumuman.id);
+          }
+        }
+      } catch (err) {
+        console.error("Gagal cek update berita/pengumuman:", err);
+      }
+    };
+
+    const interval = setInterval(checkForUpdates, 30_000);
+    return () => clearInterval(interval);
+  }, []);
 
   const newsData = useMemo(() => {
     const items = [];
@@ -55,8 +119,8 @@ export default function Page() {
         content: String(featured.data.content || ""),
         timestamp: featured.data.createdAt
           ? (typeof featured.data.createdAt === 'string'
-            ? featured.data.createdAt
-            : new Date(featured.data.createdAt).toISOString())
+              ? featured.data.createdAt
+              : new Date(featured.data.createdAt).toISOString())
           : new Date().toISOString(),
       });
     }
@@ -69,8 +133,8 @@ export default function Page() {
         content: String(pengumuman.data.content || ""),
         timestamp: pengumuman.data.createdAt
           ? (typeof pengumuman.data.createdAt === 'string'
-            ? pengumuman.data.createdAt
-            : new Date(pengumuman.data.createdAt).toISOString())
+              ? pengumuman.data.createdAt
+              : new Date(pengumuman.data.createdAt).toISOString())
           : new Date().toISOString(),
       });
     }
@@ -78,14 +142,17 @@ export default function Page() {
     return items;
   }, [featured.data, pengumuman.data]);
 
+  const handleSeen = () => {
+    setHasNewContent(false);
+    setNewItemCount(0);
+    // Simpan ke localStorage saat dilihat
+    if (featured.data?.id) localStorage.setItem("lastSeenBeritaId", featured.data.id);
+    if (pengumuman.data?.id) localStorage.setItem("lastSeenPengumumanId", pengumuman.data.id);
+  };
 
   return (
     <Box id="page-root">
-      <Stack
-        bg={colors.grey[1]}
-        gap={0}
-      >
-        {/* HAPUS RUNNING TEXT, GANTI DENGAN MODERN NOTIFICATION */}
+      <Stack bg={colors.grey[1]} gap={0}>
         <LandingPage />
         <Penghargaan />
         <Layanan />
@@ -97,13 +164,15 @@ export default function Page() {
         <Prestasi />
       </Stack>
 
-      {/* Tombol Scroll ke Atas */}
       <ScrollToTopButton />
-
       <NewsReaderLanding />
+
       <ModernNewsNotification
         news={newsData}
-        autoShowDelay={2000} // Muncul 2 detik setelah load
+        hasNewContent={hasNewContent}
+        newItemCount={newItemCount}
+        onSeen={handleSeen}
+        autoShowDelay={2000}
       />
     </Box>
   );
-- 
2.49.1


From dcb80175944207d173c604998e14ff092248badc Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 5 Dec 2025 17:42:04 +0800
Subject: [PATCH 46/97] Fix undefined ke detail berita terbaru

---
 public/mangupuraaward.jpeg                    | Bin 0 -> 181700 bytes
 src/app/api/check-update/route.ts             |  36 -----
 src/app/api/news/latest/route.ts              |  43 ++++++
 .../darmasaba/_com/ModernNewsNotification.tsx | 144 +++++++++++-------
 .../_com/main-page/penghargaan/index.tsx      |   2 +-
 src/app/darmasaba/page.tsx                    | 139 +++++++----------
 6 files changed, 191 insertions(+), 173 deletions(-)
 create mode 100644 public/mangupuraaward.jpeg
 delete mode 100644 src/app/api/check-update/route.ts
 create mode 100644 src/app/api/news/latest/route.ts

diff --git a/public/mangupuraaward.jpeg b/public/mangupuraaward.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2260646114c6c729578911ff0fb405ba7e7a0054
GIT binary patch
literal 181700
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

literal 0
HcmV?d00001

diff --git a/src/app/api/check-update/route.ts b/src/app/api/check-update/route.ts
deleted file mode 100644
index 167f90a8..00000000
--- a/src/app/api/check-update/route.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-// app/api/check-update/route.ts
-import prisma from "@/lib/prisma";
-
-export async function GET() {
-  try {
-    // Ambil berita terbaru
-    const latestBerita = await prisma.berita.findFirst({
-      orderBy: { createdAt: "desc" },
-      select: { id: true, createdAt: true },
-    });
-
-    // Ambil pengumuman terbaru
-    const latestPengumuman = await prisma.pengumuman.findFirst({
-      orderBy: { createdAt: "desc" },
-      select: { id: true, createdAt: true },
-    });
-
-    return Response.json({
-      success: true,
-      data: {
-        berita: latestBerita
-          ? { id: latestBerita.id, createdAt: latestBerita.createdAt.toISOString() }
-          : null,
-        pengumuman: latestPengumuman
-          ? { id: latestPengumuman.id, createdAt: latestPengumuman.createdAt.toISOString() }
-          : null,
-      },
-    });
-  } catch (error) {
-    console.error("Error in /api/check-update:", error);
-    return Response.json(
-      { success: false, message: "Gagal cek update" },
-      { status: 500 }
-    );
-  }
-}
\ No newline at end of file
diff --git a/src/app/api/news/latest/route.ts b/src/app/api/news/latest/route.ts
new file mode 100644
index 00000000..a38a1fe6
--- /dev/null
+++ b/src/app/api/news/latest/route.ts
@@ -0,0 +1,43 @@
+// app/api/news/latest/route.ts
+import { NextResponse } from "next/server";
+import prisma from "@/lib/prisma";
+
+export async function GET() {
+  try {
+    const berita = await prisma.berita.findMany({
+      take: 3,
+      orderBy: { createdAt: "desc" },
+      include: { kategoriBerita: true },
+    });
+
+    const pengumuman = await prisma.pengumuman.findMany({
+      take: 3,
+      orderBy: { createdAt: "desc" },
+      include: { CategoryPengumuman: true },
+    });
+
+    const news = [
+      ...berita.map((b) => ({
+        id: b.id,
+        type: "berita" as const,
+        title: b.judul,
+        content: b.content,
+        timestamp: b.createdAt,
+        kategoriBerita: b.kategoriBerita || undefined,
+      })),
+      ...pengumuman.map((p) => ({
+        id: p.id,
+        type: "pengumuman" as const,
+        title: p.judul,
+        content: p.content,
+        timestamp: p.createdAt,
+        kategoriPengumuman: p.CategoryPengumuman || undefined,
+      })),
+    ];
+
+    return NextResponse.json({ success: true, news }); // ✅ ganti 'data' jadi 'news'
+  } catch (error) {
+    console.error("API Error:", error);
+    return NextResponse.json({ success: false, error: "Gagal memuat data" }, { status: 500 });
+  }
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/ModernNewsNotification.tsx b/src/app/darmasaba/_com/ModernNewsNotification.tsx
index 39701cbd..ccf338d9 100644
--- a/src/app/darmasaba/_com/ModernNewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNewsNotification.tsx
@@ -1,74 +1,94 @@
 "use client";
 
-import { useState, useEffect } from "react";
-import { Box, Paper, Text, Group, CloseButton, Badge, ActionIcon, Stack, Transition } from "@mantine/core";
+import {
+  ActionIcon,
+  Badge,
+  Box,
+  CloseButton,
+  Group,
+  Paper,
+  Stack,
+  Text,
+  Transition,
+} from "@mantine/core";
 import { IconBell, IconChevronRight } from "@tabler/icons-react";
 import { usePathname, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
 
-interface NewsItem {
-  id: string | number;
+// === Tipe yang bisa diimpor di tempat lain ===
+export interface KategoriBerita {
+  id: string;
+  name: string;
+}
+
+export interface KategoriPengumuman {
+  id: string;
+  name: string;
+}
+
+export interface NewsItem {
+  id: string;
   type: "berita" | "pengumuman";
   title: string;
   content: string;
   timestamp?: string | Date;
+  kategoriBerita?: KategoriBerita;
+  kategoriPengumuman?: KategoriPengumuman;
 }
 
-interface ModernNewsNotificationProps {
+export interface ModernNewsNotificationProps {
   news: NewsItem[];
-  hasNewContent?: boolean; // ✅ TAMBAHAN
-  newItemCount?: number; // ← tambahkan ini
-  onSeen?: () => void;     // ✅ TAMBAHAN
+  hasNewContent?: boolean;
+  newItemCount?: number;
+  onSeen?: () => void;
   autoShowDelay?: number;
 }
 
+// === Helper ===
 function stripHtml(html: string): string {
   return html
-    .replace(/<[^>]+>/g, '')
-    .replace(/&nbsp;/gi, ' ')
-    .replace(/&amp;/gi, '&')
-    .replace(/\s+/g, ' ')
+    .replace(/<[^>]+>/g, "")
+    .replace(/&nbsp;/gi, " ")
+    .replace(/&amp;/gi, "&")
+    .replace(/\s+/g, " ")
     .trim();
 }
 
+// === Komponen Utama ===
 export default function ModernNewsNotification({
   news = [],
   hasNewContent = false,
-  newItemCount = 0, // 👈 tambahkan ini
+  newItemCount = 0,
   onSeen,
   autoShowDelay = 2000,
 }: ModernNewsNotificationProps) {
   const router = useRouter();
+  const pathname = usePathname();
+
   const [toastVisible, setToastVisible] = useState(false);
   const [widgetOpen, setWidgetOpen] = useState(false);
   const [hasNewNotifications, setHasNewNotifications] = useState(hasNewContent);
   const [hasShownToast, setHasShownToast] = useState(false);
   const [iconVisible, setIconVisible] = useState(true);
-  const pathname = usePathname();
 
-  // Sinkronisasi dari luar
+  // Sinkronisasi prop eksternal
   useEffect(() => {
-    if (hasNewContent) {
-      setHasNewNotifications(true);
-      // Jangan otomatis tampilkan toast di sini — biarkan saat page load saja
-    }
+    setHasNewNotifications(hasNewContent);
   }, [hasNewContent]);
 
-  // Auto show toast hanya saat page pertama kali load
+  // Tampilkan toast pertama kali
   useEffect(() => {
     if (news.length > 0 && !toastVisible && !hasShownToast) {
       const timer = setTimeout(() => {
         setToastVisible(true);
         setHasShownToast(true);
-        // Jika ada new content, anggap sudah "dilihat" setelah toast muncul
-        if (hasNewNotifications) {
-          onSeen?.();
-        }
+        if (hasNewNotifications) onSeen?.();
       }, autoShowDelay);
       return () => clearTimeout(timer);
     }
   }, [news.length, autoShowDelay, toastVisible, hasShownToast, hasNewNotifications, onSeen]);
 
-  // Auto hide toast
+  // Sembunyikan toast otomatis
   useEffect(() => {
     if (toastVisible) {
       const timer = setTimeout(() => setToastVisible(false), 8000);
@@ -76,7 +96,7 @@ export default function ModernNewsNotification({
     }
   }, [toastVisible]);
 
-  // Scroll handler
+  // Kontrol visibilitas ikon saat scroll
   useEffect(() => {
     let lastScrollY = window.scrollY;
     const HIDE_THRESHOLD = 100;
@@ -84,11 +104,11 @@ export default function ModernNewsNotification({
 
     const handleScroll = () => {
       const currentScrollY = window.scrollY;
-      const scrollDirection = currentScrollY > lastScrollY ? 'down' : 'up';
+      const scrollDirection = currentScrollY > lastScrollY ? "down" : "up";
 
-      if (scrollDirection === 'down' && currentScrollY > HIDE_THRESHOLD) {
+      if (scrollDirection === "down" && currentScrollY > HIDE_THRESHOLD) {
         setIconVisible(false);
-      } else if (scrollDirection === 'up' && currentScrollY < SHOW_THRESHOLD) {
+      } else if (scrollDirection === "up" && currentScrollY < SHOW_THRESHOLD) {
         setIconVisible(true);
       }
 
@@ -99,19 +119,25 @@ export default function ModernNewsNotification({
       lastScrollY = currentScrollY;
     };
 
-    window.addEventListener('scroll', handleScroll, { passive: true });
-    return () => window.removeEventListener('scroll', handleScroll);
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => window.removeEventListener("scroll", handleScroll);
   }, [toastVisible]);
 
   const currentNews = news[0];
 
+  // 🔗 Arahkan ke detail dengan kategori aman
   const handleNotificationClick = (item: NewsItem) => {
     setWidgetOpen(false);
-    onSeen?.(); // ✅ tandai sebagai dilihat
+    onSeen?.();
+
     if (item.type === "berita") {
-      router.push("/darmasaba/desa/berita/semua");
+      const kategori = item.kategoriBerita?.name || "umum";
+      const safeKategori = encodeURIComponent(kategori);
+      router.push(`/darmasaba/desa/berita/${safeKategori}/${item.id}`);
     } else if (item.type === "pengumuman") {
-      router.push("/darmasaba/desa/pengumuman");
+      const kategori = item.kategoriPengumuman?.name || "umum";
+      const safeKategori = encodeURIComponent(kategori);
+      router.push(`/darmasaba/desa/pengumuman/${safeKategori}/${item.id}`);
     }
   };
 
@@ -119,35 +145,40 @@ export default function ModernNewsNotification({
     setToastVisible(false);
     setWidgetOpen(true);
     setHasNewNotifications(false);
-    onSeen?.(); // ✅
+    onSeen?.();
   };
 
   const handleDismissToast = (e: React.MouseEvent) => {
     e.stopPropagation();
     setToastVisible(false);
-    onSeen?.(); // ✅
+    onSeen?.();
   };
 
-  // Only show on landing page
-  if (pathname !== '/darmasaba') {
-    return null;
-  }
+  // Hanya tampilkan di landing page
+  if (pathname !== "/darmasaba") return null;
 
   return (
     <>
       {/* Floating Bell Icon */}
       <Transition mounted={iconVisible} transition="slide-down" duration={200}>
         {(transitionStyles) => (
-          <Box style={{ ...transitionStyles, position: "fixed", bottom: "24px", right: "24px" }}>
+          <Box
+            style={{
+              ...transitionStyles,
+              position: "fixed",
+              bottom: "24px",
+              right: "24px",
+            }}
+          >
             <ActionIcon
               size="xl"
               radius="xl"
               variant="filled"
               color="#1e5a7e"
               onClick={() => {
-                setWidgetOpen(!widgetOpen);
+                setWidgetOpen((open) => !open);
                 setHasNewNotifications(false);
-                onSeen?.(); // ✅
+                onSeen?.();
               }}
               style={{
                 width: "60px",
@@ -168,7 +199,6 @@ export default function ModernNewsNotification({
                     right: "6px",
                     minWidth: "22px",
                     height: "22px",
-                    padding: "0 6px",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
@@ -208,12 +238,14 @@ export default function ModernNewsNotification({
               <Group justify="space-between">
                 <Group gap="xs">
                   <IconBell size={20} />
-                  <Text c="white" fw={600} size="md">Berita & Pengumuman</Text>
+                  <Text c="white" fw={600} size="md">
+                    Berita & Pengumuman
+                  </Text>
                 </Group>
                 <CloseButton
                   onClick={() => {
                     setWidgetOpen(false);
-                    onSeen?.(); // ✅
+                    onSeen?.();
                   }}
                   variant="transparent"
                   c="white"
@@ -224,13 +256,15 @@ export default function ModernNewsNotification({
             <Box style={{ maxHeight: "400px", overflowY: "auto", padding: "12px" }}>
               {news.length === 0 ? (
                 <Box p="xl" style={{ textAlign: "center" }}>
-                  <Text c="dimmed" size="sm">Tidak ada berita terbaru</Text>
+                  <Text c="dimmed" size="sm">
+                    Tidak ada berita terbaru
+                  </Text>
                 </Box>
               ) : (
                 <Stack gap="xs">
-                  {news.map((item, index) => (
+                  {news.map((item) => (
                     <Paper
-                      key={item.id || index}
+                      key={item.id}
                       p="md"
                       radius="md"
                       style={{
@@ -276,7 +310,11 @@ export default function ModernNewsNotification({
       </Transition>
 
       {/* Toast Notification */}
-      <Transition mounted={toastVisible && !!currentNews} transition="slide-left" duration={300}>
+      <Transition
+        mounted={toastVisible && !!currentNews}
+        transition="slide-left"
+        duration={300}
+      >
         {(styles) => (
           <Paper
             style={{
@@ -314,7 +352,9 @@ export default function ModernNewsNotification({
                   variant="light"
                   leftSection={currentNews?.type === "berita" ? "📰" : "📢"}
                 >
-                  {currentNews?.type === "berita" ? "Berita Terbaru" : "Pengumuman"}
+                  {currentNews?.type === "berita"
+                    ? "Berita Terbaru"
+                    : "Pengumuman"}
                 </Badge>
                 <CloseButton onClick={handleDismissToast} size="sm" />
               </Group>
@@ -329,7 +369,7 @@ export default function ModernNewsNotification({
 
               <Group justify="space-between" mt="md">
                 <Text size="xs" c="dimmed">
-                  {news.length > 1 ? `${news.length} berita tersedia` : '1 berita'}
+                  {news.length > 1 ? `${news.length} berita tersedia` : "1 berita"}
                 </Text>
                 <Text
                   size="xs"
diff --git a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
index 1272be84..2b4877eb 100644
--- a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
@@ -60,7 +60,7 @@ function Penghargaan() {
         <Box
           onClick={() => setShowVideo(true)}
           style={{
-            backgroundImage: "url('/assets/images/award-poster.jpg')",
+            backgroundImage: "url('/mangupuraaward.jpeg')",
             backgroundSize: 'cover',
             backgroundPosition: 'center',
             cursor: 'pointer',
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index 337dfa1f..fcee95fe 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -15,15 +15,17 @@ import Apbdes from "./_com/main-page/apbdes";
 import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
 
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useSnapshot } from "valtio";
 import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
 import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
 
 import NewsReaderLanding from "./_com/NewsReaderalanding";
 import ModernNewsNotification from "./_com/ModernNewsNotification";
+import type { NewsItem } from "./_com/ModernNewsNotification"; // pastikan tipe ini diekspor
 
 export default function Page() {
+  // Tetap gunakan Valtio untuk card utama (NewsReaderLanding)
   const snap1 = useSnapshot(stateDashboardBerita.berita.findFirst);
   const snap2 = useSnapshot(stateDesaPengumuman.pengumuman.findFirst);
   const featured = snap1;
@@ -31,13 +33,15 @@ export default function Page() {
   const loadingFeatured = featured.loading;
   const loadingPengumuman = pengumuman.loading;
 
+  // State untuk notifikasi
+  const [notificationNews, setNotificationNews] = useState<NewsItem[]>([]);
   const [hasNewContent, setHasNewContent] = useState(false);
   const [newItemCount, setNewItemCount] = useState(0);
 
   const lastBeritaId = useRef<string | null>(null);
   const lastPengumumanId = useRef<string | null>(null);
 
-  // 🔁 Inisialisasi dari localStorage saat mount
+  // Inisialisasi dari localStorage
   useEffect(() => {
     const savedBerita = localStorage.getItem("lastSeenBeritaId");
     const savedPengumuman = localStorage.getItem("lastSeenPengumumanId");
@@ -45,13 +49,7 @@ export default function Page() {
     if (savedPengumuman) lastPengumumanId.current = savedPengumuman;
   }, []);
 
-  // Simpan ID saat data dimuat (termasuk dari API)
-  useEffect(() => {
-    if (featured.data?.id) lastBeritaId.current = featured.data.id;
-    if (pengumuman.data?.id) lastPengumumanId.current = pengumuman.data.id;
-  }, [featured.data?.id, pengumuman.data?.id]);
-
-  // Load data awal
+  // Load data utama (untuk card)
   useEffect(() => {
     if (!featured.data && !loadingFeatured) {
       stateDashboardBerita.berita.findFirst.load();
@@ -64,91 +62,64 @@ export default function Page() {
     }
   }, []);
 
-  // 🔁 Polling untuk cek update setiap 30 detik
-  useEffect(() => {
-    const checkForUpdates = async () => {
-      try {
-        const res = await fetch("/api/check-update");
-        const result = await res.json();
+  // 🔁 Fetch berita & pengumuman lengkap untuk notifikasi
+  const fetchNotificationData = async () => {
+    try {
+      const res = await fetch("/api/news/latest");
+      const result = await res.json();
+      if (result.success && Array.isArray(result.news)) {
+        const news = result.news as NewsItem[];
 
-        if (!result.success) return;
+        // Ambil ID terbaru
+        const latestBerita = news.find((n) => n.type === "berita");
+        const latestPengumuman = news.find((n) => n.type === "pengumuman");
 
-        const { berita, pengumuman } = result.data;
+        const isNewBerita = latestBerita && lastBeritaId.current !== null && latestBerita.id !== lastBeritaId.current;
+        const isNewPengumuman = latestPengumuman && lastPengumumanId.current !== null && latestPengumuman.id !== lastPengumumanId.current;
 
-        // Deteksi hanya jika sudah pernah ada data sebelumnya
-        const isNewBerita = berita && lastBeritaId.current !== null && berita.id !== lastBeritaId.current;
-        const isNewPengumuman = pengumuman && lastPengumumanId.current !== null && pengumuman.id !== lastPengumumanId.current;
+        // Simpan ID terbaru ke ref
+        if (latestBerita) lastBeritaId.current = (latestBerita.id);
+        if (latestPengumuman) lastPengumumanId.current = (latestPengumuman.id);
 
-        if (isNewBerita || isNewPengumuman) {
-          // Hitung berapa yang benar-benar baru
-          const count = (isNewBerita ? 1 : 0) + (isNewPengumuman ? 1 : 0);
-          setNewItemCount(count);
-          setHasNewContent(true);
-
-          // Reload hanya yang berubah
-          if (isNewBerita) stateDashboardBerita.berita.findFirst.load();
-          if (isNewPengumuman) stateDesaPengumuman.pengumuman.findFirst.load();
+        // Jika ini bukan inisialisasi pertama, tampilkan notifikasi
+        if (lastBeritaId.current !== null || lastPengumumanId.current !== null) {
+          if (isNewBerita || isNewPengumuman) {
+            const count = (isNewBerita ? 1 : 0) + (isNewPengumuman ? 1 : 0);
+            setNewItemCount(count);
+            setHasNewContent(true);
+          }
         } else {
-          // Jika ini adalah pertama kali (masih null), simpan ID tanpa notifikasi
-          if (lastBeritaId.current === null && berita) {
-            lastBeritaId.current = berita.id;
-            localStorage.setItem("lastSeenBeritaId", berita.id);
-          }
-          if (lastPengumumanId.current === null && pengumuman) {
-            lastPengumumanId.current = pengumuman.id;
-            localStorage.setItem("lastSeenPengumumanId", pengumuman.id);
-          }
+          // Simpan ke localStorage saat pertama kali
+          if (latestBerita) localStorage.setItem("lastSeenBeritaId", (latestBerita.id));
+          if (latestPengumuman) localStorage.setItem("lastSeenPengumumanId", (latestPengumuman.id));
         }
-      } catch (err) {
-        console.error("Gagal cek update berita/pengumuman:", err);
-      }
-    };
 
-    const interval = setInterval(checkForUpdates, 30_000);
+        setNotificationNews(news);
+      }
+    } catch (err) {
+      console.error("Gagal fetch data notifikasi:", err);
+    }
+  };
+
+  // Load data notifikasi pertama kali
+  useEffect(() => {
+    fetchNotificationData();
+  }, []);
+
+  // Polling setiap 30 detik
+  useEffect(() => {
+    const interval = setInterval(fetchNotificationData, 30_000);
     return () => clearInterval(interval);
   }, []);
 
-  const newsData = useMemo(() => {
-    const items = [];
-
-    if (featured.data) {
-      items.push({
-        id: String(featured.data.id || "berita-1"),
-        type: "berita" as const,
-        title: String(featured.data.judul || "Berita Terbaru"),
-        content: String(featured.data.content || ""),
-        timestamp: featured.data.createdAt
-          ? (typeof featured.data.createdAt === 'string'
-              ? featured.data.createdAt
-              : new Date(featured.data.createdAt).toISOString())
-          : new Date().toISOString(),
-      });
-    }
-
-    if (pengumuman.data) {
-      items.push({
-        id: String(pengumuman.data.id || "pengumuman-1"),
-        type: "pengumuman" as const,
-        title: String(pengumuman.data.judul || "Pengumuman Penting"),
-        content: String(pengumuman.data.content || ""),
-        timestamp: pengumuman.data.createdAt
-          ? (typeof pengumuman.data.createdAt === 'string'
-              ? pengumuman.data.createdAt
-              : new Date(pengumuman.data.createdAt).toISOString())
-          : new Date().toISOString(),
-      });
-    }
-
-    return items;
-  }, [featured.data, pengumuman.data]);
-
   const handleSeen = () => {
-    setHasNewContent(false);
-    setNewItemCount(0);
-    // Simpan ke localStorage saat dilihat
-    if (featured.data?.id) localStorage.setItem("lastSeenBeritaId", featured.data.id);
-    if (pengumuman.data?.id) localStorage.setItem("lastSeenPengumumanId", pengumuman.data.id);
-  };
+  setHasNewContent(false);
+  setNewItemCount(0);
+  const latestBerita = notificationNews.find(n => n.type === "berita");
+  const latestPengumuman = notificationNews.find(n => n.type === "pengumuman");
+  if (latestBerita) localStorage.setItem("lastSeenBeritaId", String(latestBerita.id));
+  if (latestPengumuman) localStorage.setItem("lastSeenPengumumanId", String(latestPengumuman.id));
+};
 
   return (
     <Box id="page-root">
@@ -168,7 +139,7 @@ export default function Page() {
       <NewsReaderLanding />
 
       <ModernNewsNotification
-        news={newsData}
+        news={notificationNews}
         hasNewContent={hasNewContent}
         newItemCount={newItemCount}
         onSeen={handleSeen}
-- 
2.49.1


From cc318d4d54b4139d272318084aff6516d453b9d0 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 9 Dec 2025 10:28:17 +0800
Subject: [PATCH 47/97] Fix QC Kak Inno Tgl 4 & 5 Desember Fix QC Kak Ayu Tgl 4
 & 5 Desember Fix QC Pak Jun Tgl 5 Desember

---
 .../permohonanInformasiPublik.ts              | 267 ++++++++++--------
 .../permohonanKeberatanInformasi.ts           | 157 +++++-----
 .../(dashboard)/ppid/profil-ppid/page.tsx     |   3 +-
 .../api/[[...slugs]]/_lib/desa/berita/del.ts  |  31 +-
 .../permohonan_informasi_publik/create.ts     |  82 +++---
 .../create.ts                                 |  61 ++--
 .../(pages)/desa/layanan/[id]/page.tsx        |   2 +-
 .../(kategori)/adat-&-budaya/page.tsx         |  96 -------
 .../(kategori)/digitalisasi-desa/page.tsx     |  96 -------
 .../(kategori)/ekonomi-&-umkm/page.tsx        |  96 -------
 .../(kategori)/lingkungan-&-bencana/page.tsx  |  96 -------
 .../pendidikan-&-kepemudaan/page.tsx          |  96 -------
 .../(kategori)/sosial-&-kesehatan/page.tsx    |  96 -------
 .../desa/pengumuman/[name]/[id]/page.tsx      |   4 +-
 .../profile/struktur-perangkat-desa/page.tsx  | 205 ++++++++------
 .../daftar-informasi-publik/[id]/page.tsx     |  20 +-
 .../(pages)/ppid/dasar-hukum/page.tsx         |  11 +-
 .../ppid/indeks-kepuasan-masyarakat/page.tsx  |   4 +-
 .../ppid/permohonan-informasi-publik/page.tsx |  18 +-
 .../page.tsx                                  |  18 +-
 .../(pages)/ppid/profile-ppid/page.tsx        |  10 +-
 .../(pages)/ppid/struktur-ppid/page.tsx       | 206 ++++++++------
 .../(pages)/ppid/visi-misi-ppid/page.tsx      |  17 +-
 .../darmasaba/_com/ModernNewsNotification.tsx |  13 +-
 .../_com/main-page/kepuasan/index.tsx         |  38 ++-
 .../_com/main-page/landing-page/index.tsx     |   2 +-
 .../_com/main-page/penghargaan/index.tsx      | 112 ++++++--
 src/app/darmasaba/page.tsx                    |  83 ++++--
 28 files changed, 816 insertions(+), 1124 deletions(-)
 delete mode 100644 src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/adat-&-budaya/page.tsx
 delete mode 100644 src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/digitalisasi-desa/page.tsx
 delete mode 100644 src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/ekonomi-&-umkm/page.tsx
 delete mode 100644 src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/lingkungan-&-bencana/page.tsx
 delete mode 100644 src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/pendidikan-&-kepemudaan/page.tsx
 delete mode 100644 src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/sosial-&-kesehatan/page.tsx

diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
index 0a452cdd..0cd22ea0 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
@@ -6,145 +6,176 @@ import { z } from "zod";
 
 const templateForm = z.object({
   name: z.string().min(3, "Nama minimal 3 karakter"),
-  nik: z.string().min(3, "NIK minimal 3 karakter"),
-  notelp: z.string().min(3, "Nomor Telepon minimal 3 karakter"),
+  nik: z
+    .string()
+    .min(3, "NIK minimal 3 karakter")
+    .max(16, "NIK maksimal 16 angka"),
+  notelp: z
+    .string()
+    .min(3, "Nomor Telepon minimal 3 karakter")
+    .max(15, "Nomor Telepon maksimal 15 angka"),
   alamat: z.string().min(3, "Alamat minimal 3 karakter"),
   email: z.string().min(3, "Email minimal 3 karakter"),
   jenisInformasiDimintaId: z.string().nonempty(),
   caraMemperolehInformasiId: z.string().nonempty(),
   caraMemperolehSalinanInformasiId: z.string().nonempty(),
-})
+});
 
 const jenisInformasiDiminta = proxy({
-    findMany: {
-        data: null as
-        | null
-        | Prisma.JenisInformasiDimintaGetPayload<{ omit: { isActive: true } }>[],
-        async load(){
-            const res = await ApiFetch.api.ppid.permohonaninformasipublik.jenisInformasi["find-many"].get();
-            if (res.status === 200) {
-                jenisInformasiDiminta.findMany.data = res.data?.data ?? [];
-            }
-        }
-    }
-})
+  findMany: {
+    data: null as
+      | null
+      | Prisma.JenisInformasiDimintaGetPayload<{ omit: { isActive: true } }>[],
+    async load() {
+      const res =
+        await ApiFetch.api.ppid.permohonaninformasipublik.jenisInformasi[
+          "find-many"
+        ].get();
+      if (res.status === 200) {
+        jenisInformasiDiminta.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
 
 const caraMemperolehInformasi = proxy({
-    findMany: {
-        data: null as
-        | null
-        | Prisma.CaraMemperolehInformasiGetPayload<{ omit: { isActive: true } }>[],
-        async load() {
-            const res = await ApiFetch.api.ppid.permohonaninformasipublik.memperolehInformasi["find-many"].get();
-            if (res.status === 200) {
-                caraMemperolehInformasi.findMany.data = res.data?.data ?? [];
-            }
-        }
-    }
-})
+  findMany: {
+    data: null as
+      | null
+      | Prisma.CaraMemperolehInformasiGetPayload<{
+          omit: { isActive: true };
+        }>[],
+    async load() {
+      const res =
+        await ApiFetch.api.ppid.permohonaninformasipublik.memperolehInformasi[
+          "find-many"
+        ].get();
+      if (res.status === 200) {
+        caraMemperolehInformasi.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
 
 const caraMemperolehSalinanInformasi = proxy({
-    findMany: {
-        data: null as
-        | null
-        | Prisma.CaraMemperolehSalinanInformasiGetPayload<{ omit: { isActive: true } }>[],
-        async load() {
-            const res = await ApiFetch.api.ppid.permohonaninformasipublik.salinanInformasi["find-many"].get();
-            if (res.status === 200) {
-                caraMemperolehSalinanInformasi.findMany.data = res.data?.data ?? [];
-            }
-        }
-    }
-})
-console.log(caraMemperolehSalinanInformasi)
+  findMany: {
+    data: null as
+      | null
+      | Prisma.CaraMemperolehSalinanInformasiGetPayload<{
+          omit: { isActive: true };
+        }>[],
+    async load() {
+      const res =
+        await ApiFetch.api.ppid.permohonaninformasipublik.salinanInformasi[
+          "find-many"
+        ].get();
+      if (res.status === 200) {
+        caraMemperolehSalinanInformasi.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+console.log(caraMemperolehSalinanInformasi);
 
-type PermohonanInformasiPublikForm = Prisma.PermohonanInformasiPublikGetPayload<{
+type PermohonanInformasiPublikForm =
+  Prisma.PermohonanInformasiPublikGetPayload<{
     select: {
-        name: true;
-        nik: true;
-        notelp: true;
-        alamat: true;
-        email: true;
-        jenisInformasiDimintaId: true;
-        caraMemperolehInformasiId: true;
-        caraMemperolehSalinanInformasiId: true;
+      name: true;
+      nik: true;
+      notelp: true;
+      alamat: true;
+      email: true;
+      jenisInformasiDimintaId: true;
+      caraMemperolehInformasiId: true;
+      caraMemperolehSalinanInformasiId: true;
     };
-}>;
+  }>;
 
 const statepermohonanInformasiPublik = proxy({
-    create: {
-        form: {} as PermohonanInformasiPublikForm,
-        loading: false,
-        async create(){
-            const cek = templateForm.safeParse(statepermohonanInformasiPublik.create.form);
-            if(!cek.success) {
-                const err = `[${cek.error.issues
-                    .map((v) => `${v.path.join(".")}`)
-                    .join("\n")}] required`;
-                return toast.error(err);
-            }
-            try {
-                statepermohonanInformasiPublik.create.loading = true;
-                const res = await ApiFetch.api.ppid.permohonaninformasipublik["create"].post(statepermohonanInformasiPublik.create.form);
-                if (res.status === 200) {
-                    statepermohonanInformasiPublik.findMany.load();
-                    return toast.success("Sukses menambahkan");
-                }
-                return toast.error("failed create");
-            } catch (error) {
-                console.log((error as Error).message);
-            } finally {
-                statepermohonanInformasiPublik.create.loading = false;
-            }
+  create: {
+    form: {} as PermohonanInformasiPublikForm,
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(
+        statepermohonanInformasiPublik.create.form
+      );
+
+      if (!cek.success) {
+        toast.error(cek.error.issues.map((i) => i.message).join("\n"));
+        return false; // ⬅️ tambahkan return false
+      }
+
+      try {
+        statepermohonanInformasiPublik.create.loading = true;
+        const res = await ApiFetch.api.ppid.permohonaninformasipublik[
+          "create"
+        ].post(statepermohonanInformasiPublik.create.form);
+
+        if (res.data?.success === false) {
+          toast.error(res.data?.message);
+          return false; // ⬅️ gagal
         }
+
+        toast.success("Sukses menambahkan");
+        return true; // ⬅️ sukses
+      } catch {
+        toast.error("Terjadi kesalahan server");
+        return false;
+      } finally {
+        statepermohonanInformasiPublik.create.loading = false;
+      }
     },
-    findMany: {
-        data: null as
-        | Prisma.PermohonanInformasiPublikGetPayload<{ include: {
-            caraMemperolehSalinanInformasi: true,
-            jenisInformasiDiminta: true,
-            caraMemperolehInformasi: true,
-        } }>[]
-        | null,
-        async load() {
-            const res = await ApiFetch.api.ppid.permohonaninformasipublik["find-many"].get();
-            if (res.status === 200) {
-                statepermohonanInformasiPublik.findMany.data = res.data?.data ?? [];
-            }
-        }
-    },
-    findUnique: {
-        data: null as Prisma.PermohonanInformasiPublikGetPayload<{
+  },
+  findMany: {
+    data: null as
+      | Prisma.PermohonanInformasiPublikGetPayload<{
           include: {
-            jenisInformasiDiminta: true,
-            caraMemperolehInformasi: true,
-            caraMemperolehSalinanInformasi: true,
+            caraMemperolehSalinanInformasi: true;
+            jenisInformasiDiminta: true;
+            caraMemperolehInformasi: true;
           };
-        }> | null,
-        async load(id: string) {
-          try {
-            const res = await fetch(`/api/ppid/permohonaninformasipublik/${id}`);
-            if (res.ok) {
-              const data = await res.json();
-              statepermohonanInformasiPublik.findUnique.data = data.data ?? null;
-            } else {
-              console.error("Failed to fetch program inovasi:", res.statusText);
-              statepermohonanInformasiPublik.findUnique.data = null;
-            }
-          } catch (error) {
-            console.error("Error fetching program inovasi:", error);
-            statepermohonanInformasiPublik.findUnique.data = null;
-          }
-        },
-      },
-    
-})
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.ppid.permohonaninformasipublik[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        statepermohonanInformasiPublik.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.PermohonanInformasiPublikGetPayload<{
+      include: {
+        jenisInformasiDiminta: true;
+        caraMemperolehInformasi: true;
+        caraMemperolehSalinanInformasi: true;
+      };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ppid/permohonaninformasipublik/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          statepermohonanInformasiPublik.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch program inovasi:", res.statusText);
+          statepermohonanInformasiPublik.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching program inovasi:", error);
+        statepermohonanInformasiPublik.findUnique.data = null;
+      }
+    },
+  },
+});
 
 const statepermohonanInformasiPublikForm = proxy({
-    statepermohonanInformasiPublik,
-    jenisInformasiDiminta,
-    caraMemperolehInformasi,
-    caraMemperolehSalinanInformasi,
-})
+  statepermohonanInformasiPublik,
+  jenisInformasiDiminta,
+  caraMemperolehInformasi,
+  caraMemperolehSalinanInformasi,
+});
 
 export default statepermohonanInformasiPublikForm;
diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
index fc316fa9..b1545785 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
@@ -5,82 +5,99 @@ import { proxy } from "valtio";
 import { z } from "zod";
 
 const templateForm = z.object({
-    name: z.string().min(3, "Nama minimal 3 karakter"),
-    email: z.string().min(3, "Email minimal 3 karakter"),
-    notelp: z.string().min(3, "Nomor Telepon minimal 3 karakter"),
-    alasan: z.string().min(3, "Alasan minimal 3 karakter"),
-})
+  name: z.string().min(3, "Nama minimal 3 karakter"),
+  email: z.string().min(3, "Email minimal 3 karakter"),
+  notelp: z
+    .string()
+    .min(3, "Nomor Telepon minimal 3 karakter")
+    .max(15, "Nomor Telepon maksimal 15 angka"),
+  alasan: z.string().min(3, "Alasan minimal 3 karakter"),
+});
 
-type PermohonanKeberatanInformasiForm = Prisma.FormulirPermohonanKeberatanGetPayload<{
+type PermohonanKeberatanInformasiForm =
+  Prisma.FormulirPermohonanKeberatanGetPayload<{
     select: {
-        name: true;
-        email: true;
-        notelp: true;
-        alasan: true;
+      name: true;
+      email: true;
+      notelp: true;
+      alasan: true;
     };
-}>;
+  }>;
 
 const permohonanKeberatanInformasi = proxy({
-    create: {
-        form: {} as PermohonanKeberatanInformasiForm,
-        loading: false,
-        async create(){
-            const cek = templateForm.safeParse(permohonanKeberatanInformasi.create.form);
-            if(!cek.success) {
-                const err = `[${cek.error.issues
-                    .map((v) => `${v.path.join(".")}`)
-                    .join("\n")}] required`;
-                return toast.error(err);
-            }
-            try {
-                permohonanKeberatanInformasi.create.loading = true;
-                const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik["create"].post(permohonanKeberatanInformasi.create.form);
-                if (res.status === 200) {
-                    permohonanKeberatanInformasi.findMany.load();
-                    return toast.success("Sukses menambahkan");
-                }
-                return toast.error("failed create");
-            } catch (error) {
-                console.log((error as Error).message);
-            } finally {
-                permohonanKeberatanInformasi.create.loading = false;
-            }
-        },
-    },
-    findMany: {
-        data: null as
-        | Prisma.FormulirPermohonanKeberatanGetPayload<{omit: {isActive: true}}>[]
-        | null,
-        async load() {
-            const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik["find-many"].get();
-            if (res.status === 200) {
-                permohonanKeberatanInformasi.findMany.data = res.data?.data ?? [];
-            }
-        }
-    },
-    findUnique: {
-        data: null as Prisma.FormulirPermohonanKeberatanGetPayload<{
-          omit: {
-            isActive: true;
-          };
-        }> | null,
-        async load(id: string) {
-          try {
-            const res = await fetch(`/api/ppid/permohonankeberataninformasipublik/${id}`);
-            if (res.ok) {
-              const data = await res.json();
-              permohonanKeberatanInformasi.findUnique.data = data.data ?? null;
-            } else {
-              console.error("Failed to fetch permohonan keberatan informasi:", res.statusText);
-              permohonanKeberatanInformasi.findUnique.data = null;
-            }
-          } catch (error) {
-            console.error("Error fetching permohonan keberatan informasi:", error);
-            permohonanKeberatanInformasi.findUnique.data = null;
-          }
-        },
+  create: {
+    form: {} as PermohonanKeberatanInformasiForm,
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(
+        permohonanKeberatanInformasi.create.form
+      );
+      if (!cek.success) {
+        toast.error(cek.error.issues.map((i) => i.message).join("\n"));
+        return false; // ⬅️ tambahkan return false
       }
+      try {
+        permohonanKeberatanInformasi.create.loading = true;
+        const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik[
+          "create"
+        ].post(permohonanKeberatanInformasi.create.form);
+        if (res.data?.success === false) {
+            toast.error(res.data?.message);
+            return false; // ⬅️ gagal
+        }
+
+        toast.success("Sukses menambahkan");
+        return true; // ⬅️ sukses
+      } catch {
+        toast.error("Terjadi kesalahan server");
+        return false;
+      } finally {
+        permohonanKeberatanInformasi.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.FormulirPermohonanKeberatanGetPayload<{
+          omit: { isActive: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        permohonanKeberatanInformasi.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.FormulirPermohonanKeberatanGetPayload<{
+      omit: {
+        isActive: true;
+      };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(
+          `/api/ppid/permohonankeberataninformasipublik/${id}`
+        );
+        if (res.ok) {
+          const data = await res.json();
+          permohonanKeberatanInformasi.findUnique.data = data.data ?? null;
+        } else {
+          console.error(
+            "Failed to fetch permohonan keberatan informasi:",
+            res.statusText
+          );
+          permohonanKeberatanInformasi.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching permohonan keberatan informasi:", error);
+        permohonanKeberatanInformasi.findUnique.data = null;
+      }
+    },
+  },
 });
 
 export default permohonanKeberatanInformasi;
-
diff --git a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
index 1e49f3da..247222cf 100644
--- a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
@@ -30,12 +30,13 @@ function Page() {
   return (
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
-        <Grid align="center">
+        <Grid>
           <GridCol span={{ base: 12, md: 11 }}>
             <Title order={3} c={colors['blue-button']}>Preview Profil PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
               <Button
+                w={{base: '100%', md: "110%"}}
                 c="green"
                 variant="light"
                 leftSection={<IconEdit size={18} stroke={2} />}
diff --git a/src/app/api/[[...slugs]]/_lib/desa/berita/del.ts b/src/app/api/[[...slugs]]/_lib/desa/berita/del.ts
index bb5df949..0e31e421 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/del.ts
@@ -6,33 +6,24 @@ import path from "path";
 const beritaDelete = async (context: Context) => {
   const id = context.params?.id as string;
 
-  if (!id) {
-    return {
-      status: 400,
-      body: "ID tidak diberikan",
-    };
-  }
+  if (!id) return { status: 400, body: "ID tidak diberikan" };
 
   const berita = await prisma.berita.findUnique({
     where: { id },
-    include: {
-      image: true,
-      kategoriBerita: true, // pastikan relasi image sudah ada di prisma schema
-    },
+    include: { image: true, kategoriBerita: true },
   });
 
-  if (!berita) {
-    return {
-      status: 404,
-      body: "Berita tidak ditemukan",
-    };
-  }
+  if (!berita) return { status: 404, body: "Berita tidak ditemukan" };
 
-  // Hapus file gambar dari filesystem jika ada
+  // 1. HAPUS BERITA DULU
+  await prisma.berita.delete({ where: { id } });
+
+  // 2. BARU HAPUS FILE
   if (berita.image) {
     try {
       const filePath = path.join(berita.image.path, berita.image.name);
       await fs.unlink(filePath);
+
       await prisma.fileStorage.delete({
         where: { id: berita.image.id },
       });
@@ -41,15 +32,11 @@ const beritaDelete = async (context: Context) => {
     }
   }
 
-  // Hapus berita dari DB
-  await prisma.berita.delete({
-    where: { id },
-  });
-
   return {
     success: true,
     message: "Berita dan file terkait berhasil dihapus",
   };
 };
 
+
 export default beritaDelete;
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/create.ts
index 4cc99f88..dcee8f4a 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/create.ts
@@ -3,39 +3,55 @@ import { Prisma } from "@prisma/client";
 import { Context } from "elysia";
 
 type FormCreate = Prisma.PermohonanInformasiPublikGetPayload<{
-    select: {
-        name: true;
-        nik: true;
-        email: true;
-        notelp: true;
-        alamat: true;
-        jenisInformasiDimintaId: true;
-        caraMemperolehInformasiId: true;
-        caraMemperolehSalinanInformasiId: true;
-    }
-}>
-export default async function permohonanInformasiPublikCreate(context: Context) {
-    const body = context.body as FormCreate;
-    
-    await prisma.permohonanInformasiPublik.create({
-        data: {
-            name: body.name,
-            nik: body.nik,
-            email: body.email,
-            notelp: body.notelp,
-            alamat: body.alamat,
-            jenisInformasiDimintaId: body.jenisInformasiDimintaId,
-            caraMemperolehInformasiId: body.caraMemperolehInformasiId,
-            caraMemperolehSalinanInformasiId: body.caraMemperolehSalinanInformasiId,
-        }
-    })
+  select: {
+    name: true;
+    nik: true;
+    email: true;
+    notelp: true;
+    alamat: true;
+    jenisInformasiDimintaId: true;
+    caraMemperolehInformasiId: true;
+    caraMemperolehSalinanInformasiId: true;
+  };
+}>;
 
+export default async function permohonanInformasiPublikCreate(context: Context) {
+  const body = context.body as FormCreate;
+
+  // ========== VALIDASI NIK ==========
+  if (body.nik && body.nik.length > 16) {
     return {
-        success: true,
-        message: "Permohonan Informasi Publik Berhasil Dibuat",
-        data: {
-            ...body,
-        }
-    }
+      success: false,
+      status: 400,
+      message: "Maksimal NIK adalah 16 angka",
+    };
+  }
+
+  // ========== VALIDASI NOMOR TELEPON ==========
+  if (body.notelp && body.notelp.length > 15) {
+    return {
+      success: false,
+      status: 400,
+      message: "Maksimal nomor telepon adalah 15 angka",
+    };
+  }
+
+  await prisma.permohonanInformasiPublik.create({
+    data: {
+      name: body.name,
+      nik: body.nik,
+      email: body.email,
+      notelp: body.notelp,
+      alamat: body.alamat,
+      jenisInformasiDimintaId: body.jenisInformasiDimintaId,
+      caraMemperolehInformasiId: body.caraMemperolehInformasiId,
+      caraMemperolehSalinanInformasiId: body.caraMemperolehSalinanInformasiId,
+    },
+  });
+
+  return {
+    success: true,
+    message: "Permohonan Informasi Publik Berhasil Dibuat",
+    data: { ...body },
+  };
 }
-    
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/create.ts b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/create.ts
index a6f70308..e63a562c 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/create.ts
@@ -3,31 +3,42 @@ import { Prisma } from "@prisma/client";
 import { Context } from "elysia";
 
 type FormCreate = Prisma.FormulirPermohonanKeberatanGetPayload<{
-    select: {
-        name: true;
-        email: true;
-        notelp: true;
-        alasan: true;
-    }
-}>
+  select: {
+    name: true;
+    email: true;
+    notelp: true;
+    alasan: true;
+  };
+}>;
 
-export default async function permohonanKeberatanInformasiPublikCreate(context: Context) {
-    const body = context.body as FormCreate;
-
-    await prisma.formulirPermohonanKeberatan.create({
-        data: {
-            name: body.name,
-            email: body.email,
-            notelp: body.notelp,
-            alasan: body.alasan,
-        }
-    })
+export default async function permohonanKeberatanInformasiPublikCreate(
+  context: Context
+) {
+  const body = context.body as FormCreate;
 
+  // ========== VALIDASI NOMOR TELEPON ==========
+  if (body.notelp && body.notelp.length > 15) {
     return {
-        success: true,
-        message: "Permohonan Keberatan Informasi Publik Berhasil Dibuat",
-        data: {
-            ...body,
-        }
-    }
-}
\ No newline at end of file
+      success: false,
+      status: 400,
+      message: "Maksimal nomor telepon adalah 15 angka",
+    };
+  }
+
+  await prisma.formulirPermohonanKeberatan.create({
+    data: {
+      name: body.name,
+      email: body.email,
+      notelp: body.notelp,
+      alasan: body.alasan,
+    },
+  });
+
+  return {
+    success: true,
+    message: "Permohonan Keberatan Informasi Publik Berhasil Dibuat",
+    data: {
+      ...body,
+    },
+  };
+}
diff --git a/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx
index a2c4e9bc..0a9dcd44 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx
@@ -100,7 +100,7 @@ function Page() {
           {data.name}
         </Text>
       </Container>
-      <Box px={{ base: "md", md: 100 }}>
+      <Box px={{ base: "35", md: 100 }}>
         <Stack gap="md">
           <Text
             dangerouslySetInnerHTML={{ __html: data.deskripsi }}
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/adat-&-budaya/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/adat-&-budaya/page.tsx
deleted file mode 100644
index 7558c11a..00000000
--- a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/adat-&-budaya/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import colors from '@/con/colors';
-import { Stack, Box, Container, Text, Paper, Group } from '@mantine/core';
-import React from 'react';
-import BackButton from '../../../layanan/_com/BackButto';
-import { IconCalendar, IconClock, IconMapPin } from '@tabler/icons-react';
-
-const dataPengumuman = [
-  {
-    id: 1,
-    judul: 'Sosialisasi Perarem Konservasi Adat di Darmasaba',
-    tanggal: 'Jumat, 26 April 2025',
-    jam: '16:00 WITA',
-    lokasi: 'Wantilan Adat Desa',
-    deskripsi: 'Para krama diundang hadir dalam sosialisasi perarem (aturan adat) baru yang berkaitan dengan konservasi lingkungan berbasis budaya, termasuk larangan alih fungsi lahan pekarangan suci.'
-  },
-  {
-    id: 2,
-    judul: 'Sosialisasi Perarem Konservasi Adat di Darmasaba',
-    tanggal: 'Jumat, 26 April 2025',
-    jam: '16:00 WITA',
-    lokasi: 'Wantilan Adat Desa',
-    deskripsi: 'Para krama diundang hadir dalam sosialisasi perarem (aturan adat) baru yang berkaitan dengan konservasi lingkungan berbasis budaya, termasuk larangan alih fungsi lahan pekarangan suci.'
-  },
-  {
-    id: 3,
-    judul: 'Sosialisasi Perarem Konservasi Adat di Darmasaba',
-    tanggal: 'Jumat, 26 April 2025',
-    jam: '16:00 WITA',
-    lokasi: 'Wantilan Adat Desa',
-    deskripsi: 'Para krama diundang hadir dalam sosialisasi perarem (aturan adat) baru yang berkaitan dengan konservasi lingkungan berbasis budaya, termasuk larangan alih fungsi lahan pekarangan suci.'
-  },
-  {
-    id: 4,
-    judul: 'Sosialisasi Perarem Konservasi Adat di Darmasaba',
-    tanggal: 'Jumat, 26 April 2025',
-    jam: '16:00 WITA',
-    lokasi: 'Wantilan Adat Desa',
-    deskripsi: 'Para krama diundang hadir dalam sosialisasi perarem (aturan adat) baru yang berkaitan dengan konservasi lingkungan berbasis budaya, termasuk larangan alih fungsi lahan pekarangan suci.'
-  },
-  {
-    id: 5,
-    judul: 'Sosialisasi Perarem Konservasi Adat di Darmasaba',
-    tanggal: 'Jumat, 26 April 2025',
-    jam: '16:00 WITA',
-    lokasi: 'Wantilan Adat Desa',
-    deskripsi: 'Para krama diundang hadir dalam sosialisasi perarem (aturan adat) baru yang berkaitan dengan konservasi lingkungan berbasis budaya, termasuk larangan alih fungsi lahan pekarangan suci.'
-  },
-]
-function Page() {
-  return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
-      {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
-        <BackButton />
-      </Box>
-      <Container size="lg" px="md" >
-        <Stack align="center" gap="0" >
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
-            Pengumuman Adat & Budaya
-          </Text>
-          <Text ta="center" px="md" pb={10}>
-            Informasi dan pengumuman resmi terkait pengumuman adat & budaya di Desa Darmasaba.
-          </Text>
-        </Stack>
-      </Container>
-      <Box px={{ base: 'md', md: 100 }}>
-        {dataPengumuman.map((v, k) => {
-          return (
-            <Paper mb={10} key={k} withBorder p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-              <Text fz={'h3'}>{v.judul}</Text>
-              <Group style={{ color: 'black' }} pb={20}>
-                <Group gap="xs">
-                  <IconCalendar size={18} />
-                  <Text size="sm">{v.tanggal}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconClock size={18} />
-                  <Text size="sm">{v.jam}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconMapPin size={18} />
-                  <Text size="sm">{v.lokasi}</Text>
-                </Group>
-              </Group>
-              <Text ta={'justify'}>
-                {v.deskripsi}
-              </Text>
-            </Paper>
-          )
-        })}
-      </Box>
-    </Stack>
-  );
-}
-
-export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/digitalisasi-desa/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/digitalisasi-desa/page.tsx
deleted file mode 100644
index e6837804..00000000
--- a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/digitalisasi-desa/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import colors from '@/con/colors';
-import { Stack, Box, Container, Text, Paper, Group } from '@mantine/core';
-import React from 'react';
-import BackButton from '../../../layanan/_com/BackButto';
-import { IconCalendar, IconClock, IconMapPin } from '@tabler/icons-react';
-
-const dataPengumuman = [
-  {
-    id: 1,
-    judul: 'Pelatihan Dasar Komputer untuk Lansia dan Ibu Rumah Tangga',
-    tanggal: 'Selasa, 30 April 2025',
-    jam: '09:00 WITA',
-    lokasi: 'Perpustakaan Desa',
-    deskripsi: 'Belajar dari nol: cara menyalakan komputer, menulis di Word, membuat email, dan dasar penggunaan HP Android untuk komunikasi dan akses layanan desa online. Terbuka untuk 20 peserta.'
-  },
-  {
-    id: 2,
-    judul: 'Pelatihan Dasar Komputer untuk Lansia dan Ibu Rumah Tangga',
-    tanggal: 'Selasa, 30 April 2025',
-    jam: '09:00 WITA',
-    lokasi: 'Perpustakaan Desa',
-    deskripsi: 'Belajar dari nol: cara menyalakan komputer, menulis di Word, membuat email, dan dasar penggunaan HP Android untuk komunikasi dan akses layanan desa online. Terbuka untuk 20 peserta.'
-  },
-  {
-    id: 3,
-    judul: 'Pelatihan Dasar Komputer untuk Lansia dan Ibu Rumah Tangga',
-    tanggal: 'Selasa, 30 April 2025',
-    jam: '09:00 WITA',
-    lokasi: 'Perpustakaan Desa',
-    deskripsi: 'Belajar dari nol: cara menyalakan komputer, menulis di Word, membuat email, dan dasar penggunaan HP Android untuk komunikasi dan akses layanan desa online. Terbuka untuk 20 peserta.'
-  },
-  {
-    id: 4,
-    judul: 'Pelatihan Dasar Komputer untuk Lansia dan Ibu Rumah Tangga',
-    tanggal: 'Selasa, 30 April 2025',
-    jam: '09:00 WITA',
-    lokasi: 'Perpustakaan Desa',
-    deskripsi: 'Belajar dari nol: cara menyalakan komputer, menulis di Word, membuat email, dan dasar penggunaan HP Android untuk komunikasi dan akses layanan desa online. Terbuka untuk 20 peserta.'
-  },
-  {
-    id: 5,
-    judul: 'Pelatihan Dasar Komputer untuk Lansia dan Ibu Rumah Tangga',
-    tanggal: 'Selasa, 30 April 2025',
-    jam: '09:00 WITA',
-    lokasi: 'Perpustakaan Desa',
-    deskripsi: 'Belajar dari nol: cara menyalakan komputer, menulis di Word, membuat email, dan dasar penggunaan HP Android untuk komunikasi dan akses layanan desa online. Terbuka untuk 20 peserta.'
-  },
-]
-function Page() {
-  return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
-      {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
-        <BackButton />
-      </Box>
-      <Container size="lg" px="md" >
-        <Stack align="center" gap="0" >
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
-            Pengumuman Digitalisasi Desa
-          </Text>
-          <Text ta="center" px="md" pb={10}>
-            Informasi dan pengumuman resmi terkait pengumuman digitalisasi desa
-          </Text>
-        </Stack>
-      </Container>
-      <Box px={{ base: 'md', md: 100 }}>
-        {dataPengumuman.map((v, k) => {
-          return (
-            <Paper mb={10} key={k} withBorder p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-              <Text fz={'h3'}>{v.judul}</Text>
-              <Group style={{ color: 'black' }} pb={20}>
-                <Group gap="xs">
-                  <IconCalendar size={18} />
-                  <Text size="sm">{v.tanggal}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconClock size={18} />
-                  <Text size="sm">{v.jam}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconMapPin size={18} />
-                  <Text size="sm">{v.lokasi}</Text>
-                </Group>
-              </Group>
-              <Text ta={'justify'}>
-                {v.deskripsi}
-              </Text>
-            </Paper>
-          )
-        })}
-      </Box>
-    </Stack>
-  );
-}
-
-export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/ekonomi-&-umkm/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/ekonomi-&-umkm/page.tsx
deleted file mode 100644
index ffb38abc..00000000
--- a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/ekonomi-&-umkm/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import colors from '@/con/colors';
-import { Stack, Box, Container, Text, Paper, Group } from '@mantine/core';
-import React from 'react';
-import BackButton from '../../../layanan/_com/BackButto';
-import { IconCalendar, IconClock, IconMapPin } from '@tabler/icons-react';
-
-const dataPengumuman = [
-  {
-    id: 1,
-    judul: 'Pelatihan Digital Marketing untuk UMKM Desa',
-    tanggal: 'Rabu, 23 April 2025',
-    jam: '13:00 WITA',
-    lokasi: 'Aula Kantor Desa',
-    deskripsi: 'Para pelaku UMKM diundang untuk mengikuti pelatihan dasar digital marketing: mulai dari membuat akun bisnis, copywriting produk, hingga promosi melalui media sosial. Peserta akan mendapat sertifikat dan materi pelatihan.'
-  },
-  {
-    id: 2,
-    judul: 'Pelatihan Digital Marketing untuk UMKM Desa',
-    tanggal: 'Rabu, 23 April 2025',
-    jam: '13:00 WITA',
-    lokasi: 'Aula Kantor Desa',
-    deskripsi: 'Para pelaku UMKM diundang untuk mengikuti pelatihan dasar digital marketing: mulai dari membuat akun bisnis, copywriting produk, hingga promosi melalui media sosial. Peserta akan mendapat sertifikat dan materi pelatihan.'
-  },
-  {
-    id: 3,
-    judul: 'Pelatihan Digital Marketing untuk UMKM Desa',
-    tanggal: 'Rabu, 23 April 2025',
-    jam: '13:00 WITA',
-    lokasi: 'Aula Kantor Desa',
-    deskripsi: 'Para pelaku UMKM diundang untuk mengikuti pelatihan dasar digital marketing: mulai dari membuat akun bisnis, copywriting produk, hingga promosi melalui media sosial. Peserta akan mendapat sertifikat dan materi pelatihan.'
-  },
-  {
-    id: 4,
-    judul: 'Pelatihan Digital Marketing untuk UMKM Desa',
-    tanggal: 'Rabu, 23 April 2025',
-    jam: '13:00 WITA',
-    lokasi: 'Aula Kantor Desa',
-    deskripsi: 'Para pelaku UMKM diundang untuk mengikuti pelatihan dasar digital marketing: mulai dari membuat akun bisnis, copywriting produk, hingga promosi melalui media sosial. Peserta akan mendapat sertifikat dan materi pelatihan.'
-  },
-  {
-    id: 5,
-    judul: 'Pelatihan Digital Marketing untuk UMKM Desa',
-    tanggal: 'Rabu, 23 April 2025',
-    jam: '13:00 WITA',
-    lokasi: 'Aula Kantor Desa',
-    deskripsi: 'Para pelaku UMKM diundang untuk mengikuti pelatihan dasar digital marketing: mulai dari membuat akun bisnis, copywriting produk, hingga promosi melalui media sosial. Peserta akan mendapat sertifikat dan materi pelatihan.'
-  },
-]
-function Page() {
-  return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
-      {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
-        <BackButton />
-      </Box>
-      <Container size="lg" px="md" >
-        <Stack align="center" gap="0" >
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
-            Pengumuman Ekonomi & UMKM
-          </Text>
-          <Text ta="center" px="md" pb={10}>
-            Informasi dan pengumuman resmi terkait pengumuman ekonomi & umkm
-          </Text>
-        </Stack>
-      </Container>
-      <Box px={{ base: 'md', md: 100 }}>
-        {dataPengumuman.map((v, k) => {
-          return (
-            <Paper mb={10} key={k} withBorder p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-              <Text fz={'h3'}>{v.judul}</Text>
-              <Group style={{ color: 'black' }} pb={20}>
-                <Group gap="xs">
-                  <IconCalendar size={18} />
-                  <Text size="sm">{v.tanggal}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconClock size={18} />
-                  <Text size="sm">{v.jam}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconMapPin size={18} />
-                  <Text size="sm">{v.lokasi}</Text>
-                </Group>
-              </Group>
-              <Text ta={'justify'}>
-                {v.deskripsi}
-              </Text>
-            </Paper>
-          )
-        })}
-      </Box>
-    </Stack>
-  );
-}
-
-export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/lingkungan-&-bencana/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/lingkungan-&-bencana/page.tsx
deleted file mode 100644
index 50320eeb..00000000
--- a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/lingkungan-&-bencana/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import colors from '@/con/colors';
-import { Stack, Box, Container, Text, Paper, Group } from '@mantine/core';
-import React from 'react';
-import BackButton from '../../../layanan/_com/BackButto';
-import { IconCalendar, IconClock, IconMapPin } from '@tabler/icons-react';
-
-const dataPengumuman = [
-  {
-    id: 1,
-    judul: 'Gotong Royong Bersih Sungai dan Drainase',
-    tanggal: 'Minggu, 21 April 2025',
-    jam: '06:30 WITA',
-    lokasi: 'Titik Kumpul: Poskamling RW 02',
-    deskripsi: 'Seluruh warga RW 02 diimbau ikut serta dalam kegiatan bersih-bersih aliran sungai dan saluran air untuk mencegah banjir saat musim hujan. Disediakan alat kebersihan dan konsumsi ringan.'
-  },
-  {
-    id: 2,
-    judul: 'Gotong Royong Bersih Sungai dan Drainase',
-    tanggal: 'Minggu, 21 April 2025',
-    jam: '06:30 WITA',
-    lokasi: 'Titik Kumpul: Poskamling RW 02',
-    deskripsi: 'Seluruh warga RW 02 diimbau ikut serta dalam kegiatan bersih-bersih aliran sungai dan saluran air untuk mencegah banjir saat musim hujan. Disediakan alat kebersihan dan konsumsi ringan.'
-  },
-  {
-    id: 3,
-    judul: 'Gotong Royong Bersih Sungai dan Drainase',
-    tanggal: 'Minggu, 21 April 2025',
-    jam: '06:30 WITA',
-    lokasi: 'Titik Kumpul: Poskamling RW 02',
-    deskripsi: 'Seluruh warga RW 02 diimbau ikut serta dalam kegiatan bersih-bersih aliran sungai dan saluran air untuk mencegah banjir saat musim hujan. Disediakan alat kebersihan dan konsumsi ringan.'
-  },
-  {
-    id: 4,
-    judul: 'Gotong Royong Bersih Sungai dan Drainase',
-    tanggal: 'Minggu, 21 April 2025',
-    jam: '06:30 WITA',
-    lokasi: 'Titik Kumpul: Poskamling RW 02',
-    deskripsi: 'Seluruh warga RW 02 diimbau ikut serta dalam kegiatan bersih-bersih aliran sungai dan saluran air untuk mencegah banjir saat musim hujan. Disediakan alat kebersihan dan konsumsi ringan.'
-  },
-  {
-    id: 5,
-    judul: 'Gotong Royong Bersih Sungai dan Drainase',
-    tanggal: 'Minggu, 21 April 2025',
-    jam: '06:30 WITA',
-    lokasi: 'Titik Kumpul: Poskamling RW 02',
-    deskripsi: 'Seluruh warga RW 02 diimbau ikut serta dalam kegiatan bersih-bersih aliran sungai dan saluran air untuk mencegah banjir saat musim hujan. Disediakan alat kebersihan dan konsumsi ringan.'
-  },
-]
-function Page() {
-  return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
-      {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
-        <BackButton />
-      </Box>
-      <Container size="lg" px="md" >
-        <Stack align="center" gap="0" >
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
-            Pengumuman Lingkungan & Bencana
-          </Text>
-          <Text ta="center" px="md" pb={10}>
-            Informasi dan pengumuman resmi terkait pengumuman lingkungan & bencana
-          </Text>
-        </Stack>
-      </Container>
-      <Box px={{ base: 'md', md: 100 }}>
-        {dataPengumuman.map((v, k) => {
-          return (
-            <Paper mb={10} key={k} withBorder p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-              <Text fz={'h3'}>{v.judul}</Text>
-              <Group style={{ color: 'black' }} pb={20}>
-                <Group gap="xs">
-                  <IconCalendar size={18} />
-                  <Text size="sm">{v.tanggal}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconClock size={18} />
-                  <Text size="sm">{v.jam}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconMapPin size={18} />
-                  <Text size="sm">{v.lokasi}</Text>
-                </Group>
-              </Group>
-              <Text ta={'justify'}>
-                {v.deskripsi}
-              </Text>
-            </Paper>
-          )
-        })}
-      </Box>
-    </Stack>
-  );
-}
-
-export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/pendidikan-&-kepemudaan/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/pendidikan-&-kepemudaan/page.tsx
deleted file mode 100644
index 003785fc..00000000
--- a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/pendidikan-&-kepemudaan/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import colors from '@/con/colors';
-import { Stack, Box, Container, Text, Paper, Group } from '@mantine/core';
-import React from 'react';
-import BackButton from '../../../layanan/_com/BackButto';
-import { IconCalendar, IconClock, IconMapPin } from '@tabler/icons-react';
-
-const dataPengumuman = [
-  {
-    id: 1,
-    judul: 'Pendaftaran Bimbingan Belajar Gratis untuk Pelajar',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-  {
-    id: 2,
-    judul: 'Lomba Video Pendek Hari Lingkungan',
-    tanggal: 'Deadline: 28 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Online Submission',
-    deskripsi: 'Karang Taruna Desa mengadakan lomba video pendek bertema "Lingkunganku, Tanggung Jawabku". Pemenang akan diumumkan saat acara Hari Desa Hijau. Total hadiah Rp1.000.000.'
-  },
-  {
-    id: 3,
-    judul: 'Pendaftaran Bimbingan Belajar Gratis untuk Pelajar',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-  {
-    id: 4,
-    judul: 'Lomba Video Pendek Hari Lingkungan',
-    tanggal: 'Deadline: 28 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Online Submission',
-    deskripsi: 'Karang Taruna Desa mengadakan lomba video pendek bertema "Lingkunganku, Tanggung Jawabku". Pemenang akan diumumkan saat acara Hari Desa Hijau. Total hadiah Rp1.000.000.'
-  },
-  {
-    id: 5,
-    judul: 'Pendaftaran Bimbingan Belajar Gratis untuk Pelajar',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-]
-function Page() {
-  return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
-      {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
-        <BackButton />
-      </Box>
-      <Container size="lg" px="md" >
-        <Stack align="center" gap="0" >
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
-            Pengumuman Pendidikan & Kepemudaan
-          </Text>
-          <Text ta="center" px="md" pb={10}>
-            Informasi dan pengumuman resmi terkait pengumuman pendidikan & kepemudaan
-          </Text>
-        </Stack>
-      </Container>
-      <Box px={{ base: 'md', md: 100 }}>
-        {dataPengumuman.map((v, k) => {
-          return (
-            <Paper mb={10} key={k} withBorder p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-              <Text fz={'h3'}>{v.judul}</Text>
-              <Group style={{ color: 'black' }} pb={20}>
-                <Group gap="xs">
-                  <IconCalendar size={18} />
-                  <Text size="sm">{v.tanggal}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconClock size={18} />
-                  <Text size="sm">{v.jam}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconMapPin size={18} />
-                  <Text size="sm">{v.lokasi}</Text>
-                </Group>
-              </Group>
-              <Text ta={'justify'}>
-                {v.deskripsi}
-              </Text>
-            </Paper>
-          )
-        })}
-      </Box>
-    </Stack>
-  );
-}
-
-export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/sosial-&-kesehatan/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/sosial-&-kesehatan/page.tsx
deleted file mode 100644
index f6924545..00000000
--- a/src/app/darmasaba/(pages)/desa/pengumuman/(kategori)/sosial-&-kesehatan/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import colors from '@/con/colors';
-import { Stack, Box, Container, Text, Paper, Group } from '@mantine/core';
-import React from 'react';
-import BackButton from '../../../layanan/_com/BackButto';
-import { IconCalendar, IconClock, IconMapPin } from '@tabler/icons-react';
-
-const dataPengumuman = [
-  {
-    id: 1,
-    judul: 'Pemeriksaan Kesehatan Gratis Untuk Warga Desa',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-  {
-    id: 2,
-    judul: 'Pemeriksaan Kesehatan Gratis Untuk Warga Desa',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-  {
-    id: 3,
-    judul: 'Pemeriksaan Kesehatan Gratis Untuk Warga Desa',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-  {
-    id: 4,
-    judul: 'Pemeriksaan Kesehatan Gratis Untuk Warga Desa',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-  {
-    id: 5,
-    judul: 'Pemeriksaan Kesehatan Gratis Untuk Warga Desa',
-    tanggal: 'Sabtu, 20 April 2025',
-    jam: '08:00 WITA',
-    lokasi: 'Balai Banjar Desa Darmasaba',
-    deskripsi: 'Dalam rangka meningkatkan kesadaran kesehatan, Pemerintah Desa Darmasaba bekerja sama dengan Puskesmas Abiansemal akan mengadakan pemeriksaan kesehatan gratis meliputi cek tekanan darah, kolesterol, gula darah, dan konsultasi gizi.'
-  },
-]
-function Page() {
-  return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
-      {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
-        <BackButton />
-      </Box>
-      <Container size="lg" px="md" >
-        <Stack align="center" gap="0" >
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
-            Pengumuman Sosial & Kesehatan
-          </Text>
-          <Text ta="center" px="md" pb={10}>
-            Informasi dan pengumuman resmi terkait pengumuman sosial & kesehatan
-          </Text>
-        </Stack>
-      </Container>
-      <Box px={{ base: 'md', md: 100 }}>
-        {dataPengumuman.map((v, k) => {
-          return (
-            <Paper mb={10} key={k} withBorder p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-              <Text fz={'h3'}>{v.judul}</Text>
-              <Group style={{ color: 'black' }} pb={20}>
-                <Group gap="xs">
-                  <IconCalendar size={18} />
-                  <Text size="sm">{v.tanggal}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconClock size={18} />
-                  <Text size="sm">{v.jam}</Text>
-                </Group>
-                <Group gap="xs">
-                  <IconMapPin size={18} />
-                  <Text size="sm">{v.lokasi}</Text>
-                </Group>
-              </Group>
-              <Text ta={'justify'}>
-                {v.deskripsi}
-              </Text>
-            </Paper>
-          )
-        })}
-      </Box>
-    </Stack>
-  );
-}
-
-export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
index 82a8ccd5..f103d6f8 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
@@ -46,8 +46,8 @@ function Page() {
               </Group>
             </Group>
           <Paper bg={colors["white-1"]} p="md">
-            <Text id='news-content' fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
-            <Text fz={"md"} c={colors["blue-button"]} fw="bold" >
+            <Text px="lg" id='news-content' fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
+            <Text px="lg" fz={"md"} c={colors["blue-button"]} fw="bold" >
               {new Date(detail.data?.createdAt).toLocaleDateString('id-ID', {
                 weekday: 'long',
                 day: 'numeric',
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
index 5ac50922..bc4b3300 100644
--- a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
@@ -14,6 +14,9 @@ import {
   Loader,
   Paper,
   Stack,
+  Tabs,
+  TabsList,
+  TabsTab,
   Text,
   TextInput,
   Title,
@@ -35,6 +38,7 @@ import { useEffect, useRef, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import './struktur.css'
 import BackButton from '../_com/BackButto'
+import { useMediaQuery } from '@mantine/hooks'
 
 export default function StrukturPerangkatDesa() {
   return (
@@ -231,87 +235,121 @@ function StrukturPerangkatDesaNode() {
         p="md"
         radius="md"
         style={{
-          background: colors['blue-button']
+          background: colors['blue-button'],
+          width: '100%',       // ⬅️ penting
+          maxWidth: '100%',    // ⬅️ penting
+          overflowX: 'auto'    // ⬅️ untuk mencegah overflow
         }}
       >
-        <Group gap="sm" wrap="wrap" justify="center">
-          <TextInput
-            placeholder="Cari nama atau jabatan..."
-            leftSection={<IconSearch size={16} />}
-            onChange={(e) => debouncedSearch(e.target.value)}
+
+        <Stack gap="sm">
+          <Group justify='center'>
+            <TextInput
+              placeholder="Cari nama atau jabatan..."
+              leftSection={<IconSearch size={16} />}
+              onChange={(e) => debouncedSearch(e.target.value)}
+              styles={{
+                input: {
+                  minWidth: 250,
+                },
+              }}
+            />
+          </Group>
+          <Tabs
+            defaultValue="zoom-out"
+            variant="outline"
+            radius="md"
             styles={{
-              input: {
-                minWidth: 250,
+              panel: { display: 'none' },
+              tab: {
+                color: colors['blue-button'],
+                backgroundColor: colors['blue-button-2'],
+                border: 'none',
+                fontWeight: 600,
+                fontSize: '0.875rem',
+                padding: '6px 12px',
+                minHeight: 'auto',
+                flexShrink: 0, // 👈 PENTING: mencegah tab mengecil
               },
             }}
-          />
-
-          <Group gap="xs">
-            <Button
-              variant="light"
-              bg={colors['blue-button-2']}
-              size="sm"
-              onClick={handleZoomOut}
-              leftSection={<IconZoomOut size={16} />}
-              c={colors['blue-button']}
-            >
-              Zoom Out
-            </Button>
-
-            <Box
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              px={16}
-              py={8}
+          >
+            <TabsList
               style={{
-                fontSize: 14,
-                fontWeight: 700,
-                borderRadius: '8px',
-                minWidth: 70,
-                textAlign: 'center',
+                display: 'flex',
+                overflowX: 'auto',
+                overflowY: 'hidden', // 👈 tambahkan ini
+                gap: '4px',
+                paddingBottom: '4px',
+                flexWrap: 'nowrap',
+                WebkitOverflowScrolling: 'touch', // 👈 smooth scroll di iOS
+                scrollbarWidth: 'thin', // 👈 scrollbar tipis di Firefox
+                msOverflowStyle: '-ms-autohiding-scrollbar', // 👈 untuk IE/Edge
               }}
             >
-              {Math.round(scale * 100)}%
-            </Box>
+              <TabsTab
+                value="zoom-out"
+                onClick={handleZoomOut}
+                leftSection={<IconZoomOut size={16} />}
+                style={{ flexShrink: 0 }} // 👈 pastikan tidak mengecil
+              >
+                Zoom Out
+              </TabsTab>
 
-            <Button
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              variant="light"
-              size="sm"
-              onClick={handleZoomIn}
-              leftSection={<IconZoomIn size={16} />}
-            >
-              Zoom In
-            </Button>
+              <Box
+                bg={colors['blue-button-2']}
+                c={colors['blue-button']}
+                px={12}
+                py={6}
+                style={{
+                  fontSize: 14,
+                  fontWeight: 700,
+                  borderRadius: '6px',
+                  minWidth: 60,
+                  textAlign: 'center',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  flexShrink: 0,
+                  whiteSpace: 'nowrap', // 👈 mencegah text wrap
+                }}
+              >
+                {Math.round(scale * 100)}%
+              </Box>
 
-            <Button
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              variant="light"
-              size="sm"
-              onClick={resetZoom}
-            >
-              Reset
-            </Button>
+              <TabsTab
+                value="zoom-in"
+                onClick={handleZoomIn}
+                leftSection={<IconZoomIn size={16} />}
+                style={{ flexShrink: 0 }}
+              >
+                Zoom In
+              </TabsTab>
 
-            <Button
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              size="sm"
-              onClick={toggleFullscreen}
-              leftSection={
-                isFullscreen ? (
-                  <IconArrowsMinimize size={16} />
-                ) : (
-                  <IconArrowsMaximize size={16} />
-                )
-              }
-            >
-              Fullscreen
-            </Button>
-          </Group>
-        </Group>
+              <TabsTab
+                value="reset"
+                onClick={resetZoom}
+                style={{ flexShrink: 0 }}
+              >
+                Reset
+              </TabsTab>
+
+              <TabsTab
+                value="fullscreen"
+                onClick={toggleFullscreen}
+                leftSection={
+                  isFullscreen ? (
+                    <IconArrowsMinimize size={16} />
+                  ) : (
+                    <IconArrowsMaximize size={16} />
+                  )
+                }
+                style={{ flexShrink: 0 }}
+              >
+                {isFullscreen ? 'Exit' : 'Fullscreen'}
+              </TabsTab>
+            </TabsList>
+          </Tabs>
+        </Stack>
       </Paper>
 
       {/* 🧩 Chart Container */}
@@ -325,15 +363,20 @@ function StrukturPerangkatDesaNode() {
             maxWidth: '100%',
             padding: '32px 16px',
             transition: 'transform 0.2s ease',
-            transform: `scale(${scale})`,
-            transformOrigin: 'center top',
           }}
         >
-          <OrganizationChart
-            value={chartData}
-            nodeTemplate={(node) => <NodeCard node={node} router={router} />}
-            className="p-organizationchart p-organizationchart-horizontal"
-          />
+          <Box style={{
+            transform: `scale(${scale})`,
+            transformOrigin: 'center top',
+            display: 'inline-block', // 👈 agar tidak memenuhi lebar parent
+            minWidth: 'min-content', // 👈 penting agar chart tidak dipaksa muat di width 100%
+          }}>
+            <OrganizationChart
+              value={chartData}
+              nodeTemplate={(node) => <NodeCard node={node} router={router} />}
+              className="p-organizationchart p-organizationchart-horizontal"
+            />
+          </Box>
         </Box>
       </Center>
     </Stack>
@@ -345,6 +388,7 @@ function NodeCard({ node, router }: any) {
   const name = node?.data?.name || 'Tanpa Nama'
   const title = node?.data?.title || 'Tanpa Jabatan'
   const hasId = Boolean(node?.data?.id)
+  const isMobile = useMediaQuery("(max-width: 768px)");
 
   return (
     <Transition mounted transition="pop" duration={300}>
@@ -355,9 +399,10 @@ function NodeCard({ node, router }: any) {
           withBorder
           style={{
             ...styles,
-            width: 240,
-            minHeight: 280,
-            padding: 20,
+            width: '100%',
+            maxWidth: isMobile ? 200 : 240, // lebih kecil di mobile
+            minHeight: isMobile ? 240 : 280,
+            padding: isMobile ? 16 : 20,
             background: 'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
             borderColor: 'rgba(28, 110, 164, 0.3)',
             borderWidth: 2,
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
index 23c2cee6..16981c7e 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
@@ -87,7 +87,7 @@ export default function DetailInformasiPublikUser() {
           <Divider />
 
           <Stack gap="lg">
-            <Box>
+            <Box px="lg">
               <Text fz={{ base: 'md', md: 'lg' }} fw="bold" mb={4}>
                 Jenis Informasi
               </Text>
@@ -96,7 +96,7 @@ export default function DetailInformasiPublikUser() {
               </Text>
             </Box>
 
-            <Box>
+            <Box px="lg">
               <Text fz={{ base: 'md', md: 'lg' }} fw="bold" mb={4}>
                 Tanggal Publikasi
               </Text>
@@ -111,15 +111,19 @@ export default function DetailInformasiPublikUser() {
               </Text>
             </Box>
 
-            <Box>
+            <Box px="lg">
               <Text fz={{ base: 'md', md: 'lg' }} fw="bold" mb={4}>
                 Deskripsi
               </Text>
-              <Box
-                className="prose max-w-none leading-relaxed"
-                dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
-                style={{wordBreak: "break-word", whiteSpace: "normal"}}
-              />
+              <Box>
+                <Text
+                  ta={"justify"}
+                  className="prose max-w-none leading-relaxed"
+                  dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  fz={{ base: 'md', md: 'lg' }}
+                />
+              </Box>
             </Box>
           </Stack>
         </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
index b9d64d1f..7b66459c 100644
--- a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
@@ -31,7 +31,11 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Stack align="center" gap="xs">
+      <Stack
+        align="center"
+        gap="xs"
+        px={{ base: 'md', md: 100 }}
+      >
         <IconBook2 size={42} stroke={1.5} color={colors["blue-button"]} />
         <Text
           ta="center"
@@ -42,7 +46,7 @@ function Page() {
         >
           Dasar Hukum
         </Text>
-        <Text ta="center" fz="md" >
+        <Text ta="center" fz="md" c={"black"}>
           Informasi regulasi dan kebijakan resmi yang menjadi dasar hukum
         </Text>
       </Stack>
@@ -71,12 +75,15 @@ function Page() {
                   <Stack gap="md">
                     <Text
                       ta="center"
+                      c={"black"}
                       fw="bold"
                       fz={{ base: 'lg', md: 'xl' }}
                       style={{ lineHeight: 1.4 }}
                       dangerouslySetInnerHTML={{ __html: item.judul }}
                     />
                     <Text
+                      c={"black"}
+                      ta={"justify"}
                       fz={{ base: 'sm', md: 'md' }}
                       style={{ lineHeight: 1.7, wordBreak: "break-word", whiteSpace: "normal" }}
                       dangerouslySetInnerHTML={{ __html: item.content }}
diff --git a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
index 8e8b40f7..6b53ebf2 100644
--- a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
@@ -598,7 +598,7 @@ const state = useProxy(indeksKepuasanState.responden);
             <TextInput
               label="Nama"
               type='text'
-              placeholder="masukkan nama"
+              placeholder="Masukkan nama"
               value={state.create.form.name}
               onChange={(val) => {
                 state.create.form.name = val.currentTarget.value;
@@ -607,7 +607,7 @@ const state = useProxy(indeksKepuasanState.responden);
             <TextInput
               label="Tanggal Pengisian"
               type="date"
-              placeholder="masukkan tanggal"
+              placeholder="Masukkan tanggal"
               value={state.create.form.tanggal}
               onChange={(val) => {
                 state.create.form.tanggal = val.currentTarget.value;
diff --git a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
index 5a47ba67..6bd6ebd1 100644
--- a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
@@ -53,23 +53,11 @@ function Page() {
   const permohonanInformasiPublikState = useProxy(statePermohonanInformasi);
   const router = useRouter();
 
-  const submitForms = () => {
+  const submitForms = async () => {
     const { create } = permohonanInformasiPublikState.statepermohonanInformasiPublik;
-
-    if (
-      create.form.name &&
-      create.form.nik &&
-      create.form.notelp &&
-      create.form.alamat &&
-      create.form.email &&
-      create.form.jenisInformasiDimintaId &&
-      create.form.caraMemperolehInformasiId &&
-      create.form.caraMemperolehSalinanInformasiId
-    ) {
-      create.create();
+    const hasil = await create.create(); // tunggu hasilnya
+    if (hasil) {
       router.push('/darmasaba/permohonan/berhasil');
-    } else {
-      console.log('Validasi gagal, form tidak lengkap');
     }
   };
 
diff --git a/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 4ef775be..871fd6f5 100644
--- a/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -55,17 +55,13 @@ function Page() {
   const stateKeberatan = useProxy(permohonanKeberatanInformasi);
   const router = useRouter();
 
-  const submit = () => {
-    if (
-      stateKeberatan.create.form.name &&
-      stateKeberatan.create.form.email &&
-      stateKeberatan.create.form.notelp &&
-      stateKeberatan.create.form.alasan
-    ) {
-      stateKeberatan.create.create();
+  const submit = async () => {
+    const { create } = stateKeberatan;
+
+    const hasil = await create.create(); // tunggu hasilnya
+
+    if (hasil) {
       router.push('/darmasaba/permohonan/berhasil');
-    } else {
-      console.log('Formulir belum lengkap');
     }
   };
 
@@ -190,7 +186,7 @@ function Page() {
 
                   <TextInput
                     label="Nomor Telepon"
-                    placeholder="Contoh: 0812-3456-7890"
+                    placeholder="Contoh: 081234567890"
                     radius="md"
                     size="md"
                     withAsterisk
diff --git a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
index f63c6d59..00a0102e 100644
--- a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
@@ -96,14 +96,20 @@ function Page() {
                           <IconUser size={28} />
                           <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Biografi</Text>
                         </Flex>
-                        <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.biodata }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                        <Box px={20}>
+                          <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.biodata }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                        </Box>
                       </Box>
                       <Box>
                         <Flex align="center" gap="sm" mb="sm">
                           <IconTimeline size={28} />
                           <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Riwayat Karir</Text>
                         </Flex>
-                        <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} dangerouslySetInnerHTML={{ __html: item.riwayat }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                        <List spacing="xs" size="sm">
+                          <Box px={20}>
+                            <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} dangerouslySetInnerHTML={{ __html: item.riwayat }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                          </Box>
+                        </List>
                       </Box>
                     </Stack>
                   </Box>
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
index 1d921cab..c14914d8 100644
--- a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
@@ -14,6 +14,9 @@ import {
   Loader,
   Paper,
   Stack,
+  Tabs,
+  TabsList,
+  TabsTab,
   Text,
   TextInput,
   Title,
@@ -35,6 +38,7 @@ import { useEffect, useRef, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import BackButton from '../../desa/layanan/_com/BackButto'
 import './struktur.css'
+import { useMediaQuery } from '@mantine/hooks'
 
 export default function Page() {
   return (
@@ -231,87 +235,121 @@ function StrukturOrganisasiPPID() {
         p="md"
         radius="md"
         style={{
-          background: colors['blue-button']
+          background: colors['blue-button'],
+          width: '100%',       // ⬅️ penting
+          maxWidth: '100%',    // ⬅️ penting
+          overflowX: 'auto'    // ⬅️ untuk mencegah overflow
         }}
       >
-        <Group gap="sm" wrap="wrap" justify="center">
-          <TextInput
-            placeholder="Cari nama atau jabatan..."
-            leftSection={<IconSearch size={16} />}
-            onChange={(e) => debouncedSearch(e.target.value)}
+
+        <Stack gap="sm">
+          <Group justify='center'>
+            <TextInput
+              placeholder="Cari nama atau jabatan..."
+              leftSection={<IconSearch size={16} />}
+              onChange={(e) => debouncedSearch(e.target.value)}
+              styles={{
+                input: {
+                  minWidth: 250,
+                },
+              }}
+            />
+          </Group>
+          <Tabs
+            defaultValue="zoom-out"
+            variant="outline"
+            radius="md"
             styles={{
-              input: {
-                minWidth: 250,
+              panel: { display: 'none' },
+              tab: {
+                color: colors['blue-button'],
+                backgroundColor: colors['blue-button-2'],
+                border: 'none',
+                fontWeight: 600,
+                fontSize: '0.875rem',
+                padding: '6px 12px',
+                minHeight: 'auto',
+                flexShrink: 0, // 👈 PENTING: mencegah tab mengecil
               },
             }}
-          />
-
-          <Group gap="xs">
-            <Button
-              variant="light"
-              bg={colors['blue-button-2']}
-              size="sm"
-              onClick={handleZoomOut}
-              leftSection={<IconZoomOut size={16} />}
-              c={colors['blue-button']}
-            >
-              Zoom Out
-            </Button>
-
-            <Box
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              px={16}
-              py={8}
+          >
+            <TabsList
               style={{
-                fontSize: 14,
-                fontWeight: 700,
-                borderRadius: '8px',
-                minWidth: 70,
-                textAlign: 'center',
+                display: 'flex',
+                overflowX: 'auto',
+                overflowY: 'hidden', // 👈 tambahkan ini
+                gap: '4px',
+                paddingBottom: '4px',
+                flexWrap: 'nowrap',
+                WebkitOverflowScrolling: 'touch', // 👈 smooth scroll di iOS
+                scrollbarWidth: 'thin', // 👈 scrollbar tipis di Firefox
+                msOverflowStyle: '-ms-autohiding-scrollbar', // 👈 untuk IE/Edge
               }}
             >
-              {Math.round(scale * 100)}%
-            </Box>
+              <TabsTab
+                value="zoom-out"
+                onClick={handleZoomOut}
+                leftSection={<IconZoomOut size={16} />}
+                style={{ flexShrink: 0 }} // 👈 pastikan tidak mengecil
+              >
+                Zoom Out
+              </TabsTab>
 
-            <Button
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              variant="light"
-              size="sm"
-              onClick={handleZoomIn}
-              leftSection={<IconZoomIn size={16} />}
-            >
-              Zoom In
-            </Button>
+              <Box
+                bg={colors['blue-button-2']}
+                c={colors['blue-button']}
+                px={12}
+                py={6}
+                style={{
+                  fontSize: 14,
+                  fontWeight: 700,
+                  borderRadius: '6px',
+                  minWidth: 60,
+                  textAlign: 'center',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  flexShrink: 0,
+                  whiteSpace: 'nowrap', // 👈 mencegah text wrap
+                }}
+              >
+                {Math.round(scale * 100)}%
+              </Box>
 
-            <Button
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              variant="light"
-              size="sm"
-              onClick={resetZoom}
-            >
-              Reset
-            </Button>
+              <TabsTab
+                value="zoom-in"
+                onClick={handleZoomIn}
+                leftSection={<IconZoomIn size={16} />}
+                style={{ flexShrink: 0 }}
+              >
+                Zoom In
+              </TabsTab>
 
-            <Button
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              size="sm"
-              onClick={toggleFullscreen}
-              leftSection={
-                isFullscreen ? (
-                  <IconArrowsMinimize size={16} />
-                ) : (
-                  <IconArrowsMaximize size={16} />
-                )
-              }
-            >
-              Fullscreen
-            </Button>
-          </Group>
-        </Group>
+              <TabsTab
+                value="reset"
+                onClick={resetZoom}
+                style={{ flexShrink: 0 }}
+              >
+                Reset
+              </TabsTab>
+
+              <TabsTab
+                value="fullscreen"
+                onClick={toggleFullscreen}
+                leftSection={
+                  isFullscreen ? (
+                    <IconArrowsMinimize size={16} />
+                  ) : (
+                    <IconArrowsMaximize size={16} />
+                  )
+                }
+                style={{ flexShrink: 0 }}
+              >
+                {isFullscreen ? 'Exit' : 'Fullscreen'}
+              </TabsTab>
+            </TabsList>
+          </Tabs>
+        </Stack>
       </Paper>
 
       {/* 🧩 Chart Container */}
@@ -325,15 +363,20 @@ function StrukturOrganisasiPPID() {
             maxWidth: '100%',
             padding: '32px 16px',
             transition: 'transform 0.2s ease',
-            transform: `scale(${scale})`,
-            transformOrigin: 'center top',
           }}
         >
-          <OrganizationChart
-            value={chartData}
-            nodeTemplate={(node) => <NodeCard node={node} router={router} />}
-            className="p-organizationchart p-organizationchart-horizontal"
-          />
+          <Box style={{
+            transform: `scale(${scale})`,
+            transformOrigin: 'center top',
+            display: 'inline-block', // 👈 agar tidak memenuhi lebar parent
+            minWidth: 'min-content', // 👈 penting agar chart tidak dipaksa muat di width 100%
+          }}>
+            <OrganizationChart
+              value={chartData}
+              nodeTemplate={(node) => <NodeCard node={node} router={router} />}
+              className="p-organizationchart p-organizationchart-horizontal"
+            />
+          </Box>
         </Box>
       </Center>
     </Stack>
@@ -345,6 +388,7 @@ function NodeCard({ node, router }: any) {
   const name = node?.data?.name || 'Tanpa Nama'
   const title = node?.data?.title || 'Tanpa Jabatan'
   const hasId = Boolean(node?.data?.id)
+  const isMobile = useMediaQuery("(max-width: 768px)");
 
   return (
     <Transition mounted transition="pop" duration={300}>
@@ -355,9 +399,10 @@ function NodeCard({ node, router }: any) {
           withBorder
           style={{
             ...styles,
-            width: 240,
-            minHeight: 280,
-            padding: 20,
+            width: '100%',
+            maxWidth: isMobile ? 200 : 240, // lebih kecil di mobile
+            minHeight: isMobile ? 240 : 280,
+            padding: isMobile ? 16 : 20,
             background: 'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
             borderColor: 'rgba(28, 110, 164, 0.3)',
             borderWidth: 2,
@@ -411,6 +456,7 @@ function NodeCard({ node, router }: any) {
               c={colors['blue-button']}
               lineClamp={2}
               style={{
+                // fontSize: 'clamp(12px, 4vw, 16px)', // 👈 responsif font size
                 minHeight: 40,
                 display: 'flex',
                 alignItems: 'center',
diff --git a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
index 85e50080..43440556 100644
--- a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
@@ -75,7 +75,7 @@ function Page() {
                       lh={1.7}
                       ta="center"
                       dangerouslySetInnerHTML={{ __html: item.visi }}
-                      style={{wordBreak: "break-word", whiteSpace: "normal"}}
+                      style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                     />
                   </Box>
 
@@ -86,12 +86,15 @@ function Page() {
                       c={colors['blue-button']} mb="sm">
                       Misi PPID
                     </Text>
-                    <Text
-                      fz={{ base: 'md', md: 'lg' }}
-                      lh={1.7}
-                      dangerouslySetInnerHTML={{ __html: item.misi }}
-                      style={{wordBreak: "break-word", whiteSpace: "normal"}}
-                    />
+                    <Box px={{ base: 'md', md: 100 }}>
+                      <Text
+                        ta={"justify"}
+                        fz={{ base: 'md', md: 'lg' }}
+                        lh={1.7}
+                        dangerouslySetInnerHTML={{ __html: item.misi }}
+                        style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                      />
+                    </Box>
                   </Box>
                 </Stack>
               </Paper>
diff --git a/src/app/darmasaba/_com/ModernNewsNotification.tsx b/src/app/darmasaba/_com/ModernNewsNotification.tsx
index ccf338d9..e2663db0 100644
--- a/src/app/darmasaba/_com/ModernNewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNewsNotification.tsx
@@ -220,8 +220,9 @@ export default function ModernNewsNotification({
               ...styles,
               position: "fixed",
               bottom: "100px",
-              right: "24px",
-              width: "380px",
+              left: "24px",
+              width: "90vw",
+              maxWidth: 380,
               maxHeight: "500px",
               boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
               borderRadius: "16px",
@@ -290,7 +291,7 @@ export default function ModernNewsNotification({
                           color={item.type === "berita" ? "blue" : "orange"}
                           variant="light"
                         >
-                          {item.type === "berita" ? "📰 Berita" : "📢 Pengumuman"}
+                          {item.type === "berita" ? "Berita" : "Pengumuman"}
                         </Badge>
                         <IconChevronRight size={16} color="#adb5bd" />
                       </Group>
@@ -321,8 +322,9 @@ export default function ModernNewsNotification({
               ...styles,
               position: "fixed",
               bottom: "100px",
-              right: "24px",
-              width: "380px",
+              left: "24px",
+              width: "90vw",
+              maxWidth: 380,
               boxShadow: "0 8px 32px rgba(0,0,0,0.15)",
               borderRadius: "12px",
               overflow: "hidden",
@@ -350,7 +352,6 @@ export default function ModernNewsNotification({
                   size="md"
                   color={currentNews?.type === "berita" ? "blue" : "orange"}
                   variant="light"
-                  leftSection={currentNews?.type === "berita" ? "📰" : "📢"}
                 >
                   {currentNews?.type === "berita"
                     ? "Berita Terbaru"
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index f7480598..d303760c 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -4,7 +4,7 @@ import indeksKepuasanState from "@/app/admin/(dashboard)/_state/landing-page/ind
 import colors from "@/con/colors";
 import { BarChart, PieChart } from '@mantine/charts';
 import { Box, Button, Center, Container, Flex, Modal, Paper, Select, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from "@mantine/core";
-import { useDisclosure, useShallowEffect } from "@mantine/hooks";
+import { useDisclosure, useMediaQuery, useShallowEffect } from "@mantine/hooks";
 import { useState } from "react";
 import { useProxy } from "valtio/utils";
 
@@ -25,6 +25,7 @@ function Kepuasan() {
   const [donutDataKelompokUmur, setDonutDataKelompokUmur] = useState<ChartDataItem[]>([]);
   const [barChartData, setBarChartData] = useState<Array<{ month: string; Responden: number }>>([]);
   const [opened, { open, close }] = useDisclosure(false)
+  const isMobile = useMediaQuery("(max-width: 768px)");
 
   const resetForm = () => {
     state.create.form = {
@@ -41,7 +42,7 @@ function Kepuasan() {
     indeksKepuasanState.jenisKelaminResponden.findMany.load()
     indeksKepuasanState.pilihanRatingResponden.findMany.load()
     indeksKepuasanState.kelompokUmurResponden.findMany.load()
-  },[])
+  }, [])
 
   const handleSubmit = async () => {
     try {
@@ -82,13 +83,13 @@ function Kepuasan() {
 
       // Update gender chart data
       setDonutDataJenisKelamin([
-        { name: 'Laki-laki', value: totalLaki, color: colors['blue-button'] },
+        { name: 'Laki-laki', value: totalLaki, color: '#52ABE3FF' },
         { name: 'Perempuan', value: totalPerempuan, color: '#10A85AFF' },
       ]);
 
       // Update rating chart data
       setDonutDataRating([
-        { name: 'Sangat Baik', value: totalSangatBaik, color: colors['blue-button'] },
+        { name: 'Sangat Baik', value: totalSangatBaik, color: '#52ABE3FF' },
         { name: 'Baik', value: totalBaik, color: '#10A85AFF' },
         { name: 'Kurang Baik', value: totalKurangBaik, color: '#FFA500' },
         { name: 'Sangat Kurang Baik', value: totalSangatKurangBaik, color: '#FF4500' },
@@ -96,7 +97,7 @@ function Kepuasan() {
 
       // Update age group chart data
       setDonutDataKelompokUmur([
-        { name: 'Muda', value: totalMuda, color: colors['blue-button'] },
+        { name: 'Muda', value: totalMuda, color: '#52ABE3FF' },
         { name: 'Dewasa', value: totalDewasa, color: '#10A85AFF' },
         { name: 'Lansia', value: totalLansia, color: '#FFA500' },
       ]);
@@ -220,10 +221,13 @@ function Kepuasan() {
                           <Box style={{ position: 'relative', width: '100%' }}>
                             <Center>
                               <PieChart
-                                withLabels
                                 withTooltip
+                                tooltipAnimationDuration={200}
+                                withLabels
+                                labelsPosition="inside" // 👈 ini yang penting!
                                 labelsType="percent"
-                                size={250} // Fixed size in pixels
+                                withLabelsLine
+                                size={isMobile ? 180 : 250} // 👈 kecilkan ukuran di mobile
                                 data={donutDataJenisKelamin}
                               />
                             </Center>
@@ -259,10 +263,10 @@ function Kepuasan() {
                                 withTooltip
                                 tooltipAnimationDuration={200}
                                 withLabels
-                                labelsPosition="outside"
+                                labelsPosition="inside" // 👈 ini yang penting!
                                 labelsType="percent"
                                 withLabelsLine
-                                size={250}
+                                size={isMobile ? 180 : 250} // 👈 kecilkan ukuran di mobile
                                 data={donutDataRating}
                               />
                             </Center>
@@ -302,10 +306,10 @@ function Kepuasan() {
                                 withTooltip
                                 tooltipAnimationDuration={200}
                                 withLabels
-                                labelsPosition="outside"
+                                labelsPosition="inside"// 👈 ini yang penting!
                                 labelsType="percent"
                                 withLabelsLine
-                                size={250}
+                                size={isMobile ? 180 : 250} // 👈 kecilkan ukuran di mobile
                                 data={donutDataKelompokUmur}
                               />
                             </Center>
@@ -494,6 +498,8 @@ function Kepuasan() {
                             <PieChart
                               withLabels
                               withTooltip
+                              labelsPosition="inside"
+                          
                               labelsType="percent"
                               size={200}
                               data={donutDataJenisKelamin}
@@ -531,7 +537,8 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                              labelsPosition="outside"
+                          
+                              labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
                               size={200}
@@ -574,7 +581,8 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                              labelsPosition="outside"
+                              
+                              labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
                               size={190}
@@ -610,7 +618,7 @@ function Kepuasan() {
             <TextInput
               label="Nama"
               type='text'
-              placeholder="masukkan nama"
+              placeholder="Masukkan nama"
               value={state.create.form.name}
               onChange={(val) => {
                 state.create.form.name = val.currentTarget.value;
@@ -619,7 +627,7 @@ function Kepuasan() {
             <TextInput
               label="Tanggal Pengisian"
               type="date"
-              placeholder="masukkan tanggal"
+              placeholder="Masukkan tanggal"
               value={state.create.form.tanggal}
               onChange={(val) => {
                 state.create.form.tanggal = val.currentTarget.value;
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index 563f1dc1..8204b784 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -154,7 +154,7 @@ function LandingPage() {
 
   return (
     <Stack bg={colors.Bg} p="md" gap="lg">
-      <Flex gap="lg" wrap={{ base: "wrap", md: "nowrap" }}>
+      <Flex gap="lg" wrap={{ base: "wrap", md: "nowrap" }} pb={30}>
         <Stack w={{ base: "100%", md: "65%" }} gap="lg">
           <Card radius="xl" bg={colors.grey[1]} p="lg" mt={10} shadow="xl">
             <Stack gap="xl">
diff --git a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
index 2b4877eb..0c487411 100644
--- a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
@@ -4,7 +4,7 @@ import penghargaanState from "@/app/admin/(dashboard)/_state/desa/penghargaan";
 import { Stack, Box, Container, Button, Text, Loader, Paper, Center, ActionIcon } from "@mantine/core";
 import { IconAward, IconArrowRight, IconPlayerPlay } from "@tabler/icons-react";
 import { useTransitionRouter } from 'next-view-transitions';
-import { useEffect, useState } from "react";
+import { useEffect, useState, useRef } from "react";
 import { useProxy } from "valtio/utils";
 import { useMediaQuery } from "@mantine/hooks";
 
@@ -15,16 +15,35 @@ function Penghargaan() {
   const isMobile = useMediaQuery('(max-width: 768px)');
   const [isVideoLoaded, setIsVideoLoaded] = useState(false);
   const [showVideo, setShowVideo] = useState(true);
+  const [videoError, setVideoError] = useState(false);
+  const videoRef = useRef<HTMLVideoElement>(null);
 
-  // Opsional: deteksi iOS
-  const isIOS = typeof window !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
+  // Deteksi iOS dengan lebih akurat
+  const isIOS = typeof window !== 'undefined' && (
+    /iPad|iPhone|iPod/.test(navigator.userAgent) ||
+    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) // iPad dengan iPadOS 13+
+  );
 
   useEffect(() => {
-    if (isIOS) {
-      // Di iOS, jangan andalkan autoplay — tampilkan kontrol
-      setShowVideo(false);
+    // Di iOS, coba autoplay dulu, kalau gagal tampilkan fallback
+    if (isIOS && videoRef.current) {
+      const playPromise = videoRef.current.play();
+      
+      if (playPromise !== undefined) {
+        playPromise
+          .then(() => {
+            // Autoplay berhasil
+            setShowVideo(true);
+            setIsVideoLoaded(true);
+          })
+          .catch(() => {
+            // Autoplay gagal, tampilkan fallback
+            setShowVideo(false);
+            setVideoError(true);
+          });
+      }
     }
-  }, []);
+  }, [isIOS]);
 
   useEffect(() => {
     const loadData = async () => {
@@ -38,42 +57,99 @@ function Penghargaan() {
     loadData();
   }, []);
 
+  const handlePlayVideo = () => {
+    setShowVideo(true);
+    setVideoError(false);
+    
+    // Paksa play video setelah user interaction
+    setTimeout(() => {
+      if (videoRef.current) {
+        videoRef.current.play().catch(err => {
+          console.error("Video play error:", err);
+          setVideoError(true);
+        });
+      }
+    }, 100);
+  };
+
   // kalau mobile ambil 1 data aja, kalau desktop ambil 3
   const data = state.findMany.data?.slice(0, isMobile ? 1 : 3);
 
   return (
-    <Stack pos="relative" h="auto" mih={{ base: 500, md: 720 }}>
-      {showVideo ? (
+    <Stack pos="relative" h="auto" mih={{ base: 500, md: 720 }} style={{ overflow: 'hidden' }}>
+      {/* Video Layer */}
+      {showVideo && !videoError && (
         <video
+          ref={videoRef}
           autoPlay
           muted
           loop
           playsInline
-          webkit-playsinline="true"
+          preload="auto"
           onLoadedData={() => setIsVideoLoaded(true)}
-          style={{ opacity: isVideoLoaded ? 1 : 0, transition: 'opacity 0.5s' }}
+          onError={() => {
+            console.error("Video load error");
+            setVideoError(true);
+            setShowVideo(false);
+          }}
+          style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%',
+            objectFit: 'cover',
+            opacity: isVideoLoaded ? 1 : 0,
+            transition: 'opacity 0.5s ease',
+            zIndex: 0,
+          }}
         >
           <source src="/assets/videos/award.mp4" type="video/mp4" />
         </video>
-      ) : (
-        // Fallback: tampilkan poster + play button
+      )}
+
+      {/* Fallback Image + Play Button */}
+      {(!showVideo || videoError) && (
         <Box
-          onClick={() => setShowVideo(true)}
+          onClick={handlePlayVideo}
           style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%',
             backgroundImage: "url('/mangupuraaward.jpeg')",
             backgroundSize: 'cover',
             backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat',
             cursor: 'pointer',
+            zIndex: 0,
           }}
         >
-          <Center h="100%">
-            <ActionIcon size="lg" radius="xl" color="white">
-              <IconPlayerPlay size={32} />
+          <Center 
+            style={{ 
+              width: '100%', 
+              height: '100%',
+              background: 'rgba(0,0,0,0.3)', // overlay gelap agar icon terlihat
+            }}
+          >
+            <ActionIcon 
+              size={80} 
+              radius="xl" 
+              variant="filled"
+              color="blue"
+              style={{
+                backgroundColor: 'rgba(255,255,255,0.9)',
+                boxShadow: '0 8px 32px rgba(0,0,0,0.3)',
+              }}
+            >
+              <IconPlayerPlay size={40} color="var(--mantine-color-blue-6)" />
             </ActionIcon>
           </Center>
         </Box>
       )}
 
+      {/* Overlay Gradient + Content */}
       <Box
         style={{
           width: "100%",
@@ -152,4 +228,4 @@ function Penghargaan() {
   );
 }
 
-export default Penghargaan;
+export default Penghargaan;
\ No newline at end of file
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index fcee95fe..f5e934dc 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -38,15 +38,15 @@ export default function Page() {
   const [hasNewContent, setHasNewContent] = useState(false);
   const [newItemCount, setNewItemCount] = useState(0);
 
-  const lastBeritaId = useRef<string | null>(null);
-  const lastPengumumanId = useRef<string | null>(null);
+  const lastBeritaTimestamp = useRef<string | null>(null);
+  const lastPengumumanTimestamp = useRef<string | null>(null);
 
   // Inisialisasi dari localStorage
   useEffect(() => {
-    const savedBerita = localStorage.getItem("lastSeenBeritaId");
-    const savedPengumuman = localStorage.getItem("lastSeenPengumumanId");
-    if (savedBerita) lastBeritaId.current = savedBerita;
-    if (savedPengumuman) lastPengumumanId.current = savedPengumuman;
+    const savedBeritaTs = localStorage.getItem("lastSeenBeritaTs");
+    const savedPengumumanTs = localStorage.getItem("lastSeenPengumumanTs");
+    if (savedBeritaTs) lastBeritaTimestamp.current = savedBeritaTs;
+    if (savedPengumumanTs) lastPengumumanTimestamp.current = savedPengumumanTs;
   }, []);
 
   // Load data utama (untuk card)
@@ -70,28 +70,49 @@ export default function Page() {
       if (result.success && Array.isArray(result.news)) {
         const news = result.news as NewsItem[];
 
-        // Ambil ID terbaru
         const latestBerita = news.find((n) => n.type === "berita");
         const latestPengumuman = news.find((n) => n.type === "pengumuman");
 
-        const isNewBerita = latestBerita && lastBeritaId.current !== null && latestBerita.id !== lastBeritaId.current;
-        const isNewPengumuman = latestPengumuman && lastPengumumanId.current !== null && latestPengumuman.id !== lastPengumumanId.current;
+        const latestBeritaTs = latestBerita?.timestamp
+          ? new Date(latestBerita.timestamp).toISOString()
+          : null;
+        const latestPengumumanTs = latestPengumuman?.timestamp
+          ? new Date(latestPengumuman.timestamp).toISOString()
+          : null;
 
-        // Simpan ID terbaru ke ref
-        if (latestBerita) lastBeritaId.current = (latestBerita.id);
-        if (latestPengumuman) lastPengumumanId.current = (latestPengumuman.id);
+        // Inisialisasi flag
+        let isNewBerita = false;
+        let isNewPengumuman = false;
 
-        // Jika ini bukan inisialisasi pertama, tampilkan notifikasi
-        if (lastBeritaId.current !== null || lastPengumumanId.current !== null) {
-          if (isNewBerita || isNewPengumuman) {
-            const count = (isNewBerita ? 1 : 0) + (isNewPengumuman ? 1 : 0);
-            setNewItemCount(count);
-            setHasNewContent(true);
+        // Deteksi berita baru
+        if (latestBeritaTs) {
+          if (lastBeritaTimestamp.current === null) {
+            // Pertama kali: simpan tanpa notifikasi
+            lastBeritaTimestamp.current = latestBeritaTs;
+            localStorage.setItem("lastSeenBeritaTs", latestBeritaTs);
+          } else if (latestBeritaTs > lastBeritaTimestamp.current) {
+            isNewBerita = true;
+            lastBeritaTimestamp.current = latestBeritaTs;
           }
-        } else {
-          // Simpan ke localStorage saat pertama kali
-          if (latestBerita) localStorage.setItem("lastSeenBeritaId", (latestBerita.id));
-          if (latestPengumuman) localStorage.setItem("lastSeenPengumumanId", (latestPengumuman.id));
+        }
+
+        // Deteksi pengumuman baru
+        if (latestPengumumanTs) {
+          if (lastPengumumanTimestamp.current === null) {
+            // Pertama kali: simpan tanpa notifikasi
+            lastPengumumanTimestamp.current = latestPengumumanTs;
+            localStorage.setItem("lastSeenPengumumanTs", latestPengumumanTs);
+          } else if (latestPengumumanTs > lastPengumumanTimestamp.current) {
+            isNewPengumuman = true;
+            lastPengumumanTimestamp.current = latestPengumumanTs;
+          }
+        }
+
+        // 🔔 Trigger notifikasi hanya jika ada yang benar-benar BARU
+        if (isNewBerita || isNewPengumuman) {
+          const count = (isNewBerita ? 1 : 0) + (isNewPengumuman ? 1 : 0);
+          setNewItemCount(count);
+          setHasNewContent(true); // ✅ INI YANG KAMU LUPA!
         }
 
         setNotificationNews(news);
@@ -113,13 +134,17 @@ export default function Page() {
   }, []);
 
   const handleSeen = () => {
-  setHasNewContent(false);
-  setNewItemCount(0);
-  const latestBerita = notificationNews.find(n => n.type === "berita");
-  const latestPengumuman = notificationNews.find(n => n.type === "pengumuman");
-  if (latestBerita) localStorage.setItem("lastSeenBeritaId", String(latestBerita.id));
-  if (latestPengumuman) localStorage.setItem("lastSeenPengumumanId", String(latestPengumuman.id));
-};
+    setHasNewContent(false);
+    setNewItemCount(0);
+    const latestBerita = notificationNews.find(n => n.type === "berita");
+    const latestPengumuman = notificationNews.find(n => n.type === "pengumuman");
+    if (latestBerita) {
+      localStorage.setItem("lastSeenBeritaTs", new Date(latestBerita.timestamp!).toISOString());
+    }
+    if (latestPengumuman) {
+      localStorage.setItem("lastSeenPengumumanTs", new Date(latestPengumuman.timestamp!).toISOString());
+    }
+  };
 
   return (
     <Box id="page-root">
-- 
2.49.1


From 9dbe1721654393762dca8efebb9f580da25d3ddb Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 9 Dec 2025 12:00:27 +0800
Subject: [PATCH 48/97] Fix QC Kak Inno Tgl 4 & 5 Desember Fix QC Kak Ayu Tgl 4
 & 5 Desember Fix QC Pak Jun Tgl 5 Desember

---
 .../fasilitas-kesehatan-page/[id]/page.tsx             | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
index d8d02e6e..086c9a18 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
@@ -175,7 +175,9 @@ function Page() {
                 <Title order={4}>Layanan Unggulan</Title>
                 <Divider />
                 {layananUnggulan ? (
-                  <Text fz="md" style={{ lineHeight: 1.7, wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: layananUnggulan }} />
+                  <Box pl={"lg"}>
+                    <Text fz="md" style={{ lineHeight: 1.7, wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: layananUnggulan }} />
+                  </Box>
                 ) : (
                   <Paper withBorder radius="md" p="md">
                     <Group gap="sm">
@@ -251,7 +253,9 @@ function Page() {
                   <Title order={3}>Fasilitas Pendukung</Title>
                   <Divider />
                   {fasilitasPendukungHtml ? (
-                    <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }} />
+                    <Box pl="lg">
+                      <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }} />
+                    </Box>
                   ) : (
                     <Paper withBorder radius="md" p="md">
                       <Group gap="sm">
@@ -313,7 +317,7 @@ function Page() {
             <Title order={3}>Prosedur Pendaftaran</Title>
             <Divider />
             {prosedur ? (
-              <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: prosedur }} />
+              <Box pl="lg"><Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: prosedur }} /></Box>
             ) : (
               <Text fz="md" c="dimmed">Belum ada prosedur pendaftaran</Text>
             )}
-- 
2.49.1


From ac2fc1a705c536f2c64be0fcee7e6573bd17df5d Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 9 Dec 2025 17:27:23 +0800
Subject: [PATCH 49/97] Fix QC Kak Inno 8 Des Fix QC Kak Ayu 8 Des Fix QC Pak
 Jun 8 Des

---
 .../data-kesehatan-warga/_lib/layoutTabs.tsx  |   6 +-
 .../[id]/edit/page.tsx                        |  14 +-
 .../[id]/page.tsx                             |   6 +-
 .../create/page.tsx                           |   4 +-
 .../page.tsx                                  |  10 +-
 src/app/api/[[...slugs]]/_lib/ppid/index.ts   |   2 +-
 .../ekonomi/lowongan-kerja-lokal/page.tsx     |   2 +-
 .../(pages)/ekonomi/pasar-desa/page.tsx       |   2 +-
 .../ekonomi/program-kemiskinan/page.tsx       |   2 +-
 .../desa-digital-smart-village/page.tsx       |   2 +-
 .../info-teknologi-tepat-guna/page.tsx        |   2 +-
 .../inovasi/program-kreatif-desa/page.tsx     |   2 +-
 .../page.tsx                                  |   2 +-
 .../(pages)/keamanan/kontak-darurat/page.tsx  |   2 +-
 .../(pages)/keamanan/laporan-publik/page.tsx  | 351 +++++++++++-------
 .../polsek-terdekat/semua-polsek/page.tsx     |   2 +-
 .../(pages)/keamanan/tips-keamanan/page.tsx   |   2 +-
 .../artikel-kesehatan-page/[id]/page.tsx      |  46 ++-
 .../grafik-penyakit/page.tsx                  |   4 +-
 .../jadwal-kegiatan-page/[id]/page.tsx        |  16 +-
 .../info-wabah-penyakit/[id]/page.tsx         |  12 +-
 .../kesehatan/info-wabah-penyakit/page.tsx    |   2 +-
 .../kesehatan/kontak-darurat/[id]/page.tsx    | 111 ++++++
 .../(pages)/kesehatan/kontak-darurat/page.tsx | 160 ++++----
 .../kesehatan/penanganan-darurat/page.tsx     |   2 +-
 .../(pages)/kesehatan/posyandu/page.tsx       |   2 +-
 .../kesehatan/program-kesehatan/page.tsx      |   2 +-
 .../(pages)/kesehatan/puskesmas/page.tsx      |  12 +-
 .../lingkungan/data-lingkungan-desa/page.tsx  |   2 +-
 .../component/edukasiCard.tsx                 |   1 +
 .../pengelolaan-sampah-bank-sampah/page.tsx   |   2 +-
 .../lingkungan/program-penghijauan/page.tsx   |   2 +-
 .../[jenjangPendidikan]/lembaga/page.tsx      |   2 +-
 .../[jenjangPendidikan]/pengajar/page.tsx     |   2 +-
 .../[jenjangPendidikan]/siswa/page.tsx        |   2 +-
 .../info-sekolah/semua/lembaga/page.tsx       |   2 +-
 .../info-sekolah/semua/pengajar/page.tsx      |   2 +-
 .../info-sekolah/semua/siswa/page.tsx         |   2 +-
 .../ppid/daftar-informasi-publik/page.tsx     |   2 +-
 .../ppid/indeks-kepuasan-masyarakat/page.tsx  |  16 +-
 .../(tambahan)/apbdes/lib/apbDesaProgress.tsx |   4 +-
 .../darmasaba/(tambahan)/penghargaan/page.tsx | 196 +++++-----
 .../(tambahan)/prestasi-desa/page.tsx         |   2 +-
 .../_com/main-page/layanan/index.tsx          | 168 ++++-----
 44 files changed, 712 insertions(+), 477 deletions(-)
 rename src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/{grafik_hasil_kepuasan => penderita_penyakit}/[id]/edit/page.tsx (91%)
 rename src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/{grafik_hasil_kepuasan => penderita_penyakit}/[id]/page.tsx (94%)
 rename src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/{grafik_hasil_kepuasan => penderita_penyakit}/create/page.tsx (97%)
 rename src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/{grafik_hasil_kepuasan => penderita_penyakit}/page.tsx (95%)
 create mode 100644 src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx

diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
index 0125ef2e..90270f01 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
@@ -20,9 +20,9 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       icon: <IconActivity size={18} stroke={1.8} />
     },
     {
-      label: "Grafik Hasil Kepuasan Masyarakat",
-      value: "grafikhasilkepuasan",
-      href: "/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan",
+      label: "Penderita Penyakit",
+      value: "penderitapenyakit",
+      href: "/admin/kesehatan/data-kesehatan-warga/penderita_penyakit",
       icon: <IconGauge size={18} stroke={1.8} />
     },
     {
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
similarity index 91%
rename from src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
index 070d52f0..f135f7b2 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
@@ -70,8 +70,8 @@ function EditGrafikHasilKepuasan() {
           });
         }
       } catch (err) {
-        console.error("Error loading grafik hasil kepuasan:", err);
-        toast.error("Gagal memuat data grafik hasil kepuasan");
+        console.error("Error loading penderita penyakit:", err);
+        toast.error("Gagal memuat data penderita penyakit");
       }
     };
 
@@ -99,11 +99,11 @@ function EditGrafikHasilKepuasan() {
       setIsSubmitting(true);
       editState.update.form = { ...editState.update.form, ...formData };
       await editState.update.submit();
-      toast.success('Grafik hasil kepuasan berhasil diperbarui!');
-      router.push('/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan');
+      toast.success('penderita penyakit berhasil diperbarui!');
+      router.push('/admin/kesehatan/data-kesehatan-warga/penderita_penyakit');
     } catch (err) {
-      console.error('Error updating grafik hasil kepuasan:', err);
-      toast.error('Terjadi kesalahan saat memperbarui grafik hasil kepuasan');
+      console.error('Error updating penderita penyakit:', err);
+      toast.error('Terjadi kesalahan saat memperbarui penderita penyakit');
     } finally {
       setIsSubmitting(false);
     }
@@ -122,7 +122,7 @@ function EditGrafikHasilKepuasan() {
           <IconArrowBack color={colors['blue-button']} size={24} />
         </Button>
         <Title order={4} ml="sm" c="dark">
-          Edit Grafik Hasil Kepuasan
+          Edit Penderita Penyakit
         </Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/page.tsx
similarity index 94%
rename from src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx
rename to src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/page.tsx
index 738e64fb..83211062 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/page.tsx
@@ -26,7 +26,7 @@ function DetailGrafikHasilKepuasan() {
       state.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push("/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan");
+      router.push("/admin/kesehatan/data-kesehatan-warga/penderita_penyakit");
     }
   };
 
@@ -63,7 +63,7 @@ function DetailGrafikHasilKepuasan() {
       >
         <Stack gap="md">
           <Text fz="2xl" fw="bold" c={colors['blue-button']}>
-            Detail Data Grafik Hasil Kepuasan
+            Detail Data Penderita Penyakit
           </Text>
 
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
@@ -118,7 +118,7 @@ function DetailGrafikHasilKepuasan() {
                   color="green"
                   onClick={() =>
                     router.push(
-                      `/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/${data.id}/edit`
+                      `/admin/kesehatan/data-kesehatan-warga/penderita_penyakit/${data.id}/edit`
                     )
                   }
                   variant="light"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
rename to src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
index d1ea8b7f..7cbfb5a8 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
@@ -40,7 +40,7 @@ function CreateGrafikHasilKepuasanMasyarakat() {
       setIsSubmitting(true);
       await stateGrafikKepuasan.create.create();
       resetForm();
-      router.push("/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan");
+      router.push("/admin/kesehatan/data-kesehatan-warga/penderita_penyakit");
     } catch (error) {
       console.error("Error creating grafik kepuasan:", error);
       toast.error("Terjadi kesalahan saat membuat grafik kepuasan");
@@ -62,7 +62,7 @@ function CreateGrafikHasilKepuasanMasyarakat() {
           <IconArrowBack color={colors['blue-button']} size={24} />
         </Button>
         <Title order={4} ml="sm" c="dark">
-          Tambah Grafik Hasil Kepuasan Masyarakat
+          Tambah Penderita Penyakit
         </Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
similarity index 95%
rename from src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx
rename to src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
index e5ba5b28..884b476f 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
@@ -36,7 +36,7 @@ function GrafikHasilKepuasanMasyarakat() {
     <Box>
       {/* Header Search */}
       <HeaderSearch
-        title='Grafik Hasil Kepuasan Masyarakat'
+        title='Penderita Penyakit'
         placeholder='Cari nama atau alamat...'
         searchIcon={<IconSearch size={20} />}
         value={search}
@@ -115,14 +115,14 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Grafik Hasil Kepuasan Masyarakat</Title>
+          <Title order={4}>Daftar Penderita Penyakit</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
             onClick={() =>
               router.push(
-                '/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create'
+                '/admin/kesehatan/data-kesehatan-warga/penderita_penyakit/create'
               )
             }
           >
@@ -176,7 +176,7 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
                         color="blue"
                         onClick={() =>
                           router.push(
-                            `/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/${item.id}`
+                            `/admin/kesehatan/data-kesehatan-warga/penderita_penyakit/${item.id}`
                           )
                         }
                       >
@@ -221,7 +221,7 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
       {/* Chart */}
       <Box mt="lg" style={{ width: '100%', minWidth: 300, height: 420, minHeight: 300 }}>
         <Paper withBorder bg={colors['white-1']} p={'md'}>
-          <Title pb={10} order={4}>Grafik Hasil Kepuasan Masyarakat</Title>
+          <Title pb={10} order={4}>Penderita Penyakit</Title>
           {mounted && diseaseChartData.length > 0 ? (
             <Center>
               <BarChart
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/index.ts b/src/app/api/[[...slugs]]/_lib/ppid/index.ts
index b590bd86..94ae5516 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/index.ts
@@ -1,6 +1,5 @@
 import Elysia from "elysia";
 import DaftarInformasiPublik from "./daftar_informasi_publik";
-import GrafikHasilKepuasanMasyarakat from "./ikm/grafik_hasil_kepuasan_masyarakat";
 import GrafikBerdasarkanJenisKelamin from "./ikm/grafik_berdasarkan_jenis_kelamin";
 import GrafikBerdasarkanResponden from "./ikm/grafik_responden";
 import GrafikBerdasarkanUmur from "./ikm/grafik_berdasarkan_umur";
@@ -10,6 +9,7 @@ import ProfilePPID from "./profile_ppid";
 import VisiMisiPPID from "./visi_misi_ppid/visi_misi_ppid";
 import DasarHukumPPID from "./dasar_hukum";
 import StrukturPPID from "./struktur_ppid";
+import GrafikHasilKepuasanMasyarakat from "./ikm/grafik_hasil_kepuasan_masyarakat";
 
 
 
diff --git a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
index 7507e6ce..1eee1a31 100644
--- a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -26,7 +26,7 @@ function Page() {
   const state = useProxy(lowonganKerjaState)
   const router = useRouter()
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const {
     data,
diff --git a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
index 1aef38f4..41d388d0 100644
--- a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
@@ -14,7 +14,7 @@ function Page() {
   const router = useRouter()
   const state = useProxy(pasarDesaState.pasarDesa)
   const [search, setSearch] = useState('');
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
   const {
     data,
diff --git a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
index 0cadea32..f7a91480 100644
--- a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
@@ -32,7 +32,7 @@ interface ProgramKemiskinanData {
 
 function Page() {
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const state = useProxy(programKemiskinanState)
 
   // 🔧 Get valid statistics data with proper type checking
diff --git a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
index c881fce5..8ea05d2f 100644
--- a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
@@ -11,7 +11,7 @@ import { useRouter } from 'next/navigation';
 
 function Page() {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const state = useProxy(desaDigitalState)
   const router = useRouter()
   const {
diff --git a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
index e08d86a2..dc69f126 100644
--- a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -11,7 +11,7 @@ import { IconSearch } from '@tabler/icons-react';
 
 function Page() {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const state = useProxy(infoTeknoState)
   const {
     data,
diff --git a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx
index 7cc283cd..a731d9f4 100644
--- a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/page.tsx
@@ -45,7 +45,7 @@ import BackButton from '../../desa/layanan/_com/BackButto';
 function Page() {
   const listState = useProxy(programKreatifState);
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 500);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const router = useTransitionRouter()
   const {
     data,
diff --git a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index b7fa9c11..1bc6146f 100644
--- a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -14,7 +14,7 @@ function Page() {
   const state = useProxy(keamananLingkunganState)
   const router = useRouter()  
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const {
     data,
     page,
diff --git a/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
index 13281bce..a10edc78 100644
--- a/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
@@ -12,7 +12,7 @@ import { IconKey, IconMapper } from '@/app/admin/(dashboard)/_com/iconMap';
 function Page() {
   const kontakState = useProxy(kontakDarurat.kontakDaruratKeamananState);
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 500);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const {
     data,
     page,
diff --git a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
index fc7b6f82..05cce9e2 100644
--- a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
@@ -1,10 +1,26 @@
 'use client'
+
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import laporanPublikState from '@/app/admin/(dashboard)/_state/keamanan/laporan-publik';
 import colors from '@/con/colors';
-import { Box, Button, Center, ColorSwatch, Flex, Group, Modal, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  ColorSwatch,
+  Flex,
+  Group,
+  Modal,
+  Pagination,
+  Paper,
+  SimpleGrid,
+  Skeleton,
+  Stack,
+  Text,
+  TextInput,
+} from '@mantine/core';
 import { DateTimePicker } from '@mantine/dates';
-import { useDebouncedValue, useDisclosure, useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useDisclosure, useMediaQuery, useShallowEffect } from '@mantine/hooks';
 import { IconArrowRight, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useTransitionRouter } from 'next-view-transitions';
 import { useState } from 'react';
@@ -12,9 +28,10 @@ import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
 
 function Page() {
-  const [search, setSearch] = useState("");
-  const router = useTransitionRouter()
-  const [debouncedSearch] = useDebouncedValue(search, 500);
+  const mobile = useMediaQuery('(max-width: 768px)');
+  const [search, setSearch] = useState('');
+  const router = useTransitionRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const [opened, { open, close }] = useDisclosure(false);
   const stateLaporan = useProxy(laporanPublikState);
   const {
@@ -49,143 +66,219 @@ function Page() {
   const handleSubmit = async () => {
     await stateLaporan.create.create();
     resetForm();
+    close();
   };
+
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
+      {/* Header: Back + Search */}
       <Box px={{ base: 'md', md: 100 }}>
         <Group justify="space-between" align="center">
           <BackButton />
           <TextInput
-              radius={"lg"}
-              placeholder='Cari Laporan Publik'
-              value={search}
-              onChange={(e) => setSearch(e.target.value)}
-              leftSection={<IconSearch size={20} />}
-              w={{ base: "100%", md: "30%" }}
-            />
+            radius="lg"
+            placeholder="Cari Laporan Publik"
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            leftSection={<IconSearch size={20} />}
+            w={{ base: '100%', md: '30%' }}
+            size={mobile ? 'sm' : 'md'}
+          />
         </Group>
       </Box>
+
+      {/* Title + Add Button */}
       <Box px={{ base: 'md', md: 100 }}>
-        <Group justify="space-between">
-          <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+        <Group justify="space-between" align="flex-start">
+          <Text
+            ta="center"
+            fz={{ base: 'xl', sm: '2xl', md: '2.5rem' }}
+            c={colors['blue-button']}
+            fw="bold"
+            lineClamp={2}
+            style={{ wordBreak: 'break-word' }}
+          >
             Laporan Keamanan Lingkungan
           </Text>
           <Button
             onClick={open}
             bg={colors['blue-button']}
-            size="md"
+            size={mobile ? 'sm' : 'md'}
             radius="md"
             rightSection={<IconPlus size={20} />}
           >
-            Tambah Laporan
+            {mobile ? 'Tambah' : 'Tambah Laporan'}
           </Button>
         </Group>
       </Box>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'}>
-          <Flex justify={'space-between'} align={'center'}>
-            <Text fz={{ base: 'sm', md: 'h4' }} fw={'bold'}>Laporan Terbaru</Text>
-            <Box>
-              <Flex gap={'lg'}>
-                <Box>
-                  <Flex gap={{ base: 2, md: 5 }} align={'center'}>
-                    <Text fz={{ base: 'sm', md: 'h4' }}>Terselesaikan</Text>
-                    <ColorSwatch color="#2A742D" size={20} />
-                  </Flex>
-                </Box>
-                <Box>
-                  <Flex gap={{ base: 2, md: 5 }} align={'center'}>
-                    <Text fz={{ base: 'sm', md: 'h4' }}>Dalam Proses</Text>
-                    <ColorSwatch color="#D1961F" size={20} />
-                  </Flex>
-                </Box>
-                <Box>
-                  <Flex gap={{ base: 2, md: 5 }} align={'center'}>
-                    <Text fz={{ base: 'sm', md: 'h4' }}>Gagal</Text>
-                    <ColorSwatch color="#A34437" size={20} />
-                  </Flex>
-                </Box>
-              </Flex>
-            </Box>
-          </Flex>
-          <SimpleGrid
-            cols={{
-              base: 1,
-              md: 3
-            }}
+
+      {/* Legend Status */}
+      <Box px={{ base: 'md', md: 100 }}>
+        <Flex
+          justify="space-between"
+          align="center"
+          direction={mobile ? 'column' : 'row'}
+          gap={mobile ? 'xs' : 'lg'}
+        >
+          <Text fz={{ base: 'sm', md: 'h4' }} fw="bold">
+            Laporan Terbaru
+          </Text>
+          <Flex
+            gap={mobile ? 'xs' : 'lg'}
+            wrap="wrap"
+            justify={mobile ? 'center' : 'flex-start'}
+            align="center"
           >
-            {data.map((v, k) => {
-              return (
-                <Paper radius={'lg'} key={k} bg={colors['white-trans-1']} p={'xl'}>
-                  <Stack>
-                    <Text c={colors['blue-button']} lineClamp={3} truncate="end" fz="h4" fw="bold">{v.judul}</Text>
-                    <Text fs={'italic'} fz={'xl'}>
-                      {v.tanggalWaktu
-                        ? new Date(v.tanggalWaktu).toLocaleString('id-ID')
-                        : '-'}
-                    </Text>
-                    <Box>
-                      <Text fw={'bold'}>Penanganan:</Text>
-                      {v.penanganan?.length ? (
-                        v.penanganan.map((item, index) => (
-                          <Box key={index}>
-                            <Text
-                              fz="md"
-                              c="dimmed"
-                              dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
-                              style={{wordBreak: "break-word", whiteSpace: "normal"}}
-                            />
-                          </Box>
-                        ))
-                      ) : (
-                        <Text fz="sm" fs="italic" c="dimmed">
-                          Belum ada penanganan
-                        </Text>
-                      )}
-                    </Box>
-                    <Box
-                      style={{
-                        display: 'inline-block',
-                        padding: '4px 12px',
-                        borderRadius: '16px',
-                        backgroundColor:
-                          v.status === 'Selesai' ? '#94EF95FF' :
-                            v.status === 'Proses' ? '#F1D295FF' :
-                              '#F38E8EFF',
-                        color:
-                          v.status === 'Selesai' ? '#01BA01FF' :
-                            v.status === 'Proses' ? '#B67A00FF' :
-                              '#AE1700FF',
-                        fontWeight: 900,
-                        fontSize: '0.75rem',
-                        textAlign: 'center',
-                        minWidth: '80px',
-                      }}
-                    >
-                      {v.status}
-                    </Box>
-                    <Button
-                      bg={colors['blue-button']}
-                      rightSection={<IconArrowRight size={20} color={colors['white-1']} />}
-                      onClick={() => router.push(`/darmasaba/keamanan/laporan-publik/${v.id}`)}
-                    >Lihat Detail Kronologi
-                    </Button>
-                  </Stack>
-                </Paper>
-              )
-            })}
-          </SimpleGrid>
-          <Center>
-            <Pagination
-              value={page}
-              onChange={(newPage) => load(newPage)}
-              total={totalPages}
-              my="md"
-            />
-          </Center>
-        </Stack>
+            <Flex gap={2} align="center">
+              <ColorSwatch color="#2A742D" size={16} />
+              <Text fz={{ base: 'xs', md: 'sm' }}>Terselesaikan</Text>
+            </Flex>
+            <Flex gap={2} align="center">
+              <ColorSwatch color="#D1961F" size={16} />
+              <Text fz={{ base: 'xs', md: 'sm' }}>Dalam Proses</Text>
+            </Flex>
+            <Flex gap={2} align="center">
+              <ColorSwatch color="#A34437" size={16} />
+              <Text fz={{ base: 'xs', md: 'sm' }}>Gagal</Text>
+            </Flex>
+          </Flex>
+        </Flex>
       </Box>
-      <Modal opened={opened} onClose={close} title="Tambah Laporan Publik">
+
+      {/* Cards Grid */}
+      <Box px={{ base: 'md', md: 100 }}>
+        <SimpleGrid
+          cols={{
+            base: 1,
+            md: 3,
+          }}
+          spacing="lg"
+        >
+          {data.map((v, k) => (
+            <Paper
+              key={k}
+              radius="lg"
+              bg={colors['white-trans-1']}
+              p="lg"
+              shadow="sm"
+              style={{
+                '&:hover': {
+                  transform: 'translateY(-4px)',
+                  boxShadow: '0 8px 20px rgba(0,0,0,0.1)',
+                },
+                transition: 'transform 0.2s ease, box-shadow 0.2s ease',
+              }}
+            >
+              <Stack gap="sm">
+                <Text
+                  c={colors['blue-button']}
+                  lineClamp={2}
+                  fz={{ base: 'lg', md: 'xl' }}
+                  fw="bold"
+                  style={{ wordBreak: 'break-word' }}
+                >
+                  {v.judul}
+                </Text>
+
+                <Text
+                  fs="italic"
+                  fz={{ base: 'sm', md: 'md' }}
+                  c="dimmed"
+                >
+                  {v.tanggalWaktu
+                    ? new Date(v.tanggalWaktu).toLocaleString('id-ID')
+                    : '-'}
+                </Text>
+
+                <Box>
+                  <Text fw="bold" fz="sm">
+                    Penanganan:
+                  </Text>
+                  {v.penanganan?.length ? (
+                    v.penanganan.map((item, index) => (
+                      <Box key={index}>
+                        <Text
+                          fz="xs"
+                          c="dimmed"
+                          dangerouslySetInnerHTML={{
+                            __html: item.deskripsi || '-',
+                          }}
+                          style={{
+                            wordBreak: 'break-word',
+                            whiteSpace: 'normal',
+                            maxHeight: '80px',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                          }}
+                        />
+                      </Box>
+                    ))
+                  ) : (
+                    <Text fz="xs" fs="italic" c="dimmed">
+                      Belum ada penanganan
+                    </Text>
+                  )}
+                </Box>
+
+                <Box
+                  style={{
+                    display: 'inline-block',
+                    padding: '4px 8px',
+                    borderRadius: '12px',
+                    backgroundColor:
+                      v.status === 'Selesai'
+                        ? '#94EF95FF'
+                        : v.status === 'Proses'
+                        ? '#F1D295FF'
+                        : '#F38E8EFF',
+                    color:
+                      v.status === 'Selesai'
+                        ? '#01BA01FF'
+                        : v.status === 'Proses'
+                        ? '#B67A00FF'
+                        : '#AE1700FF',
+                    fontWeight: 700,
+                    fontSize: '0.75rem',
+                    textAlign: 'center',
+                    minWidth: '70px',
+                  }}
+                >
+                  {v.status}
+                </Box>
+
+                <Button
+                  bg={colors['blue-button']}
+                  rightSection={
+                    <IconArrowRight
+                      size={18}
+                      color={colors['white-1']}
+                    />
+                  }
+                  onClick={() => router.push(`/darmasaba/keamanan/laporan-publik/${v.id}`)}
+                  size={mobile ? 'sm' : 'md'}
+                  fullWidth
+                >
+                  {mobile ? 'Detail' : 'Lihat Detail Kronologi'}
+                </Button>
+              </Stack>
+            </Paper>
+          ))}
+        </SimpleGrid>
+      </Box>
+
+      {/* Pagination */}
+      <Center px={{ base: 'md', md: 100 }}>
+        <Pagination
+          value={page}
+          onChange={(newPage) => load(newPage)}
+          total={totalPages}
+          my="md"
+          size={mobile ? 'sm' : 'md'}
+        />
+      </Center>
+
+      {/* Modal Form */}
+      <Modal opened={opened} onClose={close} title="Tambah Laporan Publik" size="xl">
         <Paper
           bg={colors['white-1']}
           p="lg"
@@ -196,18 +289,26 @@ function Page() {
           <Stack gap="md">
             <TextInput
               value={stateLaporan.create.form.judul}
-              onChange={(e) => (stateLaporan.create.form.judul = e.target.value)}
+              onChange={(e) =>
+                (stateLaporan.create.form.judul = e.target.value)
+              }
               label={<Text fw="bold" fz="sm">Judul Laporan Publik</Text>}
               placeholder="Masukkan judul laporan publik"
               required
+              w="100%"
+              size={mobile ? 'sm' : 'md'}
             />
 
             <TextInput
               value={stateLaporan.create.form.lokasi}
-              onChange={(e) => (stateLaporan.create.form.lokasi = e.target.value)}
+              onChange={(e) =>
+                (stateLaporan.create.form.lokasi = e.target.value)
+              }
               label={<Text fw="bold" fz="sm">Lokasi Laporan Publik</Text>}
               placeholder="Masukkan lokasi laporan publik"
               required
+              w="100%"
+              size={mobile ? 'sm' : 'md'}
             />
 
             <DateTimePicker
@@ -220,6 +321,8 @@ function Page() {
               onChange={(val) => {
                 stateLaporan.create.form.tanggalWaktu = val ? val.toString() : '';
               }}
+              w="100%"
+              size={mobile ? 'sm' : 'md'}
             />
 
             <Box>
@@ -238,7 +341,7 @@ function Page() {
               <Button
                 onClick={handleSubmit}
                 radius="md"
-                size="md"
+                size={mobile ? 'sm' : 'md'}
                 style={{
                   background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
@@ -255,4 +358,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
index 1ccaa2f0..35518d09 100644
--- a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
@@ -13,7 +13,7 @@ import { useDebouncedValue } from '@mantine/hooks';
 function Page() {
   const state = useProxy(polsekTerdekatState);
   const [search, setSearch] = useState('');
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const router = useRouter()
 
   const {
diff --git a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
index d24e95e6..052a3de7 100644
--- a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
@@ -12,7 +12,7 @@ import { IconSearch } from '@tabler/icons-react';
 function Page() {
   const state = useProxy(tipsKeamananState)
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const {
     data,
     page,
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
index 7fe14d54..d1b1bb69 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
@@ -2,7 +2,7 @@
 import artikelKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
 import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
 import colors from '@/con/colors';
-import { Box, Divider, Group, Image, List, ListItem, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Divider, Flex, Group, Image, List, ListItem, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconAlertCircle, IconCalendar, IconInfoCircle } from '@tabler/icons-react';
 import { useParams } from 'next/navigation';
@@ -44,18 +44,18 @@ function Page() {
 
             <Box p="lg">
               <Box style={{ position: 'relative', width: '100%', maxWidth: '800px', margin: '0 auto' }}>
-                <Image 
-                  src={state.findUnique.data.image?.link} 
-                  alt={state.findUnique.data.title} 
+                <Image
+                  src={state.findUnique.data.image?.link}
+                  alt={state.findUnique.data.title}
                   height={0}
-                  style={{ 
+                  style={{
                     height: 'auto',
                     width: '100%',
                     maxHeight: '500px',
                     objectFit: 'contain',
                     borderRadius: '8px'
                   }}
-                  loading="lazy" 
+                  loading="lazy"
                 />
               </Box>
             </Box>
@@ -78,25 +78,33 @@ function Page() {
                   <Box>
                     <Text fz="h4" fw="bold">Pendahuluan</Text>
                     <Divider my="xs" />
-                    <Text fz="md" lh={1.6} ta="justify" dangerouslySetInnerHTML={{ __html: state.findUnique.data.introduction?.content }} />
+                    <Box pl={20}>
+                      <Text fz="md" lh={1.6} ta="justify" dangerouslySetInnerHTML={{ __html: state.findUnique.data.introduction?.content }} />
+                    </Box>
                   </Box>
 
                   <Box>
                     <Text fz="h4" fw="bold">{state.findUnique.data.symptom?.title}</Text>
                     <Divider my="xs" />
-                    <Text fz="md" lh={1.6} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.symptom?.content }} />
+                    <Box pl={20}>
+                      <Text fz="md" lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.symptom?.content }} />
+                    </Box>
                   </Box>
 
                   <Box>
                     <Text fz="h4" fw="bold">{state.findUnique.data.prevention?.title}</Text>
                     <Divider my="xs" />
-                    <Text fz="md" lh={1.6} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.prevention?.content }} />
+                    <Box pl={20}>
+                      <Text fz="md" lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.prevention?.content }} />
+                    </Box>
                   </Box>
 
                   <Box>
                     <Text fz="h4" fw="bold">{state.findUnique.data.firstaid?.title}</Text>
                     <Divider my="xs" />
-                    <Text fz="md" lh={1.6} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.firstaid?.content }} />
+                    <Box pl={20}>
+                      <Text fz="md" lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.firstaid?.content }} />
+                    </Box>
                   </Box>
 
                   <Box>
@@ -114,10 +122,14 @@ function Page() {
                           {state.findUnique.data?.mythvsfact ? (
                             <TableTr>
                               <TableTd>
-                                <Text fz="sm" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.mitos }} />
+                                <Box pl={20}>
+                                  <Text fz="sm" lh={1.6} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.mitos }} />
+                                </Box>
                               </TableTd>
                               <TableTd>
-                                <Text fz="sm" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.fakta }} />
+                                <Box pl={20}>
+                                  <Text fz="sm" lh={1.6} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.fakta }} />
+                                </Box>
                               </TableTd>
                             </TableTr>
                           ) : (
@@ -133,17 +145,15 @@ function Page() {
                   <Box>
                     <Text fz="h4" fw="bold">Kapan Harus ke Dokter?</Text>
                     <Divider my="xs" />
-                    <Group gap="xs" mb="xs">
+                    <Flex justify={'flex-start'} gap={"xs"} align={"center"} mb="xs">
                       <IconAlertCircle size={18} color="red" />
                       <Text fz="md">Segera bawa penderita ke fasilitas kesehatan jika mengalami:</Text>
-                    </Group>
-                    <Text fz="md" lh={1.6} dangerouslySetInnerHTML={{ __html: state.findUnique.data.doctorsign.content }} />
+                    </Flex>
+                    <Box pl={20}>
+                      <Text fz="md" lh={1.6} dangerouslySetInnerHTML={{ __html: state.findUnique.data.doctorsign.content }} /></Box>
                   </Box>
 
                   <Box>
-                    <Text fz="h4" fw="bold">Kasus DBD di Wilayah Abiansemal</Text>
-                    <Divider my="xs" />
-
                     <Paper p="lg" radius="md" bg={colors['blue-button-trans']} withBorder>
                       <Group gap="xs" mb="sm">
                         <IconInfoCircle size={20} color={colors['white-1']} />
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/grafik-penyakit/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/grafik-penyakit/page.tsx
index a2820dc5..9a4e53d1 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/grafik-penyakit/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/grafik-penyakit/page.tsx
@@ -95,7 +95,7 @@ function GrafikPenyakit() {
         <Box style={{ width: '100%', minWidth: 300, height: 400, minHeight: 300 }}>
           <Paper bg={colors['white-1']} p={'md'}>
             <Center>
-              <Title pb={10} order={3}>Grafik Hasil Kepuasan Masyarakat</Title>
+              <Title pb={10} order={2}>Penderita Penyakit</Title>
               <Text c='dimmed'>Belum ada data untuk ditampilkan dalam grafik</Text>
             </Center>
           </Paper>
@@ -103,7 +103,7 @@ function GrafikPenyakit() {
       ) : (
         <Box style={{ width: '100%', minWidth: 300, height: 420, minHeight: 300 }}>
           <Paper bg={colors["white-trans-1"]} p={'md'}>
-            <Title pb={10} order={4}>Grafik Hasil Kepuasan Masyarakat</Title>
+            <Title pb={10} order={2}>Penderita Penyakit</Title>
             {mounted && diseaseChartData.length > 0 && (
               <Center>
                 <BarChart width={isMobile ? 450 : isTablet ? 500 : 550} height={350} data={diseaseChartData} >
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
index f5af70e8..c7a29b9b 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
@@ -69,25 +69,33 @@ function Page() {
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Deskripsi Kegiatan</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsijadwalkegiatan.deskripsi }} />
+                  <Box pl={20}>
+                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsijadwalkegiatan.deskripsi }} />
+                  </Box>
                 </Stack>
 
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Layanan yang Tersedia</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.layananjadwalkegiatan.content }} />
+                  <Box pl={20}>
+                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.layananjadwalkegiatan.content }} />
+                  </Box>
                 </Stack>
 
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Syarat & Ketentuan</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.syaratketentuanjadwalkegiatan.content }} />
+                  <Box pl={20}>
+                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.syaratketentuanjadwalkegiatan.content }} />
+                  </Box>
                 </Stack>
 
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Dokumen yang Perlu Dibawa</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.dokumenjadwalkegiatan.content }} />
+                  <Box pl={20}>
+                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.dokumenjadwalkegiatan.content }} />
+                  </Box>
                 </Stack>
 
                 <Stack gap="sm">
diff --git a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
index cb19a507..9fe5ac53 100644
--- a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
@@ -71,11 +71,13 @@ function DetailInfoWabahPenyakitUser() {
           {/* Deskripsi */}
           <Box>
             <Text fz="lg" fw="bold">Deskripsi</Text>
-            <Text
-              fz="md"
-              dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }}
-              style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-            />
+            <Box pl={20}>
+              <Text
+                fz="md"
+                dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              />
+            </Box>
           </Box>
         </Stack>
       </Paper>
diff --git a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
index e65feec2..a110fdf4 100644
--- a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
@@ -30,7 +30,7 @@ function Page() {
   const state = useProxy(infoWabahPenyakit);
   const router = useTransitionRouter();
   const [search, setSearch] = useState('');
-  const [debouncedSearch] = useDebouncedValue(search, 500)
+  const [debouncedSearch] = useDebouncedValue(search, 1000)
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
new file mode 100644
index 00000000..7e84f01b
--- /dev/null
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
@@ -0,0 +1,111 @@
+'use client'
+import kontakDarurat from '@/app/admin/(dashboard)/_state/kesehatan/kontak-darurat/kontakDarurat';
+import colors from '@/con/colors';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconBrandWhatsapp } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+
+function Page() {
+  const state = useProxy(kontakDarurat);
+  const router = useRouter();
+  const params = useParams();
+
+  useShallowEffect(() => {
+    state.findUnique.load(params?.id as string);
+  }, []);
+
+  if (!state.findUnique.data) {
+    return (
+      <Stack py={10}>
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    );
+  }
+
+  const data = state.findUnique.data;
+
+  return (
+    <Box px={{base: 'md', md: 100}} py={10}>
+      {/* Tombol Back */}
+      <Button
+        variant="subtle"
+        onClick={() => router.back()}
+        leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
+        mb={15}
+      >
+        Kembali
+      </Button>
+
+      {/* Wrapper Detail */}
+      <Paper
+        withBorder
+        w="100%"
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+      >
+        <Stack gap="md">
+          <Text fz="2xl" fw="bold" c={colors['blue-button']}>
+            Detail Kontak Darurat
+          </Text>
+
+          <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
+            <Stack gap="sm">
+              <Box>
+                <Text fz="lg" fw="bold">Judul</Text>
+                <Text fz="md" c="dimmed">{data.name || '-'}</Text>
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Whatsapp</Text>
+                <Text fz="md" c="dimmed">{data.whatsapp || '-'}</Text>
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Deskripsi</Text>
+                <Text
+                  fz="md"
+                  c="dimmed"
+                  dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                />
+              </Box>
+
+              <Box>
+                <Text fz="lg" fw="bold">Gambar</Text>
+                {data.image?.link ? (
+                  <Image
+                    src={data.image.link}
+                    alt="gambar"
+                    radius="md"
+                    maw={300}
+                    loading="lazy"
+                  />
+                ) : (
+                  <Text fz="md" c="dimmed">-</Text>
+                )}
+              </Box>
+              <Group>
+                <Button
+                  variant="light"
+                  leftSection={<IconBrandWhatsapp size={18} />}
+                  component="a"
+                  href={`https://wa.me/${data.whatsapp.replace(/\D/g, '')}`}
+                  target="_blank"
+                  aria-label="Hubungi WhatsApp"
+                >
+                  WhatsApp
+                </Button>
+              </Group>
+            </Stack>
+          </Paper>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
index 0e7913f3..3967e3a1 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
@@ -7,6 +7,7 @@ import {
   Center,
   Grid,
   GridCol,
+  Group,
   Image,
   Pagination,
   Paper,
@@ -17,17 +18,18 @@ import {
   TextInput,
   Tooltip
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { IconBrandWhatsapp, IconSearch } from '@tabler/icons-react';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
+import { IconSearch } from '@tabler/icons-react';
+import { useTransitionRouter } from 'next-view-transitions';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
-import { useDebouncedValue } from '@mantine/hooks';
 
 function Page() {
   const state = useProxy(kontakDarurat);
+  const router = useTransitionRouter()
   const [search, setSearch] = useState('');
-  const [debouncedSearch] = useDebouncedValue(search, 500)
+  const [debouncedSearch] = useDebouncedValue(search, 1000)
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
@@ -88,83 +90,79 @@ function Page() {
         ) : (
           <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="xl" mt="lg">
             {data.map((v, k) => (
-             <Paper
-             key={k}
-             radius="xl"
-             shadow="md"
-             withBorder
-             p="lg"
-             bg={colors['white-trans-1']}
-             style={{
-               transition: 'all 200ms ease',
-               cursor: 'pointer',
-               display: 'flex',
-               flexDirection: 'column',
-               justifyContent: 'space-between', // ✅ biar button selalu di bawah
-               height: '100%', // ✅ bikin tinggi seragam
-             }}
-           >
-             <Stack align="center" gap="sm" style={{ flexGrow: 1 }}>
-               <Box
-                 style={{
-                   width: '100%',
-                   aspectRatio: '16/9',
-                   borderRadius: '12px',
-                   overflow: 'hidden',
-                   position: 'relative',
-                 }}
-               >
-                 <Image
-                   src={v.image.link}
-                   alt={v.name}
-                   fit="cover"
-                   loading="lazy"
-                   style={{
-                     width: '100%',
-                     height: '100%',
-                     transition: 'transform 0.4s ease',
-                   }}
-                   onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
-                   onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
-                 />
-               </Box>
-           
-               <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
-                 {v.name}
-               </Text>
-           
-               <Text
-                 fz="sm"
-                 ta="center"
-                 lineClamp={3}
-                 lh={1.6}
-                 style={{
-                   minHeight: '4.8em', // tinggi tetap 3 baris
-                 }}
-               >
-                 <span
-                   style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
-                   dangerouslySetInnerHTML={{ __html: v.deskripsi }}
-                 />
-               </Text>
-             </Stack>
-           
-             {/* ✅ Tombol selalu di bagian bawah card */}
-             <Center mt="md">
-               <Button
-                 variant="light"
-                 leftSection={<IconBrandWhatsapp size={18} />}
-                 component="a"
-                 href={`https://wa.me/${v.whatsapp.replace(/\D/g, '')}`}
-                 target="_blank"
-                 aria-label="Hubungi WhatsApp"
-               >
-                 WhatsApp
-               </Button>
-             </Center>
-           </Paper>
-           
-            
+              <Paper
+                key={k}
+                radius="xl"
+                shadow="md"
+                withBorder
+                p="lg"
+                bg={colors['white-trans-1']}
+                style={{
+                  transition: 'all 200ms ease',
+                  cursor: 'pointer',
+                  display: 'flex',
+                  flexDirection: 'column',
+                  justifyContent: 'space-between', // ✅ biar button selalu di bawah
+                  height: '100%', // ✅ bikin tinggi seragam
+                }}
+              >
+                <Stack align="center" gap="sm" style={{ flexGrow: 1 }}>
+                  <Box
+                    style={{
+                      width: '100%',
+                      aspectRatio: '16/9',
+                      borderRadius: '12px',
+                      overflow: 'hidden',
+                      position: 'relative',
+                    }}
+                  >
+                    <Image
+                      src={v.image.link}
+                      alt={v.name}
+                      fit="cover"
+                      loading="lazy"
+                      style={{
+                        width: '100%',
+                        height: '100%',
+                        transition: 'transform 0.4s ease',
+                      }}
+                      onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
+                      onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
+                    />
+                  </Box>
+
+                  <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
+                    {v.name}
+                  </Text>
+
+                  <Text
+                    fz="sm"
+                    ta="center"
+                    lineClamp={3}
+                    lh={1.6}
+                    style={{
+                      minHeight: '4.8em', // tinggi tetap 3 baris
+                    }}
+                  >
+                    <span
+                      style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                      dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                    />
+                  </Text>
+                </Stack>
+
+                {/* ✅ Tombol selalu di bagian bawah card */}
+                <Group mt="md" justify='center'>
+                  <Button
+                    bg={colors['blue-button']}
+                    onClick={() => router.push(`/darmasaba/kesehatan/kontak-darurat/${v.id}`)}
+                  >
+                    Detail
+                  </Button>
+                </Group>
+              </Paper>
+
+
             ))}
           </SimpleGrid>
         )}
diff --git a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
index d08080c8..a910dc68 100644
--- a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
@@ -26,7 +26,7 @@ import BackButton from '../../desa/layanan/_com/BackButto'
 function Page() {
   const state = useProxy(penangananDarurat)
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500)
+  const [debouncedSearch] = useDebouncedValue(search, 1000)
   const { data, page, totalPages, loading, load } = state.findMany
 
   useShallowEffect(() => {
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
index 1048dcb2..c567f34f 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
@@ -12,7 +12,7 @@ import { useTransitionRouter } from "next-view-transitions";
 export default function Page() {
   const state = useProxy(posyandustate);
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const router = useTransitionRouter()
 
   const { data, page, totalPages, loading, load } = state.findMany;
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
index ed5a360f..e95b6d30 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
@@ -57,7 +57,7 @@ export default function Page() {
   const state = useProxy(programKesehatan);
   const router = useRouter();
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
index ed15017d..40f5d755 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
@@ -7,10 +7,12 @@ import { IconSearch, IconMapPin, IconPhone, IconMail } from '@tabler/icons-react
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function Page() {
   const state = useProxy(puskesmasState)
   const [search, setSearch] = useState('')
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -21,8 +23,8 @@ function Page() {
   } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 6, search)
-  }, [page, search])
+    load(page, 6, debouncedSearch)
+  }, [page, debouncedSearch])
 
   if (loading || !data) {
     return (
@@ -95,17 +97,17 @@ function Page() {
                   </Group>
                   <Stack gap={6}>
                     <Group gap="xs" align="flex-start" wrap="nowrap">
-                      <Box pt={2}><IconMapPin size={16} /></Box>
+                      <Box pt={2}><IconMapPin size={20} /></Box>
                       <Text fz="sm" c="dimmed">{v.alamat}</Text>
                     </Group>
 
                     <Group gap="xs" align="flex-start" wrap="nowrap">
-                      <Box pt={2}><IconPhone size={16} /></Box>
+                      <Box pt={2}><IconPhone size={20} /></Box>
                       <Text fz="sm" c="dimmed">{v.kontak.kontakPuskesmas}</Text>
                     </Group>
 
                     <Group gap="xs" align="flex-start" wrap="nowrap">
-                      <Box pt={2}><IconMail size={16} /></Box>
+                      <Box pt={2}><IconMail size={20} /></Box>
                       <Text fz="sm" c="dimmed">{v.kontak.email}</Text>
                     </Group>
                   </Stack>
diff --git a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
index 595a35a7..ea753870 100644
--- a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
@@ -11,7 +11,7 @@ import BackButton from '../../desa/layanan/_com/BackButto';
 function Page() {
   const state = useProxy(dataLingkunganDesaState.findMany)
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const {
     data,
diff --git a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
index 92fe9f3a..3e5c1d5b 100644
--- a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
@@ -49,6 +49,7 @@ export function EdukasiCard({ icon, title, description, color = '#1e88e5' }: Edu
           </Stack>
           <Text
             size="sm"
+            pl={20}
             style={{
               wordBreak: 'break-word',
               lineHeight: 1.6,
diff --git a/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
index d50df75c..2b7ddd51 100644
--- a/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
@@ -21,7 +21,7 @@ function Page() {
   const state2 = useProxy(pengelolaanSampahState.keteranganSampah)
 
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
diff --git a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx
index e10c2dfc..fcae700d 100644
--- a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx
@@ -13,7 +13,7 @@ import { useTransitionRouter } from 'next-view-transitions';
 function Page() {
   const state = useProxy(programPenghijauanState);
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 500);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const router = useTransitionRouter()
   const { data, load, page, totalPages, loading } = state.findMany;
 
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx
index 1a66e860..0b0ac0f2 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx
@@ -14,7 +14,7 @@ interface PageProps {
 
 function Page({ params }: PageProps) {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const stateList = useProxy(infoSekolahPaud.lembagaPendidikan)
   const { jenjangPendidikan } = use(params);
 
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx
index 483e35fe..8e688445 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx
@@ -14,7 +14,7 @@ interface PageProps {
 
 function Page({ params }: PageProps) {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const stateList = useProxy(infoSekolahPaud.pengajar)
   const { jenjangPendidikan } = use(params);
 
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx
index 2107f6ad..32f9aaf9 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx
@@ -14,7 +14,7 @@ interface PageProps {
 
 function Page({ params }: PageProps) {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const stateList = useProxy(infoSekolahPaud.siswa)
   const { jenjangPendidikan } = use(params);
 
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx
index 07bd3201..94d2dc06 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx
@@ -9,7 +9,7 @@ import { useProxy } from 'valtio/utils';
 
 function Page() {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const stateList = useProxy(infoSekolahPaud.lembagaPendidikan)
 
   const {
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx
index 60234dbf..a782e081 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx
@@ -10,7 +10,7 @@ import { useProxy } from 'valtio/utils';
 function Page() {
   const stateList = useProxy(infoSekolahPaud.pengajar)
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const {
     data,
     page,
diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx
index a94c664e..1f453b17 100644
--- a/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx
@@ -9,7 +9,7 @@ import { useState } from 'react';
 
 function Page() {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const stateList = useProxy(infoSekolahPaud.siswa)
 
   const {
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
index 559ebe9f..9b9e12e3 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
@@ -33,7 +33,7 @@ import { useTransitionRouter } from 'next-view-transitions';
 function Page() {
   const listData = useProxy(daftarInformasiPublik)
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const router = useTransitionRouter()
   const {
     data,
diff --git a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
index 6b53ebf2..7dadf3d7 100644
--- a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
@@ -82,13 +82,13 @@ const state = useProxy(indeksKepuasanState.responden);
 
       // Update gender chart data
       setDonutDataJenisKelamin([
-        { name: 'Laki-laki', value: totalLaki, color: colors['blue-button'] },
+        { name: 'Laki-laki', value: totalLaki, color: '#52ABE3FF' },
         { name: 'Perempuan', value: totalPerempuan, color: '#10A85AFF' },
       ]);
 
       // Update rating chart data
       setDonutDataRating([
-        { name: 'Sangat Baik', value: totalSangatBaik, color: colors['blue-button'] },
+        { name: 'Sangat Baik', value: totalSangatBaik, color: '#52ABE3FF' },
         { name: 'Baik', value: totalBaik, color: '#10A85AFF' },
         { name: 'Kurang Baik', value: totalKurangBaik, color: '#FFA500' },
         { name: 'Sangat Kurang Baik', value: totalSangatKurangBaik, color: '#FF4500' },
@@ -96,7 +96,7 @@ const state = useProxy(indeksKepuasanState.responden);
 
       // Update age group chart data
       setDonutDataKelompokUmur([
-        { name: 'Muda', value: totalMuda, color: colors['blue-button'] },
+        { name: 'Muda', value: totalMuda, color: '#52ABE3FF' },
         { name: 'Dewasa', value: totalDewasa, color: '#10A85AFF' },
         { name: 'Lansia', value: totalLansia, color: '#FFA500' },
       ]);
@@ -216,6 +216,7 @@ const state = useProxy(indeksKepuasanState.responden);
                               <PieChart
                                 withLabels
                                 withTooltip
+                                labelsPosition="inside"
                                 labelsType="percent"
                                 size={250} // Fixed size in pixels
                                 data={donutDataJenisKelamin}
@@ -253,7 +254,7 @@ const state = useProxy(indeksKepuasanState.responden);
                                 withTooltip
                                 tooltipAnimationDuration={200}
                                 withLabels
-                                labelsPosition="outside"
+                                labelsPosition="inside"
                                 labelsType="percent"
                                 withLabelsLine
                                 size={250}
@@ -296,7 +297,7 @@ const state = useProxy(indeksKepuasanState.responden);
                                 withTooltip
                                 tooltipAnimationDuration={200}
                                 withLabels
-                                labelsPosition="outside"
+                                labelsPosition="inside"
                                 labelsType="percent"
                                 withLabelsLine
                                 size={250}
@@ -482,6 +483,7 @@ const state = useProxy(indeksKepuasanState.responden);
                             <PieChart
                               withLabels
                               withTooltip
+                              labelsPosition="inside"
                               labelsType="percent"
                               size={200}
                               data={donutDataJenisKelamin}
@@ -519,7 +521,7 @@ const state = useProxy(indeksKepuasanState.responden);
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                              labelsPosition="outside"
+                              labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
                               size={200}
@@ -562,7 +564,7 @@ const state = useProxy(indeksKepuasanState.responden);
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                              labelsPosition="outside"
+                              labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
                               size={190}
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
index 71825fff..8b9b3e35 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
@@ -55,8 +55,8 @@ function APBDesProgress({ apbdesData }: APBDesProgressProps) {
 
     return (
       <Box key={label}>
-        <Text fw={600} fz="sm">{label}</Text>
-        <Text fw={700} mb="xs">
+        <Text fw={600} fz={{base: "sm", md: "md"}}>{label}</Text>
+        <Text fw={700} fz={{base: "sm", md: "md"}} mb="xs">
           {formatRupiah(dataset.realisasi)} | {formatRupiah(dataset.anggaran)}
         </Text>
         <Progress
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
index 04846408..91496413 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
@@ -39,22 +39,20 @@ function Slider() {
   const state = useProxy(penghargaanState);
   const router = useTransitionRouter();
 
-  // Refs for smooth animation
   const containerRef = useRef<HTMLDivElement>(null);
-  const scrollPositionRef = useRef(0);
-  const animationFrameRef = useRef<number>(0);
+  const scrollPosRef = useRef(0);
+  const animFrameRef = useRef<number>(0);
   const isHoveredRef = useRef(false);
-  
-  // Refs for drag functionality
   const isDraggingRef = useRef(false);
   const startXRef = useRef(0);
   const scrollLeftRef = useRef(0);
   const velocityRef = useRef(0);
-  const lastScrollTimeRef = useRef(0);
+  const lastScrollRef = useRef(0);
 
-  // Speed configuration
-  const normalSpeed = 1.0; // pixels per frame
-  const hoverSpeed = 0.5; // slower speed on hover
+  const SPEED_NORMAL = 1.0;
+  const SPEED_HOVER = 0.5;
+  const VELOCITY_DECAY = 0.95;
+  const SCROLL_THRESHOLD = 100;
 
   useEffect(() => {
     state.findMany.load();
@@ -63,120 +61,114 @@ function Slider() {
   const data = state.findMany.data || [];
   const loading = state.findMany.loading;
 
-  // Duplicate slides for seamless infinite loop
-  const slidesData = [...data, ...data, ...data];
+  // Triple data untuk infinite loop (desktop only)
+  const slidesData = mobile ? data : [...data, ...data, ...data];
 
+  // Auto-scroll animation untuk desktop
   useEffect(() => {
-    if (loading || !containerRef.current || slidesData.length === 0) return;
+    if (loading || !containerRef.current || data.length === 0 || mobile) return;
 
     const container = containerRef.current;
     const slideWidth = container.scrollWidth / slidesData.length;
-    const originalDataLength = data.length;
+    const originalLength = data.length;
 
-    // Start from the middle set of slides
-    scrollPositionRef.current = slideWidth * originalDataLength;
-    container.scrollLeft = scrollPositionRef.current;
+    // Start dari middle set
+    scrollPosRef.current = slideWidth * originalLength;
+    container.scrollLeft = scrollPosRef.current;
 
     const animate = () => {
       if (!containerRef.current) return;
 
       const container = containerRef.current;
       const slideWidth = container.scrollWidth / slidesData.length;
+      const timeSinceScroll = Date.now() - lastScrollRef.current;
+      const isUserScrolling = timeSinceScroll < SCROLL_THRESHOLD;
 
-      // Check if user recently scrolled manually
-      const timeSinceLastScroll = Date.now() - lastScrollTimeRef.current;
-      const isUserScrolling = timeSinceLastScroll < 100;
-
-      // Only auto-scroll if user is not actively scrolling or dragging
       if (!isDraggingRef.current && !isUserScrolling) {
-        const currentSpeed = isHoveredRef.current ? hoverSpeed : normalSpeed;
-        scrollPositionRef.current += currentSpeed;
+        const speed = isHoveredRef.current ? SPEED_HOVER : SPEED_NORMAL;
+        scrollPosRef.current += speed;
 
-        // Reset position for infinite loop
-        if (scrollPositionRef.current >= slideWidth * (originalDataLength * 2)) {
-          scrollPositionRef.current -= slideWidth * originalDataLength;
+        // Reset untuk infinite loop
+        if (scrollPosRef.current >= slideWidth * (originalLength * 2)) {
+          scrollPosRef.current -= slideWidth * originalLength;
+        }
+        if (scrollPosRef.current <= 0) {
+          scrollPosRef.current += slideWidth * originalLength;
         }
 
-        if (scrollPositionRef.current <= 0) {
-          scrollPositionRef.current += slideWidth * originalDataLength;
-        }
-
-        container.scrollLeft = scrollPositionRef.current;
+        container.scrollLeft = scrollPosRef.current;
       } else {
-        // Sync scroll position when user is scrolling
-        scrollPositionRef.current = container.scrollLeft;
-        
-        // Apply momentum/velocity for smooth drag release
+        scrollPosRef.current = container.scrollLeft;
+
+        // Momentum untuk drag release
         if (!isDraggingRef.current && Math.abs(velocityRef.current) > 0.1) {
-          scrollPositionRef.current += velocityRef.current;
-          velocityRef.current *= 0.95; // Decay velocity
-          container.scrollLeft = scrollPositionRef.current;
+          scrollPosRef.current += velocityRef.current;
+          velocityRef.current *= VELOCITY_DECAY;
+          container.scrollLeft = scrollPosRef.current;
         }
       }
 
-      animationFrameRef.current = requestAnimationFrame(animate);
+      animFrameRef.current = requestAnimationFrame(animate);
     };
 
-    animationFrameRef.current = requestAnimationFrame(animate);
+    animFrameRef.current = requestAnimationFrame(animate);
 
     return () => {
-      if (animationFrameRef.current) {
-        cancelAnimationFrame(animationFrameRef.current);
+      if (animFrameRef.current) {
+        cancelAnimationFrame(animFrameRef.current);
       }
     };
-  }, [loading, slidesData.length, data.length, mobile]);
+  }, [loading, data.length, mobile]);
 
   const handleMouseEnter = () => {
-    isHoveredRef.current = true;
+    if (!mobile) isHoveredRef.current = true;
   };
 
   const handleMouseLeave = () => {
-    isHoveredRef.current = false;
-    isDraggingRef.current = false;
+    if (!mobile) {
+      isHoveredRef.current = false;
+      isDraggingRef.current = false;
+    }
   };
 
-  // Mouse drag handlers
   const handleMouseDown = (e: React.MouseEvent) => {
-    if (!containerRef.current) return;
-    
+    if (!containerRef.current || mobile) return;
+
     isDraggingRef.current = true;
     startXRef.current = e.pageX - containerRef.current.offsetLeft;
     scrollLeftRef.current = containerRef.current.scrollLeft;
     velocityRef.current = 0;
-    
     containerRef.current.style.cursor = 'grabbing';
   };
 
   const handleMouseMove = (e: React.MouseEvent) => {
-    if (!isDraggingRef.current || !containerRef.current) return;
-    
+    if (!isDraggingRef.current || !containerRef.current || mobile) return;
+
     e.preventDefault();
     const x = e.pageX - containerRef.current.offsetLeft;
     const walk = (x - startXRef.current) * 2;
     const newScrollLeft = scrollLeftRef.current - walk;
-    
+
     velocityRef.current = containerRef.current.scrollLeft - newScrollLeft;
-    
     containerRef.current.scrollLeft = newScrollLeft;
-    scrollPositionRef.current = newScrollLeft;
-    lastScrollTimeRef.current = Date.now();
+    scrollPosRef.current = newScrollLeft;
+    lastScrollRef.current = Date.now();
   };
 
   const handleMouseUp = () => {
-    if (!containerRef.current) return;
-    
+    if (!containerRef.current || mobile) return;
+
     isDraggingRef.current = false;
     containerRef.current.style.cursor = 'grab';
   };
 
-  // Wheel scroll handler
   const handleWheel = (e: React.WheelEvent) => {
-    if (!containerRef.current) return;
-    
+    if (!containerRef.current || mobile) return;
+
     e.preventDefault();
     containerRef.current.scrollLeft += e.deltaY;
-    scrollPositionRef.current = containerRef.current.scrollLeft;
-    lastScrollTimeRef.current = Date.now();
+    scrollPosRef.current = containerRef.current.scrollLeft;
+    lastScrollRef.current = Date.now();
   };
 
   if (loading) {
@@ -211,37 +203,45 @@ function Slider() {
       onWheel={handleWheel}
       py="xl"
       style={{
-        overflow: "hidden",
-        cursor: "grab",
+        overflowX: mobile ? "auto" : "hidden",
+        overflowY: "hidden",
+        cursor: mobile ? "default" : "grab",
         userSelect: "none",
         position: "relative",
+        WebkitOverflowScrolling: "touch",
+        scrollbarWidth: "none",
+        msOverflowStyle: "none",
       }}
     >
-      {/* Blur edges effect */}
-      <Box
-        style={{
-          position: "absolute",
-          top: 0,
-          left: 0,
-          width: "120px",
-          height: "100%",
-          background: "linear-gradient(to right, rgba(249, 250, 251, 1), rgba(249, 250, 251, 0))",
-          zIndex: 10,
-          pointerEvents: "none",
-        }}
-      />
-      <Box
-        style={{
-          position: "absolute",
-          top: 0,
-          right: 0,
-          width: "120px",
-          height: "100%",
-          background: "linear-gradient(to left, rgba(249, 250, 251, 1), rgba(249, 250, 251, 0))",
-          zIndex: 10,
-          pointerEvents: "none",
-        }}
-      />
+      {/* Blur edges - hanya untuk desktop */}
+      {!mobile && (
+        <>
+          <Box
+            style={{
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "120px",
+              height: "100%",
+              background: "linear-gradient(to right, rgba(249, 250, 251, 1), rgba(249, 250, 251, 0))",
+              zIndex: 10,
+              pointerEvents: "none",
+            }}
+          />
+          <Box
+            style={{
+              position: "absolute",
+              top: 0,
+              right: 0,
+              width: "120px",
+              height: "100%",
+              background: "linear-gradient(to left, rgba(249, 250, 251, 1), rgba(249, 250, 251, 0))",
+              zIndex: 10,
+              pointerEvents: "none",
+            }}
+          />
+        </>
+      )}
 
       <Box
         style={{
@@ -255,8 +255,8 @@ function Slider() {
           <Box
             key={`${item.id}-${index}`}
             style={{
-              flex: `0 0 ${mobile ? "90%" : "calc(33.333% - 1rem)"}`,
-              minWidth: mobile ? "90%" : "calc(33.333% - 1rem)",
+              flex: `0 0 ${mobile ? "85%" : "calc(33.333% - 1rem)"}`,
+              minWidth: mobile ? "85%" : "calc(33.333% - 1rem)",
             }}
           >
             <Paper
@@ -272,12 +272,16 @@ function Slider() {
                 overflow: "hidden",
               }}
               onMouseEnter={(e) => {
-                e.currentTarget.style.transform = "translateY(-8px) scale(1.02)";
-                e.currentTarget.style.boxShadow = "0 12px 28px rgba(0,0,0,0.25)";
+                if (!mobile) {
+                  e.currentTarget.style.transform = "translateY(-8px) scale(1.02)";
+                  e.currentTarget.style.boxShadow = "0 12px 28px rgba(0,0,0,0.25)";
+                }
               }}
               onMouseLeave={(e) => {
-                e.currentTarget.style.transform = "translateY(0) scale(1)";
-                e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)";
+                if (!mobile) {
+                  e.currentTarget.style.transform = "translateY(0) scale(1)";
+                  e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)";
+                }
               }}
             >
               <Box
diff --git a/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx b/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx
index cb4c10d8..8e47ebed 100644
--- a/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx
+++ b/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx
@@ -13,7 +13,7 @@ function Page() {
   const state = useProxy(prestasiState.prestasiDesa);
   const router = useRouter();
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
diff --git a/src/app/darmasaba/_com/main-page/layanan/index.tsx b/src/app/darmasaba/_com/main-page/layanan/index.tsx
index b8d01b8a..c5a79653 100644
--- a/src/app/darmasaba/_com/main-page/layanan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/layanan/index.tsx
@@ -25,25 +25,27 @@ const textHeading = {
   des: "Layanan adalah fitur yang membantu warga desa mengakses berbagai kebutuhan administrasi, informasi, dan bantuan secara cepat, mudah, dan transparan. Dengan fitur ini, semua layanan desa ada dalam genggaman Anda!",
 };
 
+const HEIGHT = 720;
+
 function Layanan() {
   return (
-    <Stack pos={"relative"} bg={colors.grey[1]} gap={"xl"} py={"md"}>
-      <Container w={{ base: "100%", md: "80%" }} p={"md"}>
-        <Stack align="center" gap={"0"}>
+    <Stack pos="relative" bg={colors.grey[1]} gap="xl" py="md">
+      <Container w={{ base: "100%", md: "80%" }} p="md">
+        <Stack align="center" gap="0">
           <Text
-            fw={"bold"}
+            fw="bold"
             c={colors["blue-button"]}
             fz={{ base: "1.8rem", md: "3.4rem" }}
           >
             {textHeading.title}
           </Text>
-          <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
+          <Text ta="center" fz={{ base: "1rem", md: "1.3rem" }}>
             {textHeading.des}
           </Text>
-          <Box p={"md"}>
+          <Box p="md">
             <Button
               component={Link}
-              href={"/darmasaba/desa/layanan"}
+              href="/darmasaba/desa/layanan"
               variant="filled"
               bg={colors["blue-button"]}
               radius={100}
@@ -59,30 +61,26 @@ function Layanan() {
   );
 }
 
-const height = 720;
-
 function Slider() {
   const state = useProxy(stateLayananDesa);
   const [loading, setLoading] = useState(false);
   const mobile = useMediaQuery("(max-width: 768px)", false);
   const router = useTransitionRouter();
 
-  // Refs for smooth animation
   const containerRef = useRef<HTMLDivElement>(null);
-  const scrollPositionRef = useRef(0);
-  const animationFrameRef = useRef<number>(0);
+  const scrollPosRef = useRef(0);
+  const animFrameRef = useRef<number>(0);
   const isHoveredRef = useRef(false);
-
-  // Refs for drag functionality
   const isDraggingRef = useRef(false);
   const startXRef = useRef(0);
   const scrollLeftRef = useRef(0);
   const velocityRef = useRef(0);
-  const lastScrollTimeRef = useRef(0);
+  const lastScrollRef = useRef(0);
 
-  // Speed configuration
-  const normalSpeed = 1.0; // pixels per frame
-  const hoverSpeed = 0.3; // slower speed on hover
+  const SPEED_NORMAL = 1.0;
+  const SPEED_HOVER = 0.3;
+  const VELOCITY_DECAY = 0.95;
+  const SCROLL_THRESHOLD = 100;
 
   useEffect(() => {
     const loadData = async () => {
@@ -100,126 +98,118 @@ function Slider() {
 
   const data = state.suratKeterangan.findMany.data || [];
 
-  // Duplicate slides for seamless infinite loop
-  // We need at least 3x the data for smooth infinite scrolling
-  const slidesData = [...data, ...data, ...data];
+  // Triple data untuk infinite loop (desktop only)
+  const slidesData = mobile ? data : [...data, ...data, ...data];
 
+  // Auto-scroll animation untuk desktop
   useEffect(() => {
-    if (loading || !containerRef.current || slidesData.length === 0) return;
+    if (loading || !containerRef.current || data.length === 0 || mobile) return;
 
     const container = containerRef.current;
     const slideWidth = container.scrollWidth / slidesData.length;
-    const originalDataLength = data.length;
+    const originalLength = data.length;
 
-    // Start from the middle set of slides
-    scrollPositionRef.current = slideWidth * originalDataLength;
-    container.scrollLeft = scrollPositionRef.current;
+    // Start dari middle set
+    scrollPosRef.current = slideWidth * originalLength;
+    container.scrollLeft = scrollPosRef.current;
 
     const animate = () => {
       if (!containerRef.current) return;
 
       const container = containerRef.current;
       const slideWidth = container.scrollWidth / slidesData.length;
+      const timeSinceScroll = Date.now() - lastScrollRef.current;
+      const isUserScrolling = timeSinceScroll < SCROLL_THRESHOLD;
 
-      // Check if user recently scrolled manually
-      const timeSinceLastScroll = Date.now() - lastScrollTimeRef.current;
-      const isUserScrolling = timeSinceLastScroll < 100;
-
-      // Only auto-scroll if user is not actively scrolling or dragging
       if (!isDraggingRef.current && !isUserScrolling) {
-        const currentSpeed = isHoveredRef.current ? hoverSpeed : normalSpeed;
-        scrollPositionRef.current += currentSpeed;
+        const speed = isHoveredRef.current ? SPEED_HOVER : SPEED_NORMAL;
+        scrollPosRef.current += speed;
 
-        // Reset position for infinite loop
-        if (scrollPositionRef.current >= slideWidth * (originalDataLength * 2)) {
-          scrollPositionRef.current -= slideWidth * originalDataLength;
+        // Reset untuk infinite loop
+        if (scrollPosRef.current >= slideWidth * (originalLength * 2)) {
+          scrollPosRef.current -= slideWidth * originalLength;
+        }
+        if (scrollPosRef.current <= 0) {
+          scrollPosRef.current += slideWidth * originalLength;
         }
 
-        if (scrollPositionRef.current <= 0) {
-          scrollPositionRef.current += slideWidth * originalDataLength;
-        }
-
-        container.scrollLeft = scrollPositionRef.current;
+        container.scrollLeft = scrollPosRef.current;
       } else {
-        // Sync scroll position when user is scrolling
-        scrollPositionRef.current = container.scrollLeft;
+        scrollPosRef.current = container.scrollLeft;
 
-        // Apply momentum/velocity for smooth drag release
+        // Momentum untuk drag release
         if (!isDraggingRef.current && Math.abs(velocityRef.current) > 0.1) {
-          scrollPositionRef.current += velocityRef.current;
-          velocityRef.current *= 0.95; // Decay velocity
-          container.scrollLeft = scrollPositionRef.current;
+          scrollPosRef.current += velocityRef.current;
+          velocityRef.current *= VELOCITY_DECAY;
+          container.scrollLeft = scrollPosRef.current;
         }
       }
 
-      animationFrameRef.current = requestAnimationFrame(animate);
+      animFrameRef.current = requestAnimationFrame(animate);
     };
 
-    animationFrameRef.current = requestAnimationFrame(animate);
+    animFrameRef.current = requestAnimationFrame(animate);
 
     return () => {
-      if (animationFrameRef.current) {
-        cancelAnimationFrame(animationFrameRef.current);
+      if (animFrameRef.current) {
+        cancelAnimationFrame(animFrameRef.current);
       }
     };
-  }, [loading, slidesData.length, data.length, mobile]);
+  }, [loading, data.length, mobile]);
 
   const handleMouseEnter = () => {
-    isHoveredRef.current = true;
+    if (!mobile) isHoveredRef.current = true;
   };
 
   const handleMouseLeave = () => {
-    isHoveredRef.current = false;
-    isDraggingRef.current = false;
+    if (!mobile) {
+      isHoveredRef.current = false;
+      isDraggingRef.current = false;
+    }
   };
 
-  // Mouse drag handlers
   const handleMouseDown = (e: React.MouseEvent) => {
-    if (!containerRef.current) return;
+    if (!containerRef.current || mobile) return;
 
     isDraggingRef.current = true;
     startXRef.current = e.pageX - containerRef.current.offsetLeft;
     scrollLeftRef.current = containerRef.current.scrollLeft;
     velocityRef.current = 0;
-
     containerRef.current.style.cursor = 'grabbing';
   };
 
   const handleMouseMove = (e: React.MouseEvent) => {
-    if (!isDraggingRef.current || !containerRef.current) return;
+    if (!isDraggingRef.current || !containerRef.current || mobile) return;
 
     e.preventDefault();
     const x = e.pageX - containerRef.current.offsetLeft;
-    const walk = (x - startXRef.current) * 2; // Multiply for faster scroll
+    const walk = (x - startXRef.current) * 2;
     const newScrollLeft = scrollLeftRef.current - walk;
 
-    // Calculate velocity for momentum
     velocityRef.current = containerRef.current.scrollLeft - newScrollLeft;
-
     containerRef.current.scrollLeft = newScrollLeft;
-    scrollPositionRef.current = newScrollLeft;
-    lastScrollTimeRef.current = Date.now();
+    scrollPosRef.current = newScrollLeft;
+    lastScrollRef.current = Date.now();
   };
 
   const handleMouseUp = () => {
-    if (!containerRef.current) return;
+    if (!containerRef.current || mobile) return;
 
     isDraggingRef.current = false;
     containerRef.current.style.cursor = 'grab';
   };
 
-  // Wheel scroll handler
   const handleWheel = (e: React.WheelEvent) => {
-    if (!containerRef.current) return;
+    if (!containerRef.current || mobile) return;
 
     e.preventDefault();
     containerRef.current.scrollLeft += e.deltaY;
-    scrollPositionRef.current = containerRef.current.scrollLeft;
-    lastScrollTimeRef.current = Date.now();
+    scrollPosRef.current = containerRef.current.scrollLeft;
+    lastScrollRef.current = Date.now();
   };
 
   if (loading) {
-    return <Skeleton height={height} />;
+    return <Skeleton height={HEIGHT} />;
   }
 
   if (data.length === 0) {
@@ -242,9 +232,13 @@ function Slider() {
       onMouseUp={handleMouseUp}
       onWheel={handleWheel}
       style={{
-        overflow: "hidden",
-        cursor: "grab",
+        overflowX: mobile ? "auto" : "hidden",
+        overflowY: "hidden",
+        cursor: mobile ? "default" : "grab",
         userSelect: "none",
+        WebkitOverflowScrolling: "touch",
+        scrollbarWidth: "none",
+        msOverflowStyle: "none",
       }}
     >
       <Box
@@ -259,13 +253,13 @@ function Slider() {
           <Box
             key={`${item.id}-${index}`}
             style={{
-              flex: `0 0 ${mobile ? "100%" : "calc(33.333% - 1rem)"}`,
-              minWidth: mobile ? "100%" : "calc(33.333% - 1rem)",
+              flex: `0 0 ${mobile ? "90%" : "calc(33.333% - 1rem)"}`,
+              minWidth: mobile ? "90%" : "calc(33.333% - 1rem)",
             }}
           >
             <Paper
-              h={height}
-              pos={"relative"}
+              h={HEIGHT}
+              pos="relative"
               style={{
                 backgroundImage: `url(${item.image?.link})`,
                 backgroundSize: "cover",
@@ -280,23 +274,23 @@ function Slider() {
                   borderRadius: 8,
                   zIndex: 0,
                 }}
-                pos={"absolute"}
-                w={"100%"}
-                h={"100%"}
+                pos="absolute"
+                w="100%"
+                h="100%"
                 bg={colors.trans.dark[2]}
               />
               <Stack
                 justify="space-between"
-                h={"100%"}
+                h="100%"
                 gap={0}
-                p={"lg"}
-                pos={"relative"}
+                p="lg"
+                pos="relative"
               >
-                <Box p={"lg"}>
+                <Box p="lg">
                   <Text
-                    fw={"bold"}
-                    c={"white"}
-                    size={"3.5rem"}
+                    fw="bold"
+                    c="white"
+                    fz={{base: "xl", md: "3.5rem"}}
                     style={{
                       textAlign: "center",
                     }}
@@ -310,7 +304,7 @@ function Slider() {
                       router.push(`/darmasaba/desa/layanan/${item.id}`)
                     }
                     px={46}
-                    radius={"100"}
+                    radius="100"
                     size="md"
                     bg={colors["blue-button"]}
                   >
-- 
2.49.1


From 99c2c9c6d7d34ce70e36ec9f2b99142d8b650257 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 10 Dec 2025 14:16:15 +0800
Subject: [PATCH 50/97] Fix semua tulisan profile jadi profil, mulai dari
 navbar, dan route

---
 .../_lib/layoutTabsDetail.tsx                 |  18 +--
 .../_lib/layoutTabsEdit.tsx                   |   8 +-
 .../desa/{profile => profil}/layout.tsx       |   0
 .../profil-desa}/[id]/lambang_desa/page.tsx   |   6 +-
 .../profil-desa}/[id]/maskot_desa/page.tsx    |   4 +-
 .../profil-desa}/[id]/sejarah_desa/page.tsx   |   6 +-
 .../profil-desa}/[id]/visi_misi_desa/page.tsx |   6 +-
 .../profil-desa}/page.tsx                     |  10 +-
 .../[id]/edit/page.tsx                        |   2 +-
 .../[id]/page.tsx                             |   4 +-
 .../create/page.tsx                           |   2 +-
 .../page.tsx                                  |   4 +-
 .../profil-perbekel}/[id]/page.tsx            |   4 +-
 .../profil-perbekel}/page.tsx                 |   2 +-
 src/app/admin/_com/list_PageAdmin.tsx         |  12 +-
 .../{profile => profil}/_com/BackButto.tsx    |   0
 .../(pages)/desa/{profile => profil}/page.tsx |   0
 .../struktur-perangkat-desa/[id]/page.tsx     |   0
 .../struktur-perangkat-desa/page.tsx          |   0
 .../struktur-perangkat-desa/struktur.css      |   0
 .../{profile => profil}/ui/lambangDesa.tsx    |   0
 .../{profile => profil}/ui/maskotDesa.tsx     |   0
 .../desa/{profile => profil}/ui/motoDesa.tsx  |   0
 .../{profile => profil}/ui/profilPerbekel.tsx |   0
 .../{profile => profil}/ui/profileDesa.tsx    |   0
 .../{profile => profil}/ui/sejarahDesa.tsx    |   0
 .../{profile => profil}/ui/semuaPerbekel.tsx  |   0
 .../{profile => profil}/ui/visimisiDesa.tsx   |   0
 .../{profile-ppid => profil-ppid}/page.tsx    |   0
 .../_com/main-page/kepuasan/index.tsx         | 133 +++++++++++++-----
 src/con/navbar-list-menu.ts                   |   8 +-
 31 files changed, 146 insertions(+), 83 deletions(-)
 rename src/app/admin/(dashboard)/desa/{profile => profil}/_lib/layoutTabsDetail.tsx (89%)
 rename src/app/admin/(dashboard)/desa/{profile => profil}/_lib/layoutTabsEdit.tsx (89%)
 rename src/app/admin/(dashboard)/desa/{profile => profil}/layout.tsx (100%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/lambang_desa/page.tsx (97%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/maskot_desa/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/sejarah_desa/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/visi_misi_desa/page.tsx (97%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/page.tsx (97%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/[id]/edit/page.tsx (99%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/[id]/page.tsx (96%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/create/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/page.tsx (96%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel => profil/profil-perbekel}/[id]/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel => profil/profil-perbekel}/page.tsx (97%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/_com/BackButto.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/page.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/struktur-perangkat-desa/[id]/page.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/struktur-perangkat-desa/page.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/struktur-perangkat-desa/struktur.css (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/lambangDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/maskotDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/motoDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/profilPerbekel.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/profileDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/sejarahDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/semuaPerbekel.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/visimisiDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/ppid/{profile-ppid => profil-ppid}/page.tsx (100%)

diff --git a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
similarity index 89%
rename from src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx
rename to src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
index 25771ec3..a3dd1255 100644
--- a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
@@ -11,21 +11,21 @@ function LayoutTabsDetail({ children }: { children: React.ReactNode }) {
     const pathname = usePathname()
     const tabs = [
         {
-            label: "Profile Desa",
-            value: "profiledesa",
-            href: "/admin/desa/profile/profile-desa",
+            label: "Profil Desa",
+            value: "profildesa",
+            href: "/admin/desa/profil/profil-desa",
             icon: <IconUser size={18} stroke={1.8} />
         },
         {
-            label: "Profile Perbekel",
-            value: "profileperbekel",
-            href: "/admin/desa/profile/profile-perbekel",
+            label: "Profil Perbekel",
+            value: "profilperbekel",
+            href: "/admin/desa/profil/profil-perbekel",
             icon: <IconUsers size={18} stroke={1.8} />
         },
         {
-            label: "Profile Perbekel Dari Masa Ke Masa",
-            value: "profile-perbekel-dari-masa-ke-masa",
-            href: "/admin/desa/profile/profile-perbekel-dari-masa-ke-masa",
+            label: "Profil Perbekel Dari Masa Ke Masa",
+            value: "profilperbekeldarimasakemasa",
+            href: "/admin/desa/profil/profil-perbekel-dari-masa-ke-masa",
             icon: <IconCalendar size={18} stroke={1.8} />
         }
     ];
diff --git a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsEdit.tsx b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsEdit.tsx
similarity index 89%
rename from src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsEdit.tsx
rename to src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsEdit.tsx
index 75201d3d..c384b326 100644
--- a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsEdit.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsEdit.tsx
@@ -12,22 +12,22 @@ function LayoutTabsEdit({ children }: { children: React.ReactNode }) {
         {
             label: "Sejarah Desa",
             value: "sejarahdesa",
-            href: "/admin/desa/profile/edit/sejarah_desa"
+            href: "/admin/desa/profil/edit/sejarah_desa"
         },
         {
             label: "Visi Misi Desa",
             value: "visimisidesa",
-            href: "/admin/desa/profile/edit/visi_misi_desa"
+            href: "/admin/desa/profil/edit/visi_misi_desa"
         },
         {
             label: "Lambang Desa",
             value: "lambangdesa",
-            href: "/admin/desa/profile/edit/lambang_desa"
+            href: "/admin/desa/profil/edit/lambang_desa"
         },
         {
             label: "Maskot Desa",
             value: "maskotdesa",
-            href: "/admin/desa/profile/edit/maskot_desa"
+            href: "/admin/desa/profil/edit/maskot_desa"
         },
     ];
     const curentTab = tabs.find(tab => tab.href === pathname)
diff --git a/src/app/admin/(dashboard)/desa/profile/layout.tsx b/src/app/admin/(dashboard)/desa/profil/layout.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/desa/profile/layout.tsx
rename to src/app/admin/(dashboard)/desa/profil/layout.tsx
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
index 6d182103..ea9f877b 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
@@ -43,7 +43,7 @@ function Page() {
       const id = params?.id as string;
       if (!id) {
         toast.error('ID tidak valid');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
         return;
       }
 
@@ -106,7 +106,7 @@ function Page() {
 
       if (success) {
         toast.success('Data berhasil disimpan');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
       } else {
         toast.error('Gagal menyimpan data');
       }
@@ -156,7 +156,7 @@ function Page() {
           <Alert icon={<IconAlertCircle size={20} />} color="red" title="Terjadi Kesalahan" radius="md">
             {loadError}
           </Alert>
-          <Button onClick={() => router.push('/admin/desa/profile/profile-desa')} variant="outline">
+          <Button onClick={() => router.push('/admin/desa/profil/profil-desa')} variant="outline">
             Kembali ke Halaman Utama
           </Button>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
index a33601da..16bd9fda 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
@@ -40,7 +40,7 @@ function Page() {
       const id = params?.id as string;
       if (!id) {
         toast.error("ID tidak valid");
-        router.push("/admin/desa/profile/profile-desa");
+        router.push("/admin/desa/profil/profil-desa");
         return;
       }
 
@@ -157,7 +157,7 @@ function Page() {
 
       if (success) {
         toast.success("Maskot berhasil diperbarui!");
-        router.push("/admin/desa/profile/profile-desa");
+        router.push("/admin/desa/profil/profil-desa");
       }
     } catch (error) {
       console.error("Error update maskot:", error);
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
index 7bbd5c16..72ab0b41 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
@@ -50,7 +50,7 @@ function Page() {
             const id = params?.id as string;
             if (!id) {
                 toast.error('ID tidak valid');
-                router.push('/admin/desa/profile/profile-desa');
+                router.push('/admin/desa/profil/profil-desa');
                 return;
             }
 
@@ -122,7 +122,7 @@ function Page() {
 
             if (success) {
                 toast.success('Data berhasil disimpan');
-                router.push('/admin/desa/profile/profile-desa');
+                router.push('/admin/desa/profil/profil-desa');
             } else {
                 toast.error('Gagal menyimpan data');
             }
@@ -179,7 +179,7 @@ function Page() {
                         {loadError}
                     </Alert>
                     <Button
-                        onClick={() => router.push('/admin/desa/profile/profile-desa')}
+                        onClick={() => router.push('/admin/desa/profil/profil-desa')}
                         variant="outline"
                     >
                         Kembali ke Halaman Utama
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
index 938172b1..98cac0c9 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
@@ -42,7 +42,7 @@ function Page() {
       const id = params?.id as string;
       if (!id) {
         toast.error('ID tidak valid');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
         return;
       }
 
@@ -106,7 +106,7 @@ function Page() {
 
       if (success) {
         toast.success('Data berhasil disimpan');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
       } else {
         toast.error('Gagal menyimpan data');
       }
@@ -156,7 +156,7 @@ function Page() {
             {loadError}
           </Alert>
           <Button
-            onClick={() => router.push('/admin/desa/profile/profile-desa')}
+            onClick={() => router.push('/admin/desa/profil/profil-desa')}
             variant="outline"
           >
             Kembali ke Halaman Utama
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
index 14a4fd5b..bdee883c 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
@@ -27,7 +27,7 @@ function Page() {
   return (
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="lg">
-        <Title order={2} c={colors['blue-button']}>Preview Profile Desa</Title>
+        <Title order={2} c={colors['blue-button']}>Preview Profil Desa</Title>
 
         {/* Sejarah Desa */}
         {sejarah && (
@@ -42,7 +42,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${sejarah.id}/sejarah_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${sejarah.id}/sejarah_desa`)}
                   >
                     Edit
                   </Button>
@@ -87,7 +87,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${visiMisi.id}/visi_misi_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${visiMisi.id}/visi_misi_desa`)}
                   >
                     Edit
                   </Button>
@@ -135,7 +135,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${lambang.id}/lambang_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${lambang.id}/lambang_desa`)}
                   >
                     Edit
                   </Button>
@@ -180,7 +180,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${maskot.id}/maskot_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${maskot.id}/maskot_desa`)}
                   >
                     Edit
                   </Button>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
similarity index 99%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
index d7c3b632..8cf2e438 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
@@ -117,7 +117,7 @@ function EditPerbekelDariMasaKeMasa() {
 
       await state.update.update();
       toast.success('Perbekel dari masa ke masa berhasil diperbarui!');
-      router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa');
+      router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa');
     } catch (error) {
       console.error('Error updating perbekel dari masa ke masa:', error);
       toast.error('Terjadi kesalahan saat memperbarui perbekel dari masa ke masa');
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
similarity index 96%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
index 8a63f508..c8f9eca9 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
@@ -25,7 +25,7 @@ function DetailPerbekelDariMasa() {
       state.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push("/admin/desa/profile/profile-perbekel-dari-masa-ke-masa");
+      router.push("/admin/desa/profil/profil-perbekel-dari-masa-ke-masa");
     }
   };
 
@@ -113,7 +113,7 @@ function DetailPerbekelDariMasa() {
 
                   <Button
                     color="green"
-                    onClick={() => router.push(`/admin/desa/profile/profile-perbekel-dari-masa-ke-masa/${data.id}/edit`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/${data.id}/edit`)}
                     variant="light"
                     radius="md"
                     size="md"
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
index 4a8f6aaa..21973331 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
@@ -46,7 +46,7 @@ function CreatePerbekelDariMasaKeMasa() {
       state.create.form.imageId = uploaded.id;
       await state.create.create();
       resetForm();
-      router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa');
+      router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa');
     } catch (error) {
       console.error(error);
       toast.error('Gagal menambahkan perbekel dari masa ke masa');
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
similarity index 96%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
index aaaac6d3..63982af1 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
@@ -53,7 +53,7 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
               leftSection={<IconPlus size={18} />}
               color="blue"
               variant="light"
-              onClick={() => router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa/create')}
+              onClick={() => router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/create')}
             >
               Tambah Baru
             </Button>
@@ -90,7 +90,7 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
                           variant="light"
                           color="blue"
                           leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/desa/profile/profile-perbekel-dari-masa-ke-masa/${item.id}`)}
+                          onClick={() => router.push(`/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/${item.id}`)}
                         >
                           Detail
                         </Button>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
index 1a916bfe..bd26f5c1 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
@@ -25,7 +25,7 @@ function ProfilePerbekel() {
       const id = params?.id as string;
       if (!id) {
         toast.error("ID tidak valid");
-        router.push("/admin/desa/profile/profile-perbekel");
+        router.push("/admin/desa/profil/profil-perbekel");
         return;
       }
 
@@ -74,7 +74,7 @@ function ProfilePerbekel() {
       const success = await perbekelState.edit.submit()
       if (success) {
         toast.success("Data berhasil disimpan");
-        router.push("/admin/desa/profile/profile-perbekel");
+        router.push("/admin/desa/profil/profil-perbekel");
       }
     } catch (error) {
       console.error("Error update sejarah desa:", error);
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
index 2d2ddf4a..53ad1d8c 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
@@ -41,7 +41,7 @@ function Page() {
                 variant="light"
                 leftSection={<IconEdit size={18} stroke={2} />}
                 radius="md"
-                onClick={() => router.push(`/admin/desa/profile/profile-perbekel/${perbekel.id}`)}
+                onClick={() => router.push(`/admin/desa/profil/profil-perbekel/${perbekel.id}`)}
               >
                 Edit
               </Button>
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index c6208d81..6574cdb7 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -91,8 +91,8 @@ export const devBar = [
     children: [
       {
         id: "Desa_1",
-        name: "Profile",
-        path: "/admin/desa/profile/profile-desa"
+        name: "Profil",
+        path: "/admin/desa/profil/profil-desa"
       },
       {
         id: "Desa_2",
@@ -495,8 +495,8 @@ export const navBar = [
     children: [
       {
         id: "Desa_1",
-        name: "Profile",
-        path: "/admin/desa/profile/profile-desa"
+        name: "Profil",
+        path: "/admin/desa/profil/profil-desa"
       },
       {
         id: "Desa_2",
@@ -899,8 +899,8 @@ export const role1 = [
     children: [
       {
         id: "Desa_1",
-        name: "Profile",
-        path: "/admin/desa/profile/profile-desa"
+        name: "Profil",
+        path: "/admin/desa/profil/profil-desa"
       },
       {
         id: "Desa_2",
diff --git a/src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx b/src/app/darmasaba/(pages)/desa/profil/_com/BackButto.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx
rename to src/app/darmasaba/(pages)/desa/profil/_com/BackButto.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/page.tsx b/src/app/darmasaba/(pages)/desa/profil/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/page.tsx
rename to src/app/darmasaba/(pages)/desa/profil/page.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx
rename to src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
rename to src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/struktur.css
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css
rename to src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/struktur.css
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/profileDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/profileDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
diff --git a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
rename to src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index d303760c..539ad85a 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -179,26 +179,61 @@ function Kepuasan() {
           <Paper p={"lg"} bg={colors.Bg}>
             <Paper p={"lg"}>
               <Stack gap={"xs"}>
-                <Flex justify={"space-between"} align={"center"}>
-                  <Text fw={"bold"}>Pelayanan Terhadap Publik Desa Darmasaba</Text>
-                  <Box>
-                    <Text fz={"sm"} fw={"bold"} c={colors["blue-button"]}>Total Responden</Text>
-                    <Text ta={"end"} fz={"h1"} fw={"bold"} c={colors["blue-button"]}>
+                <Flex
+                  direction={{ base: "column", sm: "row" }}
+                  justify="space-between"
+                  align={{ base: "flex-start", sm: "center" }}
+                  gap={{ base: "xs", sm: "md" }} // 👈 Tambahkan gap untuk memberi ruang
+                >
+                  <Text
+                    fw="bold"
+                    ta={{ base: "center", sm: "left" }}
+                    fz={{ base: "sm", sm: "md" }} // 👈 Atur ukuran font agar lebih proporsional di mobile
+                  >
+                    Pelayanan Terhadap Publik Desa Darmasaba
+                  </Text>
+                  <Box
+                    mt={{ base: "sm", sm: 0 }}
+                    style={{
+                      display: 'flex',
+                      flexDirection: 'column',
+                      alignItems: 'flex-end', // 👈 Pastikan teks dan angka sejajar ke kanan
+                      textAlign: 'right', // 👈 Agar teks rata kanan
+                    }}
+                  >
+                    <Text fz={{ base: "xs", sm: "sm" }} fw={"bold"} c={colors["blue-button"]}>
+                      Total Responden
+                    </Text>
+                    <Text
+                      ta="end"
+                      fz={{ base: "h2", sm: "h1" }} // 👈 Ukuran font lebih kecil di mobile
+                      fw={"bold"}
+                      c={colors["blue-button"]}
+                    >
                       {state.findMany.total.toLocaleString('id-ID')}
                     </Text>
                   </Box>
                 </Flex>
-                <BarChart
-                  h={window.innerWidth < 480 ? 200 : 300}
-                  data={barChartData}
-                  dataKey="month"
-                  series={[{ name: 'Responden', color: colors['blue-button'] }]}
-                  tickLine="y"
-                  xAxisLabel="Bulan"
-                  yAxisLabel="Jumlah Responden"
-                  withTooltip
-                  tooltipAnimationDuration={200}
-                />
+                <Box style={{ overflowX: 'auto', width: '100%' }}>
+                  <BarChart
+                    h={300}
+                    data={barChartData}
+                    dataKey="month"
+                    series={[{ name: 'Responden', color: colors['blue-button'] }]}
+                    tickLine="y"
+                    xAxisLabel="Bulan"
+                    yAxisLabel="Jumlah Responden"
+                    withTooltip
+                    tooltipAnimationDuration={200}
+                    xAxisProps={{
+                      angle: -45,
+                      textAnchor: 'end',
+                      fontSize: 12,
+                    }}
+                    // 👇 Tambahkan ini agar chart punya lebar minimum yang cukup untuk semua bar
+                    style={{ minWidth: 'fit-content' }}
+                  />
+                </Box>
               </Stack>
             </Paper>
             <Box py={"xl"}>
@@ -443,34 +478,62 @@ function Kepuasan() {
       </Container>
       <Box px={"md"}>
         <Paper p={"lg"} bg={colors.Bg}>
-          <Paper p={"lg"}>
+          <Paper p={"lg"} >
             <Stack gap={"xs"}>
               <Flex
                 direction={{ base: "column", sm: "row" }}
                 justify="space-between"
                 align={{ base: "flex-start", sm: "center" }}
+                gap={{ base: "xs", sm: "md" }} // 👈 Tambahkan gap untuk memberi ruang
               >
-                <Text fw="bold" ta={{ base: "center", sm: "left" }}>
+                <Text
+                  fw="bold"
+                  ta={{ base: "center", sm: "left" }}
+                  fz={{ base: "sm", sm: "md" }} // 👈 Atur ukuran font agar lebih proporsional di mobile
+                >
                   Pelayanan Terhadap Publik Desa Darmasaba
                 </Text>
-                <Box mt={{ base: "sm", sm: 0 }}>
-                  <Text fz={"sm"} fw={"bold"} c={colors["blue-button"]}>Total Responden</Text>
-                  <Text ta={"end"} fz={"h1"} fw={"bold"} c={colors["blue-button"]}>
+                <Box
+                  mt={{ base: "sm", sm: 0 }}
+                  style={{
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-end', // 👈 Pastikan teks dan angka sejajar ke kanan
+                    textAlign: 'right', // 👈 Agar teks rata kanan
+                  }}
+                >
+                  <Text fz={{ base: "xs", sm: "sm" }} fw={"bold"} c={colors["blue-button"]}>
+                    Total Responden
+                  </Text>
+                  <Text
+                    ta="end"
+                    fz={{ base: "h2", sm: "h1" }} // 👈 Ukuran font lebih kecil di mobile
+                    fw={"bold"}
+                    c={colors["blue-button"]}
+                  >
                     {state.findMany.total.toLocaleString('id-ID')}
                   </Text>
                 </Box>
               </Flex>
-              <BarChart
-                h={300}
-                data={barChartData}
-                dataKey="month"
-                series={[{ name: 'Responden', color: colors['blue-button'] }]}
-                tickLine="y"
-                xAxisLabel="Bulan"
-                yAxisLabel="Jumlah Responden"
-                withTooltip
-                tooltipAnimationDuration={200}
-              />
+              <Box style={{ overflowX: 'auto', width: '100%' }} pb={50}>
+                <BarChart
+                  h={300}
+                  data={barChartData}
+                  dataKey="month"
+                  series={[{ name: 'Responden', color: colors['blue-button'] }]}
+                  tickLine="y"
+                  xAxisLabel=""
+                  yAxisLabel="Jumlah Responden"
+                  withTooltip
+                  tooltipAnimationDuration={200}
+                  xAxisProps={{
+                    angle: -45,
+                    textAnchor: 'end',
+                    fontSize: 12,
+                  }}
+                  style={{ minWidth: 'fit-content' }}
+                />
+              </Box>
             </Stack>
           </Paper>
           <Box py={"xl"}>
@@ -499,7 +562,7 @@ function Kepuasan() {
                               withLabels
                               withTooltip
                               labelsPosition="inside"
-                          
+
                               labelsType="percent"
                               size={200}
                               data={donutDataJenisKelamin}
@@ -537,7 +600,7 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                          
+
                               labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
@@ -581,7 +644,7 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                              
+
                               labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
diff --git a/src/con/navbar-list-menu.ts b/src/con/navbar-list-menu.ts
index c9574c47..35fbebc2 100644
--- a/src/con/navbar-list-menu.ts
+++ b/src/con/navbar-list-menu.ts
@@ -5,8 +5,8 @@ const navbarListMenu = [
         children: [
             {
                 id: "1.1",
-                name: "Profile PPID",
-                href: "/darmasaba/ppid/profile-ppid"
+                name: "Profil PPID",
+                href: "/darmasaba/ppid/profil-ppid"
             },
             {
                 id: "1.2",
@@ -53,8 +53,8 @@ const navbarListMenu = [
         children: [
             {
                 id: "2.1",
-                name: "Profile",
-                href: "/darmasaba/desa/profile"
+                name: "Profil",
+                href: "/darmasaba/desa/profil"
             },
             {
                 id: "2.2",
-- 
2.49.1


From 242ea86f777ef78a256f23539f44571f9f579fdc Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 10 Dec 2025 17:44:31 +0800
Subject: [PATCH 51/97] Fix konsisten font, menu landing page & PPID

---
 .../daftar-informasi-publik/[id]/page.tsx     |  54 +--
 .../ppid/daftar-informasi-publik/page.tsx     | 103 ++++--
 .../(pages)/ppid/dasar-hukum/page.tsx         |  58 ++--
 .../ppid/indeks-kepuasan-masyarakat/page.tsx  | 258 ++++++++------
 .../ppid/permohonan-informasi-publik/page.tsx |  70 ++--
 .../page.tsx                                  |  72 ++--
 .../(pages)/ppid/profil-ppid/page.tsx         | 197 ++++++++---
 .../(pages)/ppid/struktur-ppid/[id]/page.tsx  |  45 ++-
 .../(pages)/ppid/struktur-ppid/page.tsx       |  65 ++--
 .../(pages)/ppid/visi-misi-ppid/page.tsx      |  95 ++++--
 .../darmasaba/_com/ModernNewsNotification.tsx |   1 +
 src/app/darmasaba/_com/NewsReaderalanding.tsx |   1 +
 .../darmasaba/_com/main-page/apbdes/index.tsx |  98 +++---
 .../_com/main-page/desaantikorupsi/index.tsx  |  92 +++--
 .../_com/main-page/kepuasan/index.tsx         | 225 ++++++------
 .../main-page/landing-page/ModuleView.tsx     |  26 +-
 .../main-page/landing-page/ProfileView.tsx    |  59 ++--
 .../main-page/landing-page/SosmedView.tsx     |  15 +-
 .../_com/main-page/landing-page/index.tsx     |  63 +++-
 .../_com/main-page/layanan/index.tsx          |  85 ++++-
 .../_com/main-page/penghargaan/index.tsx      | 319 ++++++++++++------
 .../_com/main-page/potensi/index.tsx          |  63 +++-
 .../_com/main-page/prestasi/index.tsx         |  75 ++--
 .../darmasaba/_com/main-page/sdgs/index.tsx   |  62 ++--
 src/app/darmasaba/page.tsx                    |   4 +-
 25 files changed, 1505 insertions(+), 700 deletions(-)

diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
index 16981c7e..9a53b209 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/[id]/page.tsx
@@ -12,6 +12,7 @@ import {
   Skeleton,
   Stack,
   Text,
+  Title,
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -41,9 +42,9 @@ export default function DetailInformasiPublikUser() {
     return (
       <Center py="xl">
         <Stack align="center" gap="sm">
-          <Text fz="lg" fw="bold">
+          <Title order={4} fz={{ base: 'lg', md: 'xl' }} lh={1.3}>
             Informasi tidak ditemukan
-          </Text>
+          </Title>
           <Button variant="light" onClick={() => router.push('/informasi-publik')}>
             Kembali ke Daftar
           </Button>
@@ -75,53 +76,60 @@ export default function DetailInformasiPublikUser() {
         shadow="xs"
       >
         <Stack gap="xl">
-          <Text
-            fz={{ base: 'xl', md: '2xl' }}
-            fw="bold"
+          {/* MAIN TITLE */}
+          <Title
+            order={2}
+            lh={1.2}
             ta="center"
             c={colors['blue-button']}
           >
             Detail Informasi Publik
-          </Text>
+          </Title>
 
           <Divider />
 
+          {/* CONTENT */}
           <Stack gap="lg">
+            {/* Jenis Informasi */}
             <Box px="lg">
-              <Text fz={{ base: 'md', md: 'lg' }} fw="bold" mb={4}>
+              <Title order={5} fz={{ base: 'lg', md: 'xl' }} lh={1.3} mb={4}>
                 Jenis Informasi
-              </Text>
-              <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">
+              </Title>
+              <Text fz={{ base: 'sm', md: 'md' }} lh={1.5} c="black">
                 {data.jenisInformasi || '-'}
               </Text>
             </Box>
 
+            {/* Tanggal Publikasi */}
             <Box px="lg">
-              <Text fz={{ base: 'md', md: 'lg' }} fw="bold" mb={4}>
+              <Title order={5} fz={{ base: 'lg', md: 'xl' }} lh={1.3} mb={4}>
                 Tanggal Publikasi
-              </Text>
-              <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">
+              </Title>
+              <Text fz={{ base: 'sm', md: 'md' }} lh={1.5} c="black">
                 {data.tanggal
                   ? new Date(data.tanggal).toLocaleDateString('id-ID', {
-                    day: '2-digit',
-                    month: 'long',
-                    year: 'numeric',
-                  })
+                      day: '2-digit',
+                      month: 'long',
+                      year: 'numeric',
+                    })
                   : '-'}
               </Text>
             </Box>
 
+            {/* Deskripsi */}
             <Box px="lg">
-              <Text fz={{ base: 'md', md: 'lg' }} fw="bold" mb={4}>
+              <Title order={5} fz={{ base: 'lg', md: 'xl' }} lh={1.3} mb={4}>
                 Deskripsi
-              </Text>
+              </Title>
+
               <Box>
                 <Text
-                  ta={"justify"}
-                  className="prose max-w-none leading-relaxed"
+                  ta="justify"
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
-                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                  fz={{ base: 'md', md: 'lg' }}
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={1.6}
+                  style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                  className="prose max-w-none"
                 />
               </Box>
             </Box>
@@ -130,4 +138,4 @@ export default function DetailInformasiPublikUser() {
       </Paper>
     </Box>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
index 9b9e12e3..7208dcfa 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
@@ -21,7 +21,8 @@ import {
   TableTr,
   Text,
   TextInput,
-  Tooltip
+  Tooltip,
+  Title
 } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconBrandWhatsapp, IconDeviceImacCog, IconFileInfo, IconMail, IconSearch } from '@tabler/icons-react';
@@ -33,7 +34,7 @@ import { useTransitionRouter } from 'next-view-transitions';
 function Page() {
   const listData = useProxy(daftarInformasiPublik)
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 1000ms delay
   const router = useTransitionRouter()
   const {
     data,
@@ -65,20 +66,49 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
+
       <Center>
-        <Image src="/darmasaba-icon.png" w={{ base: 70, md: 100 }} alt="Logo Desa Darmasaba" loading="lazy" />
+        <Image
+          src="/darmasaba-icon.png"
+          w={{ base: 70, md: 100 }}
+          alt="Logo Desa Darmasaba"
+          loading="lazy"
+        />
       </Center>
-      <Text ta="center" fz={{ base: "1.8rem", md: "2.5rem" }} c={colors["blue-button"]} fw="bold" lh={1.4}>
+
+      <Title
+        order={2}
+        ta="center"
+        fz={{ base: '1.6rem', md: '2.4rem' }}
+        c={colors['blue-button']}
+        lh={1.35}
+        style={{ fontWeight: 700 }}
+      >
         Daftar Informasi Publik
-      </Text>
-      <Box px={{ base: "md", md: 100 }}>
+      </Title>
+
+      <Box px={{ base: 'md', md: 100 }}>
         <Stack gap="lg">
           <Paper p="lg" radius="xl" shadow="sm" withBorder>
             <Stack gap="sm">
-              <Text ta={"center"} fz={{ base: 'lg', md: 'xl' }} fw="bold" c={colors["blue-button"]}>
+              <Title
+                order={4}
+                ta="center"
+                fz={{ base: 'lg', md: 'xl' }}
+                c={colors['blue-button']}
+                lh={1.2}
+                style={{ fontWeight: 700 }}
+              >
                 Tentang Informasi Publik
-              </Text>
-              <Text ta={"center"} fz={{ base: 'sm', md: 'md' }} c="dimmed">
+              </Title>
+
+              <Text
+                ta="center"
+                fz={{ base: 'sm', md: 'md' }}
+                c="black"
+                lh={1.6}
+                style={{ maxWidth: 900, margin: '0 auto' }}
+              >
                 Daftar Informasi Publik Desa Darmasaba adalah kumpulan data yang dapat diakses oleh masyarakat sesuai dengan ketentuan peraturan yang berlaku.
               </Text>
             </Stack>
@@ -97,8 +127,8 @@ function Page() {
           {data.length === 0 ? (
             <Center py="xl">
               <Stack align="center" gap="sm">
-                <IconFileInfo size={48} stroke={1.5} color={colors["blue-button"]} />
-                <Text fz="md" c="dimmed">Tidak ada informasi publik yang ditemukan.</Text>
+                <IconFileInfo size={48} stroke={1.5} color={colors['blue-button']} />
+                <Text fz="md" c="dimmed" lh={1.5}>Tidak ada informasi publik yang ditemukan.</Text>
               </Stack>
             </Center>
           ) : (
@@ -113,27 +143,42 @@ function Page() {
                     <TableTh fz="sm" ta="center" w="15%">Aksi</TableTh>
                   </TableTr>
                 </TableThead>
+
                 <TableTbody bg={colors['white-1']}>
                   {data.map((item, index) => (
                     <TableTr key={item.id}>
-                      <TableTd ta="center">{(page - 1) * 5 + index + 1}</TableTd>
+                      <TableTd ta="center">
+                        <Text fz="sm" lh={1.4}>
+                          {(page - 1) * 5 + index + 1}
+                        </Text>
+                      </TableTd>
+
                       <TableTd>
                         <Box>
                           <Badge variant="light" size="lg" color="blue">
-                            <Text fw={650} fz={"sm"} c={'blue'} lineClamp={1}>
+                            <Text fw={650} fz="sm" c="blue" lineClamp={1} lh={1.2}>
                               {item.jenisInformasi}
                             </Text>
                           </Badge>
                         </Box>
                       </TableTd>
+
                       <TableTd>
                         <Box>
-                          <Text lineClamp={1} fz="sm" c="dark" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                          <Text
+                            lineClamp={1}
+                            fz={{ base: 'sm', md: 'md' }}
+                            c="dark"
+                            lh={1.5}
+                            style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                            dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                          />
                         </Box>
                       </TableTd>
+
                       <TableTd ta="center">
                         <Box>
-                          <Text ta={"center"}>
+                          <Text ta="center" fz="sm" lh={1.4}>
                             {item.tanggal ? new Date(item.tanggal).toLocaleDateString('id-ID', {
                               day: '2-digit',
                               month: 'long',
@@ -142,6 +187,7 @@ function Page() {
                           </Text>
                         </Box>
                       </TableTd>
+
                       <TableTd style={{ textAlign: 'center' }}>
                         <Box>
                           <Tooltip label="Lihat Detail" withArrow>
@@ -152,8 +198,9 @@ function Page() {
                               color="blue"
                               leftSection={<IconDeviceImacCog size={16} />}
                               onClick={() => router.push(`/darmasaba/ppid/daftar-informasi-publik/${item.id}`)}
+                              aria-label={`Detail ${item.jenisInformasi}`}
                             >
-                              Detail
+                              <Text fz="xs" lh={1.2}>Detail</Text>
                             </Button>
                           </Tooltip>
                         </Box>
@@ -178,17 +225,27 @@ function Page() {
 
           <Paper p="lg" radius="xl" shadow="xs" withBorder>
             <Stack gap="xs">
-              <Text fz="lg" fw="bold" c={colors["blue-button"]}>Kontak PPID</Text>
+              <Title order={5} fz={{ base: 'lg', md: 'xl' }} fw="bold" c={colors['blue-button']} lh={1.2}>
+                Kontak PPID
+              </Title>
+
               <Group>
-                <IconMail color='gray' size={16} style={{ marginRight: 6 }} />
-                <Text c={"dimmed"} fz="sm" lh={1.6}>
-                  Email: <Text c={"dimmed"} span fw="500">ppid@desadarmasaba.id</Text>
+                <IconMail color="gray" size={16} style={{ marginRight: 6 }} />
+                <Text c="dimmed" fz="sm" lh={1.6}>
+                  Email:{' '}
+                  <Text c="dimmed" span fw={500} fz="sm" lh={1.6}>
+                    ppid@desadarmasaba.id
+                  </Text>
                 </Text>
               </Group>
+
               <Group>
-                <IconBrandWhatsapp color='gray' size={16} style={{ marginRight: 6 }} />
-                <Text c={"dimmed"} fz="sm" lh={1.6}>
-                  WhatsApp: <Text c={"dimmed"} span fw="500">081-xxx-xxx-xxx</Text>
+                <IconBrandWhatsapp color="gray" size={16} style={{ marginRight: 6 }} />
+                <Text c="dimmed" fz="sm" lh={1.6}>
+                  WhatsApp:{' '}
+                  <Text c="dimmed" span fw={500} fz="sm" lh={1.6}>
+                    081-xxx-xxx-xxx
+                  </Text>
                 </Text>
               </Group>
             </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
index 7b66459c..5e63b18e 100644
--- a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import stateDasarHukum from '@/app/admin/(dashboard)/_state/ppid/dasar_hukum/dasarHukum';
 import colors from '@/con/colors';
-import { Box, Paper, Skeleton, Stack, Text, Transition } from '@mantine/core';
+import { Box, Paper, Skeleton, Stack, Text, Transition, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useProxy } from 'valtio/utils';
 import { IconBook2 } from '@tabler/icons-react';
@@ -31,31 +31,39 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Stack
-        align="center"
-        gap="xs"
-        px={{ base: 'md', md: 100 }}
-      >
+
+      {/* HEADER */}
+      <Stack align="center" gap="xs" px={{ base: 'md', md: 100 }}>
         <IconBook2 size={42} stroke={1.5} color={colors["blue-button"]} />
-        <Text
+
+        <Title
+          order={1}
           ta="center"
-          fz={{ base: "2rem", md: "2.5rem" }}
           c={colors["blue-button"]}
-          fw="bold"
+          fz={{ base: "1.8rem", md: "2.3rem" }}
+          lh={1.2}
           style={{ letterSpacing: "-0.5px" }}
         >
           Dasar Hukum
-        </Text>
-        <Text ta="center" fz="md" c={"black"}>
+        </Title>
+
+        <Text
+          ta="center"
+          fz={{ base: "sm", md: "md" }}
+          lh={1.6}
+          c="black"
+        >
           Informasi regulasi dan kebijakan resmi yang menjadi dasar hukum
         </Text>
       </Stack>
+
+      {/* CONTENT */}
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap="lg">
           {dataArray.map((item, k) => (
             <Transition
               key={k}
-              mounted={true}
+              mounted
               transition="fade-up"
               duration={400}
               timingFunction="ease"
@@ -73,19 +81,27 @@ function Page() {
                   }}
                 >
                   <Stack gap="md">
-                    <Text
+
+                    {/* JUDUL */}
+                    <Title
+                      order={3}
                       ta="center"
-                      c={"black"}
-                      fw="bold"
-                      fz={{ base: 'lg', md: 'xl' }}
-                      style={{ lineHeight: 1.4 }}
+                      c="black"
+                      fz={{ base: "lg", md: "xl" }}
+                      lh={1.3}
                       dangerouslySetInnerHTML={{ __html: item.judul }}
                     />
+
+                    {/* CONTENT */}
                     <Text
-                      c={"black"}
-                      ta={"justify"}
-                      fz={{ base: 'sm', md: 'md' }}
-                      style={{ lineHeight: 1.7, wordBreak: "break-word", whiteSpace: "normal" }}
+                      c="black"
+                      ta="justify"
+                      fz={{ base: "sm", md: "md" }}
+                      lh={1.7}
+                      style={{
+                        wordBreak: "break-word",
+                        whiteSpace: "normal",
+                      }}
                       dangerouslySetInnerHTML={{ __html: item.content }}
                     />
                   </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
index 7dadf3d7..ed3f1d36 100644
--- a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
@@ -3,7 +3,22 @@
 import indeksKepuasanState from "@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan";
 import colors from "@/con/colors";
 import { BarChart, PieChart } from '@mantine/charts';
-import { Box, Button, Center, Container, Flex, Modal, Paper, Select, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from "@mantine/core";
+import {
+  Box,
+  Button,
+  Center,
+  Container,
+  Flex,
+  Modal,
+  Paper,
+  Select,
+  SimpleGrid,
+  Skeleton,
+  Stack,
+  Text,
+  TextInput,
+  Title
+} from "@mantine/core";
 import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import { useState } from "react";
 import { useProxy } from "valtio/utils";
@@ -15,16 +30,14 @@ interface ChartDataItem {
   label?: string;
 }
 
-
-
 function Kepuasan() {
-const state = useProxy(indeksKepuasanState.responden);
+  const state = useProxy(indeksKepuasanState.responden);
   const { data, loading } = state.findMany;
   const [donutDataJenisKelamin, setDonutDataJenisKelamin] = useState<ChartDataItem[]>([]);
   const [donutDataRating, setDonutDataRating] = useState<ChartDataItem[]>([]);
   const [donutDataKelompokUmur, setDonutDataKelompokUmur] = useState<ChartDataItem[]>([]);
   const [barChartData, setBarChartData] = useState<Array<{ month: string; Responden: number }>>([]);
-  const [opened, { open, close }] = useDisclosure(false)
+  const [opened, { open, close }] = useDisclosure(false);
 
   const resetForm = () => {
     state.create.form = {
@@ -34,14 +47,14 @@ const state = useProxy(indeksKepuasanState.responden);
       jenisKelaminId: "",
       ratingId: "",
       kelompokUmurId: "",
-    }
-  }
+    };
+  };
 
   useShallowEffect(() => {
-    indeksKepuasanState.jenisKelaminResponden.findMany.load()
-    indeksKepuasanState.pilihanRatingResponden.findMany.load()
-    indeksKepuasanState.kelompokUmurResponden.findMany.load()
-  },[])
+    indeksKepuasanState.jenisKelaminResponden.findMany.load();
+    indeksKepuasanState.pilihanRatingResponden.findMany.load();
+    indeksKepuasanState.kelompokUmurResponden.findMany.load();
+  }, []);
 
   const handleSubmit = async () => {
     try {
@@ -51,11 +64,11 @@ const state = useProxy(indeksKepuasanState.responden);
         await state.findUnique.load(idStr);
       }
       resetForm();
-      close()
+      close();
     } catch (error) {
       console.error('Error submitting form:', error);
     }
-  }
+  };
 
   // Load data on component mount
   useShallowEffect(() => {
@@ -154,33 +167,52 @@ const state = useProxy(indeksKepuasanState.responden);
   if (data.length === 0) {
     return (
       <Stack p="sm">
-        <Container w={{ base: "100%", md: "80%" }} p={"xl"}>
+        <Container w={{ base: "100%", md: "80%" }} p="xl">
           <Center>
-          <Text fw={"bold"} fz={{ base: "1.8rem", md: "3.4rem" }}>Indeks Kepuasan Masyarakat</Text>
+            {/* Main page title — converted to Title, use order (don't set fz according to rules) */}
+            <Title order={2} ta="center" c="dark">
+              Indeks Kepuasan Masyarakat
+            </Title>
           </Center>
-          <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!</Text>
+
+          {/* Body lead text — responsive fz & lh */}
+          <Text ta="center" fz={{ base: "1rem", md: "1.25rem" }} lh={{ base: 1.4, md: 1.6 }} c="dimmed" mt="sm">
+            Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!
+          </Text>
+
           <Center mt={10}>
             <Button
-              radius={"lg"}
+              radius="lg"
               onClick={open}
               variant="gradient"
               gradient={{ from: "#26667F", to: "#124170" }}
-            >Ajukan Responden</Button>
+            >
+              Ajukan Responden
+            </Button>
           </Center>
         </Container>
-        <Box px={"xl"}>
-          <Paper p={"lg"} bg={colors.Bg}>
-            <Paper p={"lg"}>
-              <Stack gap={"xs"}>
-                <Flex justify={"space-between"} align={"center"}>
-                  <Text fw={"bold"}>Pelayanan Terhadap Publik Desa Darmasaba</Text>
+
+        <Box px="xl">
+          <Paper p="lg" bg={colors.Bg}>
+            <Paper p="lg">
+              <Stack gap="xs">
+                <Flex justify="space-between" align="center">
+                  {/* Section heading — use Title order for hierarchy */}
+                  <Title order={4}>
+                    Pelayanan Terhadap Publik Desa Darmasaba
+                  </Title>
+
                   <Box>
-                    <Text fz={"sm"} fw={"bold"} c={colors["blue-button"]}>Total Responden</Text>
-                    <Text ta={"end"} fz={"h1"} fw={"bold"} c={colors["blue-button"]}>
-                      {state.findMany.total.toLocaleString('id-ID')}
+                    <Text fz={{ base: "0.9rem", md: "1rem" }} fw="bold" c={colors["blue-button"]}>
+                      Total Responden
                     </Text>
+                    {/* Big number — use Title for emphasis */}
+                    <Title order={3} ta="end" c={colors["blue-button"]} fw="bold" mt="xs">
+                      {state.findMany.total.toLocaleString('id-ID')}
+                    </Title>
                   </Box>
                 </Flex>
+
                 <BarChart
                   h={window.innerWidth < 480 ? 200 : 300}
                   data={barChartData}
@@ -194,18 +226,16 @@ const state = useProxy(indeksKepuasanState.responden);
                 />
               </Stack>
             </Paper>
-            <Box py={"xl"}>
-              <SimpleGrid
-                cols={{ base: 1, sm: 2, lg: 3 }}
-                spacing="md"
-                verticalSpacing="md"
-              >
+
+            <Box py="xl">
+              <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md" verticalSpacing="md">
                 {/* Chart Jenis Kelamin */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Jenis Kelamin</Title>
+                    <Title order={5}>Jenis Kelamin</Title>
+
                     {donutDataJenisKelamin.every(item => item.value === 0) ? (
-                      <Text c="dimmed" ta="center" my="md">
+                      <Text c="dimmed" ta="center" my="md" fz={{ base: "0.95rem", md: "1rem" }}>
                         Belum ada data untuk ditampilkan dalam grafik
                       </Text>
                     ) : (
@@ -218,7 +248,7 @@ const state = useProxy(indeksKepuasanState.responden);
                                 withTooltip
                                 labelsPosition="inside"
                                 labelsType="percent"
-                                size={250} // Fixed size in pixels
+                                size={250}
                                 data={donutDataJenisKelamin}
                               />
                             </Center>
@@ -227,7 +257,7 @@ const state = useProxy(indeksKepuasanState.responden);
                             {donutDataJenisKelamin.map((entry) => (
                               <Flex key={entry.name} gap="md" align="center">
                                 <Box bg={entry.color} w={20} h={20} style={{ flexShrink: 0 }} />
-                                <Text size="sm">{entry.name}: {entry.value}</Text>
+                                <Text fz={{ base: "0.95rem", md: "1rem" }}>{entry.name}: {entry.value}</Text>
                               </Flex>
                             ))}
                           </Stack>
@@ -240,9 +270,10 @@ const state = useProxy(indeksKepuasanState.responden);
                 {/* Chart Rating */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Ulasan</Title>
+                    <Title order={5}>Ulasan</Title>
+
                     {donutDataRating.every(item => item.value === 0) ? (
-                      <Text c="dimmed" ta="center" my="md">
+                      <Text c="dimmed" ta="center" my="md" fz={{ base: "0.95rem", md: "1rem" }}>
                         Belum ada data untuk ditampilkan dalam grafik
                       </Text>
                     ) : (
@@ -267,7 +298,7 @@ const state = useProxy(indeksKepuasanState.responden);
                               {donutDataRating.map((entry) => (
                                 <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                   <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                  <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                  <Text fz={{ base: "0.85rem", md: "0.95rem" }} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                     {entry.name}: {entry.value}
                                   </Text>
                                 </Flex>
@@ -283,9 +314,10 @@ const state = useProxy(indeksKepuasanState.responden);
                 {/* Chart Kelompok Umur */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Umur</Title>
+                    <Title order={5}>Umur</Title>
+
                     {donutDataKelompokUmur.every(item => item.value === 0) ? (
-                      <Text c="dimmed" ta="center" my="md">
+                      <Text c="dimmed" ta="center" my="md" fz={{ base: "0.95rem", md: "1rem" }}>
                         Belum ada data untuk ditampilkan dalam grafik
                       </Text>
                     ) : (
@@ -310,7 +342,7 @@ const state = useProxy(indeksKepuasanState.responden);
                               {donutDataKelompokUmur.map((entry) => (
                                 <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                   <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                  <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                  <Text fz={{ base: "0.85rem", md: "0.95rem" }} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                     {entry.name}: {entry.value}
                                   </Text>
                                 </Flex>
@@ -326,18 +358,21 @@ const state = useProxy(indeksKepuasanState.responden);
             </Box>
           </Paper>
         </Box>
+
         {/* Modal */}
         <Modal opened={opened} onClose={close} title="Ajukan Responden" centered>
-          <Paper bg={colors['white-1']} p={'md'}>
+          <Paper bg={colors['white-1']} p="md">
             <Stack>
               <TextInput
                 label="Nama"
-                type='text'
+                type="text"
                 placeholder="Masukkan nama"
                 value={state.create.form.name}
                 onChange={(val) => {
                   state.create.form.name = val.currentTarget.value;
                 }}
+                // label typography
+                labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
               />
               <TextInput
                 label="Tanggal"
@@ -347,10 +382,11 @@ const state = useProxy(indeksKepuasanState.responden);
                 onChange={(val) => {
                   state.create.form.tanggal = val.currentTarget.value;
                 }}
+                labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
               />
               <Select
-                key={"jenisKelamin"}
-                label={"Jenis Kelamin"}
+                key="jenisKelamin"
+                label="Jenis Kelamin"
                 placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
                 value={state.create.form.jenisKelaminId || ""}
                 onChange={(val) => {
@@ -358,17 +394,19 @@ const state = useProxy(indeksKepuasanState.responden);
                 }}
                 data={
                   (indeksKepuasanState.jenisKelaminResponden.findMany.data || [])
-                    .filter(Boolean) // Hapus null, undefined, dll
+                    .filter(Boolean)
                     .map((item) => ({
                       value: item.id,
                       label: item.name || 'Tanpa Nama',
                     }))
                 }
                 disabled={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
+                // label typography
+                labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
               />
               <Select
-                key={"rating_responden"}
-                label={"Rating"}
+                key="rating_responden"
+                label="Rating"
                 placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
                 value={state.create.form.ratingId || ""}
                 onChange={(val) => {
@@ -376,17 +414,18 @@ const state = useProxy(indeksKepuasanState.responden);
                 }}
                 data={
                   (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
-                    .filter(Boolean) // Hapus null, undefined, dll
+                    .filter(Boolean)
                     .map((item) => ({
                       value: item.id,
                       label: item.name || 'Tanpa Nama',
                     }))
                 }
                 disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
+                labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
               />
               <Select
-                key={"kelompokUmur"}
-                label={"Kelompok Umur"}
+                key="kelompokUmur"
+                label="Kelompok Umur"
                 placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
                 value={state.create.form.kelompokUmurId || ""}
                 onChange={(val) => {
@@ -394,19 +433,16 @@ const state = useProxy(indeksKepuasanState.responden);
                 }}
                 data={
                   (indeksKepuasanState.kelompokUmurResponden.findMany.data || [])
-                    .filter(Boolean) // Hapus null, undefined, dll
+                    .filter(Boolean)
                     .map((item) => ({
                       value: item.id,
                       label: item.name || 'Tanpa Nama',
                     }))
                 }
                 disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
+                labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
               />
-              <Button
-                mt={10}
-                bg={colors['blue-button']}
-                onClick={handleSubmit}
-              >
+              <Button mt={10} bg={colors['blue-button']} onClick={handleSubmit}>
                 Submit
               </Button>
             </Stack>
@@ -415,36 +451,47 @@ const state = useProxy(indeksKepuasanState.responden);
       </Stack>
     );
   }
+
   return (
-    <Stack p={"sm"}>
-     <Container size="lg" px="md">
+    <Stack p="sm">
+      <Container size="lg" px="md">
         <Center>
-          <Text ta={"center"} fz={{ base: "2.4rem", md: "3.4rem" }}>Indeks Kepuasan Masyarakat</Text>
+          {/* Main page title — Title with order */}
+          <Title order={2} ta="center" c="dark">
+            Indeks Kepuasan Masyarakat
+          </Title>
         </Center>
-        <Text fz={{ base: "1.2rem", md: "1.4rem" }} ta={"center"}>Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!</Text>
+
+        <Text fz={{ base: "1rem", md: "1.125rem" }} lh={{ base: 1.4, md: 1.6 }} ta="center" c="dimmed" mt="sm">
+          Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!
+        </Text>
+
         <Center mt={10}>
-          <Button radius={"lg"} bg={colors["blue-button"]} onClick={open}>Ajukan Responden</Button>
+          <Button radius="lg" bg={colors["blue-button"]} onClick={open}>Ajukan Responden</Button>
         </Center>
       </Container>
-      <Box px={"xl"}>
-        <Paper p={"lg"} bg={colors.Bg}>
-          <Paper p={"lg"}>
-            <Stack gap={"xs"}>
+
+      <Box px="xl">
+        <Paper p="lg" bg={colors.Bg}>
+          <Paper p="lg">
+            <Stack gap="xs">
               <Flex
                 direction={{ base: "column", sm: "row" }}
                 justify="space-between"
                 align={{ base: "flex-start", sm: "center" }}
               >
-                <Text fw="bold" ta={{ base: "center", sm: "left" }}>
+                <Title order={4} ta={{ base: "center", sm: "left" }}>
                   Pelayanan Terhadap Publik Desa Darmasaba
-                </Text>
+                </Title>
+
                 <Box mt={{ base: "sm", sm: 0 }}>
-                  <Text fz={"sm"} fw={"bold"} c={colors["blue-button"]}>Total Responden</Text>
-                  <Text ta={"end"} fz={"h1"} fw={"bold"} c={colors["blue-button"]}>
+                  <Text fz={{ base: "0.9rem", md: "1rem" }} fw="bold" c={colors["blue-button"]}>Total Responden</Text>
+                  <Title order={3} ta="end" c={colors["blue-button"]} fw="bold" mt="xs">
                     {state.findMany.total.toLocaleString('id-ID')}
-                  </Text>
+                  </Title>
                 </Box>
               </Flex>
+
               <BarChart
                 h={300}
                 data={barChartData}
@@ -458,21 +505,18 @@ const state = useProxy(indeksKepuasanState.responden);
               />
             </Stack>
           </Paper>
-          <Box py={"xl"}>
+
+          <Box py="xl">
             <SimpleGrid
-              cols={{
-                base: 1,
-                md: 1,
-                lg: 1,
-                xl: 3
-              }}
+              cols={{ base: 1, md: 1, lg: 1, xl: 3 }}
             >
               {/* Chart Jenis Kelamin */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Jenis Kelamin</Title>
+                  <Title order={5}>Jenis Kelamin</Title>
+
                   {donutDataJenisKelamin.every(item => item.value === 0) ? (
-                    <Text c="dimmed" ta="center" my="md">
+                    <Text c="dimmed" ta="center" my="md" fz={{ base: "0.95rem", md: "1rem" }}>
                       Belum ada data untuk ditampilkan dalam grafik
                     </Text>
                   ) : (
@@ -494,7 +538,7 @@ const state = useProxy(indeksKepuasanState.responden);
                           {donutDataJenisKelamin.map((entry) => (
                             <Flex key={entry.name} gap="md" align="center">
                               <Box bg={entry.color} w={20} h={20} style={{ flexShrink: 0 }} />
-                              <Text size="sm">{entry.name}: {entry.value}</Text>
+                              <Text fz={{ base: "0.95rem", md: "1rem" }}>{entry.name}: {entry.value}</Text>
                             </Flex>
                           ))}
                         </Stack>
@@ -507,9 +551,10 @@ const state = useProxy(indeksKepuasanState.responden);
               {/* Chart Rating */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Ulasan</Title>
+                  <Title order={5}>Ulasan</Title>
+
                   {donutDataRating.every(item => item.value === 0) ? (
-                    <Text c="dimmed" ta="center" my="md">
+                    <Text c="dimmed" ta="center" my="md" fz={{ base: "0.95rem", md: "1rem" }}>
                       Belum ada data untuk ditampilkan dalam grafik
                     </Text>
                   ) : (
@@ -534,7 +579,7 @@ const state = useProxy(indeksKepuasanState.responden);
                             {donutDataRating.map((entry) => (
                               <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                 <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                <Text fz={{ base: "0.85rem", md: "0.95rem" }} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                   {entry.name}: {entry.value}
                                 </Text>
                               </Flex>
@@ -550,9 +595,10 @@ const state = useProxy(indeksKepuasanState.responden);
               {/* Chart Kelompok Umur */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Umur</Title>
+                  <Title order={5}>Umur</Title>
+
                   {donutDataKelompokUmur.every(item => item.value === 0) ? (
-                    <Text c="dimmed" ta="center" my="md">
+                    <Text c="dimmed" ta="center" my="md" fz={{ base: "0.95rem", md: "1rem" }}>
                       Belum ada data untuk ditampilkan dalam grafik
                     </Text>
                   ) : (
@@ -577,7 +623,7 @@ const state = useProxy(indeksKepuasanState.responden);
                             {donutDataKelompokUmur.map((entry) => (
                               <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                 <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                <Text fz={{ base: "0.85rem", md: "0.95rem" }} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                   {entry.name}: {entry.value}
                                 </Text>
                               </Flex>
@@ -593,18 +639,20 @@ const state = useProxy(indeksKepuasanState.responden);
           </Box>
         </Paper>
       </Box>
+
       {/* Modal */}
       <Modal opened={opened} onClose={close} title="Ajukan Responden" centered>
-        <Paper bg={colors['white-1']} p={'md'}>
+        <Paper bg={colors['white-1']} p="md">
           <Stack>
             <TextInput
               label="Nama"
-              type='text'
+              type="text"
               placeholder="Masukkan nama"
               value={state.create.form.name}
               onChange={(val) => {
                 state.create.form.name = val.currentTarget.value;
               }}
+              labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
             />
             <TextInput
               label="Tanggal Pengisian"
@@ -614,10 +662,11 @@ const state = useProxy(indeksKepuasanState.responden);
               onChange={(val) => {
                 state.create.form.tanggal = val.currentTarget.value;
               }}
+              labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
             />
             <Select
-              key={"jenisKelamin"}
-              label={"Jenis Kelamin"}
+              key="jenisKelamin"
+              label="Jenis Kelamin"
               placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
               value={state.create.form.jenisKelaminId || ""}
               onChange={(val) => {
@@ -625,17 +674,18 @@ const state = useProxy(indeksKepuasanState.responden);
               }}
               data={
                 (indeksKepuasanState.jenisKelaminResponden.findMany.data || [])
-                  .filter(Boolean) // Hapus null, undefined, dll
+                  .filter(Boolean)
                   .map((item) => ({
                     value: item.id,
                     label: item.name || 'Tanpa Nama',
                   }))
               }
               disabled={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
+              labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
             />
             <Select
-              key={"rating_responden"}
-              label={"Rating"}
+              key="rating_responden"
+              label="Rating"
               placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
               value={state.create.form.ratingId || ""}
               onChange={(val) => {
@@ -643,17 +693,18 @@ const state = useProxy(indeksKepuasanState.responden);
               }}
               data={
                 (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
-                  .filter(Boolean) // Hapus null, undefined, dll
+                  .filter(Boolean)
                   .map((item) => ({
                     value: item.id,
                     label: item.name || 'Tanpa Nama',
                   }))
               }
               disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
+              labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
             />
             <Select
-              key={"kelompokUmur"}
-              label={"Kelompok Umur"}
+              key="kelompokUmur"
+              label="Kelompok Umur"
               placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
               value={state.create.form.kelompokUmurId || ""}
               onChange={(val) => {
@@ -661,19 +712,16 @@ const state = useProxy(indeksKepuasanState.responden);
               }}
               data={
                 (indeksKepuasanState.kelompokUmurResponden.findMany.data || [])
-                  .filter(Boolean) // Hapus null, undefined, dll
+                  .filter(Boolean)
                   .map((item) => ({
                     value: item.id,
                     label: item.name || 'Tanpa Nama',
                   }))
               }
               disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
+              labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
             />
-            <Button
-              mt={10}
-              bg={colors['blue-button']}
-              onClick={handleSubmit}
-            >
+            <Button mt={10} bg={colors['blue-button']} onClick={handleSubmit}>
               Submit
             </Button>
           </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
index 6bd6ebd1..f5d12f86 100644
--- a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
@@ -12,7 +12,8 @@ import {
   SimpleGrid,
   Stack,
   Text,
-  TextInput
+  TextInput,
+  Title
 } from '@mantine/core';
 import { IconSend2 } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -55,7 +56,7 @@ function Page() {
 
   const submitForms = async () => {
     const { create } = permohonanInformasiPublikState.statepermohonanInformasiPublik;
-    const hasil = await create.create(); // tunggu hasilnya
+    const hasil = await create.create();
     if (hasil) {
       router.push('/darmasaba/permohonan/berhasil');
     }
@@ -67,14 +68,17 @@ function Page() {
         <BackButton />
       </Box>
 
-      <Text
+      {/* MAIN PAGE TITLE */}
+      <Title
+        order={1}
         ta="center"
-        fz={{ base: '2rem', md: '2.5rem' }}
+        fz={{ base: '1.8rem', sm: '2.2rem', md: '2.6rem' }}
+        lh={1.2}
         c={colors['blue-button']}
-        fw="bold"
+        style={{ fontWeight: 700 }}
       >
         Permohonan Informasi Publik
-      </Text>
+      </Title>
 
       <Box px={{ base: 'md', md: 100 }}>
         <Stack gap="xl">
@@ -85,15 +89,18 @@ function Page() {
             shadow="sm"
             bg={colors['white-trans-1']}
           >
-            <Text
+            {/* SUBTITLE */}
+            <Title
+              order={2}
               pb={30}
               ta="center"
-              fw="bold"
-              fz={{ base: 'h4', md: 'h3' }}
+              fz={{ base: '1.4rem', md: '1.8rem' }}
+              lh={1.3}
               c={colors['blue-button']}
+              style={{ fontWeight: 700 }}
             >
               Tata Cara Permohonan
-            </Text>
+            </Title>
 
             <SimpleGrid pb={30} cols={{ base: 1, sm: 2, lg: 4 }} spacing="lg">
               {steps.map((v) => (
@@ -116,27 +123,38 @@ function Page() {
                           c={colors['blue-button']}
                           ta="center"
                           fw="bold"
-                          fz="h3"
+                          fz="h2"
+                          lh={1}
                         >
                           {v.number}
                         </Text>
                       </ActionIcon>
                     </Center>
+
+                    <Title
+                      order={4}
+                      ta="center"
+                      c={colors['white-1']}
+                      fz="lg"
+                      lh={1.3}
+                      style={{ fontWeight: 700 }}
+                    >
+                      {v.title}
+                    </Title>
+
                     <Text
                       ta="center"
                       c={colors['white-1']}
-                      fw="bold"
-                      fz="lg"
+                      fz="sm"
+                      lh={1.4}
                     >
-                      {v.title}
-                    </Text>
-                    <Text ta="center" c={colors['white-1']} fz="sm">
                       {v.desc}
                     </Text>
                   </Stack>
                 </Paper>
               ))}
             </SimpleGrid>
+
             <Group justify="center">
               <Paper
                 p="xl"
@@ -148,15 +166,20 @@ function Page() {
                 maw={800}
               >
                 <Stack gap="md">
-                  <Text
-                    fw="bold"
-                    fz={{ base: 'h4', md: 'h3' }}
+
+                  {/* FORM TITLE */}
+                  <Title
+                    order={2}
                     ta="center"
+                    fz={{ base: '1.4rem', md: '1.8rem' }}
+                    lh={1.3}
                     c={colors['blue-button']}
+                    style={{ fontWeight: 700 }}
                   >
                     Formulir Permohonan Informasi
-                  </Text>
+                  </Title>
 
+                  {/* INPUTS */}
                   <TextInput
                     label="Nama Lengkap"
                     placeholder="Masukkan nama lengkap Anda"
@@ -166,6 +189,7 @@ function Page() {
                         val.target.value;
                     }}
                   />
+
                   <TextInput
                     label="Nomor Induk Kependudukan (NIK)"
                     placeholder="Masukkan NIK"
@@ -175,6 +199,7 @@ function Page() {
                         val.target.value;
                     }}
                   />
+
                   <TextInput
                     label="Nomor Telepon"
                     placeholder="Masukkan nomor telepon aktif"
@@ -184,6 +209,7 @@ function Page() {
                         val.target.value;
                     }}
                   />
+
                   <TextInput
                     label="Alamat Lengkap"
                     placeholder="Masukkan alamat sesuai identitas"
@@ -193,6 +219,7 @@ function Page() {
                         val.target.value;
                     }}
                   />
+
                   <TextInput
                     label="Alamat Email"
                     placeholder="Masukkan alamat email aktif"
@@ -209,12 +236,14 @@ function Page() {
                         val.id;
                     }}
                   />
+
                   <MemperolehInformasi
                     onChange={(val) => {
                       permohonanInformasiPublikState.statepermohonanInformasiPublik.create.form.caraMemperolehInformasiId =
                         val.id;
                     }}
                   />
+
                   <MemperolehSalinan
                     onChange={(val) => {
                       permohonanInformasiPublikState.statepermohonanInformasiPublik.create.form.caraMemperolehSalinanInformasiId =
@@ -241,6 +270,7 @@ function Page() {
                       Kirim Permohonan
                     </Button>
                   </Group>
+
                 </Stack>
               </Paper>
             </Group>
diff --git a/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 871fd6f5..80de7c2e 100644
--- a/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -12,6 +12,7 @@ import {
   Stack,
   Text,
   TextInput,
+  Title,
   Tooltip,
 } from '@mantine/core';
 import {
@@ -56,13 +57,8 @@ function Page() {
   const router = useRouter();
 
   const submit = async () => {
-    const { create } = stateKeberatan;
-
-    const hasil = await create.create(); // tunggu hasilnya
-
-    if (hasil) {
-      router.push('/darmasaba/permohonan/berhasil');
-    }
+    const hasil = await stateKeberatan.create.create();
+    if (hasil) router.push('/darmasaba/permohonan/berhasil');
   };
 
   return (
@@ -72,15 +68,16 @@ function Page() {
       </Box>
 
       <Stack align="center" px={{ base: 'md', md: 100 }}>
-        <Text
+        <Title
+          order={1}
           ta="center"
-          fz={{ base: '2rem', md: '2.8rem' }}
+          fz={{ base: '1.8rem', md: '2.6rem' }}
+          lh={1.2}
           c={colors['blue-button']}
-          fw={800}
-          style={{ letterSpacing: '-0.5px' }}
+          style={{ letterSpacing: -0.5 }}
         >
           Permohonan Keberatan Informasi Publik
-        </Text>
+        </Title>
 
         <Paper
           p="xl"
@@ -90,26 +87,36 @@ function Page() {
           withBorder
         >
           <Stack gap="xl">
+            {/* Tentang */}
             <Box>
-              <Text fw={700} fz={{ base: 'lg', md: 'xl' }} mb={8}>
+              <Title order={3} fz={{ base: 'lg', md: 'xl' }} lh={1.3} mb={8}>
                 Tentang Permohonan Keberatan
-              </Text>
-              <Text ta="justify" fz={{ base: 'sm', md: 'md' }} lh={1.6}>
+              </Title>
+
+              <Text
+                ta="justify"
+                fz={{ base: 'sm', md: 'md' }}
+                lh={1.7}
+                c="black"
+              >
                 Jika Anda merasa permohonan informasi tidak ditanggapi dengan
                 baik atau ditolak, Anda berhak mengajukan keberatan melalui
                 formulir berikut.
               </Text>
             </Box>
 
+            {/* Alur */}
             <Stack>
-              <Text
+              <Title
+                order={3}
                 ta="center"
                 fw={700}
                 fz={{ base: 'xl', md: '2xl' }}
-                style={{ letterSpacing: '-0.5px' }}
+                lh={1.2}
+                style={{ letterSpacing: -0.5 }}
               >
                 Alur Pengajuan Keberatan
-              </Text>
+              </Title>
 
               <SimpleGrid cols={{ base: 1, md: 4 }} spacing="lg">
                 {data.map((v) => (
@@ -124,15 +131,23 @@ function Page() {
                       <Center>
                         <v.icon size={48} color={colors['white-1']} />
                       </Center>
+
                       <Text
                         ta="center"
                         c={colors['white-1']}
                         fw={700}
                         fz="lg"
+                        lh={1.3}
                       >
                         {v.title}
                       </Text>
-                      <Text ta="center" c={colors['white-1']} fz="sm">
+
+                      <Text
+                        ta="center"
+                        c={colors['white-1']}
+                        fz="sm"
+                        lh={1.6}
+                      >
                         {v.desc}
                       </Text>
                     </Stack>
@@ -141,6 +156,7 @@ function Page() {
               </SimpleGrid>
             </Stack>
 
+            {/* Form */}
             <Group justify="center">
               <Paper
                 p="xl"
@@ -152,14 +168,16 @@ function Page() {
                 w="100%"
               >
                 <Stack gap="md">
-                  <Text
+                  <Title
+                    order={3}
+                    ta="center"
                     fw={700}
                     fz={{ base: 'lg', md: 'xl' }}
-                    ta="center"
+                    lh={1.3}
                     mb={4}
                   >
                     Formulir Keberatan
-                  </Text>
+                  </Title>
 
                   <TextInput
                     label="Nama Lengkap"
@@ -196,7 +214,7 @@ function Page() {
                   />
 
                   <Box>
-                    <Text fw={600} fz="sm" mb={6}>
+                    <Text fw={600} fz="sm" lh={1.4} mb={6}>
                       Alasan Keberatan
                     </Text>
                     <PPIDTextEditor
@@ -222,11 +240,13 @@ function Page() {
               </Paper>
             </Group>
 
+            {/* Kontak */}
             <Stack gap={4} pt="lg" align="center">
-              <Text fw={700} fz="lg">
+              <Title order={4} fw={700} fz="lg" lh={1.3}>
                 Kontak PPID
-              </Text>
-              <Text fz="sm" c="dimmed">
+              </Title>
+
+              <Text fz="sm" lh={1.5} c="dimmed" ta="center">
                 Email: desadarmasaba@badungkab.go.id | WhatsApp: 081-xxx-xxx-xxx
               </Text>
             </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
index 00a0102e..e3ba98df 100644
--- a/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
@@ -1,79 +1,134 @@
 'use client'
 import stateProfilePPID from '@/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID';
 import colors from '@/con/colors';
-import { Box, Center, Divider, Flex, Image, List, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import {
+  Box,
+  Center,
+  Divider,
+  Flex,
+  Image,
+  List,
+  Paper,
+  SimpleGrid,
+  Skeleton,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconBuildingCommunity, IconTargetArrow, IconTimeline, IconUser } from '@tabler/icons-react';
+import {
+  IconBuildingCommunity,
+  IconTargetArrow,
+  IconTimeline,
+  IconUser,
+} from '@tabler/icons-react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import ScrollToTopButton from '@/app/darmasaba/_com/scrollToTopButton';
 
 function Page() {
-  const allList = useProxy(stateProfilePPID)
-  useShallowEffect(() => {
-    allList.profile.load("edit")
-  }, [])
+  const allList = useProxy(stateProfilePPID);
 
-  if (!allList.profile.data) return (
-    <Stack bg={colors.Bg} py="xl" gap="22">
-      <Box px={{ base: 'md', md: 100 }}>
-        <Skeleton h={40} />
-      </Box>
-      <Box px={{ base: 'md', md: 100 }}>
-        <Skeleton h={80} />
-      </Box>
-      <Box px={{ base: 'md', md: 100 }}>
-        <Paper p="xl" bg={colors['white-trans-1']}>
-          {Array.from({ length: 8 }).map((_, i) => (
-            <Skeleton key={i} h={40} mb="sm" />
-          ))}
-        </Paper>
-      </Box>
-    </Stack>
-  )
+  useShallowEffect(() => {
+    allList.profile.load('edit');
+  }, []);
+
+  // LOADING SKELETON
+  if (!allList.profile.data)
+    return (
+      <Stack bg={colors.Bg} py="xl" gap="22">
+        <Box px={{ base: 'md', md: 100 }}>
+          <Skeleton h={40} />
+        </Box>
+        <Box px={{ base: 'md', md: 100 }}>
+          <Skeleton h={80} />
+        </Box>
+        <Box px={{ base: 'md', md: 100 }}>
+          <Paper p="xl" bg={colors['white-trans-1']}>
+            {Array.from({ length: 8 }).map((_, i) => (
+              <Skeleton key={i} h={40} mb="sm" />
+            ))}
+          </Paper>
+        </Box>
+      </Stack>
+    );
 
   const dataArray = Array.isArray(allList.profile.data)
     ? allList.profile.data
-    : [allList.profile.data]
+    : [allList.profile.data];
 
   return (
     <Box>
       <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
+        {/* Back Button */}
         <Box px={{ base: 'md', md: 100 }}>
           <BackButton />
         </Box>
+
+        {/* Page Title */}
         <Box px={{ base: 'md', md: 100 }}>
-          <Text ta="center" fz={{ base: "2rem", md: "2.5rem", lg: "3rem", xl: "3.4rem" }} c={colors["blue-button"]} fw="bold">
+          <Title
+            order={1}
+            ta="center"
+            c={colors['blue-button']}
+            fz={{ base: '2rem', md: '2.7rem', lg: '3.2rem', xl: '3.6rem' }}
+            lh={{ base: 1.1, md: 1.1 }}
+            fw={900}
+          >
             Profil PPID Desa Darmasaba
-          </Text>
+          </Title>
         </Box>
+
         {dataArray.map((item) => (
-          <Box key={item.id} px={{ base: "md", md: 100 }}>
+          <Box key={item.id} px={{ base: 'md', md: 100 }}>
             <Paper p="xl" bg={colors['white-trans-1']} radius="lg" shadow="xl">
-              <Box px={{ base: "md", md: 100 }}>
+              {/* LOGO & TITLE */}
+              <Box px={{ base: 'md', md: 100 }}>
                 <Center>
-                  <Image loading='lazy' src="/darmasaba-icon.png" h={{ base: 70, md: 120 }} w={{ base: 70, md: 120 }} alt="Logo Desa" />
+                  <Image
+                    loading="lazy"
+                    src="/darmasaba-icon.png"
+                    h={{ base: 70, md: 120 }}
+                    w={{ base: 70, md: 120 }}
+                    alt="Logo Desa"
+                  />
                 </Center>
-                <Text ta="center" fz={{ base: "1.2rem", md: "2rem", lg: "2.5rem", xl: "3rem" }} fw="bold">
+
+                <Title
+                  order={2}
+                  ta="center"
+                  fz={{ base: '1.4rem', md: '2.2rem', lg: '2.6rem', xl: '3rem' }}
+                  lh={1.1}
+                  fw={800}
+                  mt="md"
+                >
                   Pejabat Pengelola Informasi dan Dokumentasi
-                </Text>
+                </Title>
               </Box>
+
               <Divider my="lg" />
 
+              {/* GRID BLOCK */}
               <Box px={{ base: 0, md: 50 }} pb={40}>
                 <SimpleGrid cols={{ base: 1, xl: 2 }} spacing="xl">
+                  {/* FOTO + NAMA */}
                   <Box px={{ base: 0, md: 50 }}>
                     <Paper bg={colors['white-trans-1']} radius="xl" shadow="md" withBorder>
                       <Stack gap={0}>
                         <Image
                           pt={{ base: 0, md: 100 }}
                           px="lg"
-                          src={item.image?.link ? `${item.image.link}?t=${Date.now()}` : "/perbekel.png"}
+                          src={
+                            item.image?.link
+                              ? `${item.image.link}?t=${Date.now()}`
+                              : '/perbekel.png'
+                          }
                           alt="Foto Pimpinan"
                           radius="lg"
-                          onError={(e) => e.currentTarget.src = "/perbekel.png"}
+                          onError={(e) => (e.currentTarget.src = '/perbekel.png')}
                           loading="lazy"
                         />
+
                         <Paper
                           bg={colors['blue-button']}
                           px="lg"
@@ -81,33 +136,62 @@ function Page() {
                           className="glass3"
                           py={{ base: 20, md: 50 }}
                         >
-                          <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "xl", md: "h2" }}>
+                          <Title
+                            order={3}
+                            ta="center"
+                            c={colors['white-1']}
+                            fz={{ base: '1.4rem', md: '2.2rem' }}
+                            lh={1.1}
+                            fw={900}
+                          >
                             {item.name}
-                          </Text>
+                          </Title>
                         </Paper>
                       </Stack>
                     </Paper>
                   </Box>
 
+                  {/* BIOGRAFI & RIWAYAT */}
                   <Box>
                     <Stack gap="xl">
+                      {/* BIO */}
                       <Box>
                         <Flex align="center" gap="sm" mb="sm">
                           <IconUser size={28} />
-                          <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Biografi</Text>
+                          <Title order={3} fz={{ base: '1.3rem', md: '1.6rem' }} lh={1.2} fw={800}>
+                            Biografi
+                          </Title>
                         </Flex>
+
                         <Box px={20}>
-                          <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.biodata }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                          <Text
+                            fz={{ base: '1rem', md: '1.1rem', lg: '1.2rem' }}
+                            lh={1.6}
+                            ta="justify"
+                            dangerouslySetInnerHTML={{ __html: item.biodata }}
+                            style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                          />
                         </Box>
                       </Box>
+
+                      {/* RIWAYAT */}
                       <Box>
                         <Flex align="center" gap="sm" mb="sm">
                           <IconTimeline size={28} />
-                          <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Riwayat Karir</Text>
+                          <Title order={3} fz={{ base: '1.3rem', md: '1.6rem' }} lh={1.2} fw={800}>
+                            Riwayat Karir
+                          </Title>
                         </Flex>
+
                         <List spacing="xs" size="sm">
                           <Box px={20}>
-                            <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} dangerouslySetInnerHTML={{ __html: item.riwayat }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                            <Text
+                              fz={{ base: '1rem', md: '1.1rem', lg: '1.2rem' }}
+                              lh={1.6}
+                              ta="justify"
+                              dangerouslySetInnerHTML={{ __html: item.riwayat }}
+                              style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                            />
                           </Box>
                         </List>
                       </Box>
@@ -116,26 +200,46 @@ function Page() {
                 </SimpleGrid>
               </Box>
 
+              {/* ORGANISASI */}
               <Box pb={40}>
                 <Flex align="center" gap="sm" mb="sm">
                   <IconBuildingCommunity size={28} />
-                  <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Pengalaman Organisasi</Text>
+                  <Title order={3} fz={{ base: '1.3rem', md: '1.6rem' }} lh={1.2} fw={800}>
+                    Pengalaman Organisasi
+                  </Title>
                 </Flex>
+
                 <List spacing="xs" size="sm">
                   <Box px={20}>
-                    <Text fz={{ base: "1rem", md: "1.125rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.pengalaman }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                    <Text
+                      fz={{ base: '1rem', md: '1.1rem' }}
+                      lh={1.6}
+                      ta="justify"
+                      dangerouslySetInnerHTML={{ __html: item.pengalaman }}
+                      style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                    />
                   </Box>
                 </List>
               </Box>
 
+              {/* PROGRAM UNGGULAN */}
               <Box>
                 <Flex align="center" gap="sm" mb="sm">
                   <IconTargetArrow size={28} />
-                  <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Program Unggulan</Text>
+                  <Title order={3} fz={{ base: '1.3rem', md: '1.6rem' }} lh={1.2} fw={800}>
+                    Program Unggulan
+                  </Title>
                 </Flex>
+
                 <List spacing="xs" size="sm">
                   <Box px={20}>
-                    <Text fz={{ base: "1rem", md: "1.125rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.unggulan }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                    <Text
+                      fz={{ base: '1rem', md: '1.1rem' }}
+                      lh={1.6}
+                      ta="justify"
+                      dangerouslySetInnerHTML={{ __html: item.unggulan }}
+                      style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                    />
                   </Box>
                 </List>
               </Box>
@@ -143,10 +247,11 @@ function Page() {
           </Box>
         ))}
       </Stack>
-      {/* Tombol Scroll ke Atas */}
+
+      {/* tombol scroll */}
       <ScrollToTopButton />
     </Box>
-  )
+  );
 }
 
-export default Page
+export default Page;
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx
index 9b0d45cc..3b42bec3 100644
--- a/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/[id]/page.tsx
@@ -27,7 +27,6 @@ function DetailPegawaiUser() {
     statePegawai.findUnique.load(params?.id as string);
   }, []);
 
-
   if (!statePegawai.findUnique.data) {
     return (
       <Stack py="lg">
@@ -52,7 +51,7 @@ function DetailPegawaiUser() {
           }}
         >
           <IconArrowBack size={22} color={colors['blue-button']} />
-          <Text c={colors['blue-button']} fw={500}>
+          <Text fz={{ base: 'sm', md: 'md' }} lh="1.4" fw={500} c={colors['blue-button']}>
             Kembali
           </Text>
         </Box>
@@ -65,9 +64,7 @@ function DetailPegawaiUser() {
         radius="lg"
         shadow="sm"
         bg="white"
-        style={{
-          border: '1px solid #eaeaea',
-        }}
+        style={{ border: '1px solid #eaeaea' }}
       >
         <Stack align="center" gap="md">
           {/* Foto Profil */}
@@ -84,10 +81,23 @@ function DetailPegawaiUser() {
 
           {/* Nama & Jabatan */}
           <Stack align="center" gap={2}>
-            <Title order={3} fw={700} c={colors['blue-button']}>
+            <Title
+              order={2}
+              c={colors['blue-button']}
+              fw={700}
+              fz={{ base: 'xl', md: '28px' }}
+              lh="1.2"
+              ta="center"
+            >
               {data.namaLengkap || '-'} {data.gelarAkademik || ''}
             </Title>
-            <Text fz="sm" c="dimmed">
+
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh="1.4"
+              c="dimmed"
+              ta="center"
+            >
               {data.posisi?.nama || 'Posisi tidak tersedia'}
             </Text>
           </Stack>
@@ -105,10 +115,10 @@ function DetailPegawaiUser() {
             value={
               data.tanggalMasuk
                 ? new Date(data.tanggalMasuk).toLocaleDateString('id-ID', {
-                  day: '2-digit',
-                  month: 'long',
-                  year: 'numeric',
-                })
+                    day: '2-digit',
+                    month: 'long',
+                    year: 'numeric',
+                  })
                 : '-'
             }
           />
@@ -123,7 +133,7 @@ function DetailPegawaiUser() {
   );
 }
 
-/* Komponen kecil untuk menampilkan baris informasi */
+/* Komponen Baris Informasi */
 function InfoRow({
   label,
   value,
@@ -137,11 +147,18 @@ function InfoRow({
 }) {
   return (
     <Box>
-      <Text fz="sm" fw={600} c="dark">
+      <Text
+        fz={{ base: 'sm', md: 'md' }}
+        fw={600}
+        lh="1.3"
+        c="dark"
+      >
         {label}
       </Text>
+
       <Text
-        fz="sm"
+        fz={{ base: 'sm', md: 'md' }}
+        lh="1.5"
         c={valueColor || 'dimmed'}
         style={{
           whiteSpace: multiline ? 'normal' : 'nowrap',
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
index c14914d8..e4ccf7e8 100644
--- a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
@@ -59,10 +59,11 @@ export default function Page() {
             ta="center"
             c={colors['blue-button']}
             fz={{ base: 28, md: 36, lg: 44 }}
+            lh={{ base: 1.05, md: 1.03 }}
           >
             Struktur Organisasi PPID
           </Title>
-          <Text ta="center" c="black" maw={800}>
+          <Text ta="center" c="black" maw={800} fz={{ base: 13, md: 15 }} lh={1.45}>
             Gambaran visual peran dan pegawai yang ditugaskan. Arahkan kursor
             untuk melihat detail atau klik node untuk fokus tampilan.
           </Text>
@@ -105,8 +106,8 @@ function StrukturOrganisasiPPID() {
       <Center py={48}>
         <Stack align="center" gap="sm">
           <Loader size="lg" />
-          <Text fw={600}>Memuat struktur organisasi…</Text>
-          <Text c="dimmed" size="sm">
+          <Text fw={600} fz={{ base: 15, md: 16 }} lh={1.2}>Memuat struktur organisasi…</Text>
+          <Text c="dimmed" fz={{ base: 12, md: 13 }} lh={1.4}>
             Mengambil data pegawai dan posisi. Mohon tunggu sebentar.
           </Text>
         </Stack>
@@ -132,10 +133,10 @@ function StrukturOrganisasiPPID() {
             <Center>
               <IconUsers size={56} />
             </Center>
-            <Title order={3} mt="md">
+            <Title order={3} mt="md" fz={{ base: 16, md: 18 }} lh={1.15}>
               Data pegawai belum tersedia
             </Title>
-            <Text c="dimmed" mt="xs">
+            <Text c="dimmed" mt="xs" fz={{ base: 13, md: 14 }} lh={1.4}>
               Belum ada data pegawai yang tercatat untuk PPID.
             </Text>
             <Group justify="center" mt="lg">
@@ -232,11 +233,18 @@ function StrukturOrganisasiPPID() {
       {/* 🔍 Controls */}
       <Paper
         shadow="xs"
+        w={{
+          base: '100%',       // Mobile: 100%
+          sm: '40%',          // Tablet: 95%
+          md: '39%',          // Desktop: 70%
+          lg: '38%',          // Desktop L: 60%
+          xl: '37%',          // 4K: 50%
+          '2xl': '36%',       // Ultra-wide: 45%
+        }}
         p="md"
         radius="md"
         style={{
-          background: colors['blue-button'],
-          width: '100%',       // ⬅️ penting
+          background: colors['blue-button'],       // ⬅️ penting
           maxWidth: '100%',    // ⬅️ penting
           overflowX: 'auto'    // ⬅️ untuk mencegah overflow
         }}
@@ -269,30 +277,33 @@ function StrukturOrganisasiPPID() {
                 fontSize: '0.875rem',
                 padding: '6px 12px',
                 minHeight: 'auto',
-                flexShrink: 0, // 👈 PENTING: mencegah tab mengecil
+                flexShrink: 0,
               },
             }}
+            style={{ width: '100%' }} // 👈 penting
           >
             <TabsList
               style={{
                 display: 'flex',
                 overflowX: 'auto',
-                overflowY: 'hidden', // 👈 tambahkan ini
+                overflowY: 'hidden',
                 gap: '4px',
                 paddingBottom: '4px',
                 flexWrap: 'nowrap',
-                WebkitOverflowScrolling: 'touch', // 👈 smooth scroll di iOS
-                scrollbarWidth: 'thin', // 👈 scrollbar tipis di Firefox
-                msOverflowStyle: '-ms-autohiding-scrollbar', // 👈 untuk IE/Edge
+                WebkitOverflowScrolling: 'touch',
+                scrollbarWidth: 'thin',
+                msOverflowStyle: '-ms-autohiding-scrollbar',
+                maxWidth: '100%',
+                scrollBehavior: 'smooth', // 👈 smooth scroll
               }}
             >
               <TabsTab
                 value="zoom-out"
                 onClick={handleZoomOut}
                 leftSection={<IconZoomOut size={16} />}
-                style={{ flexShrink: 0 }} // 👈 pastikan tidak mengecil
+                style={{ flexShrink: 0 }}
               >
-                Zoom Out
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Zoom Out</Text>
               </TabsTab>
 
               <Box
@@ -301,7 +312,6 @@ function StrukturOrganisasiPPID() {
                 px={12}
                 py={6}
                 style={{
-                  fontSize: 14,
                   fontWeight: 700,
                   borderRadius: '6px',
                   minWidth: 60,
@@ -310,10 +320,12 @@ function StrukturOrganisasiPPID() {
                   alignItems: 'center',
                   justifyContent: 'center',
                   flexShrink: 0,
-                  whiteSpace: 'nowrap', // 👈 mencegah text wrap
+                  whiteSpace: 'nowrap',
                 }}
               >
-                {Math.round(scale * 100)}%
+                <Text fz={{ base: 12, sm: 13 }} lh={1} c={colors['blue-button']}>
+                  {Math.round(scale * 100)}%
+                </Text>
               </Box>
 
               <TabsTab
@@ -322,7 +334,7 @@ function StrukturOrganisasiPPID() {
                 leftSection={<IconZoomIn size={16} />}
                 style={{ flexShrink: 0 }}
               >
-                Zoom In
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Zoom In</Text>
               </TabsTab>
 
               <TabsTab
@@ -330,7 +342,7 @@ function StrukturOrganisasiPPID() {
                 onClick={resetZoom}
                 style={{ flexShrink: 0 }}
               >
-                Reset
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Reset</Text>
               </TabsTab>
 
               <TabsTab
@@ -345,7 +357,9 @@ function StrukturOrganisasiPPID() {
                 }
                 style={{ flexShrink: 0 }}
               >
-                {isFullscreen ? 'Exit' : 'Fullscreen'}
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">
+                  {isFullscreen ? 'Exit' : 'Fullscreen'}
+                </Text>
               </TabsTab>
             </TabsList>
           </Tabs>
@@ -451,18 +465,17 @@ function NodeCard({ node, router }: any) {
             {/* Name */}
             <Text
               fw={700}
-              size="sm"
               ta="center"
               c={colors['blue-button']}
               lineClamp={2}
+              fz={{ base: 13, md: 15 }}
+              lh={1.2}
               style={{
-                // fontSize: 'clamp(12px, 4vw, 16px)', // 👈 responsif font size
                 minHeight: 40,
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 wordBreak: 'break-word',
-                lineHeight: 1.3,
               }}
             >
               {name}
@@ -470,18 +483,18 @@ function NodeCard({ node, router }: any) {
 
             {/* Title/Position */}
             <Text
-              size="xs"
               c="dimmed"
               ta="center"
               fw={500}
               lineClamp={2}
+              fz={{ base: 12, md: 13 }}
+              lh={1.3}
               style={{
                 minHeight: 32,
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 wordBreak: 'break-word',
-                lineHeight: 1.2,
               }}
             >
               {title}
@@ -504,7 +517,7 @@ function NodeCard({ node, router }: any) {
                   fontWeight: 600,
                 }}
               >
-                Lihat Detail
+                <Text fz={{ base: 12, md: 13 }} lh={1} ta="center">Lihat Detail</Text>
               </Button>
             )}
           </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
index 43440556..f3541077 100644
--- a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
@@ -1,7 +1,18 @@
 'use client'
 import stateVisiMisiPPID from '@/app/admin/(dashboard)/_state/ppid/visi_misi_ppid/visimisiPPID';
 import colors from '@/con/colors';
-import { Box, Center, Image, Paper, Skeleton, Stack, Text, Divider, Transition } from '@mantine/core';
+import {
+  Box,
+  Center,
+  Image,
+  Paper,
+  Skeleton,
+  Stack,
+  Text,
+  Divider,
+  Transition,
+  Title
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useProxy } from 'valtio/utils';
 import { IconSparkles } from '@tabler/icons-react';
@@ -9,6 +20,7 @@ import BackButton from '../../desa/layanan/_com/BackButto';
 
 function Page() {
   const allList = useProxy(stateVisiMisiPPID);
+
   useShallowEffect(() => {
     allList.findById.load("1");
   }, []);
@@ -35,7 +47,7 @@ function Page() {
 
       {dataArray.map((item) => (
         <Box key={item.id} px={{ base: 'md', md: 100 }}>
-          <Transition mounted={true} transition="fade" duration={500} timingFunction="ease">
+          <Transition mounted transition="fade" duration={500} timingFunction="ease">
             {(styles) => (
               <Paper
                 style={styles}
@@ -46,56 +58,93 @@ function Page() {
                 withBorder
               >
                 <Stack gap="xl">
+
+                  {/* ==== MOTTO SECTION ==== */}
                   <Box>
                     <Center mb="md">
-                      <Image src="/darmasaba-icon.png" w={{ base: 80, md: 130 }} alt="Logo Desa Darmasaba" loading='lazy' />
+                      <Image
+                        src="/darmasaba-icon.png"
+                        w={{ base: 80, md: 130 }}
+                        alt="Logo Desa Darmasaba"
+                        loading="lazy"
+                      />
                     </Center>
-                    <Text
+
+                    <Title
+                      order={2}
                       ta="center"
-                      fz={{ base: 28, md: 36 }}
-                      fw={800}
+                      fz={{ base: 26, md: 34 }}
+                      lh={1.2}
                       c={colors['blue-button']}
                     >
                       Moto PPID Desa Darmasaba
-                    </Text>
-                    <Text ta="center" fz={{ base: 16, md: 20 }} mt="xs">
+                    </Title>
+
+                    <Text
+                      ta="center"
+                      fz={{ base: 15, md: 18 }}
+                      lh={1.5}
+                      c={"black"}
+                      mt="xs"
+                    >
                       Memberikan informasi yang cepat, mudah, tepat, dan transparan
                     </Text>
                   </Box>
 
-                  <Divider my="sm" labelPosition="center" label={<IconSparkles size={18} />} />
+                  <Divider
+                    my="sm"
+                    labelPosition="center"
+                    label={<IconSparkles size={18} />}
+                  />
 
+                  {/* ==== VISI SECTION ==== */}
                   <Box>
-                    <Text ta="center" fz={{ base: 24, md: 30 }} fw={800}
-                      c={colors['blue-button']} mb="sm">
-                      Visi PPID
-                    </Text>
-                    <Text
-                      fz={{ base: 'md', md: 'lg' }}
-                      lh={1.7}
+                    <Title
+                      order={3}
                       ta="center"
+                      fz={{ base: 22, md: 28 }}
+                      lh={1.2}
+                      c={colors['blue-button']}
+                      mb="sm"
+                    >
+                      Visi PPID
+                    </Title>
+
+                    <Text
+                      ta="center"
+                      fz={{ base: 15, md: 18 }}
+                      lh={1.7}
                       dangerouslySetInnerHTML={{ __html: item.visi }}
-                      style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                      style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
                     />
                   </Box>
 
                   <Divider my="sm" />
 
+                  {/* ==== MISI SECTION ==== */}
                   <Box>
-                    <Text ta="center" fz={{ base: 24, md: 30 }} fw={800}
-                      c={colors['blue-button']} mb="sm">
+                    <Title
+                      order={3}
+                      ta="center"
+                      fz={{ base: 22, md: 28 }}
+                      lh={1.2}
+                      c={colors['blue-button']}
+                      mb="sm"
+                    >
                       Misi PPID
-                    </Text>
+                    </Title>
+
                     <Box px={{ base: 'md', md: 100 }}>
                       <Text
-                        ta={"justify"}
-                        fz={{ base: 'md', md: 'lg' }}
+                        ta="justify"
+                        fz={{ base: 15, md: 18 }}
                         lh={1.7}
                         dangerouslySetInnerHTML={{ __html: item.misi }}
-                        style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                        style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
                       />
                     </Box>
                   </Box>
+
                 </Stack>
               </Paper>
             )}
diff --git a/src/app/darmasaba/_com/ModernNewsNotification.tsx b/src/app/darmasaba/_com/ModernNewsNotification.tsx
index e2663db0..2fa14f1c 100644
--- a/src/app/darmasaba/_com/ModernNewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNewsNotification.tsx
@@ -168,6 +168,7 @@ export default function ModernNewsNotification({
               position: "fixed",
               bottom: "24px",
               right: "24px",
+              zIndex: 1
             }}
           >
             <ActionIcon
diff --git a/src/app/darmasaba/_com/NewsReaderalanding.tsx b/src/app/darmasaba/_com/NewsReaderalanding.tsx
index 53f21935..a4a1755f 100644
--- a/src/app/darmasaba/_com/NewsReaderalanding.tsx
+++ b/src/app/darmasaba/_com/NewsReaderalanding.tsx
@@ -100,6 +100,7 @@ const NewsReaderLanding = () => {
         borderBottomRightRadius: '20px',
         borderTopRightRadius: '20px',
         transition: 'all 0.3s ease',
+        zIndex: 1
       }}
     >
       {isPointerMode ? <IconMusicOff /> : <IconMusic />}
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index ad848d55..1e70c8e0 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -5,7 +5,20 @@ import apbdes from '@/app/admin/(dashboard)/_state/landing-page/apbdes'
 import APBDesProgress from '@/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress'
 import { transformAPBDesData } from '@/app/darmasaba/(tambahan)/apbdes/lib/types'
 import colors from '@/con/colors'
-import { ActionIcon, BackgroundImage, Box, Button, Center, Group, Loader, Select, SimpleGrid, Stack, Text } from '@mantine/core'
+import {
+  ActionIcon,
+  BackgroundImage,
+  Box,
+  Button,
+  Center,
+  Group,
+  Loader,
+  Select,
+  SimpleGrid,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core'
 import { IconDownload } from '@tabler/icons-react'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
@@ -38,17 +51,15 @@ function Apbdes() {
   const dataAPBDes = state.findMany.data || []
 
   const years = Array.from(new Set(dataAPBDes.map((item: any) => item.tahun)))
-    .sort((a, b) => b - a) // urutkan descending
+    .sort((a, b) => b - a)
     .map(year => ({ value: year.toString(), label: `Tahun ${year}` }))
 
-  // Pilih tahun pertama sebagai default jika belum ada yang dipilih
   useEffect(() => {
     if (years.length > 0 && !selectedYear) {
       setSelectedYear(years[0].value)
     }
   }, [years, selectedYear])
 
-  // Transform and filter data based on selected year
   const currentApbdes = dataAPBDes.length > 0
     ? transformAPBDesData(dataAPBDes.find(item => item?.tahun?.toString() === selectedYear) || dataAPBDes[0])
     : null
@@ -57,17 +68,31 @@ function Apbdes() {
 
   return (
     <Stack p="sm" gap="xl" bg={colors.Bg}>
-      <Box mt={"xl"}>
+      {/* 📌 HEADING */}
+      <Box mt="xl">
         <Stack gap="sm">
-          <Text c={colors["blue-button"]} ta={"center"} fw={"bold"} fz={{ base: "1.8rem", md: "3.4rem" }}>
+          <Title
+            order={1}
+            ta="center"
+            c={colors['blue-button']}
+            fz={{ base: '2rem', md: '3.6rem' }}
+            lh={{ base: 1.2, md: 1.1 }}
+          >
             {textHeading.title}
-          </Text>
-          <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
+          </Title>
+
+          <Text
+            ta="center"
+            fz={{ base: '1rem', md: '1.25rem' }}
+            lh={{ base: 1.5, md: 1.55 }}
+            c="black"
+          >
             {textHeading.des}
           </Text>
         </Stack>
       </Box>
 
+      {/* Button Lihat Semua */}
       <Group justify="center">
         <Button
           component={Link}
@@ -81,32 +106,39 @@ function Apbdes() {
         </Button>
       </Group>
 
-      {/* 🔥 COMBOBOX UNTUK PILIH TAHUN */}
+      {/* COMBOBOX */}
       <Box px={{ base: 'md', md: 100 }}>
         <Select
-          label="Pilih Tahun APBDes"
+          label={<Text fw={600} fz="sm">Pilih Tahun APBDes</Text>}
           placeholder="Pilih tahun"
           value={selectedYear}
           onChange={setSelectedYear}
           data={years}
-          w={{ base: '100%', sm: 200 }}
+          w={{ base: '100%', sm: 220 }}
           searchable
           clearable
           nothingFoundMessage="Tidak ada tahun tersedia"
         />
       </Box>
 
+      {/* Progress */}
       {currentApbdes ? (
-        <>
-          <APBDesProgress apbdesData={currentApbdes} />
-        </>
+        <APBDesProgress apbdesData={currentApbdes} />
       ) : (
         <Box px={{ base: 'md', md: 100 }} py="md">
-          <Text c="dimmed">Tidak ada data APBDes untuk tahun yang dipilih.</Text>
+          <Text fz="sm" c="dimmed" ta="center" lh={1.5}>
+            Tidak ada data APBDes untuk tahun yang dipilih.
+          </Text>
         </Box>
       )}
 
-      <SimpleGrid mx={{ base: 'md', md: 100 }} cols={{ base: 1, sm: 3 }} spacing="lg" pb={"xl"}>
+      {/* GRID */}
+      <SimpleGrid
+        mx={{ base: 'md', md: 100 }}
+        cols={{ base: 1, sm: 3 }}
+        spacing="lg"
+        pb="xl"
+      >
         {loading ? (
           <Center mih={200}>
             <Loader size="lg" color="blue" />
@@ -114,10 +146,10 @@ function Apbdes() {
         ) : data.length === 0 ? (
           <Center mih={200}>
             <Stack align="center" gap="xs">
-              <Text fz="lg" c="dimmed">
+              <Text fz="lg" c="dimmed" lh={1.4}>
                 Belum ada data APBDes yang tersedia
               </Text>
-              <Text fz="sm" c="dimmed">
+              <Text fz="sm" c="dimmed" lh={1.4}>
                 Data akan ditampilkan di sini setelah diunggah
               </Text>
             </Stack>
@@ -133,25 +165,30 @@ function Apbdes() {
               style={{ overflow: 'hidden' }}
             >
               <Box pos="absolute" inset={0} bg="rgba(0,0,0,0.45)" style={{ borderRadius: 16 }} />
-              <Stack gap={"xs"} justify="space-between" h="100%" p="xl" pos="relative">
+
+              <Stack gap="xs" justify="space-between" h="100%" p="xl" pos="relative">
                 <Text
                   c="white"
                   fw={600}
-                  fz="lg"
+                  fz={{ base: 'lg', md: 'xl' }}
                   ta="center"
+                  lh={1.35}
                   lineClamp={2}
                 >
                   {v.name}
                 </Text>
+
                 <Text
-                  fw="bold"
+                  fw={700}
                   c="white"
-                  fz="3rem"
+                  fz={{ base: '2.4rem', md: '3.2rem' }}
                   ta="center"
+                  lh={1}
                   style={{ textShadow: '0 2px 8px rgba(0,0,0,0.6)' }}
                 >
                   {v.jumlah}
                 </Text>
+
                 <Center>
                   <ActionIcon
                     component={Link}
@@ -163,29 +200,12 @@ function Apbdes() {
                   >
                     <IconDownload size={20} color="white" />
                   </ActionIcon>
-
                 </Center>
-                {/* <Group justify="center">
-                  <ActionIcon
-                    component={Link}
-                    href={v.file?.link || ''}
-                    radius="xl"
-                    size="lg"
-                    variant="gradient"
-                    gradient={{ from: '#1C6EA4', to: '#1C6EA4' }}
-                  >
-                    <Group align="center" gap="xs" px="md" py={6}>
-                      <IconDownload size={25} color="white" />
-                    </Group>
-                  </ActionIcon>
-                </Group> */}
               </Stack>
             </BackgroundImage>
           ))
         )}
       </SimpleGrid>
-
-
     </Stack>
   )
 }
diff --git a/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx b/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx
index cd8dcff1..de9c6317 100644
--- a/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx
@@ -2,7 +2,16 @@
 'use client'
 import korupsiState from "@/app/admin/(dashboard)/_state/landing-page/desa-anti-korupsi";
 import colors from "@/con/colors";
-import { Button, Center, Container, Flex, Paper, SimpleGrid, Stack, Text } from "@mantine/core";
+import {
+  Button,
+  Center,
+  Container,
+  Flex,
+  Paper,
+  SimpleGrid,
+  Stack,
+  Text
+} from "@mantine/core";
 import { IconClipboardText } from "@tabler/icons-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
@@ -11,7 +20,6 @@ import { useProxy } from "valtio/utils";
 function DesaAntiKorupsi() {
   const state = useProxy(korupsiState);
   const [loading, setLoading] = useState(false);
- 
 
   useEffect(() => {
     const loadData = async () => {
@@ -19,30 +27,64 @@ function DesaAntiKorupsi() {
         setLoading(true);
         await state.desaAntikorupsi.findMany.load();
       } catch (error) {
-        console.error('Error loading data:', error);
+        console.error("Error loading data:", error);
       } finally {
         setLoading(false);
       }
-    }
+    };
     loadData();
-  }, [])
+  }, []);
 
   const data = (state.desaAntikorupsi.findMany.data || []).slice(0, 6);
+
   return (
-    <Stack gap={"0"} bg={colors.Bg} p={"sm"} my={"xs"}>
-      <Container w={{ base: "100%", md: "80%" }} p={"md"} >
+    <Stack gap="0" bg={colors.Bg} p="sm" my="xs">
+      {/* ===================== HEADER ===================== */}
+      <Container w={{ base: "100%", md: "80%" }} p="md">
         <Center>
-          <Text fw={"bold"} c={colors["blue-button"]} fz={{ base: "1.8rem", md: "3.4rem" }}>Desa Anti Korupsi</Text>
+          <Text
+            fw={700}
+            ta="center"
+            c={colors["blue-button"]}
+            fz={{ base: "1.8rem", md: "3.2rem" }}
+            lh={{ base: "2.2rem", md: "3.4rem" }}
+          >
+            Desa Anti Korupsi
+          </Text>
         </Center>
-        <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola terbuka dengan melibatkan warga mengawasi anggaran, sehingga digunakan tepat sasaran sesuai kebutuhan.</Text>
-        <Center py={20}>
-          <Button radius={"lg"} fz={"h4"} bg={colors["blue-button"]} component={Link} href={"/darmasaba/desa-anti-korupsi/detail"}>Selengkapnya</Button>
+
+        <Text
+          ta="center"
+          c="black"
+          fz={{ base: "1rem", md: "1.25rem" }}
+          lh={{ base: "1.5rem", md: "1.8rem" }}
+          mt="sm"
+        >
+          Desa antikorupsi mendorong pemerintahan jujur dan transparan.
+          Keuangan desa dikelola secara terbuka dengan melibatkan warga
+          dalam pengawasan anggaran, sehingga digunakan tepat sasaran dan
+          sesuai kebutuhan masyarakat.
+        </Text>
+
+        <Center py={25}>
+          <Button
+            radius="lg"
+            fz={{ base: "md", md: "lg" }}
+            bg={colors["blue-button"]}
+            component={Link}
+            href="/darmasaba/desa-anti-korupsi/detail"
+            style={{ paddingInline: "2rem" }}
+          >
+            Selengkapnya
+          </Button>
         </Center>
       </Container>
+
+      {/* ===================== LIST ===================== */}
       <Container w="100%" maw="80rem" px="md">
         {loading ? (
           <Center mih={200}>
-            <Text fz="lg">Memuat Data...</Text>
+            <Text fz={{ base: "md", md: "lg" }}>Memuat Data...</Text>
           </Center>
         ) : (
           <SimpleGrid
@@ -64,26 +106,35 @@ function DesaAntiKorupsi() {
                   <IconClipboardText
                     color={colors["blue-button"]}
                     size={40}
-                    style={{ flexShrink: 0 }} // biar icon nggak ketekan
+                    style={{ flexShrink: 0 }}
                   />
-                  <Stack gap={2} style={{ flex: 1, minWidth: 0 }}>
+
+                  <Stack gap={6} style={{ flex: 1, minWidth: 0 }}>
+                    {/* Title */}
                     <Text
-                      fz={{ base: "sm", sm: "md", md: "lg", lg: "xl" }} // lebih besar di desktop
+                      fw={700}
                       c={colors["blue-button"]}
-                      fw={600}
-                      style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                      fz={{ base: "1rem", sm: "1.1rem", md: "1.25rem" }}
+                      lh={{ base: "1.3rem", md: "1.5rem" }}
+                      style={{
+                        wordBreak: "break-word",
+                        whiteSpace: "normal"
+                      }}
                     >
                       {v.kategori?.name || "Kategori"}
                     </Text>
+
+                    {/* Description */}
                     <Text
                       dangerouslySetInnerHTML={{
-                        __html: v.name || "Name",
+                        __html: v.name || "Name"
                       }}
-                      fz={{ base: "sm", sm: "md", md: "lg", lg: "xl" }} // sama, scaling responsif
                       c="dark"
+                      fz={{ base: "0.9rem", sm: "1rem", md: "1.15rem" }}
+                      lh={{ base: "1.3rem", md: "1.6rem" }}
                       style={{
                         wordBreak: "break-word",
-                        whiteSpace: "normal",
+                        whiteSpace: "normal"
                       }}
                     />
                   </Stack>
@@ -91,7 +142,6 @@ function DesaAntiKorupsi() {
               </Paper>
             ))}
           </SimpleGrid>
-
         )}
       </Container>
     </Stack>
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index 539ad85a..6935c0d4 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -15,8 +15,6 @@ interface ChartDataItem {
   label?: string;
 }
 
-
-
 function Kepuasan() {
   const state = useProxy(indeksKepuasanState.responden);
   const { data, loading } = state.findMany;
@@ -154,66 +152,88 @@ function Kepuasan() {
 
   if (data.length === 0) {
     return (
-      <Stack p="sm" my={"xs"}>
-        <Container w={{ base: "100%", md: "80%" }} p={"sm"}>
+      <Stack p="sm" my="xs">
+        <Container w={{ base: "100%", md: "80%" }} p="sm">
           <Center>
-            <Text
+            <Title
+              order={2}
               ta="center"
               fz={{ base: '2rem', md: '2.8rem' }}
+              lh={{ base: 1.05, md: 1.04 }}
               c={colors['blue-button']}
               fw={800}
               style={{ letterSpacing: '-0.5px' }}
-            >Indeks Kepuasan Masyarakat</Text>
+            >
+              Indeks Kepuasan Masyarakat
+            </Title>
           </Center>
-          <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!</Text>
-          <Center mt={10}>
+
+          <Text
+            ta="center"
+            fz={{ base: "0.95rem", md: "1.25rem" }}
+            lh={{ base: 1.45, md: 1.5 }}
+            c="black"
+            mt="sm"
+          >
+            Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!
+          </Text>
+
+          <Center mt={12}>
             <Button
-              radius={"lg"}
+              radius="lg"
               onClick={open}
               variant="gradient"
               gradient={{ from: "#26667F", to: "#124170" }}
-            >Ajukan Responden</Button>
+              style={{ paddingLeft: 20, paddingRight: 20, fontWeight: 600 }}
+            >
+              <Text fz={{ base: "0.95rem", md: "1rem" }} ta="center" c="white">Ajukan Responden</Text>
+            </Button>
           </Center>
         </Container>
-        <Box px={"sm"}>
-          <Paper p={"lg"} bg={colors.Bg}>
-            <Paper p={"lg"}>
-              <Stack gap={"xs"}>
+
+        <Box px="sm">
+          <Paper p="lg" bg={colors.Bg}>
+            <Paper p="lg">
+              <Stack gap="xs">
                 <Flex
                   direction={{ base: "column", sm: "row" }}
                   justify="space-between"
                   align={{ base: "flex-start", sm: "center" }}
-                  gap={{ base: "xs", sm: "md" }} // 👈 Tambahkan gap untuk memberi ruang
+                  gap={{ base: "xs", sm: "md" }}
                 >
                   <Text
-                    fw="bold"
+                    fw={700}
                     ta={{ base: "center", sm: "left" }}
-                    fz={{ base: "sm", sm: "md" }} // 👈 Atur ukuran font agar lebih proporsional di mobile
+                    fz={{ base: "0.95rem", sm: "1rem" }}
+                    lh={1.3}
                   >
                     Pelayanan Terhadap Publik Desa Darmasaba
                   </Text>
+
                   <Box
                     mt={{ base: "sm", sm: 0 }}
                     style={{
                       display: 'flex',
                       flexDirection: 'column',
-                      alignItems: 'flex-end', // 👈 Pastikan teks dan angka sejajar ke kanan
-                      textAlign: 'right', // 👈 Agar teks rata kanan
+                      alignItems: 'flex-end',
+                      textAlign: 'right',
                     }}
                   >
-                    <Text fz={{ base: "xs", sm: "sm" }} fw={"bold"} c={colors["blue-button"]}>
+                    <Text fz={{ base: "0.8rem", sm: "0.95rem" }} fw={700} c={colors["blue-button"]} lh={1.2}>
                       Total Responden
                     </Text>
                     <Text
                       ta="end"
-                      fz={{ base: "h2", sm: "h1" }} // 👈 Ukuran font lebih kecil di mobile
-                      fw={"bold"}
+                      fz={{ base: "1.6rem", sm: "2rem" }}
+                      fw={800}
                       c={colors["blue-button"]}
+                      lh={1.02}
                     >
                       {state.findMany.total.toLocaleString('id-ID')}
                     </Text>
                   </Box>
                 </Flex>
+
                 <Box style={{ overflowX: 'auto', width: '100%' }}>
                   <BarChart
                     h={300}
@@ -230,26 +250,20 @@ function Kepuasan() {
                       textAnchor: 'end',
                       fontSize: 12,
                     }}
-                    // 👇 Tambahkan ini agar chart punya lebar minimum yang cukup untuk semua bar
                     style={{ minWidth: 'fit-content' }}
                   />
                 </Box>
               </Stack>
             </Paper>
-            <Box py={"xl"}>
-              <SimpleGrid
-                cols={{ base: 1, sm: 2, lg: 3 }}
-                spacing="md"
-                verticalSpacing="md"
-              >
+
+            <Box py="xl">
+              <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md" verticalSpacing="md">
                 {/* Chart Jenis Kelamin */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Jenis Kelamin</Title>
+                    <Title order={4} fz={{ base: "1rem", md: "1.1rem" }} lh={1.2}>Jenis Kelamin</Title>
                     {donutDataJenisKelamin.every(item => item.value === 0) ? (
-                      <Text c="dimmed" ta="center" my="md">
-                        Belum ada data untuk ditampilkan dalam grafik
-                      </Text>
+                      <Text c="dimmed" ta="center" my="md" fz="sm">Belum ada data untuk ditampilkan dalam grafik</Text>
                     ) : (
                       <Paper p="md" radius="md" withBorder>
                         <Box style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
@@ -259,19 +273,20 @@ function Kepuasan() {
                                 withTooltip
                                 tooltipAnimationDuration={200}
                                 withLabels
-                                labelsPosition="inside" // 👈 ini yang penting!
+                                labelsPosition="inside"
                                 labelsType="percent"
                                 withLabelsLine
-                                size={isMobile ? 180 : 250} // 👈 kecilkan ukuran di mobile
+                                size={isMobile ? 180 : 250}
                                 data={donutDataJenisKelamin}
                               />
                             </Center>
                           </Box>
+
                           <Stack gap="sm" mt="md">
                             {donutDataJenisKelamin.map((entry) => (
                               <Flex key={entry.name} gap="md" align="center">
                                 <Box bg={entry.color} w={20} h={20} style={{ flexShrink: 0 }} />
-                                <Text size="sm">{entry.name}: {entry.value}</Text>
+                                <Text fz="sm" lh={1.25}>{entry.name}: {entry.value}</Text>
                               </Flex>
                             ))}
                           </Stack>
@@ -284,11 +299,9 @@ function Kepuasan() {
                 {/* Chart Rating */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Ulasan</Title>
+                    <Title order={4} fz={{ base: "1rem", md: "1.1rem" }} lh={1.2}>Ulasan</Title>
                     {donutDataRating.every(item => item.value === 0) ? (
-                      <Text c="dimmed" ta="center" my="md">
-                        Belum ada data untuk ditampilkan dalam grafik
-                      </Text>
+                      <Text c="dimmed" ta="center" my="md" fz="sm">Belum ada data untuk ditampilkan dalam grafik</Text>
                     ) : (
                       <Paper p="md" radius="md" withBorder>
                         <Box style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
@@ -298,20 +311,21 @@ function Kepuasan() {
                                 withTooltip
                                 tooltipAnimationDuration={200}
                                 withLabels
-                                labelsPosition="inside" // 👈 ini yang penting!
+                                labelsPosition="inside"
                                 labelsType="percent"
                                 withLabelsLine
-                                size={isMobile ? 180 : 250} // 👈 kecilkan ukuran di mobile
+                                size={isMobile ? 180 : 250}
                                 data={donutDataRating}
                               />
                             </Center>
                           </Box>
+
                           <Box mt="md" style={{ width: '100%' }}>
                             <SimpleGrid cols={2} spacing="xs" verticalSpacing="xs">
                               {donutDataRating.map((entry) => (
                                 <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                   <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                  <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                  <Text fz="xs" lh={1.2} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                     {entry.name}: {entry.value}
                                   </Text>
                                 </Flex>
@@ -327,11 +341,9 @@ function Kepuasan() {
                 {/* Chart Kelompok Umur */}
                 <Paper bg={colors['white-1']} p="md" radius="md">
                   <Stack>
-                    <Title order={4}>Umur</Title>
+                    <Title order={4} fz={{ base: "1rem", md: "1.1rem" }} lh={1.2}>Umur</Title>
                     {donutDataKelompokUmur.every(item => item.value === 0) ? (
-                      <Text c="dimmed" ta="center" my="md">
-                        Belum ada data untuk ditampilkan dalam grafik
-                      </Text>
+                      <Text c="dimmed" ta="center" my="md" fz="sm">Belum ada data untuk ditampilkan dalam grafik</Text>
                     ) : (
                       <Paper p="md" radius="md" withBorder>
                         <Box style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
@@ -341,20 +353,21 @@ function Kepuasan() {
                                 withTooltip
                                 tooltipAnimationDuration={200}
                                 withLabels
-                                labelsPosition="inside"// 👈 ini yang penting!
+                                labelsPosition="inside"
                                 labelsType="percent"
                                 withLabelsLine
-                                size={isMobile ? 180 : 250} // 👈 kecilkan ukuran di mobile
+                                size={isMobile ? 180 : 250}
                                 data={donutDataKelompokUmur}
                               />
                             </Center>
                           </Box>
+
                           <Box mt="md" style={{ width: '100%' }}>
                             <SimpleGrid cols={2} spacing="xs" verticalSpacing="xs">
                               {donutDataKelompokUmur.map((entry) => (
                                 <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                   <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                  <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                  <Text fz="xs" lh={1.2} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                     {entry.name}: {entry.value}
                                   </Text>
                                 </Flex>
@@ -366,17 +379,19 @@ function Kepuasan() {
                     )}
                   </Stack>
                 </Paper>
+
               </SimpleGrid>
             </Box>
           </Paper>
         </Box>
+
         {/* Modal */}
         <Modal opened={opened} onClose={close} title="Ajukan Responden" centered>
-          <Paper bg={colors['white-1']} p={'md'}>
+          <Paper bg={colors['white-1']} p="md">
             <Stack>
               <TextInput
                 label="Nama"
-                type='text'
+                type="text"
                 placeholder="Masukkan nama"
                 value={state.create.form.name}
                 onChange={(val) => {
@@ -450,8 +465,9 @@ function Kepuasan() {
                 mt={10}
                 bg={colors['blue-button']}
                 onClick={handleSubmit}
+                style={{ fontWeight: 700 }}
               >
-                Submit
+                <Text fz="sm" ta="center" c="white">Submit</Text>
               </Button>
             </Stack>
           </Paper>
@@ -459,62 +475,78 @@ function Kepuasan() {
       </Stack>
     );
   }
+
   return (
-    <Stack p={"sm"} my={"xs"}>
+    <Stack p="sm" my="xs">
       <Container size="lg" px="sm">
         <Center>
-          <Text
+          <Title
+            order={2}
             ta="center"
             fz={{ base: '2rem', md: '2.8rem' }}
+            lh={{ base: 1.05, md: 1.04 }}
             c={colors['blue-button']}
             fw={800}
             style={{ letterSpacing: '-0.5px' }}
-          >Indeks Kepuasan Masyarakat</Text>
+          >
+            Indeks Kepuasan Masyarakat
+          </Title>
         </Center>
-        <Text fz={{ base: "1.2rem", md: "1.4rem" }} ta={"center"}>Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!</Text>
-        <Center mt={10}>
-          <Button radius={"lg"} bg={colors["blue-button"]} onClick={open}>Ajukan Responden</Button>
+
+        <Text fz={{ base: "1rem", md: "1.25rem" }} ta="center" c="black" lh={1.5} mt="sm">
+          Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!
+        </Text>
+
+        <Center mt={12}>
+          <Button radius="lg" bg={colors["blue-button"]} onClick={open} style={{ paddingLeft: 20, paddingRight: 20, fontWeight: 600 }}>
+            <Text fz={{ base: "0.95rem", md: "1rem" }} ta="center" c="white">Ajukan Responden</Text>
+          </Button>
         </Center>
       </Container>
-      <Box px={"md"}>
-        <Paper p={"lg"} bg={colors.Bg}>
-          <Paper p={"lg"} >
-            <Stack gap={"xs"}>
+
+      <Box px="md">
+        <Paper p="lg" bg={colors.Bg}>
+          <Paper p="lg">
+            <Stack gap="xs">
               <Flex
                 direction={{ base: "column", sm: "row" }}
                 justify="space-between"
                 align={{ base: "flex-start", sm: "center" }}
-                gap={{ base: "xs", sm: "md" }} // 👈 Tambahkan gap untuk memberi ruang
+                gap={{ base: "xs", sm: "md" }}
               >
                 <Text
-                  fw="bold"
+                  fw={700}
                   ta={{ base: "center", sm: "left" }}
-                  fz={{ base: "sm", sm: "md" }} // 👈 Atur ukuran font agar lebih proporsional di mobile
+                  fz={{ base: "0.95rem", sm: "1rem" }}
+                  lh={1.3}
                 >
                   Pelayanan Terhadap Publik Desa Darmasaba
                 </Text>
+
                 <Box
                   mt={{ base: "sm", sm: 0 }}
                   style={{
                     display: 'flex',
                     flexDirection: 'column',
-                    alignItems: 'flex-end', // 👈 Pastikan teks dan angka sejajar ke kanan
-                    textAlign: 'right', // 👈 Agar teks rata kanan
+                    alignItems: 'flex-end',
+                    textAlign: 'right',
                   }}
                 >
-                  <Text fz={{ base: "xs", sm: "sm" }} fw={"bold"} c={colors["blue-button"]}>
+                  <Text fz={{ base: "0.8rem", sm: "0.95rem" }} fw={700} c={colors["blue-button"]} lh={1.2}>
                     Total Responden
                   </Text>
                   <Text
                     ta="end"
-                    fz={{ base: "h2", sm: "h1" }} // 👈 Ukuran font lebih kecil di mobile
-                    fw={"bold"}
+                    fz={{ base: "1.6rem", sm: "2rem" }}
+                    fw={800}
                     c={colors["blue-button"]}
+                    lh={1.02}
                   >
                     {state.findMany.total.toLocaleString('id-ID')}
                   </Text>
                 </Box>
               </Flex>
+
               <Box style={{ overflowX: 'auto', width: '100%' }} pb={50}>
                 <BarChart
                   h={300}
@@ -536,23 +568,15 @@ function Kepuasan() {
               </Box>
             </Stack>
           </Paper>
-          <Box py={"xl"}>
-            <SimpleGrid
-              cols={{
-                base: 1,
-                md: 1,
-                lg: 1,
-                xl: 3
-              }}
-            >
+
+          <Box py="xl">
+            <SimpleGrid cols={{ base: 1, md: 1, lg: 1, xl: 3 }}>
               {/* Chart Jenis Kelamin */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Jenis Kelamin</Title>
+                  <Title order={4} fz={{ base: "1rem", md: "1.1rem" }} lh={1.2}>Jenis Kelamin</Title>
                   {donutDataJenisKelamin.every(item => item.value === 0) ? (
-                    <Text c="dimmed" ta="center" my="md">
-                      Belum ada data untuk ditampilkan dalam grafik
-                    </Text>
+                    <Text c="dimmed" ta="center" my="md" fz="sm">Belum ada data untuk ditampilkan dalam grafik</Text>
                   ) : (
                     <Paper p="md" radius="md" withBorder>
                       <Box style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
@@ -562,18 +586,18 @@ function Kepuasan() {
                               withLabels
                               withTooltip
                               labelsPosition="inside"
-
                               labelsType="percent"
                               size={200}
                               data={donutDataJenisKelamin}
                             />
                           </Center>
                         </Box>
+
                         <Stack gap="sm" mt="md">
                           {donutDataJenisKelamin.map((entry) => (
                             <Flex key={entry.name} gap="md" align="center">
                               <Box bg={entry.color} w={20} h={20} style={{ flexShrink: 0 }} />
-                              <Text size="sm">{entry.name}: {entry.value}</Text>
+                              <Text fz="sm" lh={1.25}>{entry.name}: {entry.value}</Text>
                             </Flex>
                           ))}
                         </Stack>
@@ -586,11 +610,9 @@ function Kepuasan() {
               {/* Chart Rating */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Ulasan</Title>
+                  <Title order={4} fz={{ base: "1rem", md: "1.1rem" }} lh={1.2}>Ulasan</Title>
                   {donutDataRating.every(item => item.value === 0) ? (
-                    <Text c="dimmed" ta="center" my="md">
-                      Belum ada data untuk ditampilkan dalam grafik
-                    </Text>
+                    <Text c="dimmed" ta="center" my="md" fz="sm">Belum ada data untuk ditampilkan dalam grafik</Text>
                   ) : (
                     <Paper p="md" radius="md" withBorder>
                       <Box style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
@@ -600,7 +622,6 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-
                               labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
@@ -609,12 +630,13 @@ function Kepuasan() {
                             />
                           </Center>
                         </Box>
+
                         <Box mt="md" style={{ width: '100%' }}>
                           <SimpleGrid cols={2} spacing="xs" verticalSpacing="xs">
                             {donutDataRating.map((entry) => (
                               <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                 <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                <Text fz="xs" lh={1.2} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                   {entry.name}: {entry.value}
                                 </Text>
                               </Flex>
@@ -630,11 +652,9 @@ function Kepuasan() {
               {/* Chart Kelompok Umur */}
               <Paper bg={colors['white-1']} p="md" radius="md">
                 <Stack>
-                  <Title order={4}>Umur</Title>
+                  <Title order={4} fz={{ base: "1rem", md: "1.1rem" }} lh={1.2}>Umur</Title>
                   {donutDataKelompokUmur.every(item => item.value === 0) ? (
-                    <Text c="dimmed" ta="center" my="md">
-                      Belum ada data untuk ditampilkan dalam grafik
-                    </Text>
+                    <Text c="dimmed" ta="center" my="md" fz="sm">Belum ada data untuk ditampilkan dalam grafik</Text>
                   ) : (
                     <Paper p="md" radius="md" withBorder>
                       <Box style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
@@ -644,7 +664,6 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-
                               labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
@@ -653,12 +672,13 @@ function Kepuasan() {
                             />
                           </Center>
                         </Box>
+
                         <Box mt="md" style={{ width: '100%' }}>
                           <SimpleGrid cols={2} spacing="xs" verticalSpacing="xs">
                             {donutDataKelompokUmur.map((entry) => (
                               <Flex key={entry.name} gap="sm" align="center" style={{ overflow: 'hidden' }}>
                                 <Box bg={entry.color} w={16} h={16} style={{ flexShrink: 0 }} />
-                                <Text size="xs" lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                                <Text fz="xs" lh={1.2} lineClamp={1} style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                   {entry.name}: {entry.value}
                                 </Text>
                               </Flex>
@@ -670,13 +690,15 @@ function Kepuasan() {
                   )}
                 </Stack>
               </Paper>
+
             </SimpleGrid>
           </Box>
         </Paper>
       </Box>
+
       {/* Modal */}
       <Modal opened={opened} onClose={close} title="Ajukan Responden" centered>
-        <Paper bg={colors['white-1']} p={'md'}>
+        <Paper bg={colors['white-1']} p="md">
           <Stack>
             <TextInput
               label="Nama"
@@ -754,8 +776,9 @@ function Kepuasan() {
               mt={10}
               bg={colors['blue-button']}
               onClick={handleSubmit}
+              style={{ fontWeight: 700 }}
             >
-              Submit
+              <Text fz="sm" ta="center" c="white">Submit</Text>
             </Button>
           </Stack>
         </Paper>
@@ -764,4 +787,4 @@ function Kepuasan() {
   );
 }
 
-export default Kepuasan;
+export default Kepuasan;
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx b/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx
index 4d67390f..695f0572 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx
@@ -53,14 +53,23 @@ function ModuleItem({ data }: { data: ProgramInovasiItem }) {
           ) : (
             <Stack align="center" gap="xs">
               <IconPhotoOff size={38} stroke={1.5} />
-              <Text size="sm" c="dimmed">
+
+              {/* ❗ Caption konsisten */}
+              <Text fz={{ base: 13, md: 14 }} c="dimmed">
                 Belum ada gambar
               </Text>
             </Stack>
           )}
         </Center>
+
         <Box mt="md">
-          <Text fw={600} ta="center" size="md">
+          {/* ❗ Responsive Title */}
+          <Text
+            fw={600}
+            ta="center"
+            fz={{ base: 16, md: 18 }} // mobile → desktop
+            lh={1.3}
+          >
             {data.name}
           </Text>
         </Box>
@@ -91,10 +100,14 @@ function ModuleView() {
       <Center h={320}>
         <Stack align="center" gap="sm">
           <IconPhotoOff size={54} stroke={1.5} />
-          <Text size="lg" fw={600}>
+
+          {/* ❗ Empty title lebih besar */}
+          <Text fw={600} fz={{ base: 18, md: 22 }}>
             Belum ada program inovasi
           </Text>
-          <Text size="sm" c="dimmed">
+
+          {/* ❗ Deskripsi kecil & lembut */}
+          <Text fz={{ base: 14, md: 16 }} c="dimmed" ta="center" lh={1.4}>
             Tambahkan program inovasi untuk ditampilkan di sini
           </Text>
         </Stack>
@@ -103,11 +116,12 @@ function ModuleView() {
   }
 
   return (
-    <ScrollArea h={280} // ✅ tinggi fixed, bisa disesuaikan
+    <ScrollArea
+      h={280}
       scrollbarSize={2}
       offsetScrollbars
       styles={{
-        viewport: { paddingRight: 8 }, // kasih jarak biar scroll nggak dempet
+        viewport: { paddingRight: 8 },
       }}
     >
       <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg" mt="lg">
diff --git a/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx b/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx
index 2003baf2..2f8f5f28 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx
@@ -13,10 +13,23 @@ export default function ProfileView({ data }: ProfileViewProps) {
       <Card radius="2xl" className="glass3" py="xl" px="lg" withBorder>
         <Stack align="center" gap="sm">
           <IconUserCircle size={72} stroke={1.4} />
-          <Text fw={500} c="dimmed">
+
+          {/* TITLE EMPTY */}
+          <Text
+            fw={600}
+            c="dimmed"
+            fz={{ base: 'lg', sm: 'xl', md: 'xl' }}  
+            ta="center"
+          >
             Profil belum tersedia
           </Text>
-          <Text fz="sm" c="dimmed">
+
+          {/* DESCRIPTION EMPTY */}
+          <Text
+            fz={{ base: 'sm', sm: 'md' }}
+            c="dimmed"
+            ta="center"
+          >
             Data pejabat desa akan muncul di sini
           </Text>
         </Stack>
@@ -30,12 +43,12 @@ export default function ProfileView({ data }: ProfileViewProps) {
       align="end"
       pos="relative"
       w={{
-        base: '100%',    // mobile: full width
-        xs: '100%',      // small mobile
-        sm: '85%',       // tablet: 85%
-        md: '60%',       // laptop: 60%
-        lg: '55%',       // laptop large: 55%
-        xl: '50%'        // extra large (4K): 50%
+        base: '100%',
+        xs: '100%',
+        sm: '85%',
+        md: '60%',
+        lg: '55%',
+        xl: '50%',
       }}
       px={{ base: 'md', sm: 'lg', md: 'xl', xl: '2xl' }}
       h={{ base: 'auto', sm: '500px', md: '600px', lg: '650px', xl: '700px' }}
@@ -67,13 +80,17 @@ export default function ProfileView({ data }: ProfileViewProps) {
       ) : (
         <Stack align="center" gap="xs" w="100%" py="xl">
           <IconUserCircle size={96} stroke={1.5} />
-          <Text c="dimmed" fz="sm">
+          <Text
+            c="dimmed"
+            fz={{ base: 'sm', sm: 'md' }}
+            ta="center"
+          >
             Belum ada foto
           </Text>
         </Stack>
       )}
 
-      {/* Box nama dan jabatan - responsive positioning */}
+      {/* Box nama & jabatan */}
       <Box
         pos="absolute"
         bottom={{ base: -30, sm: -25, md: -20 }}
@@ -94,17 +111,21 @@ export default function ProfileView({ data }: ProfileViewProps) {
             backgroundColor: 'rgba(255, 255, 255, 0.95)',
           }}
         >
-            <Text
-              fz={{ base: 'xs', sm: 'sm' }}
-              c="dimmed"
-              lineClamp={1}
-            >
-              {data.position || 'Tidak ada jabatan'}
-            </Text>
+
+          {/* POSITION / JABATAN */}
+          <Text
+            fz={{ base: 'xs', sm: 'sm', md: 'md' }}
+            c="dimmed"
+            lineClamp={1}
+          >
+            {data.position || 'Tidak ada jabatan'}
+          </Text>
+
+          {/* NAME */}
           <Text
             c={colors['blue-button']}
             fw={700}
-            fz={{ base: 'lg', sm: 'xl' }}
+            fz={{ base: 'lg', sm: 'xl', md: 'xl', lg: '2xl' }}
             mt={4}
             lineClamp={2}
           >
@@ -114,4 +135,4 @@ export default function ProfileView({ data }: ProfileViewProps) {
       </Box>
     </Stack>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx b/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
index 773b906f..3e61123a 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
@@ -26,7 +26,11 @@ function SosmedView({
         data.map((item, k) => (
           <Tooltip
             key={k}
-            label={item.name || "Tautan Sosial"}
+            label={
+              <Text fz={{ base: 12, md: 14 }}>
+                {item.name || "Tautan Sosial"}
+              </Text>
+            }
             withArrow
             position="top"
             transitionProps={{ transition: "pop", duration: 150 }}
@@ -57,7 +61,7 @@ function SosmedView({
                   );
                 }
 
-                return <Box bg={colors['blue-button']} w="100%" h="100%" />;
+                return <Box bg={colors["blue-button"]} w="100%" h="100%" />;
               })()}
             </ActionIcon>
           </Tooltip>
@@ -72,7 +76,12 @@ function SosmedView({
             background: "linear-gradient(135deg, #1C6EA4 0%, #000 100%)",
           }}
         >
-          <Text ta="center" c="dimmed" size="sm">
+          <Text
+            ta="center"
+            c="dimmed"
+            fz={{ base: 13, md: 15 }}
+            lh={1.4}
+          >
             Belum ada media sosial yang terhubung
           </Text>
         </Card>
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index 8204b784..8164dbc8 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -59,7 +59,7 @@ const getWorkStatus = (day: string, currentTime: string): { status: string; mess
     : { status: "Tutup", message: "08:00 - 17:00" };
 };
 
-// Skeleton component untuk Social Media
+// 🟦 Skeleton component untuk Social Media
 const SosmedSkeleton = () => (
   <Flex gap="md" justify="center" wrap="wrap">
     {[1, 2, 3, 4].map((i) => (
@@ -68,7 +68,7 @@ const SosmedSkeleton = () => (
   </Flex>
 );
 
-// Skeleton component untuk Profile
+// 🟦 Skeleton component untuk Profile
 const ProfileSkeleton = () => (
   <Card
     radius="xl"
@@ -158,6 +158,8 @@ function LandingPage() {
         <Stack w={{ base: "100%", md: "65%" }} gap="lg">
           <Card radius="xl" bg={colors.grey[1]} p="lg" mt={10} shadow="xl">
             <Stack gap="xl">
+
+              {/* Header Logo */}
               <Flex gap="md" wrap="wrap">
                 <Group>
                   <Box bg="white" w={72} h={72} p="sm" style={{ borderRadius: 24 }}>
@@ -167,6 +169,8 @@ function LandingPage() {
                     <Image loading="lazy" src="/pudak-icon.png" alt="Logo Pudak" fit="contain" />
                   </Box>
                 </Group>
+
+                {/* Jam Operasional */}
                 <Grid w="100%">
                   <Grid.Col span={12}>
                     <Paper
@@ -177,36 +181,58 @@ function LandingPage() {
                       style={{ position: "relative", overflow: "hidden" }}
                     >
                       <Grid gutter="md">
+
+                        {/* Kolom 1 */}
                         <GridCol span={{ base: 12, md: 6 }}>
                           <Stack gap="xs">
                             <Flex align="center" gap="xs">
                               <IconCalendarTime size={16} color="white" />
-                              <Text c="white" fz="sm">Jam Operasional</Text>
+                              <Text c="white" fz={{ base: "xs", md: "sm" }}>
+                                Jam Operasional
+                              </Text>
                             </Flex>
+
                             <Paper p="sm" radius="md" bg="white">
                               <Tooltip label="Status saat ini berdasarkan jam operasional kantor">
                                 <Badge
                                   color={workStatus.status === "Buka" ? "green" : "red"}
                                   radius="sm"
                                   variant="filled"
+                                  size="md"
                                 >
                                   {workStatus.status}
                                 </Badge>
                               </Tooltip>
-                              <Text fw="bold" fz="lg">{workStatus.message}</Text>
+
+                              <Text
+                                fw={700}
+                                fz={{ base: "md", md: "lg" }}
+                                mt={4}
+                              >
+                                {workStatus.message}
+                              </Text>
                             </Paper>
                           </Stack>
                         </GridCol>
+
+                        {/* Kolom 2 */}
                         <GridCol span={{ base: 12, md: 6 }}>
                           <Stack gap="xs">
                             <Flex align="center" gap="xs">
                               <IconInfoCircle size={16} color="white" />
-                              <Text c="white" fz="sm">Hari Ini</Text>
+                              <Text c="white" fz={{ base: "xs", md: "sm" }}>
+                                Hari Ini
+                              </Text>
                             </Flex>
+
                             <Paper p="sm" radius="md" bg="white">
-                              <Text fz="sm">Status Kantor</Text>
-                              <Text fw="bold" fz="lg">
-                                {workStatus.status === "Buka" ? "Sedang Beroperasi" : "Tidak Beroperasi"}
+                              <Text fz={{ base: "xs", md: "sm" }} c="dimmed">
+                                Status Kantor
+                              </Text>
+                              <Text fw={700} fz={{ base: "md", md: "lg" }}>
+                                {workStatus.status === "Buka"
+                                  ? "Sedang Beroperasi"
+                                  : "Tidak Beroperasi"}
                               </Text>
                             </Paper>
                           </Stack>
@@ -217,19 +243,29 @@ function LandingPage() {
                 </Grid>
               </Flex>
 
+              {/* MODULE VIEW */}
               <ModuleView />
 
+              {/* Sosmed */}
               {isLoadingSosmed ? (
                 <SosmedSkeleton />
               ) : socialMedia.length > 0 ? (
                 <SosmedView data={socialMedia} />
               ) : (
                 <Center>
-                  <Text c="dimmed">Belum ada tautan media sosial yang tersedia</Text>
+                  <Text fz={{ base: "sm", md: "md" }} c="dimmed">
+                    Belum ada tautan media sosial yang tersedia
+                  </Text>
                 </Center>
               )}
 
-              <Text ta="center" c={colors.trans.dark[2]}>
+              {/* CTA Text */}
+              <Text
+                ta="center"
+                c={colors.trans.dark[2]}
+                fz={{ base: "sm", md: "md" }}
+                lh={1.5}
+              >
                 Bagikan ide, kritik, atau saran Anda untuk mendukung pembangunan desa.
                 Semua lebih mudah dengan fitur interaktif yang kami sediakan.
               </Text>
@@ -237,6 +273,7 @@ function LandingPage() {
           </Card>
         </Stack>
 
+        {/* PROFIL */}
         {isLoadingProfile ? (
           <ProfileSkeleton />
         ) : profile ? (
@@ -251,7 +288,9 @@ function LandingPage() {
             style={{ height: "fit-content" }}
           >
             <Center h={300}>
-              <Text c="dimmed">Informasi profil belum tersedia</Text>
+              <Text fz={{ base: "sm", md: "md" }} c="dimmed">
+                Informasi profil belum tersedia
+              </Text>
             </Center>
           </Card>
         )}
@@ -260,4 +299,4 @@ function LandingPage() {
   );
 }
 
-export default LandingPage;
\ No newline at end of file
+export default LandingPage;
diff --git a/src/app/darmasaba/_com/main-page/layanan/index.tsx b/src/app/darmasaba/_com/main-page/layanan/index.tsx
index c5a79653..e5a9db9b 100644
--- a/src/app/darmasaba/_com/main-page/layanan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/layanan/index.tsx
@@ -28,20 +28,41 @@ const textHeading = {
 const HEIGHT = 720;
 
 function Layanan() {
+  // responsive breakpoints: base = mobile, md = desktop/tablet landscape
   return (
     <Stack pos="relative" bg={colors.grey[1]} gap="xl" py="md">
       <Container w={{ base: "100%", md: "80%" }} p="md">
         <Stack align="center" gap="0">
+          {/* Main title - semantic h1 */}
           <Text
-            fw="bold"
+            component="h1"
+            fw={700}
             c={colors["blue-button"]}
-            fz={{ base: "1.8rem", md: "3.4rem" }}
+            ta="center"
+            // responsive sizes: mobile ~28px, desktop ~48px
+            fz={{ base: "1.75rem", md: "3rem" }}
+            // tighter line-height for large headings, slightly more compact on desktop
+            style={{ lineHeight: "1.05" }}
           >
             {textHeading.title}
           </Text>
-          <Text ta="center" fz={{ base: "1rem", md: "1.3rem" }}>
+
+          {/* Description - readable line-height and constrained width on desktop */}
+          <Text
+            component="p"
+            ta="center"
+            fz={{ base: "0.95rem", md: "1.15rem" }}
+            // more comfortable line-height for paragraphs
+            style={{
+              lineHeight: "1.6",
+              maxWidth: "70ch",
+              marginTop: 8,
+            }}
+            c="black"
+          >
             {textHeading.des}
           </Text>
+
           <Box p="md">
             <Button
               component={Link}
@@ -49,6 +70,14 @@ function Layanan() {
               variant="filled"
               bg={colors["blue-button"]}
               radius={100}
+              // accessible sizing: slightly smaller on mobile, comfortable on desktop
+              style={{
+                paddingLeft: 20,
+                paddingRight: 20,
+                fontSize: "md",
+                // ensure button text doesn't overflow on very narrow screens
+                whiteSpace: "nowrap",
+              }}
             >
               Detail
             </Button>
@@ -175,7 +204,7 @@ function Slider() {
     startXRef.current = e.pageX - containerRef.current.offsetLeft;
     scrollLeftRef.current = containerRef.current.scrollLeft;
     velocityRef.current = 0;
-    containerRef.current.style.cursor = 'grabbing';
+    containerRef.current.style.cursor = "grabbing";
   };
 
   const handleMouseMove = (e: React.MouseEvent) => {
@@ -196,7 +225,7 @@ function Slider() {
     if (!containerRef.current || mobile) return;
 
     isDraggingRef.current = false;
-    containerRef.current.style.cursor = 'grab';
+    containerRef.current.style.cursor = "grab";
   };
 
   const handleWheel = (e: React.WheelEvent) => {
@@ -215,7 +244,7 @@ function Slider() {
   if (data.length === 0) {
     return (
       <Container>
-        <Text ta="center" c="dimmed">
+        <Text ta="center" c="dimmed" fz={{ base: "0.95rem", md: "1rem" }}>
           Tidak ada layanan tersedia
         </Text>
       </Container>
@@ -240,6 +269,8 @@ function Slider() {
         scrollbarWidth: "none",
         msOverflowStyle: "none",
       }}
+      // ensure keyboard accessibility: allow focus outline when focused
+      tabIndex={0}
     >
       <Box
         style={{
@@ -287,26 +318,56 @@ function Slider() {
                 pos="relative"
               >
                 <Box p="lg">
+                  {/* slide title - semantic h2 */}
                   <Text
-                    fw="bold"
+                    component="h2"
+                    fw={700}
                     c="white"
-                    fz={{base: "xl", md: "3.5rem"}}
+                    fz={{ base: "1.25rem", md: "2.4rem" }}
+                    // tighter heading line-height but ensure readability on mobile
                     style={{
                       textAlign: "center",
+                      lineHeight: mobile ? "1.15" : "1.02",
+                      // clamp long names visually
+                      display: "-webkit-box",
+                      WebkitLineClamp: 2,
+                      WebkitBoxOrient: "vertical",
+                      overflow: "hidden",
                     }}
+                    title={_.startCase(item.name)}
                   >
                     {_.startCase(item.name)}
                   </Text>
+
+                  {/* optional short description - rendered if exists */}
+                  {item.description ? (
+                    <Text
+                      component="p"
+                      mt="sm"
+                      c="white"
+                      fz={{ base: "0.9rem", md: "1rem" }}
+                      style={{ lineHeight: "1.5", textAlign: "center" }}
+                    >
+                      {item.description}
+                    </Text>
+                  ) : null}
                 </Box>
-                <Group justify="center">
+
+                <Group justify="center" mb="lg">
                   <Button
                     onClick={() =>
                       router.push(`/darmasaba/desa/layanan/${item.id}`)
                     }
-                    px={46}
+                    px={mobile ? 20 : 46}
                     radius="100"
-                    size="md"
+                    size={mobile ? "sm" : "md"}
                     bg={colors["blue-button"]}
+                    // ensure button text readable on all sizes
+                    style={{
+                      fontSize: mobile ? "0.95rem" : "1rem",
+                      whiteSpace: "nowrap",
+                    }}
+                    aria-label={`Detail layanan ${_.startCase(item.name)}`}
                   >
                     Detail
                   </Button>
@@ -320,4 +381,4 @@ function Slider() {
   );
 }
 
-export default Layanan;
\ No newline at end of file
+export default Layanan;
diff --git a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
index 0c487411..7ff3cf67 100644
--- a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx
@@ -1,9 +1,21 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
+
 import penghargaanState from "@/app/admin/(dashboard)/_state/desa/penghargaan";
-import { Stack, Box, Container, Button, Text, Loader, Paper, Center, ActionIcon } from "@mantine/core";
+import {
+  Stack,
+  Box,
+  Container,
+  Button,
+  Text,
+  Loader,
+  Paper,
+  Center,
+  ActionIcon,
+  Title,
+} from "@mantine/core";
 import { IconAward, IconArrowRight, IconPlayerPlay } from "@tabler/icons-react";
-import { useTransitionRouter } from 'next-view-transitions';
+import { useTransitionRouter } from "next-view-transitions";
 import { useEffect, useState, useRef } from "react";
 import { useProxy } from "valtio/utils";
 import { useMediaQuery } from "@mantine/hooks";
@@ -12,43 +24,33 @@ function Penghargaan() {
   const router = useTransitionRouter();
   const state = useProxy(penghargaanState);
   const [loading, setLoading] = useState(false);
-  const isMobile = useMediaQuery('(max-width: 768px)');
+  const isMobile = useMediaQuery("(max-width: 768px)");
   const [isVideoLoaded, setIsVideoLoaded] = useState(false);
-  const [showVideo, setShowVideo] = useState(true);
   const [videoError, setVideoError] = useState(false);
+  const [showPlayButton, setShowPlayButton] = useState(false);
   const videoRef = useRef<HTMLVideoElement>(null);
+  const hasTriedAutoplay = useRef(false);
 
-  // Deteksi iOS dengan lebih akurat
-  const isIOS = typeof window !== 'undefined' && (
-    /iPad|iPhone|iPod/.test(navigator.userAgent) ||
-    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) // iPad dengan iPadOS 13+
-  );
-
-  useEffect(() => {
-    // Di iOS, coba autoplay dulu, kalau gagal tampilkan fallback
-    if (isIOS && videoRef.current) {
-      const playPromise = videoRef.current.play();
-      
-      if (playPromise !== undefined) {
-        playPromise
-          .then(() => {
-            // Autoplay berhasil
-            setShowVideo(true);
-            setIsVideoLoaded(true);
-          })
-          .catch(() => {
-            // Autoplay gagal, tampilkan fallback
-            setShowVideo(false);
-            setVideoError(true);
-          });
-      }
-    }
-  }, [isIOS]);
+  // ---- TYPOGRAPHY SCALE (RESPONSIVE) ----
+  // ukuran dalam px, lh = line-height
+  const TYPO = {
+    // utama / hero title
+    title: { base: 22, md: 36, lh: 1.08 }, // lebih menonjol di desktop
+    // subheading / loader / tagline
+    subtitle: { base: 14, md: 16, lh: 1.35 },
+    // teks body / deskripsi umum
+    body: { base: 14, md: 16, lh: 1.6 },
+    // caption / small notes
+    small: { base: 12, md: 13, lh: 1.4 },
+    // judul dalam kartu (card title)
+    paperTitle: { base: 15, md: 18, lh: 1.25 },
+  };
 
+  // Load data
   useEffect(() => {
     const loadData = async () => {
+      setLoading(true);
       try {
-        setLoading(true);
         await state.findMany.load();
       } finally {
         setLoading(false);
@@ -57,99 +59,134 @@ function Penghargaan() {
     loadData();
   }, []);
 
-  const handlePlayVideo = () => {
-    setShowVideo(true);
-    setVideoError(false);
-    
-    // Paksa play video setelah user interaction
-    setTimeout(() => {
-      if (videoRef.current) {
-        videoRef.current.play().catch(err => {
-          console.error("Video play error:", err);
-          setVideoError(true);
-        });
+  // Attempt autoplay setelah video loaded
+  useEffect(() => {
+    if (isVideoLoaded && videoRef.current && !hasTriedAutoplay.current) {
+      hasTriedAutoplay.current = true;
+
+      const attemptAutoplay = async () => {
+        try {
+          // Pastikan video muted sebelum play
+          videoRef.current!.muted = true;
+          await videoRef.current!.play();
+          setShowPlayButton(false);
+          console.log("✅ Autoplay berhasil");
+        } catch (err) {
+          console.warn("⚠️ Autoplay diblokir browser:", err);
+          // Tampilkan tombol play jika autoplay gagal
+          setShowPlayButton(true);
+        }
+      };
+
+      // Delay sedikit untuk memastikan video siap
+      setTimeout(attemptAutoplay, 100);
+    }
+  }, [isVideoLoaded]);
+
+  // Handle manual play
+  const handlePlayVideo = async () => {
+    if (videoRef.current) {
+      try {
+        videoRef.current.muted = true;
+        await videoRef.current.play();
+        setShowPlayButton(false);
+        setVideoError(false);
+      } catch (err) {
+        console.error("❌ Gagal memutar video:", err);
+        setVideoError(true);
       }
-    }, 100);
+    }
   };
 
-  // kalau mobile ambil 1 data aja, kalau desktop ambil 3
+  // Ambil data terbatas berdasarkan perangkat
   const data = state.findMany.data?.slice(0, isMobile ? 1 : 3);
 
   return (
-    <Stack pos="relative" h="auto" mih={{ base: 500, md: 720 }} style={{ overflow: 'hidden' }}>
-      {/* Video Layer */}
-      {showVideo && !videoError && (
+    <Stack pos="relative" h="auto" mih={{ base: 500, md: 720 }} style={{ overflow: "hidden" }}>
+      {/* Video background */}
+      {!videoError && (
         <video
           ref={videoRef}
-          autoPlay
           muted
           loop
           playsInline
           preload="auto"
+          webkit-playsinline="true"
           onLoadedData={() => setIsVideoLoaded(true)}
           onError={() => {
-            console.error("Video load error");
+            console.error("❌ Video gagal dimuat");
             setVideoError(true);
-            setShowVideo(false);
+          }}
+          onCanPlayThrough={() => {
+            console.log("✅ Video siap diputar");
           }}
           style={{
-            position: 'absolute',
+            position: "absolute",
             top: 0,
             left: 0,
-            width: '100%',
-            height: '100%',
-            objectFit: 'cover',
+            width: "100%",
+            height: "100%",
+            objectFit: "cover",
             opacity: isVideoLoaded ? 1 : 0,
-            transition: 'opacity 0.5s ease',
+            transition: "opacity 0.5s ease",
             zIndex: 0,
           }}
         >
           <source src="/assets/videos/award.mp4" type="video/mp4" />
+          Browser Anda tidak mendukung video.
         </video>
       )}
 
-      {/* Fallback Image + Play Button */}
-      {(!showVideo || videoError) && (
+      {/* Fallback background image */}
+      {(videoError || !isVideoLoaded) && (
         <Box
-          onClick={handlePlayVideo}
           style={{
-            position: 'absolute',
+            position: "absolute",
             top: 0,
             left: 0,
-            width: '100%',
-            height: '100%',
+            width: "100%",
+            height: "100%",
             backgroundImage: "url('/mangupuraaward.jpeg')",
-            backgroundSize: 'cover',
-            backgroundPosition: 'center',
-            backgroundRepeat: 'no-repeat',
-            cursor: 'pointer',
+            backgroundSize: "cover",
+            backgroundPosition: "center",
+            backgroundRepeat: "no-repeat",
             zIndex: 0,
           }}
-        >
-          <Center 
-            style={{ 
-              width: '100%', 
-              height: '100%',
-              background: 'rgba(0,0,0,0.3)', // overlay gelap agar icon terlihat
-            }}
-          >
-            <ActionIcon 
-              size={80} 
-              radius="xl" 
-              variant="filled"
-              color="blue"
-              style={{
-                backgroundColor: 'rgba(255,255,255,0.9)',
-                boxShadow: '0 8px 32px rgba(0,0,0,0.3)',
-              }}
-            >
-              <IconPlayerPlay size={40} color="var(--mantine-color-blue-6)" />
-            </ActionIcon>
-          </Center>
-        </Box>
+        />
       )}
 
-      {/* Overlay Gradient + Content */}
+      {/* Tombol Play (muncul jika autoplay gagal atau video error) */}
+      {(showPlayButton || videoError) && (
+        <Center
+          onClick={handlePlayVideo}
+          style={{
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            cursor: "pointer",
+            zIndex: 2,
+            pointerEvents: showPlayButton || videoError ? "auto" : "none",
+          }}
+        >
+          <ActionIcon
+            size={isMobile ? 64 : 80}
+            radius="xl"
+            variant="filled"
+            style={{
+              backgroundColor: "rgba(255,255,255,0.95)",
+              boxShadow: "0 8px 32px rgba(0,0,0,0.3)",
+              animation: "pulse 2s infinite",
+            }}
+            aria-label="Play background video"
+          >
+            <IconPlayerPlay size={isMobile ? 34 : 40} color="var(--mantine-color-blue-6)" />
+          </ActionIcon>
+        </Center>
+      )}
+
+      {/* Overlay konten */}
       <Box
         style={{
           width: "100%",
@@ -161,22 +198,39 @@ function Penghargaan() {
           zIndex: 1,
         }}
       >
-        <Container w={{ base: "100%", md: "80%" }} mih={{ base: 500, md: 720 }} p="xl">
+        <Container w={{ base: "100%", md: "80%" }} maw={1100} mih={{ base: 500, md: 720 }} p={{ base: "lg", md: "xl" }}>
           <Stack justify="center" align="center" gap="xl" h="100%">
-            <Text
-              fw={900}
-              fz={{ base: "2rem", md: "2.8rem" }}
-              ta="center"
-              variant="gradient"
-              gradient={{ from: "cyan", to: "blue", deg: 60 }}
+            {/* Hero Title - pakai Title agar semantics lebih jelas */}
+            <Title
+              order={2}
+              style={{
+                fontWeight: 800,
+                lineHeight: TYPO.title.lh,
+                // Mantine support fz prop but inline style fallback ok:
+                fontSize: isMobile ? TYPO.title.base : TYPO.title.md,
+                textAlign: "center",
+                // gradient via CSS text-fill technique (ke Mantine gradient prop juga bisa)
+                background: "-webkit-linear-gradient(60deg, #22D3EE 0%, #3B82F6 100%)",
+                WebkitBackgroundClip: "text",
+                WebkitTextFillColor: "transparent",
+              }}
+              aria-label="Penghargaan Desa"
             >
               Penghargaan Desa
-            </Text>
+            </Title>
 
+            {/* Content area */}
             {loading ? (
               <Stack align="center" gap="sm">
-                <Loader color="blue" size="lg" />
-                <Text c="gray.3" fz="lg">Sedang memuat data penghargaan...</Text>
+                <Loader color="blue" size={isMobile ? "md" : "lg"} />
+                <Text
+                  c="gray.3"
+                  fz={isMobile ? TYPO.subtitle.base : TYPO.subtitle.md}
+                  lh={TYPO.subtitle.lh}
+                  ta="center"
+                >
+                  Sedang memuat data penghargaan...
+                </Text>
               </Stack>
             ) : data && data.length > 0 ? (
               <Stack gap="md" w="100%" maw={600}>
@@ -185,47 +239,98 @@ function Penghargaan() {
                     key={k}
                     withBorder
                     radius="xl"
-                    p="lg"
+                    p={isMobile ? "md" : "lg"}
                     shadow="xl"
                     style={{
                       background: "rgba(255,255,255,0.07)",
                       backdropFilter: "blur(12px)",
                       transition: "all 0.3s ease",
                     }}
+                    aria-label={`Penghargaan ${v.name}`}
                   >
                     <Stack align="center" gap="xs">
-                      <IconAward size={40} color="var(--mantine-color-blue-4)" />
-                      <Text fz="lg" fw={700} c="white" ta="center">
+                      <IconAward size={isMobile ? 36 : 40} color="var(--mantine-color-blue-4)" />
+                      <Text
+                        // card title: lebih tegas
+                        fz={isMobile ? TYPO.paperTitle.base : TYPO.paperTitle.md}
+                        fw={700}
+                        c="white"
+                        ta="center"
+                        lh={TYPO.paperTitle.lh}
+                        style={{ wordBreak: "break-word" }}
+                        title={v.name}
+                      >
                         {v.name}
                       </Text>
+
+                      {/* Jika ingin menambahkan deskripsi ringkas di card, gunakan body scale */}
+                      {v.description && (
+                        <Text
+                          fz={isMobile ? TYPO.body.base : TYPO.body.md}
+                          c="gray.2"
+                          ta="center"
+                          lh={TYPO.body.lh}
+                          style={{ maxWidth: 520 }}
+                        >
+                          {v.description}
+                        </Text>
+                      )}
                     </Stack>
                   </Paper>
                 ))}
               </Stack>
             ) : (
               <Stack align="center" gap="xs">
-                <IconAward size={48} color="var(--mantine-color-gray-5)" />
-                <Text c="gray.4" fz="lg" ta="center">
+                <IconAward size={isMobile ? 40 : 48} color="var(--mantine-color-gray-5)" />
+                <Text
+                  c="gray.4"
+                  fz={isMobile ? TYPO.body.base : TYPO.body.md}
+                  ta="center"
+                  lh={TYPO.body.lh}
+                >
                   Belum ada penghargaan yang tercatat
                 </Text>
               </Stack>
             )}
 
             <Button
-              size="lg"
+              size={isMobile ? "md" : "lg"}
               radius="xl"
               variant="gradient"
               gradient={{ from: "#26667F", to: "#124170", deg: 45 }}
-              rightSection={<IconArrowRight size={20} />}
+              rightSection={<IconArrowRight size={isMobile ? 16 : 20} />}
               onClick={() => router.push("/darmasaba/penghargaan")}
+              aria-label="Lihat semua penghargaan"
             >
-              Lihat Semua Penghargaan
+              <Text
+                c="white"
+                fz={isMobile ? TYPO.body.base : TYPO.body.md}
+                fw={700}
+                style={{ lineHeight: TYPO.body.lh }}
+              >
+                Lihat Semua Penghargaan
+              </Text>
             </Button>
           </Stack>
         </Container>
       </Box>
+
+      {/* CSS untuk animasi tombol play */}
+      <style jsx>{`
+        @keyframes pulse {
+          0%,
+          100% {
+            transform: scale(1);
+            opacity: 0.9;
+          }
+          50% {
+            transform: scale(1.05);
+            opacity: 1;
+          }
+        }
+      `}</style>
     </Stack>
   );
 }
 
-export default Penghargaan;
\ No newline at end of file
+export default Penghargaan;
diff --git a/src/app/darmasaba/_com/main-page/potensi/index.tsx b/src/app/darmasaba/_com/main-page/potensi/index.tsx
index 7fc00670..33d42aac 100644
--- a/src/app/darmasaba/_com/main-page/potensi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/potensi/index.tsx
@@ -50,31 +50,52 @@ function Potensi() {
 
   return (
     <Stack p="sm" gap="xl">
-      <Container w={{ base: "100%", md: "80%" }} p={"md"} >
-       <Text id="news-title" ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "1.8rem", md: "3.4rem" }}>
+      {/* HEADER */}
+      <Container w={{ base: "100%", md: "80%" }} p="md">
+        <Text
+          id="news-title"
+          ta="center"
+          fw={800}
+          c={colors["blue-button"]}
+          fz={{ base: "2rem", md: "3.2rem" }}
+          lh={{ base: "2.6rem", md: "3.6rem" }}
+          style={{ letterSpacing: "-0.5px" }}
+        >
           {textHeading.title}
         </Text>
-        <Text id="news-content" ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
+
+        <Text
+          id="news-content"
+          ta="center"
+          c="gray.7"
+          fz={{ base: "1rem", md: "1.25rem" }}
+          lh={{ base: "1.5rem", md: "1.9rem" }}
+          style={{ marginTop: 8, maxWidth: 800, marginInline: "auto" }}
+        >
           {textHeading.des}
         </Text>
       </Container>
 
+      {/* LOADING STATE */}
       {loading ? (
         <Stack align="center" justify="center" h={300}>
           <Loader size="lg" color={colors["blue-button"]} />
-          <Text c="gray.4">Sedang memuat potensi desa...</Text>
+          <Text c="gray.4" fz="1rem" lh="1.4rem">
+            Sedang memuat potensi desa...
+          </Text>
         </Stack>
       ) : data.length === 0 ? (
         <Stack align="center" justify="center" h={300} gap="xs">
           <IconInfoCircle size={48} color={colors["blue-button"]} />
-          <Text fw={600} c="gray.3">
+          <Text fw={600} c="gray.3" fz="1.2rem" lh="1.4rem">
             Belum ada potensi tersedia
           </Text>
-          <Text size="sm" c="gray.5">
+          <Text fz="0.9rem" lh="1.3rem" c="gray.5">
             Silakan cek kembali nanti untuk pembaruan terbaru.
           </Text>
         </Stack>
       ) : (
+        /* CARD LIST */
         <SimpleGrid cols={{ base: 1, sm: 2 }}>
           {_.take(data, 4).map((v, k) => (
             <motion.div
@@ -84,7 +105,12 @@ function Potensi() {
               onClick={() => router.push(`/darmasaba/desa/potensi/${v.id}`)}
               style={{ cursor: "pointer" }}
             >
-              <BackgroundImage src={v.image?.link} h={320} radius={20} pos="relative">
+              <BackgroundImage
+                src={v.image?.link}
+                h={320}
+                radius={20}
+                pos="relative"
+              >
                 <Box
                   pos="absolute"
                   w="100%"
@@ -92,6 +118,8 @@ function Potensi() {
                   bg={colors.trans.dark[2]}
                   style={{ borderRadius: 20, zIndex: 0 }}
                 />
+
+                {/* CARD CONTENT */}
                 <Stack
                   justify="end"
                   h="100%"
@@ -101,11 +129,24 @@ function Potensi() {
                   style={{ zIndex: 1 }}
                 >
                   <Tooltip label={v.name} position="top-start">
-                    <Text fw={700} c="white" fz={{ base: "1.2rem", md: "1.4rem" }} truncate>
+                    <Text
+                      fw={700}
+                      c="white"
+                      fz={{ base: "1.25rem", md: "1.45rem" }}
+                      lh={{ base: "1.6rem", md: "1.8rem" }}
+                      truncate
+                    >
                       {v.name}
                     </Text>
                   </Tooltip>
-                  <Text lineClamp={2} c="gray.2" fz={{ base: "0.8rem", md: "1rem" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+
+                  <Text
+                    lineClamp={2}
+                    c="gray.2"
+                    fz={{ base: "0.85rem", md: "1rem" }}
+                    lh={{ base: "1.2rem", md: "1.4rem" }}
+                    dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                  />
                 </Stack>
               </BackgroundImage>
             </motion.div>
@@ -113,16 +154,18 @@ function Potensi() {
         </SimpleGrid>
       )}
 
+      {/* BUTTON */}
       <Stack align="center">
         <Group>
           <Button
             onClick={() => router.push("/darmasaba/desa/potensi")}
             color={colors["blue-button"]}
             variant="gradient"
-            gradient={{ from: "#26667F", to: "#124170", }}
+            gradient={{ from: "#26667F", to: "#124170" }}
             radius="xl"
             size="md"
             rightSection={<IconArrowRight size={18} />}
+            style={{ fontWeight: 600 }}
           >
             Lihat Semua Potensi
           </Button>
diff --git a/src/app/darmasaba/_com/main-page/prestasi/index.tsx b/src/app/darmasaba/_com/main-page/prestasi/index.tsx
index f5d62650..8038a3b4 100644
--- a/src/app/darmasaba/_com/main-page/prestasi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/prestasi/index.tsx
@@ -2,7 +2,19 @@
 'use client'
 import prestasiState from "@/app/admin/(dashboard)/_state/landing-page/prestasi-desa";
 import colors from "@/con/colors";
-import { BackgroundImage, Box, Button, Center, Container, Group, Loader, SimpleGrid, Stack, Text } from "@mantine/core";
+import {
+  BackgroundImage,
+  Box,
+  Button,
+  Center,
+  Container,
+  Group,
+  Loader,
+  SimpleGrid,
+  Stack,
+  Text,
+  Title,
+} from "@mantine/core";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
@@ -32,12 +44,31 @@ function Prestasi() {
     <Stack p="sm" bg="linear-gradient(180deg, #ffffff 0%, #f8fbff 100%)">
       <Container w={{ base: "100%", md: "80%" }} p="xl">
         <Stack align="center" gap="sm">
-            <Text c={colors["blue-button"]} ta="center" fz={{ base: "2rem", md: "3.4rem" }} fw={700}>
-              Prestasi Desa
-            </Text>
-          <Text fz={{ base: "1rem", md: "1.3rem" }} ta="center" c="dimmed" maw={700}>
-            Kami bangga dengan pencapaian desa hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.
+          
+          {/* TITLE UTAMA */}
+          <Title
+            order={1}
+            c={colors["blue-button"]}
+            ta="center"
+            fz={{ base: "2rem", sm: "2.6rem", md: "3.2rem" }}
+            lh={{ base: "2.4rem", md: "3.5rem" }}
+          >
+            Prestasi Desa
+          </Title>
+
+          {/* SUBTEXT */}
+          <Text
+            fz={{ base: "1rem", md: "1.2rem" }}
+            lh={{ base: "1.5rem", md: "1.8rem" }}
+            ta="center"
+            c="black"
+            maw={700}
+          >
+            Kami bangga dengan pencapaian desa hingga saat ini. Semoga prestasi ini
+            menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan
+            bersama.
           </Text>
+
           <Button
             radius="xl"
             size="lg"
@@ -59,13 +90,13 @@ function Prestasi() {
         ) : data.length === 0 ? (
           <Center mih={200}>
             <Stack align="center" gap="xs">
-              <Text fz="1.2rem" fw={500} c="dimmed">
+              <Text fz="1.2rem" fw={500} c="dimmed" ta="center" lh="1.4rem">
                 Belum ada prestasi yang ditampilkan
               </Text>
             </Stack>
           </Center>
         ) : (
-          <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg" mb={"xl"}>
+          <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg" mb="xl">
             {data.map((v, k) => (
               <BackgroundImage
                 key={k}
@@ -79,26 +110,32 @@ function Prestasi() {
                   bg="linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%)"
                   style={{ borderRadius: 27 }}
                 />
+
                 <Stack justify="space-between" h="100%" pos="relative" p="lg">
-                  <Box>
-                    <Text
-                      c="white"
-                      fz={{ base: "1rem", md: "1.25rem" }}
-                      ta="center"
-                      fw={500}
-                    >
-                      {v.kategori.name}
-                    </Text>
-                  </Box>
+                  
+                  {/* KATEGORI */}
+                  <Text
+                    c="white"
+                    fz={{ base: "1rem", md: "1.15rem" }}
+                    lh={{ base: "1.4rem", md: "1.6rem" }}
+                    ta="center"
+                    fw={500}
+                  >
+                    {v.kategori.name}
+                  </Text>
+
+                  {/* DESKRIPSI */}
                   <Text
                     fw={700}
                     c="white"
-                    fz={{ base: "1.5rem", md: "2rem", lg: "2.5rem" }}
+                    fz={{ base: "1.4rem", md: "1.8rem", lg: "2.2rem" }}
+                    lh={{ base: "1.8rem", md: "2.2rem", lg: "2.6rem" }}
                     ta="center"
                     dangerouslySetInnerHTML={{ __html: v.deskripsi }}
                     style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                     lineClamp={5}
                   />
+
                   <Group justify="center">
                     <Button
                       onClick={() => router.push(`/darmasaba/prestasi-desa/${v.id}`)}
diff --git a/src/app/darmasaba/_com/main-page/sdgs/index.tsx b/src/app/darmasaba/_com/main-page/sdgs/index.tsx
index ed020e47..4bcbcb4b 100644
--- a/src/app/darmasaba/_com/main-page/sdgs/index.tsx
+++ b/src/app/darmasaba/_com/main-page/sdgs/index.tsx
@@ -20,12 +20,11 @@ export default function SDGS() {
         if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`)
         const result = await response.json()
         let data = []
+
         if (Array.isArray(result.data)) data = result.data
         else if (Array.isArray(result)) data = result
-        else {
-          setSdgsDesa([])
-          return
-        }
+        else return setSdgsDesa([])
+
         const top4Sdgs = [...data].sort((a, b) => parseInt(b.jumlah) - parseInt(a.jumlah)).slice(0, 4)
         setSdgsDesa(top4Sdgs)
       } catch {
@@ -36,24 +35,38 @@ export default function SDGS() {
   }, [])
 
   return (
-    <Stack p="sm" my={"xs"}>
+    <Stack p="sm" my="xs">
       <Container w={{ base: "100%", md: "80%" }} p="xl">
+
+        {/* ========== TITLE SECTION ========== */}
         <Center>
           <Title
             order={1}
-            fz={{ base: "2.4rem", md: "3.6rem" }}
+            fz={{ base: "2.2rem", md: "3.4rem" }}
+            lh={{ base: 1.1, md: 1.1 }}
             fw={900}
             c={colors["blue-button"]}
+            ta="center"
           >
             SDGs Desa
           </Title>
         </Center>
-        <Text ta={"center"} fz={{ base: "1rem", md: "1.3rem" }}>
-          SDGs Desa merupakan langkah nyata untuk mewujudkan desa yang maju, inklusif, dan berkelanjutan melalui 17 tujuan pembangunan dari pengentasan kemiskinan, pendidikan, kesehatan, kesetaraan gender, hingga pelestarian lingkungan.
+
+        <Text
+          ta="center"
+          fz={{ base: "1rem", md: "1.2rem" }}
+          lh={{ base: 1.5, md: 1.6 }}
+          c="black"
+          mt="xs"
+          mb="md"
+        >
+          SDGs Desa adalah upaya desa untuk menciptakan pembangunan yang maju, inklusif, dan berkelanjutan melalui 17 tujuan mulai dari pengentasan kemiskinan, pendidikan, kesehatan, hingga pelestarian lingkungan.
         </Text>
 
         <Box py="lg">
           {sdgsDesa && sdgsDesa.length > 0 ? (
+
+            /* ========== LIST GRID ========== */
             <SimpleGrid cols={{ base: 1, sm: 4 }} spacing="xl" verticalSpacing="xl" pb={30}>
               {sdgsDesa.map((item) => (
                 <motion.div
@@ -70,7 +83,7 @@ export default function SDGS() {
                       background: "linear-gradient(180deg, #FFFFFF, #F6F8FA)",
                       border: "1px solid rgba(0,0,0,0.05)",
                       transition: "all 0.3s ease",
-                      height: "100%", // biar tinggi antar card konsisten
+                      height: "100%",
                       display: "flex",
                       flexDirection: "column",
                     }}
@@ -101,23 +114,26 @@ export default function SDGS() {
                       </Box>
                     </Center>
 
-                    {/* Stack isi teks & angka */}
                     <Stack justify="space-between" align="center" gap="xs" h="100%">
+                      
+                      {/* JUDUL ITEM */}
                       <Text
                         ta="center"
                         fz={{ base: "lg", md: "xl" }}
+                        lh={{ base: 1.3, md: 1.3 }}
                         fw={700}
-                        mb="xs"
-                        style={{ minHeight: mobile ? 60 : 70 }} // biar judulnya punya tinggi tetap
+                        style={{ minHeight: mobile ? 60 : 70 }}
                       >
                         {item.name}
                       </Text>
 
+                      {/* ANGKA */}
                       <Title
                         order={2}
                         ta="center"
                         style={{
-                          fontSize: mobile ? "2.4rem" : "3.2rem",
+                          fontSize: mobile ? "2.2rem" : "3rem",
+                          lineHeight: 1.1,
                           fontWeight: 900,
                           letterSpacing: "-0.5px",
                           color: "#124170",
@@ -132,14 +148,15 @@ export default function SDGS() {
             </SimpleGrid>
 
           ) : (
+
+            /* ========== EMPTY STATE ========== */
             <Center mih={200} style={{ flexDirection: "column" }}>
               <IconMoodSad size={48} stroke={1.5} style={{ marginBottom: "1rem" }} />
-              <Text fz="lg" c="dimmed">
-                Data SDGs Desa belum tersedia
-              </Text>
+              <Text fz="lg" lh={1.4} c="dimmed">Data SDGs Desa belum tersedia</Text>
             </Center>
           )}
 
+          {/* BUTTON */}
           <Center>
             <Button
               component={Link}
@@ -152,18 +169,19 @@ export default function SDGS() {
               style={{
                 boxShadow: "0 6px 14px rgba(18,65,112,0.25)",
                 transition: "all 0.3s ease",
-                transform: "translateY(0)",
               }}
               onMouseEnter={(e) => {
-                e.currentTarget.style.transform = "translateY(-4px)";
-                e.currentTarget.style.boxShadow = "0 10px 20px rgba(18,65,112,0.35)";
+                e.currentTarget.style.transform = "translateY(-4px)"
+                e.currentTarget.style.boxShadow = "0 10px 20px rgba(18,65,112,0.35)"
               }}
               onMouseLeave={(e) => {
-                e.currentTarget.style.transform = "translateY(0)";
-                e.currentTarget.style.boxShadow = "0 6px 14px rgba(18,65,112,0.25)";
+                e.currentTarget.style.transform = "translateY(0)"
+                e.currentTarget.style.boxShadow = "0 6px 14px rgba(18,65,112,0.25)"
               }}
             >
-              <Text c="white" fz={{ base: "md", md: "lg" }} fw="bold">Jelajahi Semua Tujuan SDGs Desa</Text>
+              <Text c="white" fz={{ base: "md", md: "lg" }} lh={1.3} fw={600}>
+                Jelajahi Semua Tujuan SDGs Desa
+              </Text>
             </Button>
           </Center>
         </Box>
diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx
index f5e934dc..1108d743 100644
--- a/src/app/darmasaba/page.tsx
+++ b/src/app/darmasaba/page.tsx
@@ -158,8 +158,6 @@ export default function Page() {
         <SDGS />
         <Apbdes />
         <Prestasi />
-      </Stack>
-
       <ScrollToTopButton />
       <NewsReaderLanding />
 
@@ -170,6 +168,8 @@ export default function Page() {
         onSeen={handleSeen}
         autoShowDelay={2000}
       />
+      </Stack>
+
     </Box>
   );
 }
\ No newline at end of file
-- 
2.49.1


From a00481152c45014be00bc42ddac0bc68fd9e01bb Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 11 Dec 2025 17:58:03 +0800
Subject: [PATCH 52/97] Fix Konsisten teks di tampilan mobile dan desktop Fix
 QC Kak Inno tgl 10 Des Fix QC Kak Ayu tgl 10 Des

---
 .../desa/berita/[kategori]/Content.tsx        | 100 +++-
 .../desa/berita/[kategori]/[id]/page.tsx      |  66 +--
 .../(pages)/desa/berita/semua/page.tsx        |  51 +-
 .../(pages)/desa/galery/foto/Content.tsx      |   0
 .../(pages)/desa/galery/foto/page.tsx         |  67 +--
 .../(pages)/desa/galery/video/Content.tsx     | 109 +++--
 .../(pages)/desa/galery/video/[id]/page.tsx   |  40 +-
 .../_com/pelayananPendudukNonPermanent.tsx    |  28 +-
 .../_com/pelayananPerizinanBerusaha.tsx       |  42 +-
 .../layanan/_com/pelayananSuratKeterangan.tsx |  18 +-
 .../_com/pelayananTelunjukSaktiDesa.tsx       |  17 +-
 .../desa/pengumuman/[name]/[id]/page.tsx      |  88 +++-
 .../(pages)/desa/pengumuman/[name]/page.tsx   |  84 +++-
 .../(pages)/desa/pengumuman/page.tsx          |  67 +--
 .../(pages)/desa/potensi/[id]/page.tsx        |  36 +-
 .../darmasaba/(pages)/desa/potensi/page.tsx   |  79 ++-
 .../struktur-perangkat-desa/[id]/page.tsx     |  40 +-
 .../profil/struktur-perangkat-desa/page.tsx   |  75 +--
 .../(pages)/desa/profil/ui/lambangDesa.tsx    |  36 +-
 .../(pages)/desa/profil/ui/maskotDesa.tsx     |  85 ++--
 .../(pages)/desa/profil/ui/motoDesa.tsx       |  73 ++-
 .../(pages)/desa/profil/ui/profilPerbekel.tsx |  82 ++--
 .../(pages)/desa/profil/ui/sejarahDesa.tsx    |  25 +-
 .../(pages)/desa/profil/ui/semuaPerbekel.tsx  |  53 +-
 .../(pages)/desa/profil/ui/visimisiDesa.tsx   |  43 +-
 .../PADesa-pendapatan-asli-desa/page.tsx      | 351 ++++++++------
 .../(pages)/ekonomi/pasar-desa/page.tsx       | 126 ++---
 .../ekonomi/program-kemiskinan/page.tsx       |  70 ++-
 .../page.tsx                                  | 453 ++++++++++++------
 .../page.tsx                                  |   2 +-
 .../keamanan/laporan-publik/[id]/page.tsx     |  12 +-
 .../(pages)/keamanan/tips-keamanan/page.tsx   | 123 +++--
 .../artikel-kesehatan-page/page.tsx           |   7 +-
 .../fasilitas-kesehatan-page/page.tsx         |  34 +-
 .../kesehatan/data-kesehatan-warga/page.tsx   |  77 +--
 .../info-wabah-penyakit/[id]/page.tsx         |  25 +-
 .../(pages)/kesehatan/posyandu/[id]/page.tsx  |  39 +-
 .../(pages)/kesehatan/posyandu/page.tsx       |  41 +-
 .../(pages)/ppid/struktur-ppid/page.tsx       |   2 +-
 .../darmasaba/(tambahan)/penghargaan/page.tsx |  32 +-
 src/app/darmasaba/_com/NavbarMainMenu.tsx     |   2 +-
 .../_com/main-page/potensi/index.tsx          |   2 +-
 src/app/darmasaba/_com/searchUrl.tsx          |  16 +-
 43 files changed, 1725 insertions(+), 1093 deletions(-)
 delete mode 100644 src/app/darmasaba/(pages)/desa/galery/foto/Content.tsx

diff --git a/src/app/darmasaba/(pages)/desa/berita/[kategori]/Content.tsx b/src/app/darmasaba/(pages)/desa/berita/[kategori]/Content.tsx
index 8871dc52..5e0b73e0 100644
--- a/src/app/darmasaba/(pages)/desa/berita/[kategori]/Content.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/[kategori]/Content.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import stateDashboardBerita from '@/app/admin/(dashboard)/_state/desa/berita';
 import {
   Badge,
@@ -51,10 +51,14 @@ export default function Content({ kategori }: { kategori: string }) {
       <Container size="xl" px={{ base: 'md', md: 'xl' }}>
         {/* === Berita Utama === */}
         {featuredState.loading ? (
-          <Center><Skeleton h={400} /></Center>
+          <Center>
+            <Skeleton h={400} />
+          </Center>
         ) : featured ? (
           <Box mb={50}>
-            <Text fz="h2" fw={700} mb="md">Berita Utama</Text>
+            <Title order={2} mb="md">
+              Berita Utama
+            </Title>
             <Paper shadow="md" radius="md" withBorder>
               <Grid gutter={0}>
                 <GridCol span={{ base: 12, md: 6 }}>
@@ -74,13 +78,29 @@ export default function Content({ kategori }: { kategori: string }) {
                       <Badge color="blue" variant="light" mb="md">
                         {featured.kategoriBerita?.name || kategori}
                       </Badge>
-                      <Title order={2} mb="md">{featured.judul}</Title>
-                      <Text c="dimmed" lineClamp={3} mb="md" dangerouslySetInnerHTML={{ __html: featured.deskripsi }} />
+                      <Title order={3} mb="md">
+                        {featured.judul}
+                      </Title>
+                      <Text
+                        c="dimmed"
+                        lineClamp={3}
+                        mb="md"
+                        style={{ lineHeight: 1.6 }}
+                        dangerouslySetInnerHTML={{ __html: featured.deskripsi }}
+                      />
                     </div>
                     <Group justify="apart" mt="auto">
                       <Group gap="xs">
                         <IconCalendar size={18} />
-                        <Text size="sm">
+                        <Text
+                          fz={{ base: 'xs', md: 'sm' }}
+                          c="dimmed"
+                          lh={1.5}
+                          style={{
+                            fontSize: '0.875rem',
+                            lineHeight: '1.5rem',
+                          }}
+                        >
                           {new Date(featured.createdAt).toLocaleDateString('id-ID', {
                             day: 'numeric',
                             month: 'long',
@@ -91,7 +111,9 @@ export default function Content({ kategori }: { kategori: string }) {
                       <Button
                         variant="light"
                         rightSection={<IconArrowRight size={16} />}
-                        onClick={() => router.push(`/darmasaba/desa/berita/${kategori}/${featured.id}`)}
+                        onClick={() =>
+                          router.push(`/darmasaba/desa/berita/${kategori}/${featured.id}`)
+                        }
                       >
                         Baca Selengkapnya
                       </Button>
@@ -105,19 +127,29 @@ export default function Content({ kategori }: { kategori: string }) {
 
         {/* === Daftar Berita === */}
         <Box mt={50}>
-          <Title order={2} mb="md">Daftar Berita</Title>
+          <Title order={2} mb="md">
+            Daftar Berita
+          </Title>
           <Divider mb="xl" />
 
           {state.findMany.loading ? (
             <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="xl">
-              {Array(3).fill(0).map((_, i) => (
-                <Skeleton key={i} h={300} radius="md" />
-              ))}
+              {Array(3)
+                .fill(0)
+                .map((_, i) => (
+                  <Skeleton key={i} h={300} radius="md" />
+                ))}
             </SimpleGrid>
           ) : paginatedNews.length === 0 ? (
-            <Text c="dimmed" ta="center">Belum ada berita di kategori &quot;{kategori}&quot;.</Text>
+            <Text c="dimmed" ta="center" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+              Belum ada berita di kategori &quot;{kategori}&quot;.
+            </Text>
           ) : (
-            <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="xl" verticalSpacing="xl">
+            <SimpleGrid
+              cols={{ base: 1, sm: 2, lg: 3 }}
+              spacing="xl"
+              verticalSpacing="xl"
+            >
               {paginatedNews.map((item) => (
                 <Card
                   key={item.id}
@@ -125,19 +157,51 @@ export default function Content({ kategori }: { kategori: string }) {
                   p="lg"
                   radius="md"
                   withBorder
-                  onClick={() => router.push(`/darmasaba/desa/berita/${kategori}/${item.id}`)}
+                  onClick={() =>
+                    router.push(`/darmasaba/desa/berita/${kategori}/${item.id}`)
+                  }
                   style={{ cursor: 'pointer' }}
                 >
                   <Card.Section>
-                    <Image src={item.image?.link} height={200} alt={item.judul} fit="cover" loading="lazy"/>
+                    <Image
+                      src={item.image?.link}
+                      height={200}
+                      alt={item.judul}
+                      fit="cover"
+                      loading="lazy"
+                    />
                   </Card.Section>
                   <Badge color="blue" variant="light" mt="md">
                     {item.kategoriBerita?.name || kategori}
                   </Badge>
-                  <Text fw={600} size="lg" mt="sm" lineClamp={2}>{item.judul}</Text>
-                  <Text size="sm" c="dimmed" lineClamp={3} style={{wordBreak: "break-word", whiteSpace: "normal"}} mt="xs" dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  <Title
+                    order={4}
+                    mt="sm"
+                    fz={{ base: 'sm', md: 'md' }}
+                    style={{ lineHeight: 1.4 }}
+                    lineClamp={2}
+                  >
+                    {item.judul}
+                  </Title>
+                  <Text
+                    fz={{ base: 'xs', md: 'sm' }}
+                    c="dimmed"
+                    lineClamp={3}
+                    style={{
+                      wordBreak: 'break-word',
+                      whiteSpace: 'normal',
+                      lineHeight: 1.5,
+                    }}
+                    mt="xs"
+                    dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                  />
                   <Group justify="apart" mt="md" gap="xs">
-                    <Text size="xs" c="dimmed">
+                    <Text
+                      fz={{ base: 'xs', md: 'xs' }}
+                      c="dimmed"
+                      lh={1.4}
+                      style={{ fontSize: '0.75rem', lineHeight: '1.125rem' }}
+                    >
                       {new Date(item.createdAt).toLocaleDateString('id-ID', {
                         day: 'numeric',
                         month: 'short',
diff --git a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
index efcbd850..3da5058a 100644
--- a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
@@ -3,18 +3,16 @@
 import stateDashboardBerita from '@/app/admin/(dashboard)/_state/desa/berita';
 import NewsReader from '@/app/darmasaba/_com/NewsReader';
 import colors from '@/con/colors';
-import { Box, Center, Container, Group, Image, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Center, Container, Group, Image, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useParams } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
-
-
 function Page() {
   const params = useParams<{ id: string }>();
   const id = Array.isArray(params.id) ? params.id[0] : params.id;
-  const state = useProxy(stateDashboardBerita.berita)
-  const [loading, setLoading] = useState(true)
+  const state = useProxy(stateDashboardBerita.berita);
+  const [loading, setLoading] = useState(true);
 
   useEffect(() => {
     const loadData = async () => {
@@ -27,9 +25,9 @@ function Page() {
       } finally {
         setLoading(false);
       }
-    }
-    loadData()
-  }, [id])
+    };
+    loadData();
+  }, [id]);
 
   if (loading) {
     return (
@@ -47,41 +45,49 @@ function Page() {
     );
   }
 
-
   return (
-    <Stack pos={"relative"} bg={colors.Bg} pb={"xl"} gap={"xs"} px={{ base: "md", md: 0 }}>
-      <Group px={{ base: "md", md: 100 }}>
+    <Stack pos="relative" bg={colors.Bg} pb="xl" gap="xs" px={{ base: 'md', md: 0 }}>
+      <Group px={{ base: 'md', md: 100 }}>
         <NewsReader />
       </Group>
-      <Container w={{ base: "100%", md: "50%" }} >
+      <Container w={{ base: '100%', md: '50%' }}>
         <Box pb={20}>
-          <Text id='news-title' ta={"center"} fz={"2.4rem"} c={colors["blue-button"]} fw={"bold"}>
-            {state.findUnique.data?.judul}
-          </Text>
-          <Text
-            ta={"center"}
-            fw={"bold"}
-            fz={"1.5rem"}
+          <Title
+            id="news-title"
+            order={1}
+            ta="center"
+            c={colors['blue-button']}
+            fw="bold"
+            lh={{ base: 1.2, md: 1.25 }}
+          >
+            {state.findUnique.data.judul}
+          </Title>
+          <Title
+            order={2}
+            ta="center"
+            fw="bold"
+            fz={{ base: 'md', md: 'lg' }}
+            lh={{ base: 1.3, md: 1.35 }}
           >
             Informasi dan Pelayanan Administrasi Digital
-          </Text>
+          </Title>
         </Box>
-        <Image src={state.findUnique.data?.image?.link || ''} alt='' w={"100%"} loading="lazy" />
+        <Image src={state.findUnique.data.image?.link || ''} alt="" w="100%" loading="lazy" />
       </Container>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={"xs"}>
+      <Box px={{ base: 'md', md: 100 }}>
+        <Stack gap="xs">
           <Text
-           id='news-content'
+            id="news-content"
             py={20}
-            fz={{ base: "sm", md: "lg" }}
-            lh={{ base: 1.6, md: 1.8 }} // ✅ line-height lebih rapat dan responsif
+            fz={{ base: 'sm', md: 'md' }}
+            lh={{ base: 1.6, md: 1.8 }}
             ta="justify"
             style={{
-              wordBreak: "break-word",
-              whiteSpace: "normal",
+              wordBreak: 'break-word',
+              whiteSpace: 'normal',
             }}
             dangerouslySetInnerHTML={{
-              __html: state.findUnique.data?.content || "",
+              __html: state.findUnique.data.content || '',
             }}
           />
         </Stack>
@@ -90,4 +96,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx b/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx
index f37d9a93..50425ff0 100644
--- a/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx
@@ -16,35 +16,30 @@ function Semua() {
   const searchParams = useSearchParams();
   const router = useTransitionRouter();
 
-  // Ambil parameter langsung dari URL
   const search = searchParams.get('search') || '';
   const page = parseInt(searchParams.get('page') || '1');
 
-  // Gunakan proxy untuk state global
   const state = useProxy(stateDashboardBerita.berita);
   const featured = useProxy(stateDashboardBerita.berita.findFirst);
   const loadingGrid = state.findMany.loading;
   const loadingFeatured = featured.loading;
 
-  // Load berita utama sekali saja
   useEffect(() => {
     if (!featured.data && !loadingFeatured) {
       stateDashboardBerita.berita.findFirst.load();
     }
   }, [featured.data, loadingFeatured]);
 
-  // Load berita terbaru tiap page / search berubah
   useEffect(() => {
     const limit = 3;
     state.findMany.load(page, limit, search);
   }, [page, search]);
 
-  // Handler pagination → langsung update URL
   const handlePageChange = (newPage: number) => {
     const url = new URLSearchParams(searchParams.toString());
     if (search) url.set('search', search);
     if (newPage > 1) url.set('page', newPage.toString());
-    else url.delete('page'); // biar page=1 ga muncul di URL
+    else url.delete('page');
 
     router.replace(`?${url.toString()}`);
   };
@@ -61,7 +56,7 @@ function Semua() {
           <Center><Skeleton h={400} /></Center>
         ) : featuredData ? (
           <Box mb={50}>
-            <Text fz="h2" fw={700} mb="md">Berita Utama</Text>
+            <Title order={2} mb="md">Berita Utama</Title>
             <Paper shadow="md" radius="md" withBorder>
               <Grid gutter={0}>
                 <GridCol span={{ base: 12, md: 6 }}>
@@ -81,13 +76,24 @@ function Semua() {
                       <Badge color="blue" variant="light" mb="md">
                         {featuredData.kategoriBerita?.name || 'Berita'}
                       </Badge>
-                      <Title order={2} mb="md">{featuredData.judul}</Title>
-                      <Text c="dimmed" lineClamp={3} mb="md" dangerouslySetInnerHTML={{ __html: featuredData.deskripsi }} />
+                      <Title order={3} mb="md">{featuredData.judul}</Title>
+                      <Text
+                        c="dimmed"
+                        lineClamp={3}
+                        mb="md"
+                        dangerouslySetInnerHTML={{ __html: featuredData.deskripsi }}
+                        fz={{ base: 'sm', md: 'md' }}
+                        lh={{ base: 1.5, md: 1.6 }}
+                      />
                     </div>
                     <Group justify="apart" mt="auto">
                       <Group gap="xs">
                         <IconCalendar size={18} />
-                        <Text size="sm">
+                        <Text
+                          c="dimmed"
+                          fz={{ base: 'xs', md: 'sm' }}
+                          lh={{ base: 1.4, md: 1.5 }}
+                        >
                           {new Date(featuredData.createdAt).toLocaleDateString('id-ID', {
                             day: 'numeric',
                             month: 'long',
@@ -124,7 +130,9 @@ function Semua() {
               ))}
             </SimpleGrid>
           ) : paginatedNews.length === 0 ? (
-            <Text c="dimmed" ta="center">Tidak ada berita ditemukan.</Text>
+            <Text c="dimmed" ta="center" fz={{ base: 'sm', md: 'md' }} lh={{ base: 1.5, md: 1.6 }}>
+              Tidak ada berita ditemukan.
+            </Text>
           ) : (
             <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="xl" verticalSpacing="xl">
               {paginatedNews.map((item) => (
@@ -143,11 +151,24 @@ function Semua() {
                     {item.kategoriBerita?.name || 'Berita'}
                   </Badge>
 
-                  <Text fw={600} size="lg" mt="sm" lineClamp={2}>{item.judul}</Text>
-                  <Text size="sm" c="dimmed" lineClamp={3} mt="xs" dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  <Title order={4} mt="sm" lineClamp={2}>
+                    {item.judul}
+                  </Title>
+                  <Text
+                    c="dimmed"
+                    lineClamp={3}
+                    mt="xs"
+                    dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                    fz={{ base: 'xs', md: 'sm' }}
+                    lh={{ base: 1.5, md: 1.6 }}
+                  />
 
                   <Flex align="center" justify="apart" mt="md" gap="xs">
-                    <Text size="xs" c="dimmed">
+                    <Text
+                      c="dimmed"
+                      fz={{ base: 'xs', md: 'xs' }}
+                      lh={{ base: 1.4, md: 1.4 }}
+                    >
                       {new Date(item.createdAt).toLocaleDateString('id-ID', {
                         day: 'numeric',
                         month: 'short',
@@ -187,4 +208,4 @@ function Semua() {
   );
 }
 
-export default Semua;
+export default Semua;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/galery/foto/Content.tsx b/src/app/darmasaba/(pages)/desa/galery/foto/Content.tsx
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx b/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx
index 322e92c9..b84540e3 100644
--- a/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/foto/page.tsx
@@ -17,17 +17,11 @@ import {
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconPhoto } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
 // Komponen kartu foto
 function FotoCard({ item }: { item: any }) {
-  const router = useRouter();
-
-  const handleClick = () => {
-    router.push(`/darmasaba/galeri/foto/${item.id}`);
-  };
 
   return (
     <Grid.Col span={{ base: 12, xs: 6, md: 4 }}>
@@ -35,19 +29,19 @@ function FotoCard({ item }: { item: any }) {
         shadow="sm"
         radius="md"
         p={0}
-        onClick={handleClick}
-        style={{ cursor: 'pointer', transition: 'transform 0.2s' }}
+        style={{ transition: 'transform 0.2s' }}
         onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.02)')}
         onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
+        
       >
         {item.imageGalleryFoto?.link ? (
           <Box
             pos="relative"
             style={{
-              paddingBottom: '100%', // ✅ Ubah ke 1:1 (square) — atau sesuaikan
+              paddingBottom: '100%',
               overflow: 'hidden',
               borderRadius: '4px 4px 0 0',
-              backgroundColor: '#f9f9f9', // ✅ background netral
+              backgroundColor: '#f9f9f9',
             }}
           >
             <Image
@@ -61,8 +55,8 @@ function FotoCard({ item }: { item: any }) {
                 left: 0,
                 width: '100%',
                 height: '100%',
-                objectFit: 'contain', // ✅ Tampilkan utuh, jangan crop
-                objectPosition: 'center', // rata tengah
+                objectFit: 'contain',
+                objectPosition: 'center',
               }}
               loading="lazy"
             />
@@ -74,13 +68,23 @@ function FotoCard({ item }: { item: any }) {
         )}
 
         <Stack p="md" gap={4}>
-          <Text fw={600} lineClamp={1}>
+          <Text fw={600} lineClamp={1} fz={{ base: 'sm', md: 'md' }} lh={{ base: '1.4', md: '1.5' }}>
             {item.name || 'Tanpa Judul'}
           </Text>
           {item.deskripsi && (
-            <Text fz="sm" c="dimmed" lineClamp={2} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+            <Text
+              fz={{ base: 'xs', md: 'sm' }}
+              c="dimmed"
+              lineClamp={2}
+              dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+              lh={{ base: '1.4', md: '1.5' }}
+            />
           )}
-          <Text fz="xs" c="dimmed">
+          <Text
+            fz={{ base: 11, md: 'xs' }}
+            c="dimmed"
+            lh={{ base: '1.3', md: '1.4' }}
+          >
             {new Date(item.createdAt).toLocaleDateString('id-ID', {
               day: 'numeric',
               month: 'short',
@@ -99,7 +103,7 @@ export default function GaleriFotoUser() {
   return (
     <Box py="xl" px={{ base: 'md', md: 'lg' }}>
       {/* Header */}
-      <Title order={2} c={colors['blue-button']} mb="lg">
+      <Title order={2} c={colors['blue-button']} mb="lg" ta="center">
         Galeri Foto Desa Darmasaba
       </Title>
 
@@ -115,7 +119,7 @@ function FotoList({ search }: { search: string }) {
   const { data, page, totalPages, loading, load } = FotoState.findMany;
 
   useShallowEffect(() => {
-    load(page, 3, search); // ✅ 9 item per halaman
+    load(page, 3, search);
   }, [page, search]);
 
   if (loading) {
@@ -135,7 +139,9 @@ function FotoList({ search }: { search: string }) {
       <Center py="xl">
         <Stack align="center" c="dimmed">
           <IconPhoto size={48} />
-          <Text>Tidak ada foto ditemukan</Text>
+          <Text fz={{ base: 'sm', md: 'md' }} lh={{ base: '1.4', md: '1.5' }}>
+            Tidak ada foto ditemukan
+          </Text>
         </Stack>
       </Center>
     );
@@ -150,19 +156,18 @@ function FotoList({ search }: { search: string }) {
       </Grid>
 
       {/* Pagination */}
-      
-        <Center>
-          <Pagination
-            value={page}
-            onChange={(newPage) => {
-              load(newPage, 3, search);
-              window.scrollTo({ top: 0, behavior: 'smooth' });
-            }}
-            total={totalPages}
-            color="blue"
-            radius="md"
-          />
-        </Center>
+      <Center>
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 3, search);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
+          total={totalPages}
+          color="blue"
+          radius="md"
+        />
+      </Center>
     </Stack>
   );
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx b/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
index 2e4599e9..ed4b0667 100644
--- a/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
@@ -11,7 +11,8 @@ import {
   Paper,
   SimpleGrid,
   Stack,
-  Text
+  Text,
+  Title
 } from '@mantine/core';
 import { useTransitionRouter } from 'next-view-transitions';
 import { useCallback, useEffect } from 'react';
@@ -19,15 +20,13 @@ import { useSnapshot } from 'valtio';
 
 export default function VideoContent() {
   const videoState = useSnapshot(stateGallery.video);
-  const router = useTransitionRouter()
+  const router = useTransitionRouter();
   const { data, page, totalPages, loading } = videoState.findMany;
 
-  // Handle search and pagination changes
   const loadData = useCallback((pageNum: number, searchTerm: string) => {
     stateGallery.video.findMany.load(pageNum, 3, searchTerm.trim());
   }, []);
 
-  // Initial load and URL change handler
   useEffect(() => {
     const handleRouteChange = () => {
       const urlParams = new URLSearchParams(window.location.search);
@@ -57,13 +56,14 @@ export default function VideoContent() {
     loadData(newPage, search);
   };
 
-
   const dataVideo = data || [];
 
   if (loading && !data) {
     return (
       <Box py={10}>
-        <Text>Memuat Video...</Text>
+        <Text fz={{ base: 'sm', md: 'md' }} c="dimmed" ta="center">
+          Memuat Video...
+        </Text>
       </Box>
     );
   }
@@ -78,55 +78,71 @@ export default function VideoContent() {
               p="md"
               radius={26}
               bg={colors['white-trans-1']}
-              w={{ base: '100%', md: '100%' }}
+              w="100%"
             >
-              <Box>
-                <Center>
-                  <Box
-                    component="iframe"
-                    src={convertToEmbedUrl(v.linkVideo)}
-                    width="100%"
-                    height={300}
-                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-                    allowFullScreen
-                    style={{ borderRadius: 8 }}
-                  />
-                </Center>
-              </Box>
-              <Box>
-                <Stack gap="sm" py={10}>
-                  <Text fz="sm" c="dimmed">
-                    {new Date(v.createdAt).toLocaleDateString('id-ID', {
-                      day: 'numeric',
-                      month: 'long',
-                      year: 'numeric',
-                    })}
-                  </Text>
-                  <Text fw="bold" fz="sm" lineClamp={1}>
-                    {v.name}
-                  </Text>
-                  <Text
-                    ta="justify"
-                    fz="sm"
-                    dangerouslySetInnerHTML={{ __html: v.deskripsi }}
-                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                    lineClamp={3}
-                    truncate="end"
-                  />
-                  <Group justify={"right"}>
-                    <Button
+              <Center>
+                <Box
+                  component="iframe"
+                  src={convertToEmbedUrl(v.linkVideo)}
+                  width="100%"
+                  height={300}
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                  allowFullScreen
+                  style={{ borderRadius: 8 }}
+                />
+              </Center>
+
+              <Stack gap="sm" py={10}>
+                {/* Tanggal: Caption */}
+                <Text
+                  fz={{ base: 12, md: 14 }}
+                  c="dimmed"
+                  ta="left"
+                >
+                  {new Date(v.createdAt).toLocaleDateString('id-ID', {
+                    day: 'numeric',
+                    month: 'long',
+                    year: 'numeric',
+                  })}
+                </Text>
+
+                {/* Judul Video: Subsection (H3) */}
+                <Title
+                  order={3}
+                  c="dark"
+                  ta="left"
+                  lh={1.3}
+                  style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}
+                >
+                  {v.name}
+                </Title>
+
+                {/* Deskripsi: Body kecil */}
+                <Text
+                  ta="justify"
+                  fz={{ base: 13, md: 14 }}
+                  c="dimmed"
+                  style={{ wordBreak: 'break-word' }}
+                  lineClamp={3}
+                >
+                  <span dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                </Text>
+
+                <Group justify="right">
+                  <Button
                     onClick={() => router.push(`/darmasaba/desa/galery/video/${v.id}`)}
                     bg={colors['blue-button']}
+                    fz={{ base: 'sm', md: 'md' }}
                   >
                     Detail
                   </Button>
-                  </Group>
-                </Stack>
-              </Box>
+                </Group>
+              </Stack>
             </Paper>
           </Box>
         ))}
       </SimpleGrid>
+
       <Center>
         <Pagination
           value={page}
@@ -140,7 +156,6 @@ export default function VideoContent() {
   );
 }
 
-// ✅ Fix: convert YouTube URL ke embed
 function convertToEmbedUrl(youtubeUrl: string): string {
   try {
     const url = new URL(youtubeUrl);
@@ -151,4 +166,4 @@ function convertToEmbedUrl(youtubeUrl: string): string {
     console.error('Error converting YouTube URL to embed:', err);
     return youtubeUrl;
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
index 7000b863..2e65b465 100644
--- a/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
@@ -12,16 +12,17 @@ import {
   Stack,
   Text,
   ThemeIcon,
+  Title,
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconInfoCircle, IconVideo } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery'; // pastikan state bisa dipakai di publik
+import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
 import BackButton from '../../../layanan/_com/BackButto';
 
-// Fungsi helper: aman dan tanpa spasi
+
 function convertToEmbedUrl(youtubeUrl: string): string {
   try {
     const url = new URL(youtubeUrl);
@@ -72,7 +73,9 @@ export default function DetailVideoUser() {
           color="red"
           radius="md"
         >
-          Video yang Anda cari tidak tersedia.
+          <Text fz={{ base: 'sm', md: 'md' }} c="red.9">
+            Video yang Anda cari tidak tersedia.
+          </Text>
         </Alert>
         <Button
           leftSection={<IconArrowBack size={16} />}
@@ -91,20 +94,20 @@ export default function DetailVideoUser() {
   return (
     <Box py="xl" px={{ base: 'md', md: 100 }}>
       {/* Tombol Kembali */}
-      <Box >
+      <Box>
         <BackButton />
       </Box>
 
-      {/* Header */}
-      <Text
+      {/* Header - Dijadikan Title */}
+      <Title
+        order={1}
         ta="center"
-        fz={{ base: 'xl', md: '2xl' }}
-        fw={700}
         c={colors['blue-button']}
         mb="lg"
+        lh={{ base: 1.2, md: 1.25 }}
       >
         {data.name || 'Video Galeri Desa'}
-      </Text>
+      </Title>
 
       {/* Konten Utama */}
       <Card
@@ -118,7 +121,7 @@ export default function DetailVideoUser() {
           {embedUrl ? (
             <Box
               pos="relative"
-              style={{ paddingBottom: '56.25%', height: 0, overflow: 'hidden' }} // 16:9 aspect ratio
+              style={{ paddingBottom: '56.25%', height: 0, overflow: 'hidden' }}
             >
               <iframe
                 src={embedUrl}
@@ -144,7 +147,9 @@ export default function DetailVideoUser() {
               title="Gagal memuat video"
               radius="md"
             >
-              Mohon maaf, video tidak dapat diputar.
+              <Text fz={{ base: 'xs', md: 'sm' }} c="orange.9">
+                Mohon maaf, video tidak dapat diputar.
+              </Text>
             </Alert>
           ) : (
             <Alert
@@ -153,7 +158,9 @@ export default function DetailVideoUser() {
               title="Tidak ada video"
               radius="md"
             >
-              Konten video belum tersedia.
+              <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed">
+                Konten video belum tersedia.
+              </Text>
             </Alert>
           )}
 
@@ -163,7 +170,11 @@ export default function DetailVideoUser() {
               <ThemeIcon variant="light" size="sm" radius="xl">
                 <IconInfoCircle size={14} />
               </ThemeIcon>
-              <Text fz="sm" c="dimmed">
+              <Text
+                fz={{ base: 'xs', md: 'sm' }}
+                c="dimmed"
+                lh={{ base: 1.4, md: 1.5 }}
+              >
                 Diunggah pada{' '}
                 {new Date(data.createdAt).toLocaleDateString('id-ID', {
                   weekday: 'long',
@@ -179,8 +190,9 @@ export default function DetailVideoUser() {
           {data.deskripsi && (
             <Paper p="md" bg="gray.0" radius="md">
               <Text
-                fz="md"
+                fz={{ base: 'sm', md: 'md' }}
                 c="dark"
+                ta={"justify"}
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
                 style={{
                   wordBreak: 'break-word',
diff --git a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx
index c35a976b..1a49feab 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx
@@ -3,7 +3,7 @@
 
 import stateLayananDesa from '@/app/admin/(dashboard)/_state/desa/layananDesa';
 import colors from '@/con/colors';
-import { ActionIcon, Box, Divider, Flex, Group, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { ActionIcon, Box, Divider, Flex, Group, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
 import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from '@tabler/icons-react';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -39,30 +39,38 @@ function PelayananPendudukNonPermanent() {
       ) : (
         <Stack gap="xl">
           <Box>
-            <Text fz={{ base: "xl", md: "2xl" }} fw={700} lh={1.3} c="dark">
+            <Title
+              order={1}
+              fz={{ base: 'lg', md: 'xl' }}
+              fw={700}
+              lh={{ base: 1.3, md: 1.3 }}
+              c="dark"
+            >
               {data?.name || "Judul belum tersedia"}
-            </Text>
+            </Title>
           </Box>
 
           <Box>
             {data?.deskripsi ? (
               <Text
-                fz={{ base: "sm", md: "md" }}
-                lh={1.7}
+                fz={{ base: 'sm', md: 'md' }}
+                lh={{ base: 1.6, md: 1.7 }}
                 ta="justify"
-                c="dimmed"
+                c="black"
                 dangerouslySetInnerHTML={{ __html: data?.deskripsi }}
-                style={{wordBreak: "break-word", whiteSpace: "normal"}}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             ) : (
-              <Text fz="sm" c="gray">Deskripsi belum tersedia.</Text>
+              <Text fz="xs" c="gray">
+                Deskripsi belum tersedia.
+              </Text>
             )}
           </Box>
 
           <Divider color={colors["blue-button"]} size="sm" />
 
           <Flex justify="space-between" align="center" wrap="wrap" gap="md">
-            <Text fz={{ base: "xs", md: "sm" }} c="dimmed">
+            <Text fz={{ base: 'xs', md: 'sm' }} lh={{ base: 1.4, md: 1.5 }} c="black">
               25 Mei 2021 • Darmasaba
             </Text>
             <Group gap="md">
@@ -96,4 +104,4 @@ function PelayananPendudukNonPermanent() {
   );
 }
 
-export default PelayananPendudukNonPermanent;
+export default PelayananPendudukNonPermanent;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx
index 08f63752..14079e6f 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx
@@ -47,7 +47,7 @@ function PelayananPerizinanBerusaha() {
     return (
       <Center mih={300}>
         <Stack align="center" gap="sm">
-          <Text fz="lg" fw={500} c="dimmed">
+          <Text fz={{ base: 'md', md: 'lg' }} fw={500} c="dimmed" lh="sm">
             Belum ada informasi layanan yang tersedia
           </Text>
           <Button component="a" href="https://oss.go.id" target="_blank" radius="xl">
@@ -67,10 +67,10 @@ function PelayananPerizinanBerusaha() {
       ) : (
         <Stack gap="lg">
           <Box>
-            <Title order={2} fw={700} fz={{ base: 22, md: 32 }} mb="sm">
+            <Title order={2} fw={700} mb="sm">
               Perizinan Berusaha Berbasis Risiko melalui OSS
             </Title>
-            <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">
+            <Text fz={{ base: 'sm', md: 'md' }} c="black" lh="sm">
               Sistem Online Single Submission (OSS) untuk pendaftaran NIB
             </Text>
           </Box>
@@ -83,13 +83,13 @@ function PelayananPerizinanBerusaha() {
           />
 
           <Box>
-            <Text fw={600} mb="sm" fz={{ base: 'sm', md: 'lg' }}>
+            <Title order={3} fw={600} mb="sm">
               Alur pendaftaran NIB:
-            </Text>
+            </Title>
             <Stepper
               active={active}
               onStepClick={(step) => {
-                if (step <= active) { // Only allow clicking on previous or current steps
+                if (step <= active) {
                   setActive(step);
                 }
               }}
@@ -102,28 +102,42 @@ function PelayananPerizinanBerusaha() {
               }}
             >
               <StepperStep label="Langkah 1" description="Daftar Akun">
-                <Text fz="sm">Membuat akun di portal OSS</Text>
+                <Text fz={{ base: 'xs', md: 'sm' }} lh="sm">
+                  Membuat akun di portal OSS
+                </Text>
               </StepperStep>
               <StepperStep label="Langkah 2" description="Isi Data Perusahaan">
-                <Text fz="sm">Lengkapi informasi perusahaan, data pemegang saham, dan alamat</Text>
+                <Text fz={{ base: 'xs', md: 'sm' }} lh="sm">
+                  Lengkapi informasi perusahaan, data pemegang saham, dan alamat
+                </Text>
               </StepperStep>
               <StepperStep label="Langkah 3" description="Pilih KBLI">
-                <Text fz="sm">Menentukan kode KBLI sesuai jenis usaha</Text>
+                <Text fz={{ base: 'xs', md: 'sm' }} lh="sm">
+                  Menentukan kode KBLI sesuai jenis usaha
+                </Text>
               </StepperStep>
               <StepperStep label="Langkah 4" description="Unggah Dokumen">
-                <Text fz="sm">Unggah akta pendirian, surat izin, dan dokumen wajib lainnya</Text>
+                <Text fz={{ base: 'xs', md: 'sm' }} lh="sm">
+                  Unggah akta pendirian, surat izin, dan dokumen wajib lainnya
+                </Text>
               </StepperStep>
               <StepperStep label="Langkah 5" description="Verifikasi Instansi">
-                <Text fz="sm">Menunggu verifikasi dan persetujuan dari pihak berwenang</Text>
+                <Text fz={{ base: 'xs', md: 'sm' }} lh="sm">
+                  Menunggu verifikasi dan persetujuan dari pihak berwenang
+                </Text>
               </StepperStep>
               <StepperStep label="Langkah 6" description="Terbit NIB">
-                <Text fz="sm">Menerima NIB sebagai identitas resmi usaha</Text>
+                <Text fz={{ base: 'xs', md: 'sm' }} lh="sm">
+                  Menerima NIB sebagai identitas resmi usaha
+                </Text>
               </StepperStep>
               <StepperCompleted>
                 <Center>
                   <Stack align="center" gap="xs">
                     <IconCheck size={40} color="green" />
-                    <Text fz="sm" fw={500}>Proses pendaftaran selesai</Text>
+                    <Text fz={{ base: 'xs', md: 'sm' }} fw={500} lh="sm">
+                      Proses pendaftaran selesai
+                    </Text>
                   </Stack>
                 </Center>
               </StepperCompleted>
@@ -159,7 +173,7 @@ function PelayananPerizinanBerusaha() {
             )}
           </Box>
 
-          <Text fz="sm" ta="justify" c="dimmed" mt="md">
+          <Text fz={{ base: 'xs', md: 'sm' }} ta="justify" c="black" lh="sm" mt="md">
             Catatan: Persyaratan dan prosedur dapat berubah sewaktu-waktu. Untuk informasi resmi terbaru, silakan kunjungi situs{' '}
             <a href="https://oss.go.id/" target="_blank" rel="noopener noreferrer">
               oss.go.id
diff --git a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananSuratKeterangan.tsx b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananSuratKeterangan.tsx
index e079820c..236bb9de 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananSuratKeterangan.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananSuratKeterangan.tsx
@@ -2,7 +2,7 @@
 
 import stateLayananDesa from '@/app/admin/(dashboard)/_state/desa/layananDesa';
 import colors from '@/con/colors';
-import { BackgroundImage, Box, Button, Center, Group, Pagination, SimpleGrid, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { BackgroundImage, Box, Button, Center, Group, Pagination, SimpleGrid, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconFileDescription, IconInfoCircle } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -35,7 +35,7 @@ function PelayananSuratKeterangan({ search }: { search: string }) {
       <Center py="xl">
         <Stack align="center" gap="xs">
           <IconFileDescription size={40} stroke={1.5} color={colors["blue-button"]} />
-          <Text c="dimmed" ta="center">
+          <Text c="dimmed" ta="center" fz={{ base: 'sm', md: 'md' }} lh="sm">
             Tidak ada layanan surat keterangan yang ditemukan
           </Text>
         </Stack>
@@ -48,9 +48,9 @@ function PelayananSuratKeterangan({ search }: { search: string }) {
       <Group justify="space-between" align="center" mb="md">
         <Group gap="xs">
           <IconFileDescription size={28} stroke={1.8} />
-          <Text fz={{ base: "h4", md: "h2" }} fw={700}>
+          <Title order={2} c="black">
             Layanan Surat Keterangan
-          </Text>
+          </Title>
         </Group>
         <Tooltip label="Pilih layanan surat keterangan sesuai kebutuhan Anda" withArrow>
           <IconInfoCircle size={22} stroke={1.8} />
@@ -82,15 +82,15 @@ function PelayananSuratKeterangan({ search }: { search: string }) {
               style={{ borderRadius: 16 }}
             />
             <Stack justify="space-between" h="100%" gap="md" p="lg" pos="relative">
-              <Text
+              <Title
+                order={3}
                 c="white"
-                fw={600}
-                fz="lg"
                 ta="center"
                 lineClamp={2}
+                lh="sm"
               >
                 {v.name}
-              </Text>
+              </Title>
               <Group justify="center">
                 <Button
                   size="md"
@@ -128,4 +128,4 @@ function PelayananSuratKeterangan({ search }: { search: string }) {
   );
 }
 
-export default PelayananSuratKeterangan;
+export default PelayananSuratKeterangan;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananTelunjukSaktiDesa.tsx b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananTelunjukSaktiDesa.tsx
index ec91c3f7..b8de2676 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananTelunjukSaktiDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananTelunjukSaktiDesa.tsx
@@ -42,9 +42,10 @@ function PelayananTelunjukSaktiDesa() {
 
   return (
     <Box>
-      <Title order={2} mb="lg" fz={{ base: 22, md: 28 }} fw={700} style={{ lineHeight: 1.4 }}>
-        Layanan Telunjuk Sakti Desa <br /> 
-        <Text span c="dimmed" fz="lg" fw={400}>
+      <Title order={2} mb="lg" fw={700} style={{ lineHeight: 1.3 }} ta="left">
+        Layanan Telunjuk Sakti Desa
+        <Text span c="black" fz={{ base: 'sm', md: 'md' }} fw={400} style={{ lineHeight: 1.5 }}>
+          {' '}
           Terwujudnya sistem administrasi kependudukan terintegrasi berbasis elektronik, cerdas, dan aman
         </Text>
       </Title>
@@ -53,7 +54,7 @@ function PelayananTelunjukSaktiDesa() {
         <Skeleton h={400} radius="lg" />
       ) : data.length === 0 ? (
         <Card shadow="sm" radius="lg" withBorder>
-          <Text c="dimmed" ta="center" py="xl">
+          <Text c="black" ta="center" py="xl" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
             Belum ada layanan tersedia untuk saat ini
           </Text>
         </Card>
@@ -72,9 +73,9 @@ function PelayananTelunjukSaktiDesa() {
                 }}
               >
                 <Stack gap="sm">
-                  <Text fw={700} fz="lg" lh={1.4}>
+                  <Title order={3} fw={700} lh={1.3}>
                     {v.name}
-                  </Text>
+                  </Title>
                   <Flex gap="xs" align="center">
                     <IconExternalLink size={18} stroke={1.5} />
                     <Text
@@ -82,7 +83,7 @@ function PelayananTelunjukSaktiDesa() {
                       href={v.link}
                       target="_blank"
                       rel="noopener noreferrer"
-                      fz="sm"
+                      fz={{ base: 'xs', md: 'sm' }}
                       c="blue"
                       td="underline"
                       style={{ cursor: 'pointer' }}
@@ -100,4 +101,4 @@ function PelayananTelunjukSaktiDesa() {
   );
 }
 
-export default PelayananTelunjukSaktiDesa;
+export default PelayananTelunjukSaktiDesa;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
index f103d6f8..45bb2e4c 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
@@ -1,58 +1,94 @@
 'use client'
 import stateDesaPengumuman from '@/app/admin/(dashboard)/_state/desa/pengumuman';
 import colors from '@/con/colors';
-import { Box, Container, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Container, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useParams } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
-import BackButton from '../../../layanan/_com/BackButto';
+
 import NewsReader from '@/app/darmasaba/_com/NewsReader';
+import BackButton from '../../../layanan/_com/BackButto';
 
 function Page() {
-  const detail = useProxy(stateDesaPengumuman.pengumuman.findUnique)
-
-  const params = useParams()
-
+  const detail = useProxy(stateDesaPengumuman.pengumuman.findUnique);
+  const params = useParams();
+  
   useShallowEffect(() => {
-    stateDesaPengumuman.pengumuman.findUnique.load(params?.id as string)
-  }, [])
-
+    stateDesaPengumuman.pengumuman.findUnique.load(params?.id as string);
+  }, []);
+  
   if (!detail.data) {
     return (
       <Box>
         <Skeleton h={400} />
       </Box>
-    )
+    );
   }
+  
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
       {/* Header */}
-      <Box px={{ base: "md", md: 100 }}>
+      <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
+      
       <Container size="lg" px="md">
         <Group>
           <NewsReader />
         </Group>
-        <Stack gap="xs" >
-            <Group justify={"space-between"} align={"center"}>
-              <Text fz={{ base: "2rem", md: "2rem" }} c={colors["blue-button"]} fw="bold" >
-                {detail.data?.judul}
+        
+        <Stack gap="xs">
+          <Group justify="space-between" align="flex-start" wrap="wrap">
+            <Title
+              order={1}
+              c={colors['blue-button']}
+              fz={{ base: 28, md: 36 }}
+              style={{ 
+                wordBreak: 'break-word',
+                flex: '1 1 auto',
+                minWidth: 0
+              }}
+            >
+              {detail.data?.judul}
+            </Title>
+            <Paper bg={colors['blue-button']} p={8} style={{ flexShrink: 0 }}>
+              <Text c={colors['white-1']} fz={{ base: 'xs', md: 'sm' }} lh={1.2}>
+                {detail.data?.CategoryPengumuman?.name}
               </Text>
-              <Group justify='end'>
-                <Paper bg={colors['blue-button']} p={5}>
-                  <Text  c={colors['white-1']}>{detail.data?.CategoryPengumuman?.name}</Text>
-                </Paper>
-              </Group>
-            </Group>
-          <Paper bg={colors["white-1"]} p="md">
-            <Text px="lg" id='news-content' fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
-            <Text px="lg" fz={"md"} c={colors["blue-button"]} fw="bold" >
+            </Paper>
+          </Group>
+          
+          <Paper 
+            bg={colors['white-1']} 
+            p="md"
+            w="100%"
+            mih={{ base: 200, md: 300 }}
+          >
+            <Text
+              px="lg"
+              id="news-content"
+              fz={{ base: 14, md: 16 }}
+              lh={{ base: 1.6, md: 1.6 }}
+              style={{ 
+                wordBreak: 'break-word', 
+                whiteSpace: 'normal',
+                width: '100%'
+              }}
+              dangerouslySetInnerHTML={{ __html: detail.data?.content }}
+            />
+            <Text
+              px="lg"
+              fz={{ base: 12, md: 14 }}
+              c={colors['blue-button']}
+              fw="bold"
+              lh={{ base: 1.4, md: 1.4 }}
+              mt="md"
+            >
               {new Date(detail.data?.createdAt).toLocaleDateString('id-ID', {
                 weekday: 'long',
                 day: 'numeric',
                 month: 'long',
-                year: 'numeric'
+                year: 'numeric',
               })}
             </Text>
           </Paper>
@@ -62,4 +98,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/page.tsx
index 6bdd20a1..5fc2f723 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/page.tsx
@@ -2,14 +2,13 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import stateDesaPengumuman from '@/app/admin/(dashboard)/_state/desa/pengumuman';
 import colors from '@/con/colors';
-import { Box, Container, Group, Paper, Stack, Text } from '@mantine/core';
+import { Box, Container, Group, Paper, Stack, Text, Title } from '@mantine/core';
 import { IconCalendar } from '@tabler/icons-react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../layanan/_com/BackButto';
 import { useEffect } from 'react';
 import { useParams } from 'next/navigation';
 
-
 function Page() {
   const unwrappedParams = useParams();
   const kategoriState = useProxy(stateDesaPengumuman);
@@ -26,48 +25,85 @@ function Page() {
       <Box px={{ base: "md", md: 100 }}>
         <BackButton />
       </Box>
-      <Container size="lg" px="md" >
-        <Stack align="center" gap="0" >
-          <Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
-            {categoryName.split('-').map(word => 
+
+      <Container size="lg" px="md">
+        <Stack align="center" gap="xs">
+          <Title
+            order={1}
+            c={colors["blue-button"]}
+            ta="center"
+            style={{ fontWeight: 'bold' }}
+          >
+            {categoryName.split('-').map(word =>
               word.charAt(0).toUpperCase() + word.slice(1)
             ).join(' ')}
-          </Text>
-          <Text ta="center" px="md" pb={10}>
+          </Title>
+          <Text
+            ta="center"
+            px="md"
+            pb="sm"
+            fz={{ base: 'sm', md: 'md' }}
+            lh={{ base: 1.5, md: 1.6 }}
+            c="dimmed"
+          >
             Informasi dan pengumuman resmi terkait {categoryName.split('-').join(' ')}
           </Text>
         </Stack>
       </Container>
+
       <Box px={{ base: 'md', md: 100 }}>
         {!kategoriState.pengumuman.findMany.data?.length ? (
           <Paper p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-            Tidak ada pengumuman yang ditemukan
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              ta="center"
+              c="dimmed"
+            >
+              Tidak ada pengumuman yang ditemukan
+            </Text>
           </Paper>
-        ) : kategoriState.pengumuman.findMany.data?.map((v, k) => {
-          return (
-            <Paper mb={10} key={k} withBorder p="lg" radius="md" shadow="md" bg={colors["white-1"]}>
-              <Text fz={'h3'}>{v.judul}</Text>
-              <Group style={{ color: 'black' }} pb={20}>
+        ) : (
+          kategoriState.pengumuman.findMany.data?.map((v, k) => (
+            <Paper
+              mb="md"
+              key={k}
+              withBorder
+              p="lg"
+              radius="md"
+              shadow="md"
+              bg={colors["white-1"]}
+            >
+              <Title order={3}>{v.judul}</Title>
+              <Group style={{ color: 'black' }} pb="sm">
                 <Group gap="xs">
                   <IconCalendar size={18} />
-                  <Text size="sm">
-                    {v.createdAt ? new Date(v.createdAt).toLocaleDateString('id-ID', {
-                      day: 'numeric',
-                      month: 'long',
-                      year: 'numeric',
-                    }) : 'No date available'}
+                  <Text
+                    fz={{ base: 'xs', md: 'sm' }}
+                    lh={{ base: 1.4, md: 1.5 }}
+                  >
+                    {v.createdAt
+                      ? new Date(v.createdAt).toLocaleDateString('id-ID', {
+                          day: 'numeric',
+                          month: 'long',
+                          year: 'numeric',
+                        })
+                      : 'No date available'}
                   </Text>
                 </Group>
               </Group>
-              <Text ta={'justify'}>
+              <Text
+                ta="justify"
+                fz={{ base: 'sm', md: 'md' }}
+                lh={{ base: 1.6, md: 1.7 }}
+              >
                 {v.deskripsi}
               </Text>
             </Paper>
-          )
-        })}
+          ))
+        )}
       </Box>
     </Stack>
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
index f964f519..b02ae29d 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
@@ -9,7 +9,6 @@ import {
   Center,
   Container,
   Divider,
-  Flex,
   Grid,
   GridCol,
   Group,
@@ -22,7 +21,7 @@ import {
   Text,
   TextInput,
   Title,
-  UnstyledButton,
+  UnstyledButton
 } from '@mantine/core';
 import { IconCalendar, IconClock, IconSearch } from '@tabler/icons-react';
 import { useTransitionRouter } from 'next-view-transitions';
@@ -98,10 +97,14 @@ function Page() {
 
       <Container size="lg" px="md">
         <Stack align="center" gap="0">
-          <Text fz={{ base: '2rem', md: '3.4rem' }} c={colors['blue-button']} fw="bold" ta="center">
+          <Title
+            order={1}
+            c={colors['blue-button']}
+            ta="center"
+          >
             Pengumuman Desa Darmasaba
-          </Text>
-          <Text ta="center" px="md" pb={10}>
+          </Title>
+          <Text ta="center" px="md" pb={10} fz={{ base: 'sm', md: 'md' }} lh="sm">
             Informasi dan pengumuman resmi terkait kegiatan dan kebijakan Desa Darmasaba
           </Text>
         </Stack>
@@ -126,17 +129,17 @@ function Page() {
                     withCloseButton={false}
                     title={item.CategoryPengumuman?.name || 'Pengumuman'}
                   >
-                    <Stack gap={"xs"}>
-                      <Text fz="sm" fw="bold" c="black" style={{ textTransform: 'uppercase' }}>
+                    <Stack gap="xs">
+                      <Text fz={{ base: 'sm', md: 'sm' }} fw="bold" c="black" style={{ textTransform: 'uppercase' }}>
                         {item.judul}
                       </Text>
-                      <Text ta="justify" fz="sm" c="black" lineClamp={3} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                      <Text ta="justify" fz={{ base: 'xs', md: 'sm' }} c="black" lineClamp={3} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </Stack>
-                    <Flex pt={20} gap="md" justify="space-between">
+                    <Group pt={20} gap="md" justify="space-between">
                       <Group style={{ color: 'black' }}>
                         <Group gap="xs">
                           <IconCalendar size={18} />
-                          <Text size="sm">
+                          <Text fz={{ base: 'xs', md: 'sm' }}>
                             {new Date(item.createdAt).toLocaleDateString('id-ID', {
                               weekday: 'long',
                               day: 'numeric',
@@ -147,7 +150,7 @@ function Page() {
                         </Group>
                         <Group gap="xs">
                           <IconClock size={18} />
-                          <Text size="sm">
+                          <Text fz={{ base: 'xs', md: 'sm' }}>
                             {new Date(item.createdAt).toLocaleTimeString('id-ID', {
                               hour: '2-digit',
                               minute: '2-digit',
@@ -157,11 +160,11 @@ function Page() {
                         </Group>
                       </Group>
                       <Anchor variant="transparent" href={`/darmasaba/desa/pengumuman/${item.CategoryPengumuman?.name}/${item.id}`}>
-                        <Text fs="unset" c={colors['blue-button']} fz="sm">
+                        <Text fs="unset" c={colors['blue-button']} fz={{ base: 'xs', md: 'sm' }}>
                           Baca Selengkapnya
                         </Text>
                       </Anchor>
-                    </Flex>
+                    </Group>
                   </Notification>
                 ))
             )}
@@ -169,19 +172,19 @@ function Page() {
 
           <Paper p="md">
             <Stack gap="xs">
-              <Text fw="bold" fz="lg" c={colors['blue-button']}>
+              <Title order={3} c={colors['blue-button']}>
                 Kategori
-              </Text>
+              </Title>
               {stateDesaPengumuman.category.findMany.data?.map((v: any, k) => {
                 const count = v._count?.pengumumans || 0;
                 return (
                   <UnstyledButton component={Link} href={`/darmasaba/desa/pengumuman/${v.name}`} key={k}>
                     <Paper bg={colors['BG-trans']} p={5}>
                       <Group px={3} justify="space-between">
-                        <Text fz="md" c="black">
+                        <Text fz={{ base: 'sm', md: 'md' }} c="black">
                           {v.name}
                         </Text>
-                        <Text fz="md" c="black">
+                        <Text fz={{ base: 'sm', md: 'md' }} c="black">
                           {count}
                         </Text>
                       </Group>
@@ -200,7 +203,7 @@ function Page() {
           <Divider mb={10} color={colors['blue-button']} />
           <Grid>
             <GridCol span={{ base: 12, md: 8 }}>
-              <Title order={3}>Daftar Pengumuman</Title>
+              <Title order={2}>Daftar Pengumuman</Title>
             </GridCol>
             <GridCol span={{ base: 12, md: 4 }}>
               <TextInput
@@ -210,6 +213,7 @@ function Page() {
                 w="100%"
                 value={searchInput}
                 onChange={(e) => setSearchInput(e.target.value)}
+                fz={{ base: 'sm', md: 'md' }}
               />
             </GridCol>
           </Grid>
@@ -223,7 +227,9 @@ function Page() {
             </SimpleGrid>
           ) : !state.findMany.data?.length ? (
             <Notification withCloseButton={false} h={100}>
-              Tidak ada pengumuman yang ditemukan
+              <Text fz={{ base: 'sm', md: 'md' }} ta="center">
+                Tidak ada pengumuman yang ditemukan
+              </Text>
             </Notification>
           ) : (
             <SimpleGrid cols={{ base: 1, md: 3 }} spacing="lg" verticalSpacing="lg">
@@ -231,26 +237,26 @@ function Page() {
                 <Paper key={item.id} p="md" withBorder radius="md" h="100%">
                   <Stack h="100%" justify="space-between">
                     <div>
-                      <Text fw={600} c={colors['blue-button']} mb={5}>
+                      <Text fw={600} c={colors['blue-button']} mb={5} fz={{ base: 'sm', md: 'md' }}>
                         {item.CategoryPengumuman?.name || 'Pengumuman'}
                       </Text>
-                      <Text fz="lg" fw={700} mb="sm" lineClamp={2} style={{ textTransform: 'uppercase' }}>
+                      <Text fw={700} mb="sm" lineClamp={2} style={{ textTransform: 'uppercase' }} fz={{ base: 'sm', md: 'lg' }}>
                         {item.judul}
                       </Text>
                       <Text
-                        fz="sm"
                         c="dimmed"
                         lineClamp={4}
                         dangerouslySetInnerHTML={{ __html: item.deskripsi }}
                         mb="md"
-                        style={{wordBreak: "break-word", whiteSpace: "normal"}}
+                        style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                        fz={{ base: 'xs', md: 'sm' }}
                       />
                     </div>
                     <div>
                       <Group mb="sm" c="dimmed">
                         <Group gap={5}>
                           <IconCalendar size={16} />
-                          <Text size="xs">
+                          <Text fz={{ base: 'xs', md: 'xs' }}>
                             {new Date(item.createdAt).toLocaleDateString('id-ID', {
                               day: 'numeric',
                               month: 'short',
@@ -260,19 +266,19 @@ function Page() {
                         </Group>
                         <Group gap={5}>
                           <IconClock size={16} />
-                          <Text size="xs">
+                          <Text fz={{ base: 'xs', md: 'xs' }}>
                             {new Date(item.createdAt).toLocaleTimeString('id-ID', {
                               hour: '2-digit',
                               minute: '2-digit',
                             })}
                           </Text>
                         </Group>
+                        <Anchor variant="transparent" href={`/darmasaba/desa/pengumuman/${item.CategoryPengumuman?.name}/${item.id}`}>
+                          <Text fw={600} c={colors['blue-button']} fz={{ base: 'sm', md: 'sm' }}>
+                            Baca Selengkapnya →
+                          </Text>
+                        </Anchor>
                       </Group>
-                      <Anchor variant="transparent" href={`/darmasaba/desa/pengumuman/${item.CategoryPengumuman?.name}/${item.id}`}>
-                        <Text fw={600} c={colors['blue-button']} size="sm">
-                          Baca Selengkapnya →
-                        </Text>
-                      </Anchor>
                     </div>
                   </Stack>
                 </Paper>
@@ -289,6 +295,7 @@ function Page() {
               siblings={1}
               boundaries={1}
               withEdges
+              fz={{ base: 'xs', md: 'sm' }}
             />
           </Center>
         </Stack>
diff --git a/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx
index fe8bf5fa..bd5ad518 100644
--- a/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/potensi/[id]/page.tsx
@@ -9,6 +9,7 @@ import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../layanan/_com/BackButto';
 
+
 function Page() {
   const params = useParams<{ id: string }>();
   const id = Array.isArray(params.id) ? params.id[0] : params.id;
@@ -35,7 +36,9 @@ function Page() {
       <Center h="80vh">
         <Stack align="center" gap="md">
           <Loader size="lg" color="blue" />
-          <Text c="dimmed" fz="sm">Sedang memuat informasi...</Text>
+          <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }} ta="center">
+            Sedang memuat informasi...
+          </Text>
         </Stack>
       </Center>
     );
@@ -46,28 +49,31 @@ function Page() {
       <Center h="80vh">
         <Stack align="center" gap="sm">
           <IconMoodSad size={64} stroke={1.5} color="var(--mantine-color-blue-6)" />
-          <Title order={3}>Data Tidak Ditemukan</Title>
-          <Text c="dimmed" fz="sm">Mohon periksa kembali atau coba beberapa saat lagi</Text>
+          <Title order={3} ta="center">
+            Data Tidak Ditemukan
+          </Title>
+          <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }} ta="center">
+            Mohon periksa kembali atau coba beberapa saat lagi
+          </Text>
         </Stack>
       </Center>
     );
   }
 
   return (
-    <Stack pos="relative" bg={colors.Bg} py="xl" gap="xl" px={{ base: "md", md: 0 }}>
-      <Box px={{ base: "md", md: 100 }}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="xl" px={{ base: 'md', md: 0 }}>
+      <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Container w={{ base: "100%", md: "60%" }}>
+      <Container w={{ base: '100%', md: '60%' }}>
         <Paper radius="2xl" shadow="lg" p="xl" withBorder>
           <Stack gap="lg" align="center">
-            <Title ta="center" fz={{ base: "2rem", md: "3rem" }} c={colors["blue-button"]} fw={800}>
+            <Title order={1} ta="center" c={colors['blue-button']} fw={800}>
               {state.findUnique.data?.name}
             </Title>
-            <Text ta="center" fw={600} fz={{ base: "md", md: "lg" }} c="dimmed">
+            <Text ta="center" fw={600} fz={{ base: 'md', md: 'lg' }} c="dimmed">
               Informasi & Pelayanan Potensi Desa Digital
             </Text>
-            {/* ✅ Bagian gambar dibuat konsisten tanpa CSS manual */}
             <Box
               w="100%"
               h={{ base: 220, md: 400 }}
@@ -87,7 +93,15 @@ function Page() {
                 radius="lg"
               />
             </Box>
-            <Text py="md" fz={{ base: "sm", md: "md" }} ta="justify" lh={1.8} dangerouslySetInnerHTML={{ __html: state.findUnique.data?.deskripsi || 'Belum ada deskripsi untuk potensi desa ini.' }} />
+            <Text
+              py="md"
+              fz={{ base: 'sm', md: 'md' }}
+              ta="justify"
+              lh={{ base: 1.6, md: 1.8 }}
+              dangerouslySetInnerHTML={{
+                __html: state.findUnique.data?.content || 'Belum ada deskripsi untuk potensi desa ini.',
+              }}
+            />
           </Stack>
         </Paper>
       </Container>
@@ -95,4 +109,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/desa/potensi/page.tsx b/src/app/darmasaba/(pages)/desa/potensi/page.tsx
index b6a586b9..a618da20 100644
--- a/src/app/darmasaba/(pages)/desa/potensi/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/potensi/page.tsx
@@ -2,7 +2,7 @@
 'use client'
 import potensiDesaState from '@/app/admin/(dashboard)/_state/desa/potensi';
 import colors from '@/con/colors';
-import { BackgroundImage, Box, Button, Center, Flex, Group, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import { BackgroundImage, Box, Button, Flex, Group, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { IconEye } from '@tabler/icons-react';
 import { useTransitionRouter } from 'next-view-transitions';
 import { useEffect, useState } from 'react';
@@ -41,10 +41,10 @@ function Page() {
       <Box px={{ base: "md", md: 100 }}>
         <Flex justify="space-between" align="center" direction={{ base: "column", md: "row" }} gap="lg">
           <Stack gap="sm" maw={600}>
-            <Text fz={{ base: "2rem", md: "3rem" }} fw={900} c={colors["blue-button"]} lh={1.2}>
+            <Title order={1} fz={{ base: 28, md: 36 }} lh={1.2} c={colors["blue-button"]}>
               Potensi Desa Darmasaba
-            </Text>
-            <Text fz="lg" ta="justify">
+            </Title>
+            <Text fz={{ base: 14, md: 16 }} lh={1.6} ta="justify">
               Temukan berbagai potensi unggulan, peluang, dan daya tarik yang menjadikan Desa Darmasaba istimewa.
             </Text>
           </Stack>
@@ -58,18 +58,18 @@ function Page() {
           >
             <Flex justify="center" align="center" gap="xl">
               <Box>
-                <Text ta="center" fz="2rem" fw={800} c="white">
+                <Text ta="center" fz={{ base: 20, md: 32 }} fw={800} c="white" lh={1.2}>
                   {data?.filter(item => item.kategori?.nama.toLowerCase() !== 'wisata').length || 0}
                 </Text>
-                <Text ta="center" fz="sm" c="white" fw={500}>
+                <Text ta="center" fz={{ base: 12, md: 14 }} c="white" fw={500}>
                   Potensi
                 </Text>
               </Box>
               <Box>
-                <Text ta="center" fz="2rem" fw={800} c="white">
+                <Text ta="center" fz={{ base: 20, md: 32 }} fw={800} c="white" lh={1.2}>
                   {data?.filter(item => item.kategori?.nama.toLowerCase() === 'wisata').length || 0}
                 </Text>
-                <Text ta="center" fz="sm" c="white" fw={500}>
+                <Text ta="center" fz={{ base: 12, md: 14 }} c="white" fw={500}>
                   Wisata
                 </Text>
               </Box>
@@ -91,45 +91,40 @@ function Page() {
                 radius="xl"
                 onMouseEnter={() => setHoveredId(v.id)}
                 onMouseLeave={() => setHoveredId(null)}
-                style={{ 
-                  overflow: 'hidden', 
+                style={{
+                  overflow: 'hidden',
                   position: 'relative',
                   cursor: 'pointer',
                   transition: 'transform 0.3s ease'
                 }}
               >
-                {/* Overlay with smooth transition */}
                 <Box
                   pos="absolute"
                   inset={0}
-                  bg={hoveredId === v.id 
-                    ? "linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.75) 100%)" 
+                  bg={hoveredId === v.id
+                    ? "linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.75) 100%)"
                     : "linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.15) 100%)"
                   }
                   style={{
                     transition: 'background 0.3s ease'
                   }}
                 />
-                
+
                 <Stack justify="space-between" h="100%" gap="md" p="lg" pos="relative">
-                  {/* Kategori badge - always visible */}
                   <Group>
-                    <Paper 
-                      radius="lg" 
-                      py={6} 
-                      px={12} 
-                      shadow="md" 
-                      withBorder 
+                    <Paper
+                      radius="lg"
+                      py={6}
+                      px={12}
+                      shadow="md"
+                      withBorder
                       bg="rgba(255,255,255,0.9)"
-                      style={{
-                        transition: 'all 0.3s ease'
-                      }}
+                      style={{ transition: 'all 0.3s ease' }}
                     >
-                      <Text fz="sm" fw={600}>{v.kategori?.nama}</Text>
+                      <Text fz={{ base: 11, md: 14 }} fw={600}>{v.kategori?.nama}</Text>
                     </Paper>
                   </Group>
 
-                  {/* Nama potensi - visible on hover */}
                   <Box
                     style={{
                       opacity: hoveredId === v.id ? 1 : 0,
@@ -138,20 +133,20 @@ function Page() {
                       pointerEvents: hoveredId === v.id ? 'auto' : 'none'
                     }}
                   >
-                    <Text
+                    <Title
+                      order={3}
                       fw={800}
                       c="white"
-                      fz="xl"
+                      fz={{ base: 18, md: 20 }}
                       ta="center"
                       lineClamp={2}
                       lh={1.3}
                     >
                       {v.name}
-                    </Text>
+                    </Title>
                   </Box>
 
-                  {/* Button - visible on hover */}
-                  <Group 
+                  <Group
                     justify="center"
                     style={{
                       opacity: hoveredId === v.id ? 1 : 0,
@@ -169,23 +164,21 @@ function Page() {
                       gradient={{ from: colors["blue-button"], to: "#4dabf7", deg: 45 }}
                       onClick={() => router.push(`/darmasaba/desa/potensi/${v.id}`)}
                     >
-                      Lihat Detail
+                      <Text c={'white'} fz={{ base: 12, md: 14 }} fw={500}>Lihat Detail</Text>
                     </Button>
                   </Group>
                 </Stack>
               </BackgroundImage>
             ))
           ) : (
-            <Center h={240}>
-              <Stack align="center" gap="xs">
-                <Text fz="lg" fw={600} c="dimmed">
-                  Belum ada potensi desa
-                </Text>
-                <Text fz="sm" c="dimmed">
-                  Data potensi akan tampil di sini setelah tersedia.
-                </Text>
-              </Stack>
-            </Center>
+            <Stack align="center" gap="xs">
+              <Text fz={{ base: 14, md: 16 }} fw={600} c="dimmed">
+                Belum ada potensi desa
+              </Text>
+              <Text fz={{ base: 12, md: 14 }} c="dimmed">
+                Data potensi akan tampil di sini setelah tersedia.
+              </Text>
+            </Stack>
           )}
         </SimpleGrid>
       </Box>
@@ -193,4 +186,4 @@ function Page() {
   );
 }
 
-export default Page;
\ No newline at end of file
+export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx
index 5e9f9159..72144afa 100644
--- a/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx
@@ -26,7 +26,6 @@ function DetailPegawaiUser() {
     statePegawai.findUnique.load(params?.id as string);
   }, []);
 
-
   if (!statePegawai.findUnique.data) {
     return (
       <Stack py="lg">
@@ -41,7 +40,7 @@ function DetailPegawaiUser() {
     <Box px={{ base: 'md', md: 100 }} py="xl">
       {/* Back button */}
       <Group mb="lg" px={{ base: 'md', md: 100 }}>
-        <BackButton/>
+        <BackButton />
       </Group>
 
       <Paper
@@ -69,11 +68,17 @@ function DetailPegawaiUser() {
           />
 
           {/* Nama & Jabatan */}
-          <Stack align="center" gap={2}>
-            <Title order={3} fw={700} c={colors['blue-button']}>
+          <Stack align="center" gap={4}>
+            {/* Title utama → H2 karena ini judul profil */}
+            <Title order={2} c={colors['blue-button']} lh={1.2}>
               {data.namaLengkap || '-'} {data.gelarAkademik || ''}
             </Title>
-            <Text fz="sm" c="dimmed">
+
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh={1.4}
+              c="dimmed"
+            >
               {data.posisi?.nama || 'Posisi tidak tersedia'}
             </Text>
           </Stack>
@@ -82,7 +87,11 @@ function DetailPegawaiUser() {
         <Divider my="lg" />
 
         {/* Informasi Detail */}
-        <Stack gap="md">
+        <Stack gap="lg">
+          <Title order={3} lh={1.3}>
+            Informasi Pegawai
+          </Title>
+
           <InfoRow label="Email" value={data.email} />
           <InfoRow label="Telepon" value={data.telepon} />
           <InfoRow label="Alamat" value={data.alamat} multiline />
@@ -91,10 +100,10 @@ function DetailPegawaiUser() {
             value={
               data.tanggalMasuk
                 ? new Date(data.tanggalMasuk).toLocaleDateString('id-ID', {
-                  day: '2-digit',
-                  month: 'long',
-                  year: 'numeric',
-                })
+                    day: '2-digit',
+                    month: 'long',
+                    year: 'numeric',
+                  })
                 : '-'
             }
           />
@@ -123,11 +132,18 @@ function InfoRow({
 }) {
   return (
     <Box>
-      <Text fz="sm" fw={600} c="dark">
+      <Text
+        fz={{ base: 'sm', md: 'md' }}
+        fw={600}
+        lh={1.3}
+        c="dark"
+      >
         {label}
       </Text>
+
       <Text
-        fz="sm"
+        fz={{ base: 'sm', md: 'md' }}
+        lh={1.5}
         c={valueColor || 'dimmed'}
         style={{
           whiteSpace: multiline ? 'normal' : 'nowrap',
diff --git a/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx
index bc4b3300..598238e0 100644
--- a/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx
@@ -36,11 +36,12 @@ import { useTransitionRouter } from 'next-view-transitions'
 import { OrganizationChart } from 'primereact/organizationchart'
 import { useEffect, useRef, useState } from 'react'
 import { useProxy } from 'valtio/utils'
-import './struktur.css'
-import BackButton from '../_com/BackButto'
-import { useMediaQuery } from '@mantine/hooks'
 
-export default function StrukturPerangkatDesa() {
+import './struktur.css'
+import { useMediaQuery } from '@mantine/hooks'
+import BackButton from '../_com/BackButto'
+
+export default function Page() {
   return (
     <Box
       style={{
@@ -59,10 +60,11 @@ export default function StrukturPerangkatDesa() {
             ta="center"
             c={colors['blue-button']}
             fz={{ base: 28, md: 36, lg: 44 }}
+            lh={{ base: 1.05, md: 1.03 }}
           >
             Struktur Perangkat Desa
           </Title>
-          <Text ta="center" c="black" maw={800}>
+          <Text ta="center" c="black" maw={800} fz={{ base: 13, md: 15 }} lh={1.45}>
             Gambaran visual peran dan pegawai yang ditugaskan. Arahkan kursor
             untuk melihat detail atau klik node untuk fokus tampilan.
           </Text>
@@ -105,8 +107,8 @@ function StrukturPerangkatDesaNode() {
       <Center py={48}>
         <Stack align="center" gap="sm">
           <Loader size="lg" />
-          <Text fw={600}>Memuat struktur organisasi…</Text>
-          <Text c="dimmed" size="sm">
+          <Text fw={600} fz={{ base: 15, md: 16 }} lh={1.2}>Memuat struktur organisasi…</Text>
+          <Text c="dimmed" fz={{ base: 12, md: 13 }} lh={1.4}>
             Mengambil data pegawai dan posisi. Mohon tunggu sebentar.
           </Text>
         </Stack>
@@ -132,10 +134,10 @@ function StrukturPerangkatDesaNode() {
             <Center>
               <IconUsers size={56} />
             </Center>
-            <Title order={3} mt="md">
+            <Title order={3} mt="md" fz={{ base: 16, md: 18 }} lh={1.15}>
               Data pegawai belum tersedia
             </Title>
-            <Text c="dimmed" mt="xs">
+            <Text c="dimmed" mt="xs" fz={{ base: 13, md: 14 }} lh={1.4}>
               Belum ada data pegawai yang tercatat untuk PPID.
             </Text>
             <Group justify="center" mt="lg">
@@ -232,11 +234,18 @@ function StrukturPerangkatDesaNode() {
       {/* 🔍 Controls */}
       <Paper
         shadow="xs"
+        w={{
+          base: '100%',       // Mobile: 100%
+          sm: '40%',          // Tablet: 95%
+          md: '39%',          // Desktop: 70%
+          lg: '38%',          // Desktop L: 60%
+          xl: '37%',          // 4K: 50%
+          '2xl': '36%',       // Ultra-wide: 45%
+        }}
         p="md"
         radius="md"
         style={{
-          background: colors['blue-button'],
-          width: '100%',       // ⬅️ penting
+          background: colors['blue-button'],       // ⬅️ penting
           maxWidth: '100%',    // ⬅️ penting
           overflowX: 'auto'    // ⬅️ untuk mencegah overflow
         }}
@@ -269,30 +278,33 @@ function StrukturPerangkatDesaNode() {
                 fontSize: '0.875rem',
                 padding: '6px 12px',
                 minHeight: 'auto',
-                flexShrink: 0, // 👈 PENTING: mencegah tab mengecil
+                flexShrink: 0,
               },
             }}
+            style={{ width: '100%' }} // 👈 penting
           >
             <TabsList
               style={{
                 display: 'flex',
                 overflowX: 'auto',
-                overflowY: 'hidden', // 👈 tambahkan ini
+                overflowY: 'hidden',
                 gap: '4px',
                 paddingBottom: '4px',
                 flexWrap: 'nowrap',
-                WebkitOverflowScrolling: 'touch', // 👈 smooth scroll di iOS
-                scrollbarWidth: 'thin', // 👈 scrollbar tipis di Firefox
-                msOverflowStyle: '-ms-autohiding-scrollbar', // 👈 untuk IE/Edge
+                WebkitOverflowScrolling: 'touch',
+                scrollbarWidth: 'thin',
+                msOverflowStyle: '-ms-autohiding-scrollbar',
+                maxWidth: '100%',
+                scrollBehavior: 'smooth', // 👈 smooth scroll
               }}
             >
               <TabsTab
                 value="zoom-out"
                 onClick={handleZoomOut}
                 leftSection={<IconZoomOut size={16} />}
-                style={{ flexShrink: 0 }} // 👈 pastikan tidak mengecil
+                style={{ flexShrink: 0 }}
               >
-                Zoom Out
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Zoom Out</Text>
               </TabsTab>
 
               <Box
@@ -301,7 +313,6 @@ function StrukturPerangkatDesaNode() {
                 px={12}
                 py={6}
                 style={{
-                  fontSize: 14,
                   fontWeight: 700,
                   borderRadius: '6px',
                   minWidth: 60,
@@ -310,10 +321,12 @@ function StrukturPerangkatDesaNode() {
                   alignItems: 'center',
                   justifyContent: 'center',
                   flexShrink: 0,
-                  whiteSpace: 'nowrap', // 👈 mencegah text wrap
+                  whiteSpace: 'nowrap',
                 }}
               >
-                {Math.round(scale * 100)}%
+                <Text fz={{ base: 12, sm: 13 }} lh={1} c={colors['blue-button']}>
+                  {Math.round(scale * 100)}%
+                </Text>
               </Box>
 
               <TabsTab
@@ -322,7 +335,7 @@ function StrukturPerangkatDesaNode() {
                 leftSection={<IconZoomIn size={16} />}
                 style={{ flexShrink: 0 }}
               >
-                Zoom In
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Zoom In</Text>
               </TabsTab>
 
               <TabsTab
@@ -330,7 +343,7 @@ function StrukturPerangkatDesaNode() {
                 onClick={resetZoom}
                 style={{ flexShrink: 0 }}
               >
-                Reset
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Reset</Text>
               </TabsTab>
 
               <TabsTab
@@ -345,7 +358,9 @@ function StrukturPerangkatDesaNode() {
                 }
                 style={{ flexShrink: 0 }}
               >
-                {isFullscreen ? 'Exit' : 'Fullscreen'}
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">
+                  {isFullscreen ? 'Exit' : 'Fullscreen'}
+                </Text>
               </TabsTab>
             </TabsList>
           </Tabs>
@@ -451,17 +466,17 @@ function NodeCard({ node, router }: any) {
             {/* Name */}
             <Text
               fw={700}
-              size="sm"
               ta="center"
               c={colors['blue-button']}
               lineClamp={2}
+              fz={{ base: 13, md: 15 }}
+              lh={1.2}
               style={{
                 minHeight: 40,
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 wordBreak: 'break-word',
-                lineHeight: 1.3,
               }}
             >
               {name}
@@ -469,18 +484,18 @@ function NodeCard({ node, router }: any) {
 
             {/* Title/Position */}
             <Text
-              size="xs"
               c="dimmed"
               ta="center"
               fw={500}
               lineClamp={2}
+              fz={{ base: 12, md: 13 }}
+              lh={1.3}
               style={{
                 minHeight: 32,
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 wordBreak: 'break-word',
-                lineHeight: 1.2,
               }}
             >
               {title}
@@ -496,14 +511,14 @@ function NodeCard({ node, router }: any) {
                 mt={8}
                 radius="md"
                 onClick={() =>
-                  router.push(`/darmasaba/desa/profile/struktur-perangkat-desa/${node.data.id}`)
+                   router.push(`/darmasaba/desa/profil/struktur-perangkat-desa/${node.data.id}`)
                 }
                 style={{
                   height: 32,
                   fontWeight: 600,
                 }}
               >
-                Lihat Detail
+                <Text fz={{ base: 12, md: 13 }} lh={1} ta="center">Lihat Detail</Text>
               </Button>
             )}
           </Stack>
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx
index 9ad92167..d9b371ff 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx
@@ -2,7 +2,7 @@
 'use client'
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile'
 import colors from '@/con/colors'
-import { Box, Center, Image, Paper, Skeleton, Stack, Text } from '@mantine/core'
+import { Box, Center, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core'
 import { useEffect } from 'react'
 import { useProxy } from 'valtio/utils'
 
@@ -26,6 +26,8 @@ function LambangDesa() {
   return (
     <Box>
       <Stack align="center" gap="lg">
+        
+        {/* HEADER */}
         <Box pb="lg">
           <Center>
             <Image
@@ -36,17 +38,20 @@ function LambangDesa() {
               loading="lazy"
             />
           </Center>
-          <Text
+
+          {/* TITLE - H1 */}
+          <Title
+            order={1}
             c={colors['blue-button']}
             ta="center"
-            fw={800}
-            fz={{ base: 28, md: 40 }}
             mt="sm"
             style={{ letterSpacing: '-0.5px' }}
           >
             Lambang Desa
-          </Text>
+          </Title>
         </Box>
+
+        {/* DESKRIPSI */}
         <Paper
           p="xl"
           radius="xl"
@@ -58,15 +63,20 @@ function LambangDesa() {
             borderColor: '#e0e9ff',
           }}
         >
-            <Text
-              fz={{ base: '1.125rem', md: '1.375rem' }}
-              lh={1.8}
-              c="dark"
-              ta="justify"
-              style={{ fontWeight: 400, wordBreak: "break-word", whiteSpace: "normal", }}
-              dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-            />
+          <Text
+            fz={{ base: 'sm', md: 'md' }}   // Body text mobile & desktop
+            lh={1.7}
+            c="dark"
+            ta="justify"
+            style={{
+              fontWeight: 400,
+              wordBreak: "break-word",
+              whiteSpace: "normal",
+            }}
+            dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+          />
         </Paper>
+
       </Stack>
     </Box>
   )
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
index 4f0ad9ea..88e6e496 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
@@ -2,7 +2,7 @@
 'use client'
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Box, Card, Center, Group, Image, Loader, Paper, Stack, Text } from '@mantine/core';
+import { Box, Card, Center, Group, Image, Loader, Paper, Stack, Text, Title } from '@mantine/core';
 import { IconPhoto } from '@tabler/icons-react';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -21,7 +21,9 @@ function MaskotDesa() {
       <Center mih={500}>
         <Stack align="center" gap="sm">
           <Loader size="lg" color="blue" />
-          <Text c="dimmed" fz="sm">Sedang memuat data maskot desa...</Text>
+          <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }}>
+            Sedang memuat data maskot desa...
+          </Text>
         </Stack>
       </Center>
     );
@@ -31,8 +33,21 @@ function MaskotDesa() {
     <Box>
       <Stack align="center" gap="xl">
         <Stack align="center" gap={10}>
-          <Image src="/pudak-icon.png" alt="Ikon Desa" w={{ base: 160, md: 240 }} loading="lazy"/>
-          <Text c={colors['blue-button']} ta="center" fw={700} fz={{ base: 28, md: 36 }}>Maskot Desa</Text>
+          <Image
+            src="/pudak-icon.png"
+            alt="Ikon Desa"
+            w={{ base: 160, md: 240 }}
+            loading="lazy"
+          />
+
+          {/* Page Title */}
+          <Title
+            order={1}
+            ta="center"
+            c={colors['blue-button']}
+          >
+            Maskot Desa
+          </Title>
         </Stack>
 
         <Paper
@@ -42,48 +57,60 @@ function MaskotDesa() {
           withBorder
           style={{ background: 'linear-gradient(145deg, #ffffff, #f8f9fa)' }}
         >
+          {/* Body Description */}
           <Text
             fz={{ base: 'sm', md: 'lg' }}
             lh={1.7}
             ta="justify"
             c="dark"
             dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-            style={{wordBreak: "break-word", whiteSpace: "normal"}}
+            style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
           />
 
           <Group justify="center" gap="lg" mt="lg">
             {data.images.length > 0 ? (
               data.images.map((img, index) => (
-                  <Card
+                <Card
                   key={index}
-                    radius="lg"
-                    shadow="md"
-                    withBorder
-                    w={220}
-                    p="sm"
-                    style={{
-                      transition: 'transform 200ms ease, box-shadow 200ms ease',
-                    }}
-                    className="hover:scale-105 hover:shadow-lg"
+                  radius="lg"
+                  shadow="md"
+                  withBorder
+                  w={220}
+                  p="sm"
+                  style={{
+                    transition: 'transform 200ms ease, box-shadow 200ms ease',
+                  }}
+                  className="hover:scale-105 hover:shadow-lg"
+                >
+                  <Image
+                    src={img.image.link}
+                    alt={img.label}
+                    w="100%"
+                    h={200}
+                    fit="cover"
+                    radius="md"
+                    loading="lazy"
+                  />
+
+                  {/* Image Label */}
+                  <Text
+                    ta="center"
+                    mt="sm"
+                    fw={600}
+                    fz={{ base: 'xs', md: 'sm' }}
+                    c="dark"
                   >
-                    <Image
-                      src={img.image.link}
-                      alt={img.label}
-                      w="100%"
-                      h={200}
-                      fit="cover"
-                      radius="md"
-                      loading="lazy"
-                    />
-                    <Text ta="center" mt="sm" fw={600} fz="sm" c="dark">
-                      {img.label}
-                    </Text>
-                  </Card>
+                    {img.label}
+                  </Text>
+                </Card>
               ))
             ) : (
               <Stack align="center" gap="xs" mt="lg">
                 <IconPhoto size={48} stroke={1.5} color="gray" />
-                <Text c="dimmed" fz="sm">Belum ada gambar maskot yang ditambahkan</Text>
+                
+                <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }}>
+                  Belum ada gambar maskot yang ditambahkan
+                </Text>
               </Stack>
             )}
           </Group>
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx
index 53e73d55..d62acc56 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx
@@ -1,35 +1,15 @@
 'use client'
-import { ActionIcon, Box, Flex, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { ActionIcon, Box, Flex, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
 import { motion } from 'framer-motion';
 import { IconSparkles } from '@tabler/icons-react';
 import colors from '@/con/colors';
 
 const dataText = [
-  {
-    id: 1,
-    title: "Santun",
-    description: "Pelayanan ramah, penuh empati, sopan, dan beretika."
-  },
-  {
-    id: 2,
-    title: "Adaptif",
-    description: "Cepat menyesuaikan diri terhadap perubahan dan selalu proaktif."
-  },
-  {
-    id: 3,
-    title: "Inovatif",
-    description: "Berani menciptakan pembaruan dan ide-ide kreatif."
-  },
-  {
-    id: 4,
-    title: "Profesional",
-    description: "Berpengetahuan luas, terampil, dan bertanggung jawab."
-  },
-  {
-    id: 5,
-    title: "Gesit",
-    description: "Cekatan, sigap, dan penuh inisiatif dalam bekerja."
-  },
+  { id: 1, title: "Santun", description: "Pelayanan ramah, penuh empati, sopan, dan beretika." },
+  { id: 2, title: "Adaptif", description: "Cepat menyesuaikan diri terhadap perubahan dan selalu proaktif." },
+  { id: 3, title: "Inovatif", description: "Berani menciptakan pembaruan dan ide-ide kreatif." },
+  { id: 4, title: "Profesional", description: "Berpengetahuan luas, terampil, dan bertanggung jawab." },
+  { id: 5, title: "Gesit", description: "Cekatan, sigap, dan penuh inisiatif dalam bekerja." },
 ];
 
 const letters = ["S", "I", "G", "A", "P"];
@@ -38,11 +18,14 @@ function MotoDesa() {
   return (
     <Box px={{ base: "md", md: "xl" }}>
       <Stack align="center" gap="lg">
+        {/* Page Title */}
         <Box>
-          <Text
+          <Title
+            order={1}
             ta="center"
             fw={800}
-            fz={{ base: "2rem", md: "2.8rem" }}
+            fz={{ base: 28, md: 36 }}
+            lh={{ base: 1.2, md: 1.3 }}
             style={{
               background: "linear-gradient(90deg, #0D5594FF, #094678FF)",
               WebkitBackgroundClip: "text",
@@ -50,9 +33,10 @@ function MotoDesa() {
             }}
           >
             Moto Desa Darmasaba
-          </Text>
+          </Title>
         </Box>
 
+        {/* Letter Icons */}
         <Flex gap={30} pb={40} pt={10} wrap="wrap" justify="center">
           {letters.map((letter, i) => (
             <motion.div
@@ -71,7 +55,7 @@ function MotoDesa() {
                   backdropFilter: "blur(6px)",
                 }}
               >
-                <Text c="white" fw={800} fz="xl">
+                <Text c="white" fw={800} fz={{ base: 20, md: 24 }}>
                   {letter}
                 </Text>
               </ActionIcon>
@@ -79,6 +63,7 @@ function MotoDesa() {
           ))}
         </Flex>
 
+        {/* Values Card */}
         <Paper
           radius="lg"
           p="xl"
@@ -90,19 +75,22 @@ function MotoDesa() {
         >
           <SimpleGrid cols={{ base: 1, md: 2 }} spacing="xl">
             {dataText.map((v) => (
-              <motion.div
-                key={v.id}
-                whileHover={{ scale: 1.02 }}
-                transition={{ duration: 0.2 }}
-              >
+              <motion.div key={v.id} whileHover={{ scale: 1.02 }} transition={{ duration: 0.2 }}>
                 <Stack gap={4}>
+                  {/* Section Title */}
                   <Flex align="center" gap="sm">
                     <IconSparkles size={20} color={colors['blue-button']} />
-                    <Text fw={700} fz={{ base: "lg", md: "xl" }} c={colors['blue-button']}>
+                    <Title
+                      order={3}
+                      fw={700}
+                      fz={{ base: 20, md: 24 }}
+                      c={colors['blue-button']}
+                    >
                       {v.title}
-                    </Text>
+                    </Title>
                   </Flex>
-                  <Text fz={{ base: "sm", md: "md" }} c="gray.7">
+                  {/* Body Text */}
+                  <Text fz={{ base: 14, md: 16 }} lh={{ base: 1.5, md: 1.6 }} c="gray.7">
                     {v.description}
                   </Text>
                 </Stack>
@@ -111,16 +99,15 @@ function MotoDesa() {
           </SimpleGrid>
         </Paper>
 
+        {/* Motto Description */}
         <Text
           ta="center"
           fw={700}
-          fz={{ base: "md", md: "xl" }}
+          fz={{ base: 15, md: 20 }}
+          lh={{ base: 1.6, md: 1.8 }}
           c="blue.8"
           mt="md"
-          style={{
-            maxWidth: 720,
-            lineHeight: 1.6,
-          }}
+          style={{ maxWidth: 720 }}
         >
           &quot;Berkomitmen menghadirkan pelayanan terbaik dengan semangat{" "}
           <Text span fw={800} c="cyan.6">
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx
index 31611cf4..4a57cd5f 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx
@@ -2,44 +2,45 @@
 'use client'
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Box, Divider, Image, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Divider, Image, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { IconBriefcase, IconTargetArrow, IconUser, IconUsers } from '@tabler/icons-react';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
 
 function ProfilPerbekel() {
-  const state = useProxy(stateProfileDesa.profilPerbekel)
+  const state = useProxy(stateProfileDesa.profilPerbekel);
 
   useEffect(() => {
-    state.findUnique.load("edit")
-  }, [])
+    state.findUnique.load("edit");
+  }, []);
 
-  const { data, loading } = state.findUnique
+  const { data, loading } = state.findUnique;
 
   if (loading || !data) {
     return (
       <Box py={20} px="md">
         <Skeleton h={500} radius="lg" />
       </Box>
-    )
+    );
   }
 
   return (
     <Box px="md">
+      {/* ===== PAGE TITLE ===== */}
       <Stack align="center" gap={0} mb={40}>
-        <Text
+        <Title
+          order={1}
           c={colors['blue-button']}
           ta="center"
-          fw="bold"
-          fz={{ base: "2rem", md: "2.8rem" }}
           style={{ letterSpacing: "0.5px" }}
         >
           Profil Perbekel
-        </Text>
+        </Title>
         <Divider w={120} size="sm" color={colors['blue-button']} mt={10} />
       </Stack>
 
       <SimpleGrid cols={{ base: 1, md: 2 }} spacing="xl" pb={50}>
+        {/* ========== FOTO PERBEKEL ========== */}
         <Box>
           <Paper
             bg={colors['white-trans-1']}
@@ -60,6 +61,8 @@ function ProfilPerbekel() {
                 }}
                 loading="lazy"
               />
+
+              {/* ===== NAMA DAN JABATAN ===== */}
               <Paper
                 bg={colors['blue-button']}
                 px="lg"
@@ -67,22 +70,23 @@ function ProfilPerbekel() {
                 className="glass3"
                 py={{ base: 20, md: 50 }}
               >
-                <Text c={colors['white-1']} fz={{ base: "lg", md: "h3" }}>
+                <Title order={3} c={colors['white-1']}>
                   Perbekel Desa Darmasaba
-                </Text>
-                <Text
+                </Title>
+
+                <Title
+                  order={2}
                   c={colors['white-1']}
-                  fw="bolder"
-                  fz={{ base: "xl", md: "h2" }}
                   mt={8}
                 >
                   {"I.B. Surya Prabhawa Manuaba, S.H.,M.H.,NL.P."}
-                </Text>
+                </Title>
               </Paper>
             </Stack>
           </Paper>
         </Box>
 
+        {/* ========== BIODATA & PENGALAMAN ========== */}
         <Paper
           p="xl"
           bg={colors['white-trans-1']}
@@ -92,34 +96,39 @@ function ProfilPerbekel() {
           withBorder
         >
           <Stack gap="xl">
+
+            {/* ===== BIODATA ===== */}
             <Box>
               <Stack gap={6}>
                 <Stack align="center" gap={6}>
                   <IconUser size={22} />
-                  <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Biodata</Text>
+                  <Title order={3}>Biodata</Title>
                 </Stack>
+
                 <Text
-                  fz={{ base: "1rem", md: "1.2rem" }}
+                  fz={{ base: "sm", md: "md" }}
                   ta="justify"
-                  lh={1.6}
+                  lh={1.7}
                   dangerouslySetInnerHTML={{ __html: data.biodata }}
-                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  style={{ wordBreak: "break-word" }}
                 />
               </Stack>
             </Box>
 
+            {/* ===== PENGALAMAN ===== */}
             <Box>
               <Stack gap={6}>
                 <Stack align="center" gap={6}>
                   <IconBriefcase size={22} />
-                  <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Pengalaman</Text>
+                  <Title order={3}>Pengalaman</Title>
                 </Stack>
+
                 <Text
-                  fz={{ base: "1rem", md: "1.2rem" }}
+                  fz={{ base: "sm", md: "md" }}
                   ta="left"
-                  lh={1.6}
+                  lh={1.7}
                   dangerouslySetInnerHTML={{ __html: data.pengalaman }}
-                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  style={{ wordBreak: "break-word" }}
                 />
               </Stack>
             </Box>
@@ -127,6 +136,7 @@ function ProfilPerbekel() {
         </Paper>
       </SimpleGrid>
 
+      {/* ========== ORGANISASI & PROGRAM UNGGULAN ========== */}
       <Paper
         p="xl"
         bg={colors['white-trans-1']}
@@ -136,35 +146,41 @@ function ProfilPerbekel() {
         withBorder
       >
         <Stack gap="xl">
+
+          {/* ===== PENGALAMAN ORGANISASI ===== */}
           <Box>
-            <Stack align="center" gap={6} >
+            <Stack align="center" gap={6}>
               <IconUsers size={22} />
-              <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Pengalaman Organisasi</Text>
+              <Title order={3}>Pengalaman Organisasi</Title>
             </Stack>
+
             <Text
-              fz={{ base: "1rem", md: "1.2rem" }}
+              fz={{ base: "sm", md: "md" }}
               ta="justify"
-              lh={1.6}
+              lh={1.7}
               dangerouslySetInnerHTML={{ __html: data.pengalamanOrganisasi }}
-              style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              style={{ wordBreak: "break-word" }}
             />
           </Box>
 
+          {/* ===== PROGRAM UNGGULAN ===== */}
           <Box>
             <Stack align="center" gap={6} mb={6}>
               <IconTargetArrow size={22} />
-              <Text fz={{ base: "1.2rem", md: "1.5rem" }} fw="bold">Program Kerja Unggulan</Text>
+              <Title order={3}>Program Kerja Unggulan</Title>
             </Stack>
+
             <Box px={10}>
               <Text
-                fz={{ base: "1rem", md: "1.2rem" }}
+                fz={{ base: "sm", md: "md" }}
                 ta="justify"
-                lh={1.6}
+                lh={1.7}
                 dangerouslySetInnerHTML={{ __html: data.programUnggulan }}
-                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                style={{ wordBreak: "break-word" }}
               />
             </Box>
           </Box>
+
         </Stack>
       </Paper>
     </Box>
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx
index 1acc52f1..5913f70d 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx
@@ -2,7 +2,7 @@
 'use client'
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Box, Center, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Center, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
 
@@ -26,29 +26,32 @@ function SejarahDesa() {
   return (
     <Box>
       <Stack align="center" gap="xl">
+        {/* HEADER ICON + TITLE */}
         <Stack align="center" gap="sm">
           <Center>
             <Image
               src="/darmasaba-icon.png"
               alt="Ikon Desa Darmasaba"
-              w={{ base: 180, md: 260 }}
+              w={{ base: 160, md: 240 }}
               radius="md"
               style={{ filter: 'drop-shadow(0 4px 12px rgba(0,0,0,0.15))' }}
               loading="lazy"
             />
           </Center>
+
           <Center>
-            <Text
+            <Title
+              order={1}
               c={colors['blue-button']}
               ta="center"
-              fw={700}
-              fz={{ base: '2rem', md: '2.8rem' }}
               style={{ letterSpacing: '-0.5px' }}
             >
               Sejarah Desa
-            </Text>
+            </Title>
           </Center>
         </Stack>
+
+        {/* CONTENT */}
         <Paper
           p="xl"
           radius="lg"
@@ -61,10 +64,14 @@ function SejarahDesa() {
         >
           <Stack gap="md">
             <Text
-              fz={{ base: 'md', md: 'lg' }}
-              lh={1.8}
+              fz={{ base: 'sm', md: 'md' }}
+              lh={1.75}
               ta="justify"
-              style={{ color: '#2a2a2a', wordBreak: "break-word", whiteSpace: "normal" }}
+              c="dark.7"
+              style={{
+                wordBreak: 'break-word',
+                whiteSpace: 'normal',
+              }}
               dangerouslySetInnerHTML={{ __html: data.deskripsi }}
             />
           </Stack>
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx
index 29bc2809..cedd9d71 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx
@@ -28,8 +28,10 @@ function SemuaPerbekel() {
       <Center py="xl">
         <Stack align="center" gap="sm">
           <IconUser size={48} stroke={1.5} />
-          <Title fw="bold" order={2}>Belum ada data Perbekel</Title>
-          <Text c="dimmed" fz="sm" ta="center">Data mantan Perbekel akan muncul di sini ketika sudah tersedia</Text>
+          <Title order={2} ta="center">Belum ada data Perbekel</Title>
+          <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }} lh={{ base: 1.4, md: 1.6 }} ta="center">
+            Data mantan Perbekel akan muncul di sini ketika sudah tersedia
+          </Text>
         </Stack>
       </Center>
     );
@@ -38,17 +40,20 @@ function SemuaPerbekel() {
   return (
     <Box>
       <Stack align="center" gap="lg">
-        <Box>
-          <Text
-            ta="center"
-            fw={900}
-            fz={{ base: "2rem", md: "2.5rem" }}
-            variant="gradient"
-            gradient={{ from: "blue", to: "cyan", deg: 45 }}
-          >
-            Perbekel Dari Masa ke Masa
-          </Text>
-        </Box>
+        <Title
+          order={1}
+          ta="center"
+          style={{
+            background: 'linear-gradient(45deg, blue, cyan)',
+            WebkitBackgroundClip: 'text',
+            WebkitTextFillColor: 'transparent',
+          }}
+          fz={{ base: 28, md: 36 }}
+          lh={{ base: 1.2, md: 1.3 }}
+          fw={900}
+        >
+          Perbekel Dari Masa ke Masa
+        </Title>
 
         <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="xl" w="100%">
           {data.map((v: any, k: number) => (
@@ -59,9 +64,7 @@ function SemuaPerbekel() {
               withBorder
               p="lg"
               bg="white"
-              style={{
-                transition: "all 250ms ease",
-              }}
+              style={{ transition: "all 250ms ease" }}
               className="hover:shadow-xl hover:scale-[1.02]"
             >
               <Stack gap="md" align="center">
@@ -77,17 +80,17 @@ function SemuaPerbekel() {
                 </Box>
 
                 <Stack gap={4} align="center">
-                    <Text fw={700} fz="lg" ta="center">
-                      {v.nama}
-                    </Text>
+                  <Title order={3} fz={{ base: 18, md: 20 }} ta="center" fw={700}>
+                    {v.nama}
+                  </Title>
 
-                  <Text c="dimmed" fz="sm" ta="center">
-                      {v.daerah}
-                    </Text>
+                  <Text c="dimmed" fz={{ base: 12, md: 14 }} lh={{ base: 1.4, md: 1.6 }} ta="center">
+                    {v.daerah}
+                  </Text>
 
-                  <Text c="blue" fw={600} fz="sm" ta="center">
-                      {v.periode}
-                    </Text>
+                  <Text c="blue" fw={600} fz={{ base: 12, md: 14 }} lh={{ base: 1.4, md: 1.6 }} ta="center">
+                    {v.periode}
+                  </Text>
                 </Stack>
               </Stack>
             </Paper>
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
index 25ff3c81..26ef0ee2 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
@@ -2,7 +2,7 @@
 'use client'
 import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
-import { Box, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
 
@@ -34,60 +34,57 @@ function VisiMisiDesa() {
           loading="lazy"
         />
 
+        {/* VISI */}
         <Paper
           p="xl"
           radius="lg"
           shadow="md"
           withBorder
           w="100%"
-          style={{
-            background: 'linear-gradient(145deg, #ffffff, #f5f7fa)',
-          }}
+          style={{ background: 'linear-gradient(145deg, #ffffff, #f5f7fa)' }}
         >
-          <Text
+          <Title
+            order={1}
             c={colors['blue-button']}
             ta="center"
-            fw={700}
-            fz={{ base: '2rem', md: '2.5rem' }}
             mb="md"
           >
             Visi Desa
-          </Text>
+          </Title>
+
           <Text
-            fz={{ base: '1.125rem', md: '1.375rem' }}
+            fz={{ base: 'sm', md: 'md' }}   // body text responsive
+            lh={1.7}
             ta="center"
-            fw={500}
-            lh={1.6}
             dangerouslySetInnerHTML={{ __html: data.visi }}
-            style={{wordBreak: "break-word", whiteSpace: "normal"}}
+            style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
           />
         </Paper>
 
+        {/* MISI */}
         <Paper
           p="xl"
           radius="lg"
           shadow="md"
           withBorder
           w="100%"
-          style={{
-            background: 'linear-gradient(145deg, #ffffff, #f5f7fa)',
-          }}
+          style={{ background: 'linear-gradient(145deg, #ffffff, #f5f7fa)' }}
         >
-          <Text
+          <Title
+            order={1}
             c={colors['blue-button']}
             ta="center"
-            fw={700}
-            fz={{ base: '2rem', md: '2.5rem' }}
             mb="md"
           >
             Misi Desa
-          </Text>
+          </Title>
+
           <Text
-            fz={{ base: '1.125rem', md: '1.375rem' }}
-            fw={500}
-            lh={1.6}
+            fz={{ base: 'sm', md: 'md' }}   // body text responsive
+            lh={1.7}
+            ta="left"
             dangerouslySetInnerHTML={{ __html: data.misi }}
-            style={{wordBreak: "break-word", whiteSpace: "normal"}}
+            style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
           />
         </Paper>
       </Stack>
diff --git a/src/app/darmasaba/(pages)/ekonomi/PADesa-pendapatan-asli-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/PADesa-pendapatan-asli-desa/page.tsx
index de14a1e1..bdc25c4d 100644
--- a/src/app/darmasaba/(pages)/ekonomi/PADesa-pendapatan-asli-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/PADesa-pendapatan-asli-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import PendapatanAsliDesa from '@/app/admin/(dashboard)/_state/ekonomi/PADesa';
 import colors from '@/con/colors';
-import { Box, Grid, GridCol, Paper, SimpleGrid, Stack, Table, Text, Title } from '@mantine/core';
+import { Box, Flex, Group, Paper, SimpleGrid, Stack, Table, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
@@ -30,196 +30,265 @@ function Page() {
   // Hasil akhir
   const sisaAnggaran = totalPendapatan - totalBelanja - totalPembiayaan;
 
+  const formatCurrency = (value: number) => {
+    return new Intl.NumberFormat('id-ID', {
+      style: 'currency',
+      currency: 'IDR',
+      minimumFractionDigits: 0
+    }).format(value);
+  };
+
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap="lg">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Text ta="center" fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw="bold">
+
+      {/* Page Title */}
+      <Title
+        ta="center"
+        c={colors["blue-button"]}
+        fw="bold"
+        order={1}
+        fz={{ base: 28, md: 36 }}
+      >
         Pendapatan Asli Desa
-      </Text>
+      </Title>
+
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap="lg" justify="center">
-          <Paper bg={colors['white-1']} p="xl">
-            <SimpleGrid cols={{ base: 1, md: 3 }} spacing="md">
+          <Paper bg={colors['white-1']} p={{ base: 'md', md: 'xl' }}>
+            <SimpleGrid cols={{ base: 1, md: 3 }} spacing="lg">
               {/* Pendapatan Card */}
-              <Box p="md" style={{ border: '1px solid #e9ecef', borderRadius: '8px' }}>
-                <Stack gap={"xs"}>
-                  <Title order={3}>Pendapatan</Title>
-                  {latestApb?.pendapatan?.map((item) => (
-                    <Box key={item.id}>
-                      <Grid>
-                        <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                          <Text fz="md" fw={500}>{item.name}</Text>
-                        </GridCol>
-                        <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+              <Box
+                p="md"
+                style={{
+                  border: '1px solid #e9ecef',
+                  borderRadius: '8px',
+                  height: '100%'
+                }}
+              >
+                <Stack gap="md">
+                  <Title order={3} fz={{ base: 18, md: 20 }} c={colors['blue-button']}>
+                    Pendapatan
+                  </Title>
+
+                  <Stack gap="sm">
+                    {latestApb?.pendapatan?.map((item) => (
+                      <Box key={item.id}>
+                        <Flex gap={1}>
                           <Text
-                            fz="md"
+                            fz={{ base: 13, md: 14 }}
                             fw={500}
-                            style={{
-                              wordBreak: 'break-word',
-                              whiteSpace: 'normal',
-                              textAlign: 'right',
-                            }}
+                            lh={1.4}
+                            c="black"
+                            style={{ wordBreak: 'break-word' }}
                           >
-                            {new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }).format(item.value)}
+                            {item.name} {formatCurrency(item.value)}
                           </Text>
-                        </GridCol>
-                      </Grid>
-                    </Box>
-                  ))}
-                  <Grid>
-                    <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                      <Text fz="lg" fw={600} mb="xs">Total Pendapatan</Text>
-                    </GridCol>
-                    <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                      <Text style={{
-                        wordBreak: 'break-word',
-                        whiteSpace: 'normal'
-                      }} fz="xl" fw={700} c={colors['blue-button']}>
-                        {new Intl.NumberFormat('id-ID', {
-                          style: 'currency',
-                          currency: 'IDR',
-                          minimumFractionDigits: 0
-                        }).format(totalPendapatan)}
+                        </Flex>
+                      </Box>
+                    ))}
+                  </Stack>
+
+                  <Box
+                    pt="sm"
+                    mt="auto"
+                    style={{
+                      borderTop: `2px solid ${colors['blue-button']}`
+                    }}
+                  >
+                    <Flex direction="column" gap={4}>
+                      <Text fz={{ base: 14, md: 16 }} fw={600} lh={1.4}>
+                        Total Pendapatan
                       </Text>
-                    </GridCol>
-                  </Grid>
+                      <Text
+                        fz={{ base: 18, md: 22 }}
+                        fw={700}
+                        c={colors['blue-button']}
+                        lh={1.4}
+                      >
+                        {formatCurrency(totalPendapatan)}
+                      </Text>
+                    </Flex>
+                  </Box>
                 </Stack>
               </Box>
 
               {/* Belanja Card */}
-              <Box p="md" style={{ border: '1px solid #e9ecef', borderRadius: '8px' }}>
-                <Stack gap={"xs"}>
-                  <Title order={3}>Belanja</Title>
-                  {latestApb?.belanja?.map((item) => (
-                    <Box key={item.id}>
-                      <Grid>
-                        <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                          <Text fz="md" fw={500}>{item.name}</Text>
-                        </GridCol>
-                        <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                          <Text 
-                            fz="md" 
+              <Box
+                p="md"
+                style={{
+                  border: '1px solid #e9ecef',
+                  borderRadius: '8px',
+                  height: '100%'
+                }}
+              >
+                <Stack gap="md">
+                  <Title order={3} fz={{ base: 18, md: 20 }} c="orange">
+                    Belanja
+                  </Title>
+
+                  <Stack gap="sm">
+                    {latestApb?.belanja?.map((item) => (
+                      <Box key={item.id}>
+                        <Group gap={1}>
+                          <Text
+                            fz={{ base: 13, md: 14 }}
                             fw={500}
-                            style={{
-                              wordBreak: 'break-word',
-                              whiteSpace: 'normal',
-                              textAlign: 'right',
-                            }}
+                            lh={1.4}
+                            c="black"
+                            style={{ wordBreak: 'break-word' }}
                           >
-                            {new Intl.NumberFormat('id-ID', {
-                              style: 'currency',
-                              currency: 'IDR',
-                              minimumFractionDigits: 0
-                            }).format(item.value)}
+                            {item.name} {formatCurrency(item.value)}
                           </Text>
-                        </GridCol>
-                      </Grid>
-                    </Box>
-                  ))}
-                  <Grid>
-                    <GridCol span={{ base: 12, md: 6 }}>
-                      <Text fz="lg" fw={600} mb="xs">Total Belanja</Text>
-                    </GridCol>
-                    <GridCol span={{ base: 12, md: 6 }}>
-                      <Text fz="xl" fw={700} c="orange">
-                        {new Intl.NumberFormat('id-ID', {
-                          style: 'currency',
-                          currency: 'IDR',
-                          minimumFractionDigits: 0
-                        }).format(totalBelanja)}
+                        </Group>
+                      </Box>
+                    ))}
+                  </Stack>
+
+                  <Box
+                    pt="sm"
+                    mt="auto"
+                    style={{
+                      borderTop: '2px solid orange'
+                    }}
+                  >
+                    <Flex direction="column" gap={4}>
+                      <Text fz={{ base: 14, md: 16 }} fw={600} lh={1.4}>
+                        Total Belanja
                       </Text>
-                    </GridCol>
-                  </Grid>
+                      <Text
+                        fz={{ base: 18, md: 22 }}
+                        fw={700}
+                        c="orange"
+                        lh={1.4}
+                      >
+                        {formatCurrency(totalBelanja)}
+                      </Text>
+                    </Flex>
+                  </Box>
                 </Stack>
               </Box>
 
               {/* Pembiayaan Card */}
-              <Box p="md" style={{ border: '1px solid #e9ecef', borderRadius: '8px' }}>
-                <Stack gap={"xs"}>
-                  <Title order={3}>Pembiayaan</Title>
-                  {latestApb?.pembiayaan?.map((item) => (
-                    <Box key={item.id}>
-                      <Grid>
-                        <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                          <Text fz="md" fw={500}>{item.name}</Text>
-                        </GridCol>
-                        <GridCol span={{ base: 12, md: 6 }} style={{ maxWidth: '180px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                          <Text 
-                            fz="md" 
+              <Box
+                p="md"
+                style={{
+                  border: '1px solid #e9ecef',
+                  borderRadius: '8px',
+                  height: '100%'
+                }}
+              >
+                <Stack gap="md">
+                  <Title order={3} fz={{ base: 18, md: 20 }} c="green">
+                    Pembiayaan
+                  </Title>
+
+                  <Stack gap="sm">
+                    {latestApb?.pembiayaan?.map((item) => (
+                      <Box key={item.id}>
+                        <Group gap={1}>
+                          <Text
+                            fz={{ base: 13, md: 14 }}
                             fw={500}
-                            style={{
-                              wordBreak: 'break-word',
-                              whiteSpace: 'normal',
-                              textAlign: 'right',
-                            }}
+                            lh={1.4}
+                            c="black"
+                            style={{ wordBreak: 'break-word' }}
                           >
-                            {new Intl.NumberFormat('id-ID', {
-                              style: 'currency',
-                              currency: 'IDR',
-                              minimumFractionDigits: 0
-                            }).format(item.value)}
+                            {item.name} {formatCurrency(item.value)}
                           </Text>
-                        </GridCol>
-                      </Grid>
-                    </Box>
-                  ))}
-                  <Grid>
-                    <GridCol span={{ base: 12, md: 6 }}>
-                      <Text fz="lg" fw={600} mb="xs">Total Pembiayaan</Text>
-                    </GridCol>
-                    <GridCol span={{ base: 12, md: 6 }}>
-                      <Text fz="xl" fw={700} c="green">
-                        {new Intl.NumberFormat('id-ID', {
-                          style: 'currency',
-                          currency: 'IDR',
-                          minimumFractionDigits: 0
-                        }).format(totalPembiayaan)}
+                        </Group>
+                      </Box>
+                    ))}
+                  </Stack>
+
+                  <Box
+                    pt="sm"
+                    mt="auto"
+                    style={{
+                      borderTop: '2px solid green'
+                    }}
+                  >
+                    <Flex direction="column" gap={4}>
+                      <Text fz={{ base: 14, md: 16 }} fw={600} lh={1.4}>
+                        Total Pembiayaan
                       </Text>
-                    </GridCol>
-                  </Grid>
+                      <Text
+                        fz={{ base: 18, md: 22 }}
+                        fw={700}
+                        c="green"
+                        lh={1.4}
+                      >
+                        {formatCurrency(totalPembiayaan)}
+                      </Text>
+                    </Flex>
+                  </Box>
                 </Stack>
               </Box>
-
             </SimpleGrid>
           </Paper>
 
-          {/* 🔽 Tambahan Ringkasan Anggaran */}
-          <Paper bg={colors['white-1']} p="xl" shadow="sm" withBorder>
-            <Title order={3} mb="md">Ringkasan Anggaran</Title>
+          {/* Ringkasan Anggaran */}
+          <Paper bg={colors['white-1']} p={{ base: 'md', md: 'xl' }} shadow="sm" withBorder>
+            <Title order={3} mb="md" fz={{ base: 18, md: 20 }}>
+              Ringkasan Anggaran
+            </Title>
             <Table striped highlightOnHover withTableBorder>
               <Table.Thead>
                 <Table.Tr>
-                  <Table.Th>Keterangan</Table.Th>
-                  <Table.Th ta={"right"}>Jumlah</Table.Th>
+                  <Table.Th>
+                    <Text fz={{ base: 13, md: 14 }} fw={600}>Keterangan</Text>
+                  </Table.Th>
+                  <Table.Th ta="right">
+                    <Text fz={{ base: 13, md: 14 }} fw={600}>Jumlah</Text>
+                  </Table.Th>
                 </Table.Tr>
               </Table.Thead>
               <Table.Tbody>
                 <Table.Tr>
-                  <Table.Td>Total Pendapatan</Table.Td>
-                  <Table.Td align="right">
-                    {new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }).format(totalPendapatan)}
+                  <Table.Td>
+                    <Text fz={{ base: 13, md: 14 }} lh={1.4}>Total Pendapatan</Text>
+                  </Table.Td>
+                  <Table.Td ta="right">
+                    <Text fz={{ base: 13, md: 14 }} fw={600} lh={1.4}>
+                      {formatCurrency(totalPendapatan)}
+                    </Text>
                   </Table.Td>
                 </Table.Tr>
                 <Table.Tr>
-                  <Table.Td>Total Belanja</Table.Td>
-                  <Table.Td align="right" c="orange">
-                    {new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }).format(totalBelanja)}
+                  <Table.Td>
+                    <Text fz={{ base: 13, md: 14 }} lh={1.4} c="orange">Total Belanja</Text>
+                  </Table.Td>
+                  <Table.Td ta="right">
+                    <Text fz={{ base: 13, md: 14 }} fw={600} lh={1.4} c="orange">
+                      {formatCurrency(totalBelanja)}
+                    </Text>
                   </Table.Td>
                 </Table.Tr>
                 <Table.Tr>
-                  <Table.Td>Total Pembiayaan</Table.Td>
-                  <Table.Td align="right" c="green">
-                    {new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }).format(totalPembiayaan)}
+                  <Table.Td>
+                    <Text fz={{ base: 13, md: 14 }} lh={1.4} c="green">Total Pembiayaan</Text>
+                  </Table.Td>
+                  <Table.Td ta="right">
+                    <Text fz={{ base: 13, md: 14 }} fw={600} lh={1.4} c="green">
+                      {formatCurrency(totalPembiayaan)}
+                    </Text>
                   </Table.Td>
                 </Table.Tr>
-                <Table.Tr>
-                  <Table.Td><b>Sisa Anggaran</b></Table.Td>
-                  <Table.Td align="right" c={sisaAnggaran >= 0 ? "blue" : "red"}>
-                    <b>
-                      {new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }).format(sisaAnggaran)}
-                    </b>
+                <Table.Tr style={{ backgroundColor: '#f8f9fa' }}>
+                  <Table.Td>
+                    <Text fz={{ base: 14, md: 15 }} fw={700} lh={1.4}>Sisa Anggaran</Text>
+                  </Table.Td>
+                  <Table.Td ta="right">
+                    <Text
+                      fz={{ base: 14, md: 15 }}
+                      fw={700}
+                      c={sisaAnggaran >= 0 ? colors['blue-button'] : "red"}
+                      lh={1.4}
+                    >
+                      {formatCurrency(sisaAnggaran)}
+                    </Text>
                   </Table.Td>
                 </Table.Tr>
               </Table.Tbody>
diff --git a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
index 41d388d0..6f08a347 100644
--- a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import pasarDesaState from '@/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa';
 import colors from '@/con/colors';
-import { Box, Center, Flex, Grid, GridCol, Image, Pagination, Paper, Select, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Center, Flex, Grid, GridCol, Image, Pagination, Paper, Select, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconBrandWhatsapp, IconMapPinFilled, IconSearch, IconStarFilled } from '@tabler/icons-react';
 import { motion } from 'motion/react';
@@ -14,7 +14,7 @@ function Page() {
   const router = useRouter()
   const state = useProxy(pasarDesaState.pasarDesa)
   const [search, setSearch] = useState('');
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
   const {
     data,
@@ -28,7 +28,6 @@ function Page() {
     pasarDesaState.kategoriProduk.findManyAll.load()
   }, [])
 
-  // Filter data based on selected category
   const filteredData = selectedCategory
     ? data?.filter(item =>
       item.KategoriToPasar?.some(kategori => kategori.kategoriId === selectedCategory)
@@ -39,7 +38,6 @@ function Page() {
     load(page, 4, debouncedSearch, selectedCategory || undefined)
   }, [page, debouncedSearch, selectedCategory])
 
-
   if (loading || !data) {
     return (
       <Stack py={10}>
@@ -49,21 +47,22 @@ function Page() {
   }
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
+
       <Box>
-        <Grid align='center' px={{ base: 'md', md: 100 }}>
+        <Grid align="center" px={{ base: 'md', md: 100 }}>
           <GridCol span={{ base: 12, md: 9 }}>
-            <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+            <Title order={1} c={colors["blue-button"]} fw="bold">
               Pasar Desa
-            </Text>
+            </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 3 }}>
             <TextInput
-              radius={"lg"}
-              placeholder='Cari Produk'
+              radius="lg"
+              placeholder="Cari Produk"
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
@@ -71,22 +70,15 @@ function Page() {
             />
           </GridCol>
         </Grid>
-        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" >
-        Pasar Desa Online adalah media promosi untuk membantu warga memasarkan
-        </Text>
-        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" >
-        dan memperkenalkan produk mereka.
+
+        <Text px={{ base: 'md', md: 100 }} pt={20} ta="justify" fz={{ base: 'sm', md: 'md' }}>
+          Pasar Desa Online adalah media promosi untuk membantu warga memasarkan dan memperkenalkan produk mereka.
         </Text>
       </Box>
+
       <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'}>
-          <SimpleGrid
-            pb={30}
-            cols={{
-              base: 1,
-              md: 2
-            }}
-          >
+        <Stack gap="lg">
+          <SimpleGrid pb={30} cols={{ base: 1, md: 2 }}>
             <Box>
               <Select
                 placeholder="Pilih Kategori"
@@ -103,50 +95,58 @@ function Page() {
               />
             </Box>
           </SimpleGrid>
+
           <SimpleGrid cols={{ base: 1, md: 4 }}>
-            {filteredData?.map((v, k) => {
-              return (
-                <Stack key={k}>
-                  <motion.div
-                    onClick={() => router.push(`/darmasaba/ekonomi/pasar-desa/${v.id}`)}
-                    whileHover={{ scale: 1.05 }}
-                    whileTap={{ scale: 0.8 }}
-                  >
-                    <Paper p={'lg'}>
-                      <Image
-                        radius={'lg'}
-                        src={v.image?.link || '/placeholder-product.jpg'}
-                        alt={v.nama}
-                        h={200}
-                        w='100%'
-                        style={{ objectFit: 'cover' }}
-                        loading="lazy" 
-                      />
-                      <Text py={10} fw={'bold'} fz={'lg'}>{v.nama}</Text>
-                      <Text fz={'md'}>Rp {v.harga.toLocaleString('id-ID')}</Text>
-                      <Flex py={10} gap={'md'}>
-                        <IconStarFilled size={20} color='#EBCB09' />
-                        <Text fz={'sm'} ml={2}>{v.rating}</Text>
-                      </Flex>
-                      <Flex justify={'space-between'} align={'center'}>
-                        <Box>
-                          <Flex gap={'md'} align={'center'}>
-                            <IconMapPinFilled size={20} color='red' />
-                            <Text fz={'sm'} ml={2}>{v.alamatUsaha}</Text>
-                          </Flex>
-                        </Box>
-                        <IconBrandWhatsapp size={20} color={colors['blue-button']} />
-                      </Flex>
-                    </Paper>
-                  </motion.div>
-                </Stack>
-              )
-            })}
+            {filteredData?.map((v, k) => (
+              <Stack key={k}>
+                <motion.div
+                  onClick={() => router.push(`/darmasaba/ekonomi/pasar-desa/${v.id}`)}
+                  whileHover={{ scale: 1.05 }}
+                  whileTap={{ scale: 0.8 }}
+                >
+                  <Paper p="lg">
+                    <Image
+                      radius="lg"
+                      src={v.image?.link || '/placeholder-product.jpg'}
+                      alt={v.nama}
+                      h={200}
+                      w="100%"
+                      style={{ objectFit: 'cover' }}
+                      loading="lazy"
+                    />
+                    <Text py="sm" fw="bold" fz={{ base: 'md', md: 'lg' }}>
+                      {v.nama}
+                    </Text>
+                    <Text fz={{ base: 'sm', md: 'md' }}>
+                      Rp {v.harga.toLocaleString('id-ID')}
+                    </Text>
+                    <Flex py="sm" gap="md">
+                      <IconStarFilled size={20} color="#EBCB09" />
+                      <Text fz={{ base: 'xs', md: 'sm' }} ml={2}>
+                        {v.rating}
+                      </Text>
+                    </Flex>
+                    <Flex justify="space-between" align="center">
+                      <Box>
+                        <Flex gap="md" align="center">
+                          <IconMapPinFilled size={20} color="red" />
+                          <Text fz={{ base: 'xs', md: 'sm' }} ml={2}>
+                            {v.alamatUsaha}
+                          </Text>
+                        </Flex>
+                      </Box>
+                      <IconBrandWhatsapp size={20} color={colors['blue-button']} />
+                    </Flex>
+                  </Paper>
+                </motion.div>
+              </Stack>
+            ))}
           </SimpleGrid>
+
           <Center>
             <Pagination
               value={page}
-              onChange={(newPage) => load(newPage)} // ini penting!
+              onChange={(newPage) => load(newPage)}
               total={totalPages}
               my="md"
             />
@@ -157,4 +157,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
index f7a91480..03d578ba 100644
--- a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import programKemiskinanState from '@/app/admin/(dashboard)/_state/ekonomi/program-kemiskinan';
 import colors from '@/con/colors';
-import { Box, Center, Grid, GridCol, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Center, Grid, GridCol, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconSearch } from '@tabler/icons-react';
 import { useState } from 'react';
@@ -32,10 +32,9 @@ interface ProgramKemiskinanData {
 
 function Page() {
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const state = useProxy(programKemiskinanState)
 
-  // 🔧 Get valid statistics data with proper type checking
   const statistikData = state.findMany.data
     .filter((item): item is ProgramKemiskinanData & { statistik: StatistikData } => {
       return !!item?.statistik && 
@@ -43,11 +42,11 @@ function Page() {
              item.statistik.jumlah !== undefined;
     })
     .map(item => ({
-      tahun: Number(item.statistik.tahun) || 0, // Ensure tahun is a number
-      jumlah: Number(item.statistik.jumlah) || 0, // Ensure jumlah is a number
+      tahun: Number(item.statistik.tahun) || 0,
+      jumlah: Number(item.statistik.jumlah) || 0,
     }))
     .sort((a, b) => a.tahun - b.tahun)
-    .filter(item => !isNaN(item.tahun) && !isNaN(item.jumlah)); // Remove any invalid entries
+    .filter(item => !isNaN(item.tahun) && !isNaN(item.jumlah));
 
   const {
     data,
@@ -74,12 +73,18 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} >
+      <Box px={{ base: 'md', md: 100 }}>
         <Grid align='center'>
           <GridCol span={{ base: 12, md: 9 }}>
-            <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+            <Title
+              order={1}
+              c={colors["blue-button"]}
+              fw={"bold"}
+              fz={{ base: '28px', md: '32px' }}
+              lh={{ base: '1.2', md: '1.25' }}
+            >
               Program Kemiskinan
-            </Text>
+            </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 3 }}>
             <TextInput
@@ -92,7 +97,15 @@ function Page() {
             />
           </GridCol>
         </Grid>
-        <Text fz={'h4'}>Berbagai program bantuan untuk mengurangi kemiskinan dan meningkatkan kesejahteraan masyarakat</Text>
+        <Text
+          fz={{ base: '14px', md: '16px' }}
+          lh={{ base: '1.5', md: '1.6' }}
+          c="black"
+          ta={{ base: 'left', md: 'left' }}
+          pt={20}
+        >
+          Berbagai program bantuan untuk mengurangi kemiskinan dan meningkatkan kesejahteraan masyarakat
+        </Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'} justify='center'>
@@ -106,8 +119,22 @@ function Page() {
             {state.findMany.data.map(v => {
               return (
                 <Paper p={'xl'} key={v.id}>
-                  <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.nama}</Text>
-                  <Text fz={'lg'} c={'black'} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }}></Text>
+                  <Title
+                    order={3}
+                    fw={'bold'}
+                    c={colors['blue-button']}
+                    fz={{ base: '18px', md: '20px' }}
+                    lh={{ base: '1.3', md: '1.35' }}
+                  >
+                    {v.nama}
+                  </Title>
+                  <Text
+                    fz={{ base: '14px', md: '16px' }}
+                    lh={{ base: '1.5', md: '1.6' }}
+                    c={'black'}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                    dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                  />
                 </Paper>
               )
             })}
@@ -124,7 +151,16 @@ function Page() {
             />
           </Center>
           <Paper p={'xl'}>
-            <Text fz={'h3'} fw={'bold'} c={colors['blue-button']} mb="md">Statistik Kemiskinan Masyarakat</Text>
+            <Title
+              order={3}
+              fw={'bold'}
+              c={colors['blue-button']}
+              fz={{ base: '18px', md: '20px' }}
+              lh={{ base: '1.3', md: '1.35' }}
+              mb="md"
+            >
+              Statistik Kemiskinan Masyarakat
+            </Title>
             <Box style={{ width: '100%', height: 'auto' }}>
               {statistikData.length > 0 ? (
                 <Box w="100%" style={{ overflowX: 'auto' }}>
@@ -162,7 +198,11 @@ function Page() {
                 </Box>
               ) : (
                 <Box p="md" ta="center" bg="gray.0" style={{ borderRadius: '8px' }}>
-                  <Text c="dimmed">
+                  <Text
+                    fz={{ base: '12px', md: '14px' }}
+                    c="dimmed"
+                    lh={{ base: '1.4', md: '1.5' }}
+                  >
                     {state.findMany.loading 
                       ? 'Memuat data statistik...' 
                       : 'Belum ada data statistik yang tersedia atau data tidak valid'}
@@ -177,4 +217,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
index 9943e1d5..446bc801 100644
--- a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
@@ -14,6 +14,9 @@ import {
   Loader,
   Paper,
   Stack,
+  Tabs,
+  TabsList,
+  TabsTab,
   Text,
   TextInput,
   Title,
@@ -33,6 +36,8 @@ import { OrganizationChart } from 'primereact/organizationchart'
 import { useEffect, useRef, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import BackButton from '../../desa/layanan/_com/BackButto'
+import { useMediaQuery } from '@mantine/hooks'
+import { useTransitionRouter } from 'next-view-transitions'
 
 export default function Page() {
   return (
@@ -51,11 +56,11 @@ export default function Page() {
             order={1}
             ta="center"
             c={colors['blue-button']}
-            fz={{ base: 28, md: 36, lg: 44 }}
+            fz={{ base: 28, md: 36 }}
           >
             Struktur Organisasi & SK Pengurus BumDes
           </Title>
-          <Text ta="center" c="black" maw={800}>
+          <Text ta="center" c="black" maw={800} fz={{ base: 14, md: 16 }} lh={1.6}>
             Gambaran visual peran dan pengurus yang ditugaskan. Gunakan kontrol
             di bawah untuk mencari, memperbesar, atau melihat lebih jelas.
           </Text>
@@ -70,13 +75,14 @@ export default function Page() {
 }
 
 function StrukturOrganisasiBumDes() {
+  const router = useTransitionRouter()
   const stateOrganisasi: any = useProxy(stateStrukturBumDes.pegawai)
   const chartContainerRef = useRef<HTMLDivElement>(null)
   const [scale, setScale] = useState(1)
   const [isFullscreen, setFullscreen] = useState(false)
   const [searchQuery, setSearchQuery] = useState('')
   const debouncedSearch = useRef(
-    debounce((value: string) => setSearchQuery(value), 400)
+    debounce((value: string) => setSearchQuery(value), 1000)
   ).current
 
   useEffect(() => {
@@ -92,8 +98,10 @@ function StrukturOrganisasiBumDes() {
       <Center py={48}>
         <Stack align="center" gap="sm">
           <Loader size="lg" />
-          <Text fw={600}>Memuat struktur organisasi…</Text>
-          <Text c="dimmed" size="sm">
+          <Text fw={600} fz={{ base: 15, md: 16 }} lh={1.4}>
+            Memuat struktur organisasi…
+          </Text>
+          <Text c="dimmed" fz={{ base: 12, md: 14 }} lh={1.4}>
             Mengambil data pengurus dan posisi. Mohon tunggu sebentar.
           </Text>
         </Stack>
@@ -119,10 +127,10 @@ function StrukturOrganisasiBumDes() {
             <Center>
               <IconUsers size={56} />
             </Center>
-            <Title order={3} mt="md">
+            <Title order={3} mt="md" ta="center">
               Data pengurus belum tersedia
             </Title>
-            <Text c="dimmed" mt="xs">
+            <Text c="dimmed" mt="xs" fz={{ base: 12, md: 14 }} lh={1.4}>
               Belum ada data pengurus yang tercatat untuk BumDes.
             </Text>
             <Group justify="center" mt="lg">
@@ -218,155 +226,300 @@ function StrukturOrganisasiBumDes() {
   return (
     <Stack align="center" mt="xl">
       {/* 🧭 Kontrol atas */}
-      <Paper shadow="xs" p="md" radius="md" bg={colors['blue-button']}>
-        <Group gap="sm" wrap="wrap" justify="center">
-          <TextInput
-            placeholder="Cari nama atau jabatan..."
-            leftSection={<IconSearch size={16} />}
-            onChange={(e) => debouncedSearch(e.target.value)}
+      <Paper
+        shadow="xs"
+        w={{
+          base: '100%',       // Mobile: 100%
+          sm: '40%',          // Tablet: 95%
+          md: '39%',          // Desktop: 70%
+          lg: '38%',          // Desktop L: 60%
+          xl: '37%',          // 4K: 50%
+          '2xl': '36%',       // Ultra-wide: 45%
+        }}
+        p="md"
+        radius="md"
+        style={{
+          background: colors['blue-button'],       // ⬅️ penting
+          maxWidth: '100%',    // ⬅️ penting
+          overflowX: 'auto'    // ⬅️ untuk mencegah overflow
+        }}
+      >
+        <Stack gap="sm">
+          <Group justify='center'>
+            <TextInput
+              placeholder="Cari nama atau jabatan..."
+              leftSection={<IconSearch size={16} />}
+              onChange={(e) => debouncedSearch(e.target.value)}
+              styles={{
+                input: {
+                  minWidth: 250,
+                },
+              }}
+            />
+          </Group>
+          <Tabs
+            defaultValue="zoom-out"
+            variant="outline"
+            radius="md"
             styles={{
-              input: {
-                minWidth: 250,
+              panel: { display: 'none' },
+              tab: {
+                color: colors['blue-button'],
+                backgroundColor: colors['blue-button-2'],
+                border: 'none',
+                fontWeight: 600,
+                fontSize: '0.875rem',
+                padding: '6px 12px',
+                minHeight: 'auto',
+                flexShrink: 0,
               },
             }}
-          />
-          <Group gap="xs">
-            <Button
-              variant="light"
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              size="sm"
-              onClick={handleZoomOut}
-              leftSection={<IconZoomOut size={16} />}
-            >
-              Zoom Out
-            </Button>
-            <Box
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              px={16}
-              py={8}
+            style={{ width: '100%' }} // 👈 penting
+          >
+            <TabsList
               style={{
-                fontSize: 14,
-                fontWeight: 700,
-                borderRadius: '8px',
-                minWidth: 70,
-                textAlign: 'center',
+                display: 'flex',
+                overflowX: 'auto',
+                overflowY: 'hidden',
+                gap: '4px',
+                paddingBottom: '4px',
+                flexWrap: 'nowrap',
+                WebkitOverflowScrolling: 'touch',
+                scrollbarWidth: 'thin',
+                msOverflowStyle: '-ms-autohiding-scrollbar',
+                maxWidth: '100%',
+                scrollBehavior: 'smooth', // 👈 smooth scroll
               }}
             >
-              {Math.round(scale * 100)}%
-            </Box>
-            <Button
-              variant="light"
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              size="sm"
-              onClick={handleZoomIn}
-              leftSection={<IconZoomIn size={16} />}
-            >
-              Zoom In
-            </Button>
-            <Button
-              variant="light"
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              size="sm"
-              onClick={resetZoom}
-            >
-              Reset
-            </Button>
-            <Button
-              variant="light"
-              bg={colors['blue-button-2']}
-              c={colors['blue-button']}
-              size="sm"
-              onClick={toggleFullscreen}
-              leftSection={
-                isFullscreen ? (
-                  <IconArrowsMinimize size={16} />
-                ) : (
-                  <IconArrowsMaximize size={16} />
-                )
-              }
-            >
-              Fullscreen
-            </Button>
-          </Group>
-        </Group>
+              <TabsTab
+                value="zoom-out"
+                onClick={handleZoomOut}
+                leftSection={<IconZoomOut size={16} />}
+                style={{ flexShrink: 0 }}
+              >
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Zoom Out</Text>
+              </TabsTab>
+
+              <Box
+                bg={colors['blue-button-2']}
+                c={colors['blue-button']}
+                px={12}
+                py={6}
+                style={{
+                  fontWeight: 700,
+                  borderRadius: '6px',
+                  minWidth: 60,
+                  textAlign: 'center',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  flexShrink: 0,
+                  whiteSpace: 'nowrap',
+                }}
+              >
+                <Text fz={{ base: 12, sm: 13 }} lh={1} c={colors['blue-button']}>
+                  {Math.round(scale * 100)}%
+                </Text>
+              </Box>
+
+              <TabsTab
+                value="zoom-in"
+                onClick={handleZoomIn}
+                leftSection={<IconZoomIn size={16} />}
+                style={{ flexShrink: 0 }}
+              >
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Zoom In</Text>
+              </TabsTab>
+
+              <TabsTab
+                value="reset"
+                onClick={resetZoom}
+                style={{ flexShrink: 0 }}
+              >
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">Reset</Text>
+              </TabsTab>
+
+              <TabsTab
+                value="fullscreen"
+                onClick={toggleFullscreen}
+                leftSection={
+                  isFullscreen ? (
+                    <IconArrowsMinimize size={16} />
+                  ) : (
+                    <IconArrowsMaximize size={16} />
+                  )
+                }
+                style={{ flexShrink: 0 }}
+              >
+                <Text fz={{ base: 12, sm: 13 }} lh={1} ta="center">
+                  {isFullscreen ? 'Exit' : 'Fullscreen'}
+                </Text>
+              </TabsTab>
+            </TabsList>
+          </Tabs>
+        </Stack>
       </Paper>
 
-      {/* 📊 Chart Container */}
-      <Center style={{ width: '100%' }}>
-        <Box
-          ref={chartContainerRef}
-          style={{
-            overflowX: 'auto',
-            overflowY: 'auto',
-            width: '100%',
-            padding: '32px 16px',
-            transition: 'transform 0.2s ease',
-            transform: `scale(${scale})`,
-            transformOrigin: 'center top',
-          }}
-        >
-          <OrganizationChart
-            value={chartData}
-            nodeTemplate={(node) => <NodeCard node={node} />}
-            className="p-organizationchart p-organizationchart-horizontal"
-          />
-        </Box>
-      </Center>
-    </Stack>
-  )
-}
-
-function NodeCard({ node }: any) {
-  const imageSrc = node?.data?.image || '/img/default.png'
-  const name = node?.data?.name || 'Tanpa Nama'
-  const title = node?.data?.title || 'Tanpa Jabatan'
-  const description = node?.data?.description || ''
-
-  return (
-    <Transition mounted transition="pop" duration={300}>
-      {(styles) => (
-        <Card
-          shadow="md"
-          radius="xl"
-          withBorder
-          style={{
-            ...styles,
-            width: 240,
-            padding: 20,
-            background:
-              'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
-            borderColor: 'rgba(28, 110, 164, 0.3)',
-            transition: 'all 0.3s ease',
-          }}
-        >
-          <Stack align="center" gap={10}>
-            <Box
-              style={{
-                width: 90,
-                height: 90,
-                borderRadius: '50%',
-                overflow: 'hidden',
-                border: '3px solid rgba(28, 110, 164, 0.4)',
-              }}
-            >
-              <Image src={imageSrc} alt={name} fit="cover" loading="lazy" />
-            </Box>
-            <Text fw={700} size="sm" ta="center" c={colors['blue-button']}>
-              {name}
-            </Text>
-            <Text size="xs" c="dimmed" ta="center">
-              {title}
-            </Text>
-            <Text size="xs" c="dimmed" ta="center" lineClamp={3}>
-              {description || 'Belum ada deskripsi.'}
-            </Text>
+       {/* 🧩 Chart Container */}
+            <Center style={{ width: '100%' }}>
+              <Box
+                ref={chartContainerRef}
+                style={{
+                  borderRadius: '12px',
+                  overflowX: 'auto',
+                  overflowY: 'auto',
+                  width: '100%',
+                  maxWidth: '100%',
+                  padding: '32px 16px',
+                  transition: 'transform 0.2s ease',
+                }}
+              >
+                <Box style={{
+                  
+                  transform: `scale(${scale})`,
+                  transformOrigin: 'center top',
+                  display: 'inline-block', // 👈 agar tidak memenuhi lebar parent
+                  minWidth: 'min-content', // 👈 penting agar chart tidak dipaksa muat di width 100%
+                }}>
+                  <OrganizationChart
+                    value={chartData}
+                    nodeTemplate={(node) => <NodeCard node={node} router={router} />}
+                    className="p-organizationchart p-organizationchart-horizontal"
+                  />
+                </Box>
+              </Box>
+            </Center>
           </Stack>
-        </Card>
-      )}
-    </Transition>
-  )
-}
+        )
+      }
+      
+      function NodeCard({ node, router }: any) {
+        const imageSrc = node?.data?.image || '/img/default.png'
+        const name = node?.data?.name || 'Tanpa Nama'
+        const title = node?.data?.title || 'Tanpa Jabatan'
+        const hasId = Boolean(node?.data?.id)
+        const isMobile = useMediaQuery("(max-width: 768px)");
+      
+        return (
+          <Transition mounted transition="pop" duration={300}>
+            {(styles) => (
+              <Card
+                shadow="md"
+                radius="xl"
+                withBorder
+              
+                style={{
+                  ...styles,
+                  width: '100%',
+                  maxWidth: isMobile ? 200 : 240, // lebih kecil di mobile
+                  minHeight: isMobile ? 240 : 280,
+                  padding: isMobile ? 16 : 20,
+                  background: 'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
+                  borderColor: 'rgba(28, 110, 164, 0.3)',
+                  borderWidth: 2,
+                  transition: 'all 0.3s ease',
+                  cursor: hasId ? 'pointer' : 'default',
+                }}
+                onMouseEnter={(e) => {
+                  if (hasId) {
+                    e.currentTarget.style.transform = 'translateY(-4px)'
+                    e.currentTarget.style.boxShadow = '0 8px 24px rgba(28, 110, 164, 0.25)'
+                  }
+                }}
+                onMouseLeave={(e) => {
+                  if (hasId) {
+                    e.currentTarget.style.transform = 'translateY(0)'
+                    e.currentTarget.style.boxShadow = ''
+                  }
+                }}
+              >
+                <Stack align="center" gap={12}>
+                  {/* Photo */}
+                  <Box
+                    style={{
+                      width: 96,
+                      height: 96,
+                      borderRadius: '50%',
+                      overflow: 'hidden',
+                      border: '3px solid rgba(28, 110, 164, 0.4)',
+                      boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+                      background: 'white',
+                    }}
+                  >
+                    <Image
+                      src={imageSrc}
+                      alt={name}
+                      width={96}
+                      height={96}
+                      fit="cover"
+                      loading="lazy"
+                      style={{
+                        objectFit: 'cover',
+                      }}
+                    />
+                  </Box>
+      
+                  {/* Name */}
+                  <Text
+                    fw={700}
+                    ta="center"
+                    c={colors['blue-button']}
+                    lineClamp={2}
+                    fz={{ base: 13, md: 15 }}
+                    lh={1.2}
+                    style={{
+                      minHeight: 40,
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'center',
+                      wordBreak: 'break-word',
+                    }}
+                  >
+                    {name}
+                  </Text>
+      
+                  {/* Title/Position */}
+                  <Text
+                    c="dimmed"
+                    ta="center"
+                    fw={500}
+                    lineClamp={2}
+                    fz={{ base: 12, md: 13 }}
+                    lh={1.3}
+                    style={{
+                      minHeight: 32,
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'center',
+                      wordBreak: 'break-word',
+                    }}
+                  >
+                    {title}
+                  </Text>
+      
+                  {/* Detail Button */}
+                  {hasId && (
+                    <Button
+                      variant="gradient"
+                      gradient={{ from: 'blue', to: 'cyan' }}
+                      size="xs"
+                      fullWidth
+                      mt={8}
+                      radius="md"
+                      onClick={() =>
+                        router.push(`/darmasaba/ppid/struktur-ppid/${node.data.id}`)
+                      }
+                      style={{
+                        height: 32,
+                        fontWeight: 600,
+                      }}
+                    >
+                      <Text fz={{ base: 12, md: 13 }} lh={1} ta="center">Lihat Detail</Text>
+                    </Button>
+                  )}
+                </Stack>
+              </Card>
+            )}
+          </Transition>
+        )
+      }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index 1bc6146f..7761bb69 100644
--- a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -58,7 +58,7 @@ function Page() {
             />
           </GridCol>
         </Grid>
-        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" mt={4} >
+        <Text px={{ base: 'md', md: 100 }} pt={20} ta={"justify"} fz="md" mt={4} >
           Pecalang dan Patwal (Patroli Pengawal) bertugas memastikan desa tetap aman, tertib, dan kondusif bagi seluruh warga.
         </Text>
       </Box>
diff --git a/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx b/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx
index fbf8a42d..921c5e8c 100644
--- a/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx
@@ -71,14 +71,14 @@ function Page() {
             <Stack gap="md">
               <Box>
                 <Text fw={600} fz="lg" >Judul</Text>
-                <Text fz="sm" c="dimmed">{data.judul || '-'}</Text>
+                <Text fz="sm" c="black">{data.judul || '-'}</Text>
               </Box>
 
               <Divider />
 
               <Box>
                 <Text fw={600} fz="lg" >Tanggal</Text>
-                <Text fz="sm" c="dimmed">
+                <Text fz="sm" c="black">
                   {data.tanggalWaktu
                     ? new Date(data.tanggalWaktu).toLocaleString('id-ID', { dateStyle: 'full', timeStyle: 'short' })
                     : '-'}
@@ -89,7 +89,7 @@ function Page() {
 
               <Box>
                 <Text fw={600} fz="lg" >Lokasi</Text>
-                <Text fz="sm" c="dimmed">{data.lokasi || '-'}</Text>
+                <Text fz="sm" c="black">{data.lokasi || '-'}</Text>
               </Box>
 
               <Divider />
@@ -120,7 +120,7 @@ function Page() {
 
               <Box>
                 <Text fw={600} fz="lg" >Kronologi</Text>
-                <Text fz="sm" c="dimmed" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.kronologi || '-' }} />
+                <Text fz="sm" c="black" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.kronologi || '-' }} />
               </Box>
 
               <Divider />
@@ -136,11 +136,11 @@ function Page() {
                         radius="md"
                         shadow="xs"
                         withBorder
-                        bg="dark.5"
+                        bg={colors['blue-button-1']}
                       >
                         <Text
                           fz="sm"
-                          c="dimmed"
+                          c="black"
                           dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
                           style={{wordBreak: "break-word", whiteSpace: "normal"}}
                         />
diff --git a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
index 052a3de7..5ef575b3 100644
--- a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import { useProxy } from 'valtio/utils';
 import tipsKeamananState from '@/app/admin/(dashboard)/_state/keamanan/tips-keamanan';
@@ -8,11 +8,10 @@ import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { useState } from 'react';
 import { IconSearch } from '@tabler/icons-react';
 
-
 function Page() {
-  const state = useProxy(tipsKeamananState)
-  const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const state = useProxy(tipsKeamananState);
+  const [search, setSearch] = useState('');
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const {
     data,
     page,
@@ -22,84 +21,114 @@ function Page() {
   } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 3, debouncedSearch)
-  }, [page, debouncedSearch])
+    load(page, 3, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   if (loading || !data) {
     return (
-      <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+      <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
         <Skeleton h={500} />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
+
       <Box>
-        <Grid align='center' px={{ base: 'md', md: 100 }}>
+        <Grid align="center" px={{ base: 'md', md: 100 }}>
           <GridCol span={{ base: 12, md: 9 }}>
-            <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+            <Title
+              order={1}
+              c={colors['blue-button']}
+              style={{ lineHeight: '1.2' }}
+            >
               Tips Keamanan
-            </Text>
+            </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 3 }}>
             <TextInput
-              radius={"lg"}
-              placeholder='Cari Tips'
+              radius="lg"
+              placeholder="Cari Tips"
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
-              w={{ base: "50%", md: "100%" }}
+              w={{ base: '50%', md: '100%' }}
             />
           </GridCol>
         </Grid>
-        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" >
+
+        <Text
+          px={{ base: 'md', md: 100 }}
+          ta="justify"
+          fz={{ base: 'sm', md: 'md' }}
+          lh={{ base: '1.5', md: '1.6' }}
+          mt="sm"
+        >
           Keamanan dan ketertiban lingkungan di Desa Darmasaba dijaga melalui peran aktif Pecalang dan Patwal (Patroli Pengawal).
         </Text>
-        <Text px={{ base: 'md', md: 100 }} ta={"justify"} fz="md" >
+        <Text
+          px={{ base: 'md', md: 100 }}
+          ta="justify"
+          fz={{ base: 'sm', md: 'md' }}
+          lh={{ base: '1.5', md: '1.6' }}
+          mt="xs"
+        >
           Mereka bertugas memastikan desa tetap aman, tertib, dan kondusif bagi seluruh warga.
         </Text>
       </Box>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'}>
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <Stack gap="lg">
           <SimpleGrid
-            pb={10}
-            cols={{
-              base: 1,
-              md: 3,
-            }}>
-            {data.map((v, k) => {
-              return (
-                <Paper radius={10} key={k} bg={colors["white-trans-1"]}>
-                  <Stack gap={'xs'}>
-                    <Center p={10}>
-                      <Image src={v.image?.link} radius={10} loading="lazy"
-                        alt='' />
-                    </Center>
-                    <Box px={'xl'}>
-                      <Box pb={20}>
-                        <Text pb={10} c={colors["blue-button"]} fw={"bold"} fz={"h3"}>
-                          {v.judul}
-                        </Text>
-                        <Box>
-                          <Text pb={10} fz={"md"} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
-                        </Box>
+            pb="10"
+            cols={{ base: 1, md: 3 }}
+          >
+            {data.map((v, k) => (
+              <Paper radius={10} key={k} bg={colors['white-trans-1']}>
+                <Stack gap="xs">
+                  <Center p="10">
+                    <Image
+                      src={v.image?.link}
+                      radius={10}
+                      loading="lazy"
+                      alt=""
+                    />
+                  </Center>
+                  <Box px="xl">
+                    <Box pb="20">
+                      <Title
+                        order={3}
+                        c={colors['blue-button']}
+                        style={{ lineHeight: '1.3' }}
+                      >
+                        {v.judul}
+                      </Title>
+                      <Box>
+                        <Text
+                          pb="10"
+                          fz={{ base: 'xs', md: 'md' }}
+                          lh={{ base: '1.5', md: '1.6' }}
+                          style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                          dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                        />
                       </Box>
                     </Box>
-                  </Stack>
-                </Paper>
-              )
-            })}
+                  </Box>
+                </Stack>
+              </Paper>
+            ))}
           </SimpleGrid>
         </Stack>
       </Box>
+
       <Center>
         <Pagination
           value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
+          onChange={(newPage) => load(newPage)}
           total={totalPages}
           my="md"
         />
@@ -108,4 +137,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
index f38c60a1..b8bab7ae 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import artikelKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
 import colors from '@/con/colors';
-import { Box, Button, Card, Divider, Group, Image, Loader, Paper, Stack, Text } from '@mantine/core';
+import { Box, Button, Card, Divider, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconCalendar, IconChevronRight } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -17,9 +17,8 @@ function ArtikelKesehatanPage() {
 
   if (!state.findMany.data) {
     return (
-      <Box py="xl" ta="center">
-        <Loader size="lg" color={colors['blue-button']} />
-        <Text mt="md" c="dimmed" fz="md">Memuat artikel kesehatan...</Text>
+      <Box py="lg">
+        <Skeleton h={500} radius="lg" />
       </Box>
     )
   }
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
index 6c843f0c..61b0e609 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 import colors from '@/con/colors';
-import { Badge, Box, Button, Card, Divider, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Badge, Box, Button, Card, Divider, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconChevronRight, IconClock, IconMapPin } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -17,12 +17,8 @@ function FasilitasKesehatanPage() {
 
   if (!state.findMany.data) {
     return (
-      <Box py="xl" px="md">
-        <Stack gap="md">
-          <Skeleton height={80} radius="lg" />
-          <Skeleton height={80} radius="lg" />
-          <Skeleton height={80} radius="lg" />
-        </Stack>
+      <Box py="lg">
+        <Skeleton h={500} radius="lg" />
       </Box>
     );
   }
@@ -31,14 +27,20 @@ function FasilitasKesehatanPage() {
     <Box>
       <Paper bg={colors['white-trans-1']} p="xl" radius="xl" shadow="md" h="100%">
         <Stack gap="lg">
-          <Text ta="center" fw={700} fz="32px" c={colors['blue-button']}>
+          <Title
+            order={1}
+            ta="center"
+            fw={700}
+            c={colors['blue-button']}
+            style={{ lineHeight: '1.2' }}
+          >
             Fasilitas Kesehatan
-          </Text>
+          </Title>
           <Divider size="sm" color={colors['blue-button']} />
           <Stack gap="lg">
             {state.findMany.data.length === 0 ? (
               <Box py="xl" ta="center">
-                <Text fz="lg" c="dimmed">
+                <Text size="lg" c="dimmed" lh="1.5">
                   Belum ada fasilitas kesehatan yang tersedia
                 </Text>
               </Box>
@@ -65,22 +67,20 @@ function FasilitasKesehatanPage() {
                 >
                   <Stack gap="sm">
                     <Group justify="space-between" align="center">
-                      <Text fw={700} fz="lg" c={colors['blue-button']}>
-                        {item.name}
-                      </Text>
-                      <Badge color="blue" radius="sm" variant="light" fz="xs">
+                      <Title order={3} fw={700} c={colors['blue-button']} lh="1.3" />
+                      <Badge color="blue" radius="sm" variant="light" size="xs">
                         Aktif
                       </Badge>
                     </Group>
                     <Group gap="xs">
                       <IconMapPin size={18} stroke={1.5} />
-                      <Text fz="sm">
+                      <Text size="sm" lh="1.5">
                         {item.informasiumum.alamat}
                       </Text>
                     </Group>
                     <Group gap="xs">
                       <IconClock size={18} stroke={1.5} />
-                      <Text fz="sm">
+                      <Text size="sm" lh="1.5">
                         {item.informasiumum.jamOperasional}
                       </Text>
                     </Group>
@@ -110,4 +110,4 @@ function FasilitasKesehatanPage() {
   );
 }
 
-export default FasilitasKesehatanPage;
+export default FasilitasKesehatanPage;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/page.tsx
index 7000f374..a0e610c5 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/page.tsx
@@ -6,9 +6,7 @@ import { Box, Center, ColorSwatch, Flex, Paper, SimpleGrid, Skeleton, Stack, Tex
 import { useEffect, useState } from 'react';
 import BackButton from '../../desa/layanan/_com/BackButto';
 
-// import { useRouter } from 'next/navigation';
 import { useMediaQuery, useShallowEffect } from '@mantine/hooks';
-
 import persentasekelahiran from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
 import { useProxy } from 'valtio/utils';
 
@@ -17,7 +15,6 @@ import GrafikPenyakit from './grafik-penyakit/page';
 import JadwalKegiatan from './jadwal-kegiatan-page/page';
 import ArtikelKesehatanPage from './artikel-kesehatan-page/page';
 
-
 function Page() {
   type DataTahunan = {
     tahun: string;
@@ -31,7 +28,6 @@ function Page() {
     }>;
   };
 
-  // Count occurrences per year
   const countByYear = (data: any[], dateField: string) => {
     const counts: Record<string, number> = {};
     data?.forEach(item => {
@@ -43,28 +39,23 @@ function Page() {
 
   const statePersentase = useProxy(persentasekelahiran);
   const [chartData, setChartData] = useState<DataTahunan[]>([]);
-  const isTablet = useMediaQuery('(max-width: 1024px)');
   const isMobile = useMediaQuery('(max-width: 768px)');
 
-
   useShallowEffect(() => {
-    statePersentase.kelahiran.findMany.load(1, 1000); // Load all kelahiran data
-    statePersentase.kematian.findMany.load(1, 1000); // Load all kematian data
+    statePersentase.kelahiran.findMany.load(1, 1000);
+    statePersentase.kematian.findMany.load(1, 1000);
   }, []);
 
   useEffect(() => {
     if (statePersentase.kelahiran.findMany.data && statePersentase.kematian.findMany.data) {
-      // Count kelahiran and kematian by year
       const kelahiranByYear = countByYear(statePersentase.kelahiran.findMany.data, 'tanggal');
       const kematianByYear = countByYear(statePersentase.kematian.findMany.data, 'tanggal');
 
-      // Get all unique years
       const allYears = new Set([
         ...Object.keys(kelahiranByYear),
         ...Object.keys(kematianByYear)
       ]);
 
-      // Create data structure for the chart
       const dataByYear = Array.from(allYears).reduce<Record<string, DataTahunan>>((acc, year) => {
         acc[year] = {
           tahun: year,
@@ -93,32 +84,44 @@ function Page() {
       </Stack>
     );
   }
+
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+
+      {/* Page Title */}
+      <Title
+        order={1}
+        ta="center"
+        c={colors['blue-button']}
+        fw="bold"
+        lh={1.2}
+      >
         Data Kesehatan Masyarakat Puskesmas Darmasaba
-      </Text>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'}>
+      </Title>
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <Stack gap="lg">
           {/* Bar Chart Kematian Kelahiran */}
           <Box>
-            <Paper p={"xl"} bg={colors['white-trans-1']}>
+            <Paper p="xl" bg={colors['white-trans-1']}>
               <Box pb={30}>
-                <Title order={2} mb="md">Data Kematian dan Kelahiran</Title>
+                <Title order={2} mb="md" ta="center">
+                  Data Kematian dan Kelahiran
+                </Title>
+
                 {chartData.length === 0 ? (
-                  <Text c="dimmed" ta="center" py="xl">
+                  <Text c="dimmed" ta="center" py="xl" size="md">
                     Belum ada data yang tersedia untuk ditampilkan
                   </Text>
                 ) : (
                   <>
-                    {/* Main Chart */}
                     <Center>
                       <Box h={400}>
                         <Box style={{
-                          width: isMobile ? '90vw' : isTablet ? '700px' : '800px',
+                          width: isMobile ? '90vw' : '800px',
                           maxWidth: '100%',
                           margin: '0 auto'
                         }}>
@@ -137,16 +140,21 @@ function Page() {
                     </Center>
                   </>
                 )}
-                <Flex pb={30} justify={'center'} gap={'xl'} align={'center'}>
+
+                <Flex pb={30} justify="center" gap="xl" align="center" wrap="wrap">
                   <Box>
-                    <Flex gap={{ base: 0, md: 5 }} align={'center'}>
-                      <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Angka Kematian</Text>
-                      <ColorSwatch  color="#EF3E3E" size={30} />
+                    <Flex gap={{ base: 'xs', md: 'sm' }} align="center">
+                      <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>
+                        Angka Kematian
+                      </Text>
+                      <ColorSwatch color="#EF3E3E" size={30} />
                     </Flex>
                   </Box>
                   <Box>
-                    <Flex gap={{ base: 0, md: 5 }} align={'center'}>
-                      <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Angka Kelahiran</Text>
+                    <Flex gap={{ base: 'xs', md: 'sm' }} align="center">
+                      <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>
+                        Angka Kelahiran
+                      </Text>
                       <ColorSwatch color="#3290CA" size={30} />
                     </Flex>
                   </Box>
@@ -154,20 +162,13 @@ function Page() {
               </Box>
             </Paper>
           </Box>
+
           <GrafikPenyakit />
-          {/* Artikel Kesehatan */}
+
           <Box>
-            <SimpleGrid
-              cols={{
-                base: 1,
-                md: 3,
-              }}
-            >
-              {/* Fasilitas Kesehatan */}
+            <SimpleGrid cols={{ base: 1, md: 3 }}>
               <FasilitasKesehatan />
-              {/* Jadwal Kegiatan */}
               <JadwalKegiatan />
-              {/* Artikel Kesehatan */}
               <ArtikelKesehatanPage />
             </SimpleGrid>
           </Box>
@@ -177,4 +178,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
index 9fe5ac53..28ab12d4 100644
--- a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import infoWabahPenyakit from '@/app/admin/(dashboard)/_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit';
 import colors from '@/con/colors';
-import { Box, Button, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Button, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -51,10 +51,15 @@ function DetailInfoWabahPenyakitUser() {
         shadow="sm"
       >
         <Stack gap="lg">
-          {/* Judul */}
-          <Text fz="xl" fw="bold" c={colors['blue-button']} ta="center">
+          {/* Judul — H1 */}
+          <Title
+            order={1}
+            fw="bold"
+            c={colors['blue-button']}
+            ta="center"
+          >
             {data.name || 'Kontak Darurat'}
-          </Text>
+          </Title>
 
           {/* Gambar */}
           {data.image?.link && (
@@ -70,10 +75,16 @@ function DetailInfoWabahPenyakitUser() {
 
           {/* Deskripsi */}
           <Box>
-            <Text fz="lg" fw="bold">Deskripsi</Text>
+            {/* Section Title — H2 */}
+            <Title order={2} fw="bold" fz={{ base: 'md', md: 'lg' }} lh="1.4">
+              Deskripsi
+            </Title>
             <Box pl={20}>
               <Text
-                fz="md"
+                fz={{ base: 'sm', md: 'md' }}
+                lh="1.6"
+                c="dimmed"
+                ta={"justify"}
                 dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }}
                 style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
@@ -85,4 +96,4 @@ function DetailInfoWabahPenyakitUser() {
   );
 }
 
-export default DetailInfoWabahPenyakitUser;
+export default DetailInfoWabahPenyakitUser;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
index 1cf5b958..44d7a4e8 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
@@ -1,7 +1,18 @@
 'use client';
 
 import colors from '@/con/colors';
-import { Button, Center, Flex, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import {
+  Button,
+  Center,
+  Flex,
+  Group,
+  Image,
+  Paper,
+  Skeleton,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconCalendar, IconInfoCircle, IconPhone } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -53,15 +64,14 @@ export default function DetailPosyanduUser() {
         mx="auto"
       >
         <Stack gap="md">
-          {/* Header */}
-          <Text
+          {/* Header — Dijadikan Title */}
+          <Title
             ta="center"
-            fz={{ base: '1.8rem', md: '2.2rem' }}
-            fw={700}
+            order={1}
             c={colors['blue-button']}
           >
             {data.name || 'Posyandu Desa'}
-          </Text>
+          </Title>
 
           {/* Gambar */}
           {data.image?.link ? (
@@ -78,7 +88,7 @@ export default function DetailPosyanduUser() {
             </Center>
           ) : (
             <Center>
-              <Text fz="sm" c="dimmed">
+              <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed">
                 Tidak ada gambar
               </Text>
             </Center>
@@ -88,7 +98,11 @@ export default function DetailPosyanduUser() {
           <Stack gap="sm" mt="md">
             <Flex align="center" gap="xs">
               <IconPhone size={18} stroke={1.5} />
-              <Text fz="sm" c="dimmed">
+              <Text
+                fz={{ base: 'xs', md: 'sm' }}
+                c="dimmed"
+                lh={{ base: 1.5, md: 1.6 }}
+              >
                 {data.nomor || 'Nomor tidak tersedia'}
               </Text>
             </Flex>
@@ -96,8 +110,9 @@ export default function DetailPosyanduUser() {
             <Flex align="center" gap="xs">
               <IconCalendar size={18} stroke={1.5} />
               <Text
-                fz="sm"
+                fz={{ base: 'xs', md: 'sm' }}
                 c="dimmed"
+                lh={{ base: 1.5, md: 1.6 }}
                 dangerouslySetInnerHTML={{ __html: data.jadwalPelayanan || '-' }}
                 style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
               />
@@ -106,9 +121,9 @@ export default function DetailPosyanduUser() {
             <Flex align="center" gap="xs">
               <IconInfoCircle size={18} stroke={1.5} />
               <Text
-                fz="sm"
+                fz={{ base: 'xs', md: 'sm' }}
                 c="dimmed"
-                lh={1.6}
+                lh={{ base: 1.5, md: 1.6 }}
                 dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
                 style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
               />
@@ -118,4 +133,4 @@ export default function DetailPosyanduUser() {
       </Paper>
     </Stack>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
index c567f34f..18a749c3 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import posyandustate from "@/app/admin/(dashboard)/_state/kesehatan/posyandu/posyandu";
 import colors from "@/con/colors";
-import { Badge, Box, Button, Center, Flex, Group, Image, List, ListItem, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from "@mantine/core";
+import { Badge, Box, Button, Center, Flex, Group, Image, List, ListItem, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from "@mantine/core";
 import { useDebouncedValue, useShallowEffect } from "@mantine/hooks";
 import { IconCalendar, IconInfoCircle, IconPhone, IconSearch } from "@tabler/icons-react";
 import { useState } from "react";
@@ -12,8 +12,8 @@ import { useTransitionRouter } from "next-view-transitions";
 export default function Page() {
   const state = useProxy(posyandustate);
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
-  const router = useTransitionRouter()
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+  const router = useTransitionRouter();
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
@@ -35,14 +35,13 @@ export default function Page() {
         <Box px={{ base: "md", md: 100 }}>
           <BackButton />
           <Flex mt="md" justify="space-between" align="center" wrap="wrap" gap="md">
-            <Text
+            <Title
+              order={1}
               ta="left"
-              fz={{ base: "1.8rem", md: "2.5rem" }}
               c={colors["blue-button"]}
-              fw="bold"
             >
               Posyandu Desa Darmasaba
-            </Text>
+            </Title>
             <TextInput
               placeholder="Cari posyandu berdasarkan nama..."
               aria-label="Pencarian Posyandu"
@@ -55,6 +54,7 @@ export default function Page() {
             />
           </Flex>
         </Box>
+        <Title c={"dimmed"} order={3} ta={"center"}>Belum ada posyandu yang terdaftar</Title>
       </Stack>
     );
   }
@@ -64,14 +64,13 @@ export default function Page() {
       <Box px={{ base: "md", md: 100 }}>
         <BackButton />
         <Flex mt="md" justify="space-between" align="center" wrap="wrap" gap="md">
-          <Text
+          <Title
+            order={1}
             ta="left"
-            fz={{ base: "1.8rem", md: "2.5rem" }}
             c={colors["blue-button"]}
-            fw="bold"
           >
             Posyandu Desa Darmasaba
-          </Text>
+          </Title>
           <TextInput
             placeholder="Cari posyandu berdasarkan nama..."
             aria-label="Pencarian Posyandu"
@@ -116,9 +115,9 @@ export default function Page() {
               >
                 <Stack gap="sm">
                   <Group justify="space-between" align="center">
-                    <Text c={colors["blue-button"]} fw="bold" fz="lg" lineClamp={1}>
+                    <Title order={3} c={colors["blue-button"]} fw="bold" lineClamp={1}>
                       {v.name}
-                    </Text>
+                    </Title>
                     <Badge color="blue" variant="light" size="sm" radius="sm">
                       Aktif
                     </Badge>
@@ -137,7 +136,7 @@ export default function Page() {
                   <Flex align="flex-start" gap="xs">
                     <IconPhone size={18} stroke={1.5} style={{ marginTop: 3 }} />
                     <Box>
-                      <Text fz="sm" c="dimmed" lh={1.4}>
+                      <Text fz={{ base: "xs", md: "sm" }} c="dimmed" lh={1.4}>
                         {v.nomor || "Tidak tersedia"}
                       </Text>
                     </Box>
@@ -146,7 +145,7 @@ export default function Page() {
                   <Flex align="flex-start" gap="xs">
                     <IconCalendar size={18} stroke={1.5} style={{ marginTop: 3 }} />
                     <Box>
-                      <Text fz="sm" c="dimmed" lh={1.4}>
+                      <Text fz={{ base: "xs", md: "sm" }} c="dimmed" lh={1.4}>
                         <strong>Jadwal:</strong>{" "}
                         <span
                           style={{ wordBreak: "break-word", whiteSpace: "normal" }}
@@ -159,7 +158,7 @@ export default function Page() {
                   <Flex align="flex-start" gap="xs">
                     <IconInfoCircle size={18} stroke={1.5} style={{ marginTop: 3 }} />
                     <Text
-                      fz="sm"
+                      fz={{ base: "xs", md: "sm" }}
                       lh={1.5}
                       c="dimmed"
                       dangerouslySetInnerHTML={{ __html: v.deskripsi }}
@@ -168,7 +167,9 @@ export default function Page() {
                       truncate="end"
                     />
                   </Flex>
-                  <Button radius="lg" size="md" variant="outline" onClick={() => router.push(`/darmasaba/kesehatan/posyandu/${v.id}`)}>Detail</Button>
+                  <Button radius="lg" size="md" variant="outline" onClick={() => router.push(`/darmasaba/kesehatan/posyandu/${v.id}`)}>
+                    Detail
+                  </Button>
                 </Stack>
               </Paper>
             ))}
@@ -191,11 +192,11 @@ export default function Page() {
           <Stack gap="sm">
             <Flex align="center" gap="xs">
               <IconInfoCircle size={22} color={colors["blue-button"]} />
-              <Text fz="lg" fw="bold" c={colors["blue-button"]}>
+              <Title order={2} c={colors["blue-button"]}>
                 Layanan Utama Posyandu
-              </Text>
+              </Title>
             </Flex>
-            <List spacing="xs" size="sm" center>
+            <List spacing="xs" fz={{ base: "xs", md: "sm" }} center>
               <ListItem>Penimbangan bayi dan balita</ListItem>
               <ListItem>Pemantauan status gizi</ListItem>
               <ListItem>Imunisasi dasar lengkap</ListItem>
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
index e4ccf7e8..89a35181 100644
--- a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
@@ -91,7 +91,7 @@ function StrukturOrganisasiPPID() {
   const debouncedSearch = useRef(
     debounce((value: string) => {
       setSearchQuery(value)
-    }, 400)
+    }, 1000)
   ).current
 
   useEffect(() => {
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
index 91496413..b68d90ba 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
@@ -2,7 +2,7 @@
 'use client';
 import penghargaanState from "@/app/admin/(dashboard)/_state/desa/penghargaan";
 import colors from "@/con/colors";
-import { Box, Button, Container, Group, Paper, Skeleton, Stack, Text } from "@mantine/core";
+import { Box, Button, Container, Group, Paper, Skeleton, Stack, Text, Title } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
 import { IconArrowRight, IconAward } from "@tabler/icons-react";
 import { useTransitionRouter } from "next-view-transitions";
@@ -20,11 +20,21 @@ export default function Page() {
         <Stack align="center" gap="sm">
           <Group gap="xs">
             <IconAward size={40} color={colors["blue-button"]} />
-            <Text fz={{ base: "2rem", md: "3.2rem" }} fw={800} variant="gradient" gradient={{ from: "#1C6EA4", to: "#69BFF8" }}>
+            <Title
+              order={1}
+              fw={800}
+              c={colors["blue-button"]}
+              ta="center"
+            >
               Penghargaan Desa
-            </Text>
+            </Title>
           </Group>
-          <Text fz="lg" c="dimmed" ta="center">
+          <Text
+            fz={{ base: "sm", md: "md" }}
+            lh={{ base: "1.5", md: "1.6" }}
+            c="black"
+            ta="center"
+          >
             Desa Darmasaba berhasil meraih beragam penghargaan bergengsi yang mencerminkan dedikasi dan kerja keras masyarakat dalam membangun desa yang maju dan berkelanjutan.
           </Text>
         </Stack>
@@ -61,10 +71,8 @@ function Slider() {
   const data = state.findMany.data || [];
   const loading = state.findMany.loading;
 
-  // Triple data untuk infinite loop (desktop only)
   const slidesData = mobile ? data : [...data, ...data, ...data];
 
-  // Auto-scroll animation untuk desktop
   useEffect(() => {
     if (loading || !containerRef.current || data.length === 0 || mobile) return;
 
@@ -72,7 +80,6 @@ function Slider() {
     const slideWidth = container.scrollWidth / slidesData.length;
     const originalLength = data.length;
 
-    // Start dari middle set
     scrollPosRef.current = slideWidth * originalLength;
     container.scrollLeft = scrollPosRef.current;
 
@@ -88,7 +95,6 @@ function Slider() {
         const speed = isHoveredRef.current ? SPEED_HOVER : SPEED_NORMAL;
         scrollPosRef.current += speed;
 
-        // Reset untuk infinite loop
         if (scrollPosRef.current >= slideWidth * (originalLength * 2)) {
           scrollPosRef.current -= slideWidth * originalLength;
         }
@@ -100,7 +106,6 @@ function Slider() {
       } else {
         scrollPosRef.current = container.scrollLeft;
 
-        // Momentum untuk drag release
         if (!isDraggingRef.current && Math.abs(velocityRef.current) > 0.1) {
           scrollPosRef.current += velocityRef.current;
           velocityRef.current *= VELOCITY_DECAY;
@@ -185,7 +190,7 @@ function Slider() {
     return (
       <Stack align="center" py="xl">
         <IconAward size={56} color={colors["blue-button"]} />
-        <Text fz="lg" fw={600} c="dimmed">
+        <Text fz={{ base: "sm", md: "md" }} fw={600} c="dimmed" ta="center">
           Belum ada penghargaan yang ditambahkan
         </Text>
       </Stack>
@@ -213,7 +218,6 @@ function Slider() {
         msOverflowStyle: "none",
       }}
     >
-      {/* Blur edges - hanya untuk desktop */}
       {!mobile && (
         <>
           <Box
@@ -291,8 +295,8 @@ function Slider() {
                 style={{ borderRadius: 16 }}
               />
               <Stack justify="flex-end" h="100%" gap="sm" p="lg" pos="relative">
-                <Text
-                  fz={{ base: "lg", sm: "xl", md: "1.5rem" }}
+                <Title
+                  order={3}
                   fw={700}
                   ta="center"
                   c="white"
@@ -300,7 +304,7 @@ function Slider() {
                   style={{ textShadow: "0 2px 8px rgba(0,0,0,0.8)" }}
                 >
                   {item.name}
-                </Text>
+                </Title>
                 <Group justify="center">
                   <Button
                     onClick={() => router.push(`/darmasaba/penghargaan/${item.id}`)}
diff --git a/src/app/darmasaba/_com/NavbarMainMenu.tsx b/src/app/darmasaba/_com/NavbarMainMenu.tsx
index 96548a8e..79ef6134 100644
--- a/src/app/darmasaba/_com/NavbarMainMenu.tsx
+++ b/src/app/darmasaba/_com/NavbarMainMenu.tsx
@@ -74,7 +74,7 @@ export function NavbarMainMenu({ listNavbar }: { listNavbar: MenuItem[] }) {
             <Tooltip label="Profil Saya" position="bottom" withArrow>
               <ActionIcon
                 onClick={() => {
-                  next.push("/admin/landing-page/profile/program-inovasi")
+                  next.push("/admin/landing-page/profil/program-inovasi")
                 }}
                 color={colors["blue-button"]}
                 radius="xl"
diff --git a/src/app/darmasaba/_com/main-page/potensi/index.tsx b/src/app/darmasaba/_com/main-page/potensi/index.tsx
index 33d42aac..d469ede1 100644
--- a/src/app/darmasaba/_com/main-page/potensi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/potensi/index.tsx
@@ -96,7 +96,7 @@ function Potensi() {
         </Stack>
       ) : (
         /* CARD LIST */
-        <SimpleGrid cols={{ base: 1, sm: 2 }}>
+        <SimpleGrid cols={{ base: 1, sm: 2 }} px={{base: 'md', md: 80}}>
           {_.take(data, 4).map((v, k) => (
             <motion.div
               key={k}
diff --git a/src/app/darmasaba/_com/searchUrl.tsx b/src/app/darmasaba/_com/searchUrl.tsx
index 4ce896b9..2eca0785 100644
--- a/src/app/darmasaba/_com/searchUrl.tsx
+++ b/src/app/darmasaba/_com/searchUrl.tsx
@@ -6,20 +6,20 @@ const getDetailUrl = (item: { type?: string; id: string | number;[key: string]:
     sdgsdesa: () => '/darmasaba/sdgs-desa',
     apbdes: () => '/darmasaba/apbdes',
     prestasidesa: () => '/darmasaba/prestasi-desa',
-    pejabatdesa: () => '/darmasaba/ppid/profile-ppid',
+    pejabatdesa: () => '/darmasaba/ppid/profil-ppid',
     strukturppid: () => '/darmasaba/ppid/struktur-ppid',
     visimisippid: () => '/darmasaba/ppid/visi-misi',
     dasarhukumppid: () => '/darmasaba/ppid/dasar-hukum',
-    profileppid: () => '/darmasaba/ppid/profile',
+    profileppid: () => '/darmasaba/ppid/profil',
     daftarinformasipublik: () => '/darmasaba/ppid/daftar-informasi-publik',
-    perbekeldarmasaba: () => '/darmasaba/desa/profile',
+    perbekeldarmasaba: () => '/darmasaba/desa/profil',
     berita: (id, kategori) => `/darmasaba/desa/berita/${kategori}/${id}`,
     pengumuman: (id, kategori) => `/darmasaba/desa/pengumuman/${kategori}/${id}`,
-    sejarahdesa: () => '/darmasaba/desa/profile',
-    visimisidesa: () => '/darmasaba/desa/profile',
-    lambangdesa: () => '/darmasaba/desa/profile',
-    maskotdesa: () => '/darmasaba/desa/profile',
-    profilperbekel: () => '/darmasaba/desa/profile',
+    sejarahdesa: () => '/darmasaba/desa/profil',
+    visimisidesa: () => '/darmasaba/desa/profil',
+    lambangdesa: () => '/darmasaba/desa/profil',
+    maskotdesa: () => '/darmasaba/desa/profil',
+    profilperbekel: () => '/darmasaba/desa/profil',
     potensi: () => '/darmasaba/desa/potensi-desa',
     galleryFoto: () => '/darmasaba/desa/gallery/foto',
     galleryVideo: () => '/darmasaba/desa/gallery/video',
-- 
2.49.1


From f6f77d9e353b1beace6e569396b244e28616b7d1 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 12 Dec 2025 17:06:33 +0800
Subject: [PATCH 53/97] Fix QC Kak Inno Tgl 11 Des Fix QC Kak Ayu Tgl 11 Des
 Fix font style {font size, color, line height} menu kesehatan

---
 .../ekonomi/demografi-pekerjaan/page.tsx      |   4 +-
 .../(pages)/ekonomi/pasar-desa/page.tsx       |   2 +-
 .../ekonomi/sektor-unggulan-desa/page.tsx     |  12 +-
 .../page.tsx                                  |   1 -
 .../inovasi/ajukan-ide-inovatif/page.tsx      | 136 +++++++++++-------
 .../desa-digital-smart-village/page.tsx       |   2 +-
 .../info-teknologi-tepat-guna/page.tsx        |  44 ++++--
 .../(pages)/keamanan/tips-keamanan/page.tsx   |   2 +-
 .../artikel-kesehatan-page/[id]/page.tsx      |  56 ++++----
 .../artikel-kesehatan-page/page.tsx           |  27 ++--
 .../fasilitas-kesehatan-page/[id]/page.tsx    | 115 ++++++++++-----
 .../fasilitas-kesehatan-page/page.tsx         |  28 +++-
 .../jadwal-kegiatan-page/[id]/page.tsx        |  92 +++++++++---
 .../jadwal-kegiatan-page/create/page.tsx      |  87 +++++++----
 .../jadwal-kegiatan-page/page.tsx             |  26 ++--
 .../info-wabah-penyakit/[id]/page.tsx         |  12 +-
 .../kesehatan/info-wabah-penyakit/page.tsx    |  48 ++++---
 .../kesehatan/kontak-darurat/[id]/page.tsx    |  39 ++---
 .../(pages)/kesehatan/kontak-darurat/page.tsx |  61 +++++---
 .../penanganan-darurat/[id]/page.tsx          |  83 ++++++-----
 .../kesehatan/penanganan-darurat/page.tsx     |  37 +++--
 .../(pages)/kesehatan/posyandu/[id]/page.tsx  |  18 ++-
 .../(pages)/kesehatan/posyandu/page.tsx       |  42 +++---
 .../kesehatan/program-kesehatan/[id]/page.tsx | 125 ++++++++--------
 .../kesehatan/program-kesehatan/page.tsx      | 117 +++++++++------
 .../(pages)/kesehatan/puskesmas/[id]/page.tsx |  54 ++++---
 .../(pages)/kesehatan/puskesmas/page.tsx      |  24 ++--
 .../lingkungan/data-lingkungan-desa/page.tsx  |   4 +-
 28 files changed, 802 insertions(+), 496 deletions(-)

diff --git a/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx
index 61db456e..6f88b299 100644
--- a/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx
@@ -76,13 +76,13 @@ function Page() {
             </Box>
             <Flex pb={30} justify={'center'} gap={'xl'} align={'center'}>
               <Box>
-                <Flex gap={{ base: 0, md: 5 }} align={'center'}>
+                <Flex gap={{base: 7, md: 5}} align={'center'}>
                   <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Laki-Laki</Text>
                   <ColorSwatch color="#5082EE" size={30} />
                 </Flex>
               </Box>
               <Box>
-                <Flex gap={{ base: 0, md: 5 }} align={'center'}>
+                <Flex gap={{base: 7, md: 5}} align={'center'}>
                   <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Perempuan</Text>
                   <ColorSwatch color="#6EDF9C" size={30} />
                 </Flex>
diff --git a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
index 6f08a347..d655b676 100644
--- a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
@@ -66,7 +66,7 @@ function Page() {
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
-              w={{ base: "50%", md: "100%" }}
+              w={"100%"}
             />
           </GridCol>
         </Grid>
diff --git a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
index 63bdd10a..ff9953e0 100644
--- a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -53,6 +53,7 @@ function Page() {
       Ton: item.value,
     }));
 
+  const chartWidth = Math.max(600, chartData.length * 150); // contoh: 150px per bar
 
   return (
     <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
@@ -78,7 +79,7 @@ function Page() {
           <Box style={{ width: '100%', overflowX: 'auto' }}>
             <Paper p="xl">
               <Text pb={10} fw="bold" fz="h4">Statistik Sektor Unggulan Darmasaba</Text>
-              <Box style={{ width: '100%', minWidth: '600px' }}>
+              <Box style={{ width: '100%', overflowX: 'auto', maxWidth: `${chartWidth}px` }}>
                 <BarChart
                   p={10}
                   h={300}
@@ -90,11 +91,14 @@ function Page() {
                   tickLine="y"
                   tooltipAnimationDuration={200}
                   withTooltip
-                  style={{
-                    fontFamily: 'inherit',
-                  }}
+                  withXAxis
+                  withYAxis
                   xAxisLabel="Sektor"
                   yAxisLabel="Ton"
+                  style={{
+                    fontFamily: 'inherit',
+                    fontSize: '12px', // ukuran font lebih kecil di mobile
+                  }}
                 />
               </Box>
             </Paper>
diff --git a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
index 446bc801..5471fb5d 100644
--- a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
@@ -365,7 +365,6 @@ function StrukturOrganisasiBumDes() {
               <Box
                 ref={chartContainerRef}
                 style={{
-                  borderRadius: '12px',
                   overflowX: 'auto',
                   overflowY: 'auto',
                   width: '100%',
diff --git a/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
index 25408048..8ebb26ea 100644
--- a/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
@@ -1,20 +1,18 @@
 'use client'
+import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import ajukanIdeInovatifState from '@/app/admin/(dashboard)/_state/inovasi/ajukan-ide-inovatif';
 import colors from '@/con/colors';
 import { ActionIcon, Box, Button, Flex, List, ListItem, Modal, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { IconArrowRight, IconBulbFilled } from '@tabler/icons-react';
+import { IconBulbFilled } from '@tabler/icons-react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
-import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 
 function Page() {
   const [opened, { open, close }] = useDisclosure(false);
-  const ideInovatif = useProxy(ajukanIdeInovatifState)
-
+  const ideInovatif = useProxy(ajukanIdeInovatifState);
 
   const resetForm = () => {
-    // Reset state di valtio
     ideInovatif.create.form = {
       name: "",
       deskripsi: "",
@@ -23,53 +21,66 @@ function Page() {
       masalah: "",
       benefit: "",
     };
-
-    // Reset state lokal
   };
 
   const handleSubmit = async () => {
-    // Submit data berita
     await ideInovatif.create.create();
-
-    // Reset form setelah submit
     resetForm();
     close();
   };
+
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} >
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <Title
+          order={1}
+          ta="center"
+          c={colors["blue-button"]}
+          fw="bold"
+          style={{ fontSize: 'clamp(1.75rem, 4vw, 2.25rem)' }}
+        >
           Ajukan Ide Inovatif
+        </Title>
+        <Text ta="center" fz={{ base: 'sm', md: 'md' }} c="black" lh="1.6">
+          Desa Darmasaba percaya bahwa setiap warga memiliki potensi luar biasa untuk menciptakan perubahan positif. Platform &quot;Ajukan Ide Inovatif&quot; hadir sebagai ruang inklusif bagi seluruh masyarakat untuk mengembangkan dan mengusulkan gagasan transformatif.
         </Text>
-        <Text ta={'center'} fz={'h4'}>Desa Darmasaba percaya bahwa setiap warga memiliki potensi luar biasa untuk menciptakan perubahan positif. Platform &quot;Ajukan Ide Inovatif&quot; hadir sebagai ruang inklusif bagi seluruh masyarakat untuk mengembangkan dan mengusulkan gagasan transformatif.</Text>
       </Box>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'} p={'lg'}>
-          <SimpleGrid
-            cols={{
-              base: 1,
-              md: 2,
-            }}
-          >
-            <Paper p={'xl'} >
-              <Stack gap={"xs"}>
-              <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>Tujuan Ide Inovatif Ini</Text>
-              <List>
-                <ListItem ta={'justify'} fz={{ base: 'h4', md: 'lg' }}>Mendorong partisipasi aktif masyarakat</ListItem>
-                <ListItem ta={'justify'} fz={{ base: 'h4', md: 'lg' }}>Memfasilitasi inovasi berbasis lokal</ListItem>
-                <ListItem ta={'justify'} fz={{ base: 'h4', md: 'lg' }}>Memecahkan tantangan komunal</ListItem>
-                <ListItem ta={'justify'} fz={{ base: 'h4', md: 'lg' }}>Mengembangkan potensi kreativitas warga</ListItem>
-              </List>
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <Stack gap="lg" p="lg">
+          <SimpleGrid cols={{ base: 1, md: 2 }}>
+            <Paper p="xl">
+              <Stack gap="xs">
+                <Title order={2} c={colors['blue-button']} fw="bold">
+                  Tujuan Ide Inovatif Ini
+                </Title>
+                <List>
+                  <ListItem ta="justify" fz={{ base: 'sm', md: 'md' }} lh="1.5">
+                    Mendorong partisipasi aktif masyarakat
+                  </ListItem>
+                  <ListItem ta="justify" fz={{ base: 'sm', md: 'md' }} lh="1.5">
+                    Memfasilitasi inovasi berbasis lokal
+                  </ListItem>
+                  <ListItem ta="justify" fz={{ base: 'sm', md: 'md' }} lh="1.5">
+                    Memecahkan tantangan komunal
+                  </ListItem>
+                  <ListItem ta="justify" fz={{ base: 'sm', md: 'md' }} lh="1.5">
+                    Mengembangkan potensi kreativitas warga
+                  </ListItem>
+                </List>
               </Stack>
             </Paper>
-            <Paper p={'xl'} >
-              <Flex align={'center'} justify={'space-between'}>
+
+            <Paper p="xl">
+              <Flex align="center" justify="space-between" direction={{ base: 'column', md: 'row' }} gap="md">
                 <Box>
-                  <Text fz={'h4'} fw={'bold'} c={colors['blue-button']}>Apabila Anda Ingin Mengajukan Ide Inovatif Bisa Klik Pada Gambar Di Samping</Text>
-                  <IconArrowRight size={30} color={colors['blue-button']} />
+                  <Title order={3} c={colors['blue-button']} fw="bold" ta={{ base: 'center', md: 'start' }}>
+                    Apabila Anda Ingin Mengajukan Ide Inovatif Bisa Klik Pada Gambar
+                  </Title>
                 </Box>
                 <Box px={{ base: 5, md: 10 }} py={5}>
                   <ActionIcon variant="transparent" size={150} onClick={open}>
@@ -88,32 +99,46 @@ function Page() {
         radius={0}
         transitionProps={{ transition: 'fade', duration: 200 }}
       >
-        <Paper p={"md"} withBorder>
-          <Stack gap={"xs"}>
+        <Paper p="md" withBorder>
+          <Stack gap="xs">
             <Title order={3}>Ajukan Ide Inovatif</Title>
             <TextInput
-              label={<Text fz={"sm"} fw={"bold"}>Nama</Text>}
+              label={
+                <Text fz="sm" fw="bold">
+                  Nama
+                </Text>
+              }
               placeholder="masukkan nama"
               onChange={(val) => {
-                ideInovatif.create.form.name = val.target.value
+                ideInovatif.create.form.name = val.target.value;
               }}
             />
             <TextInput
-              label={<Text fz={"sm"} fw={"bold"}>Alamat</Text>}
+              label={
+                <Text fz="sm" fw="bold">
+                  Alamat
+                </Text>
+              }
               placeholder="masukkan alamat"
               onChange={(val) => {
-                ideInovatif.create.form.alamat = val.target.value
+                ideInovatif.create.form.alamat = val.target.value;
               }}
             />
             <TextInput
-              label={<Text fz={"sm"} fw={"bold"}>Nama Ide</Text>}
+              label={
+                <Text fz="sm" fw="bold">
+                  Nama Ide
+                </Text>
+              }
               placeholder="masukkan nama ide"
               onChange={(val) => {
-                ideInovatif.create.form.namaIde = val.target.value
+                ideInovatif.create.form.namaIde = val.target.value;
               }}
             />
             <Box>
-              <Text fz={"sm"} fw={"bold"}>Deskripsi</Text>
+              <Text fz="sm" fw="bold">
+                Deskripsi
+              </Text>
               <CreateEditor
                 value={ideInovatif.create.form.deskripsi}
                 onChange={(htmlContent) => {
@@ -122,26 +147,35 @@ function Page() {
               />
             </Box>
             <TextInput
-              label={<Text fz={"sm"} fw={"bold"}>Masalah</Text>}
+              label={
+                <Text fz="sm" fw="bold">
+                  Masalah
+                </Text>
+              }
               placeholder="masukkan masalah"
               onChange={(val) => {
-                ideInovatif.create.form.masalah = val.target.value
+                ideInovatif.create.form.masalah = val.target.value;
               }}
             />
             <TextInput
-              label={<Text fz={"sm"} fw={"bold"}>Benefit</Text>}
+              label={
+                <Text fz="sm" fw="bold">
+                  Benefit
+                </Text>
+              }
               placeholder="masukkan benefit"
               onChange={(val) => {
-                ideInovatif.create.form.benefit = val.target.value
+                ideInovatif.create.form.benefit = val.target.value;
               }}
             />
-            <Button bg={colors['blue-button']} onClick={handleSubmit}>Simpan</Button>
+            <Button bg={colors['blue-button']} onClick={handleSubmit}>
+              Simpan
+            </Button>
           </Stack>
         </Paper>
       </Modal>
-
     </Stack>
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
index 8ea05d2f..b4aca08d 100644
--- a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
@@ -58,7 +58,7 @@ function Page() {
             />
           </GridCol>
         </Grid>
-        <Text fz={'md'}>Menjadikan Desa Darmasaba pusat inovasi digital untuk pemberdayaan masyarakat</Text>
+        <Text pt={20} fz={'md'}>Menjadikan Desa Darmasaba pusat inovasi digital untuk pemberdayaan masyarakat</Text>
         <Text fz={'md'}>dan peningkatan ekonomi berbasis teknologi.</Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
diff --git a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
index dc69f126..d66c8dde 100644
--- a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -1,17 +1,17 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
-import BackButton from '../../desa/layanan/_com/BackButto';
+import { Box, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useProxy } from 'valtio/utils';
 
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { useState } from 'react';
 import infoTeknoState from '@/app/admin/(dashboard)/_state/inovasi/info-tekno';
 import { IconSearch } from '@tabler/icons-react';
+import BackButton from '../../desa/layanan/_com/BackButto';
 
 function Page() {
   const [search, setSearch] = useState("")
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const state = useProxy(infoTeknoState)
   const {
     data,
@@ -34,17 +34,24 @@ function Page() {
       </Stack>
     )
   }
+
   return (
     <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} >
+
+      <Box px={{ base: 'md', md: 100 }}>
         <Grid align='center'>
           <GridCol span={{ base: 12, md: 9 }}>
-            <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+            <Title
+              order={1}
+              c={colors["blue-button"]}
+              fw={"bold"}
+              ta={{ base: 'center', md: 'left' }}
+            >
               Info Teknologi Tepat Guna
-            </Text>
+            </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 3 }}>
             <TextInput
@@ -53,13 +60,19 @@ function Page() {
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
-              w={{ base: "50%", md: "100%" }}
+              w={{ base: "100%", md: "100%" }}
             />
           </GridCol>
         </Grid>
-        <Text fz={'md'}>Desa Darmasaba berkomitmen mengembangkan teknologi tepat guna yang sesuai dengan kebutuhan masyarakat,</Text>
-        <Text fz={'md'}>mendukung pembangunan berkelanjutan, dan meningkatkan kualitas hidup warga.</Text>
+
+        <Text pt={20} fz={{ base: 'sm', md: 'md' }} ta={{ base: 'center', md: 'left' }} lh={1.5}>
+          Desa Darmasaba berkomitmen mengembangkan teknologi tepat guna yang sesuai dengan kebutuhan masyarakat,
+        </Text>
+        <Text fz={{ base: 'sm', md: 'md' }} ta={{ base: 'center', md: 'left' }} lh={1.5}>
+          mendukung pembangunan berkelanjutan, dan meningkatkan kualitas hidup warga.
+        </Text>
       </Box>
+
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'} p={'lg'}>
           <SimpleGrid
@@ -74,12 +87,14 @@ function Page() {
                 <Paper p={'xl'} key={k}>
                   <Stack gap={"xs"}>
                     <Image src={v.image.link || ''} pb={10} radius={10} alt='' loading="lazy" />
-                    <Text fz={'h3'} fw={'bold'}>{v.name}</Text>
+                    <Title order={3} fw={'bold'} ta="left">
+                      {v.name}
+                    </Title>
                     <Box pr={'lg'} pb={10}>
                       <Text
-                        size="md"
+                        fz={{ base: 'xs', md: 'sm' }}
                         ta="justify"
-                        lh={1} // line height biar enak dibaca
+                        lh={1.5}
                         style={{
                           wordBreak: "break-word",
                           whiteSpace: "normal",
@@ -94,10 +109,11 @@ function Page() {
           </SimpleGrid>
         </Stack>
       </Box>
+
       <Center>
         <Pagination
           value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
+          onChange={(newPage) => load(newPage)}
           total={totalPages}
           my="md"
         />
@@ -106,4 +122,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
index 5ef575b3..6103cb0f 100644
--- a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
@@ -56,7 +56,7 @@ function Page() {
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
-              w={{ base: '50%', md: '100%' }}
+              w={'100%'}
             />
           </GridCol>
         </Grid>
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
index d1b1bb69..86494b94 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
@@ -2,7 +2,7 @@
 import artikelKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
 import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
 import colors from '@/con/colors';
-import { Box, Divider, Flex, Group, Image, List, ListItem, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Divider, Flex, Group, Image, List, ListItem, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconAlertCircle, IconCalendar, IconInfoCircle } from '@tabler/icons-react';
 import { useParams } from 'next/navigation';
@@ -37,9 +37,9 @@ function Page() {
         <Stack gap="lg">
           <Paper radius="xl" shadow="md" withBorder>
             <Box style={{ borderTopLeftRadius: 16, borderTopRightRadius: 16 }} bg={colors['blue-button']}>
-              <Text p="md" fz={{ base: 'h3', md: 'h2' }} c={colors['white-1']} fw="bold">
+              <Title order={1} p="md" c={colors['white-1']} fw="bold">
                 {state.findUnique.data.title || 'Detail Artikel Kesehatan'}
-              </Text>
+              </Title>
             </Box>
 
             <Box p="lg">
@@ -64,7 +64,7 @@ function Page() {
               <Stack gap="lg">
                 <Group gap="xs">
                   <IconCalendar size={18} color={colors['blue-button']} />
-                  <Text c="dimmed" fz="sm">
+                  <Text fz={{ base: 'xs', md: 'sm' }} lh={1.5}>
                     {new Date(state.findUnique.data.createdAt).toLocaleDateString('id-ID', {
                       year: 'numeric',
                       month: 'long',
@@ -74,48 +74,47 @@ function Page() {
                 </Group>
 
                 <Stack gap="lg">
-
                   <Box>
-                    <Text fz="h4" fw="bold">Pendahuluan</Text>
+                    <Title order={2} fw="bold">Pendahuluan</Title>
                     <Divider my="xs" />
                     <Box pl={20}>
-                      <Text fz="md" lh={1.6} ta="justify" dangerouslySetInnerHTML={{ __html: state.findUnique.data.introduction?.content }} />
+                      <Text fz={{ base: 'sm', md: 'md' }} lh={1.6} ta="justify" dangerouslySetInnerHTML={{ __html: state.findUnique.data.introduction?.content }} />
                     </Box>
                   </Box>
 
                   <Box>
-                    <Text fz="h4" fw="bold">{state.findUnique.data.symptom?.title}</Text>
+                    <Title order={2} fw="bold">{state.findUnique.data.symptom?.title}</Title>
                     <Divider my="xs" />
                     <Box pl={20}>
-                      <Text fz="md" lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.symptom?.content }} />
+                      <Text fz={{ base: 'sm', md: 'md' }} lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.symptom?.content }} />
                     </Box>
                   </Box>
 
                   <Box>
-                    <Text fz="h4" fw="bold">{state.findUnique.data.prevention?.title}</Text>
+                    <Title order={2} fw="bold">{state.findUnique.data.prevention?.title}</Title>
                     <Divider my="xs" />
                     <Box pl={20}>
-                      <Text fz="md" lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.prevention?.content }} />
+                      <Text fz={{ base: 'sm', md: 'md' }} lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.prevention?.content }} />
                     </Box>
                   </Box>
 
                   <Box>
-                    <Text fz="h4" fw="bold">{state.findUnique.data.firstaid?.title}</Text>
+                    <Title order={2} fw="bold">{state.findUnique.data.firstaid?.title}</Title>
                     <Divider my="xs" />
                     <Box pl={20}>
-                      <Text fz="md" lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.firstaid?.content }} />
+                      <Text fz={{ base: 'sm', md: 'md' }} lh={1.6} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.firstaid?.content }} />
                     </Box>
                   </Box>
 
                   <Box>
-                    <Text fz="h4" fw="bold">{state.findUnique.data.mythvsfact?.title}</Text>
+                    <Title order={2} fw="bold">{state.findUnique.data.mythvsfact?.title}</Title>
                     <Divider my="xs" />
                     <Box pb="md">
                       <Table highlightOnHover withTableBorder withColumnBorders striped>
                         <TableThead>
                           <TableTr>
-                            <TableTh fz="sm" fw="bold">Mitos</TableTh>
-                            <TableTh fz="sm" fw="bold">Fakta</TableTh>
+                            <TableTh fz={{ base: 'xs', md: 'sm' }} fw="bold">Mitos</TableTh>
+                            <TableTh fz={{ base: 'xs', md: 'sm' }} fw="bold">Fakta</TableTh>
                           </TableTr>
                         </TableThead>
                         <TableTbody>
@@ -123,12 +122,12 @@ function Page() {
                             <TableTr>
                               <TableTd>
                                 <Box pl={20}>
-                                  <Text fz="sm" lh={1.6} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.mitos }} />
+                                  <Text fz={{ base: 'xs', md: 'sm' }} lh={1.6} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.mitos }} />
                                 </Box>
                               </TableTd>
                               <TableTd>
                                 <Box pl={20}>
-                                  <Text fz="sm" lh={1.6} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.fakta }} />
+                                  <Text fz={{ base: 'xs', md: 'sm' }} lh={1.6} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.fakta }} />
                                 </Box>
                               </TableTd>
                             </TableTr>
@@ -143,34 +142,35 @@ function Page() {
                   </Box>
 
                   <Box>
-                    <Text fz="h4" fw="bold">Kapan Harus ke Dokter?</Text>
+                    <Title order={2} fw="bold">Kapan Harus ke Dokter?</Title>
                     <Divider my="xs" />
                     <Flex justify={'flex-start'} gap={"xs"} align={"center"} mb="xs">
                       <IconAlertCircle size={18} color="red" />
-                      <Text fz="md">Segera bawa penderita ke fasilitas kesehatan jika mengalami:</Text>
+                      <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>Segera bawa penderita ke fasilitas kesehatan jika mengalami:</Text>
                     </Flex>
                     <Box pl={20}>
-                      <Text fz="md" lh={1.6} dangerouslySetInnerHTML={{ __html: state.findUnique.data.doctorsign.content }} /></Box>
+                      <Text fz={{ base: 'sm', md: 'md' }} lh={1.6} dangerouslySetInnerHTML={{ __html: state.findUnique.data.doctorsign.content }} />
+                    </Box>
                   </Box>
 
                   <Box>
                     <Paper p="lg" radius="md" bg={colors['blue-button-trans']} withBorder>
                       <Group gap="xs" mb="sm">
                         <IconInfoCircle size={20} color={colors['white-1']} />
-                        <Text fz="h4" c={colors['white-1']} fw="bold">Informasi Lebih Lanjut</Text>
+                        <Title order={3} c={colors['white-1']} fw="bold">Informasi Lebih Lanjut</Title>
                       </Group>
                       <Stack gap={4}>
-                        <Text fz="sm" c={colors['white-1']}>Hotline DBD: <b>(0361) 123456</b></Text>
-                        <Text fz="sm" c={colors['white-1']}>WhatsApp Center: <b>081234567890</b></Text>
-                        <Text fz="sm" c={colors['white-1']}>Email: <b>p2p@dinkes.badungkab.go.id</b></Text>
+                        <Text fz={{ base: 'xs', md: 'sm' }} c={colors['white-1']}>Hotline DBD: <b>(0361) 123456</b></Text>
+                        <Text fz={{ base: 'xs', md: 'sm' }} c={colors['white-1']}>WhatsApp Center: <b>081234567890</b></Text>
+                        <Text fz={{ base: 'xs', md: 'sm' }} c={colors['white-1']}>Email: <b>p2p@dinkes.badungkab.go.id</b></Text>
                       </Stack>
                     </Paper>
                   </Box>
 
                   <Box>
-                    <Text fz="h4" fw="bold">Referensi</Text>
+                    <Title order={2} fw="bold">Referensi</Title>
                     <Divider my="xs" />
-                    <List spacing="xs" size="sm" type="ordered">
+                    <List spacing="xs" fz={{ base: 'xs', md: 'sm' }} type="ordered">
                       <ListItem>Kementerian Kesehatan RI. (2024). Pedoman Pencegahan dan Pengendalian DBD.</ListItem>
                       <ListItem>World Health Organization. (2024). Dengue Guidelines for Diagnosis, Treatment, Prevention and Control.</ListItem>
                       <ListItem>Dinas Kesehatan Kabupaten Badung. (2025). Laporan Surveilans DBD Triwulan I 2025.</ListItem>
@@ -186,4 +186,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
index b8bab7ae..31e23ce5 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import artikelKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
 import colors from '@/con/colors';
-import { Box, Button, Card, Divider, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Button, Card, Divider, Group, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconCalendar, IconChevronRight } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -27,13 +27,13 @@ function ArtikelKesehatanPage() {
     <Box>
       <Paper p="xl" bg={colors['white-trans-1']} radius="xl" shadow="md">
         <Stack gap="lg">
-          <Text ta="center" fw={700} fz="32px" c={colors['blue-button']}>
+          <Title ta="center" order={1} c={colors['blue-button']}>
             Artikel Kesehatan
-          </Text>
+          </Title>
           <Divider size="sm" color={colors['blue-button']} />
           {state.findMany.data.length === 0 ? (
             <Box py="xl" ta="center">
-              <Text fz="lg" c="dimmed">
+              <Text fz={{ base: 'sm', sm: 'md' }} c="dimmed">
                 Belum ada artikel kesehatan yang tersedia
               </Text>
             </Box>
@@ -50,17 +50,26 @@ function ArtikelKesehatanPage() {
                 onMouseLeave={(e) => (e.currentTarget.style.transform = 'translateY(0)')}
               >
                 <Card.Section>
-                  <Image style={{ borderTopLeftRadius: '10px', borderTopRightRadius: '10px' }} src={item.image?.link} alt={item.title} height={200} fit="cover" loading="lazy" />
+                  <Image
+                    style={{ borderTopLeftRadius: '10px', borderTopRightRadius: '10px' }}
+                    src={item.image?.link}
+                    alt={item.title}
+                    height={200}
+                    fit="cover"
+                    loading="lazy"
+                  />
                 </Card.Section>
                 <Stack gap="xs" mt="md">
-                  <Text fw="bold" fz="xl" c={colors['blue-button']}>{item.title}</Text>
+                  <Title order={3} c={colors['blue-button']}>
+                    {item.title}
+                  </Title>
                   <Group gap="xs">
                     <IconCalendar size={16} color='gray' />
-                    <Text fz="sm" c="dimmed">
+                    <Text fz={{ base: 'xs', sm: 'sm' }} c="dimmed">
                       {new Date(item.createdAt).toLocaleDateString('id-ID', { year: 'numeric', month: 'long', day: 'numeric' })} • Dinas Kesehatan
                     </Text>
                   </Group>
-                  <Text fz="md" lineClamp={3}>
+                  <Text fz={{ base: 'sm', sm: 'md' }} lh={{ base: 'sm', sm: 'md' }} lineClamp={3}>
                     {item.content}
                   </Text>
                   <Group justify="flex-start">
@@ -84,4 +93,4 @@ function ArtikelKesehatanPage() {
   );
 }
 
-export default ArtikelKesehatanPage;
+export default ArtikelKesehatanPage;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
index 086c9a18..9baabf4b 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
@@ -16,7 +16,6 @@ interface Kontak {
   email: string;
 }
 
-
 interface Lokasi {
   mapsEmbed: string;
 }
@@ -35,7 +34,7 @@ function Page() {
     state.findUnique.load(params?.id as string);
   }, []);
 
-  const data = state.findUnique.data as any; // Temporary any to fix type issues
+  const data = state.findUnique.data as any;
 
   const nama = data?.name || 'Fasilitas Kesehatan';
   const prosedur = data?.prosedurpendaftaran.content || '';
@@ -111,11 +110,11 @@ function Page() {
             <Group gap="md" wrap="wrap">
               <Group gap="xs">
                 <ThemeIcon variant="light" radius="xl"><IconMapPin size={18} /></ThemeIcon>
-                <Text>{alamat}</Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>{alamat}</Text>
               </Group>
               <Group gap="xs">
                 <ThemeIcon variant="light" radius="xl"><IconDeviceLandlinePhone size={18} /></ThemeIcon>
-                <Text>{kontak.telepon}</Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>{kontak.telepon}</Text>
                 <CopyButton value={kontak.telepon}>
                   {({ copied, copy }) => (
                     <Tooltip label={copied ? 'Disalin' : 'Salin nomor'}>
@@ -126,7 +125,7 @@ function Page() {
               </Group>
               <Group gap="xs">
                 <ThemeIcon variant="light" radius="xl"><IconBrandWhatsapp size={18} /></ThemeIcon>
-                <Text>{kontak.whatsapp}</Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>{kontak.whatsapp}</Text>
                 <CopyButton value={kontak.whatsapp}>
                   {({ copied, copy }) => (
                     <Tooltip label={copied ? 'Disalin' : 'Salin WhatsApp'}>
@@ -137,7 +136,7 @@ function Page() {
               </Group>
               <Group gap="xs">
                 <ThemeIcon variant="light" radius="xl"><IconMail size={18} /></ThemeIcon>
-                <Text>{kontak.email}</Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>{kontak.email}</Text>
                 <CopyButton value={kontak.email}>
                   {({ copied, copy }) => (
                     <Tooltip label={copied ? 'Disalin' : 'Salin email'}>
@@ -163,33 +162,43 @@ function Page() {
                 <Divider />
                 <Group gap="xl" align="start">
                   <Stack gap={2}>
-                    <Text c="dimmed" fz="sm">Nama Fasilitas</Text>
-                    <Text fw={600}>{nama}</Text>
+                    <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }}>Nama Fasilitas</Text>
+                    <Text fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.5}>{nama}</Text>
                   </Stack>
                   <Stack gap={2}>
-                    <Text c="dimmed" fz="sm">Jam Operasional</Text>
-                    <Text fw={600}>{jam}</Text>
+                    <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }}>Jam Operasional</Text>
+                    <Text fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.5}>{jam}</Text>
                   </Stack>
                 </Group>
                 <Divider />
                 <Title order={4}>Layanan Unggulan</Title>
                 <Divider />
                 {layananUnggulan ? (
-                  <Box pl={"lg"}>
-                    <Text fz="md" style={{ lineHeight: 1.7, wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: layananUnggulan }} />
+                  <Box pl="lg">
+                    <Text
+                      fz={{ base: 'sm', md: 'md' }}
+                      lh={{ base: 1.6, md: 1.7 }}
+                      style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                      dangerouslySetInnerHTML={{ __html: layananUnggulan }}
+                    />
                   </Box>
                 ) : (
                   <Paper withBorder radius="md" p="md">
                     <Group gap="sm">
                       <IconMoodEmpty />
-                      <Text>Belum ada informasi fasilitas pendukung.</Text>
+                      <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">Belum ada informasi layanan unggulan.</Text>
                     </Group>
                   </Paper>
                 )}
                 <Divider />
                 <Title order={4}>Peta Lokasi</Title>
                 <AspectRatio ratio={16 / 9}>
-                  <iframe src={lokasi.mapsEmbed} style={{ border: 0, width: '100%', height: '100%', borderRadius: 16 }} loading="lazy" aria-label="Peta Lokasi" />
+                  <iframe
+                    src={lokasi.mapsEmbed}
+                    style={{ border: 0, width: '100%', height: '100%', borderRadius: 16 }}
+                    loading="lazy"
+                    aria-label="Peta Lokasi"
+                  />
                 </AspectRatio>
               </Stack>
             </Card>
@@ -201,9 +210,15 @@ function Page() {
                 <Stack gap="md">
                   <Title order={4}>Kontak Cepat</Title>
                   <Group gap="sm" wrap="wrap">
-                    <Button variant="light" leftSection={<IconDeviceLandlinePhone size={18} />} component="a" href={`tel:${kontak.telepon}`} aria-label="Hubungi Telepon">Telepon</Button>
-                    <Button variant="light" leftSection={<IconBrandWhatsapp size={18} />} component="a" href={`https://wa.me/${kontak.whatsapp.replace(/\D/g, '')}`} target="_blank" aria-label="Hubungi WhatsApp">WhatsApp</Button>
-                    <Button variant="light" leftSection={<IconMail size={18} />} component="a" href={`mailto:${kontak.email}`} aria-label="Kirim Email">Email</Button>
+                    <Button variant="light" leftSection={<IconDeviceLandlinePhone size={18} />} component="a" href={`tel:${kontak.telepon}`} aria-label="Hubungi Telepon">
+                      <Text fz={{ base: 'xs', md: 'sm' }}>Telepon</Text>
+                    </Button>
+                    <Button variant="light" leftSection={<IconBrandWhatsapp size={18} />} component="a" href={`https://wa.me/${kontak.whatsapp.replace(/\D/g, '')}`} target="_blank" aria-label="Hubungi WhatsApp">
+                      <Text fz={{ base: 'xs', md: 'sm' }}>WhatsApp</Text>
+                    </Button>
+                    <Button variant="light" leftSection={<IconMail size={18} />} component="a" href={`mailto:${kontak.email}`} aria-label="Kirim Email">
+                      <Text fz={{ base: 'xs', md: 'sm' }}>Email</Text>
+                    </Button>
                   </Group>
                 </Stack>
               </Card>
@@ -214,9 +229,15 @@ function Page() {
                   <Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Dokter">
                     <TableThead>
                       <TableTr>
-                        <TableTh>Nama</TableTh>
-                        <TableTh>Spesialisasi</TableTh>
-                        <TableTh>Jadwal</TableTh>
+                        <TableTh>
+                          <Text fz={{ base: 'xs', md: 'sm' }} fw={600}>Nama</Text>
+                        </TableTh>
+                        <TableTh>
+                          <Text fz={{ base: 'xs', md: 'sm' }} fw={600}>Spesialisasi</Text>
+                        </TableTh>
+                        <TableTh>
+                          <Text fz={{ base: 'xs', md: 'sm' }} fw={600}>Jadwal</Text>
+                        </TableTh>
                       </TableTr>
                     </TableThead>
                     <TableTbody>
@@ -226,11 +247,15 @@ function Page() {
                             <TableTd>
                               <Group gap="xs">
                                 <IconUser size={16} />
-                                <Text>{dokter.name || '-'}</Text>
+                                <Text fz={{ base: 'sm', md: 'md' }}>{dokter.name || '-'}</Text>
                               </Group>
                             </TableTd>
-                            <TableTd>{dokter.specialist || '-'}</TableTd>
-                            <TableTd>{dokter.jadwal || '-'}</TableTd>
+                            <TableTd>
+                              <Text fz={{ base: 'sm', md: 'md' }}>{dokter.specialist || '-'}</Text>
+                            </TableTd>
+                            <TableTd>
+                              <Text fz={{ base: 'sm', md: 'md' }}>{dokter.jadwal || '-'}</Text>
+                            </TableTd>
                           </TableTr>
                         ))
                       ) : (
@@ -238,7 +263,7 @@ function Page() {
                           <TableTd colSpan={3}>
                             <Group justify="center" gap="xs" c="dimmed">
                               <IconSearch size={18} />
-                              <Text>Tidak ada data tenaga medis.</Text>
+                              <Text fz={{ base: 'sm', md: 'md' }}>Tidak ada data tenaga medis.</Text>
                             </Group>
                           </TableTd>
                         </TableTr>
@@ -254,13 +279,18 @@ function Page() {
                   <Divider />
                   {fasilitasPendukungHtml ? (
                     <Box pl="lg">
-                      <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }} />
+                      <Text
+                        fz={{ base: 'sm', md: 'md' }}
+                        lh={{ base: 1.6, md: 1.7 }}
+                        style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                        dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }}
+                      />
                     </Box>
                   ) : (
                     <Paper withBorder radius="md" p="md">
                       <Group gap="sm">
                         <IconMoodEmpty />
-                        <Text>Belum ada informasi fasilitas pendukung.</Text>
+                        <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">Belum ada informasi fasilitas pendukung.</Text>
                       </Group>
                     </Paper>
                   )}
@@ -274,16 +304,24 @@ function Page() {
                   <Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Layanan dan Tarif">
                     <TableThead>
                       <TableTr>
-                        <TableTh>Layanan</TableTh>
-                        <TableTh>Tarif</TableTh>
+                        <TableTh>
+                          <Text fz={{ base: 'xs', md: 'sm' }} fw={600}>Layanan</Text>
+                        </TableTh>
+                        <TableTh>
+                          <Text fz={{ base: 'xs', md: 'sm' }} fw={600}>Tarif</Text>
+                        </TableTh>
                       </TableTr>
                     </TableThead>
                     <TableTbody>
                       {Array.isArray(data?.tarifdanlayanan) && data.tarifdanlayanan.length > 0 ? (
                         data.tarifdanlayanan.map((item: any) => (
                           <TableTr key={item.id}>
-                            <TableTd>{item.layanan || '-'}</TableTd>
-                            <TableTd>{formatRupiah(item.tarif)}</TableTd>
+                            <TableTd>
+                              <Text fz={{ base: 'sm', md: 'md' }}>{item.layanan || '-'}</Text>
+                            </TableTd>
+                            <TableTd>
+                              <Text fz={{ base: 'sm', md: 'md' }}>{formatRupiah(item.tarif)}</Text>
+                            </TableTd>
                           </TableTr>
                         ))
                       ) : (
@@ -291,7 +329,7 @@ function Page() {
                           <TableTd colSpan={2}>
                             <Group justify="center" gap="xs" c="dimmed">
                               <IconSearch size={18} />
-                              <Text>Tidak ada data tarif.</Text>
+                              <Text fz={{ base: 'sm', md: 'md' }}>Tidak ada data tarif.</Text>
                             </Group>
                           </TableTd>
                         </TableTr>
@@ -301,7 +339,7 @@ function Page() {
                   {gratisBpjs && (
                     <Group gap="xs">
                       <ThemeIcon variant="light" radius="xl"><IconCheck size={18} /></ThemeIcon>
-                      <Text fw={600}>Gratis dengan BPJS Kesehatan</Text>
+                      <Text fz={{ base: 'sm', md: 'md' }} fw={600}>Gratis dengan BPJS Kesehatan</Text>
                     </Group>
                   )}
                 </Stack>
@@ -317,9 +355,16 @@ function Page() {
             <Title order={3}>Prosedur Pendaftaran</Title>
             <Divider />
             {prosedur ? (
-              <Box pl="lg"><Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: prosedur }} /></Box>
+              <Box pl="lg">
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={{ base: 1.6, md: 1.7 }}
+                  style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                  dangerouslySetInnerHTML={{ __html: prosedur }}
+                />
+              </Box>
             ) : (
-              <Text fz="md" c="dimmed">Belum ada prosedur pendaftaran</Text>
+              <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">Belum ada prosedur pendaftaran</Text>
             )}
           </Stack>
         </Paper>
@@ -328,4 +373,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
index 61b0e609..de2f3b62 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx
@@ -40,7 +40,11 @@ function FasilitasKesehatanPage() {
           <Stack gap="lg">
             {state.findMany.data.length === 0 ? (
               <Box py="xl" ta="center">
-                <Text size="lg" c="dimmed" lh="1.5">
+                <Text
+                  fz={{ base: 'sm', sm: 'md' }}
+                  c={colors['blue-button']}
+                  lh={{ base: '1.5', sm: '1.6' }}
+                >
                   Belum ada fasilitas kesehatan yang tersedia
                 </Text>
               </Box>
@@ -67,20 +71,36 @@ function FasilitasKesehatanPage() {
                 >
                   <Stack gap="sm">
                     <Group justify="space-between" align="center">
-                      <Title order={3} fw={700} c={colors['blue-button']} lh="1.3" />
+                      <Title
+                        order={3}
+                        fw={700}
+                        c={colors['blue-button']}
+                        fz={{ base: 'sm', sm: 'md' }}
+                        lh={{ base: '1.3', sm: '1.3' }}
+                      >
+                        {item.name}
+                      </Title>
                       <Badge color="blue" radius="sm" variant="light" size="xs">
                         Aktif
                       </Badge>
                     </Group>
                     <Group gap="xs">
                       <IconMapPin size={18} stroke={1.5} />
-                      <Text size="sm" lh="1.5">
+                      <Text
+                        fz={{ base: 'xs', sm: 'sm' }}
+                        lh={{ base: '1.5', sm: '1.5' }}
+                        c="text"
+                      >
                         {item.informasiumum.alamat}
                       </Text>
                     </Group>
                     <Group gap="xs">
                       <IconClock size={18} stroke={1.5} />
-                      <Text size="sm" lh="1.5">
+                      <Text
+                        fz={{ base: 'xs', sm: 'sm' }}
+                        lh={{ base: '1.5', sm: '1.5' }}
+                        c="text"
+                      >
                         {item.informasiumum.jamOperasional}
                       </Text>
                     </Group>
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
index c7a29b9b..1ab88576 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
@@ -11,7 +11,8 @@ import {
   Paper,
   Skeleton,
   Stack,
-  Text
+  Text,
+  Title
 } from '@mantine/core';
 import { useDisclosure, useShallowEffect } from '@mantine/hooks';
 import { IconMail, IconPhone, IconUser } from '@tabler/icons-react';
@@ -51,55 +52,97 @@ function Page() {
               style={{ borderTopLeftRadius: 16, borderTopRightRadius: 16 }}
               bg={colors['blue-button']}
             >
-              <Text p="md" fz={{ base: "h3", md: "h2" }} c={colors['white-1']} fw="bold">
+              <Title
+                p="md"
+                order={1}
+                c={colors['white-1']}
+                fw="bold"
+                ta={{ base: 'center', md: 'left' }}
+              >
                 Detail & Pendaftaran Kegiatan
-              </Text>
+              </Title>
             </Box>
             <Box p="lg">
               <Stack gap="xl">
                 <Stack gap="sm">
-                  <Text fz="lg" fw="bold">Informasi Kegiatan</Text>
+                  <Title order={2} fw="bold">Informasi Kegiatan</Title>
                   <Divider />
-                  <Text fz="md" fw="bold">Nama Kegiatan: <Text span>{state.findUnique.data.informasijadwalkegiatan.name}</Text></Text>
-                  <Text fz="md" fw="bold">Tanggal: <Text span>{state.findUnique.data.informasijadwalkegiatan.tanggal}</Text></Text>
-                  <Text fz="md" fw="bold">Waktu: <Text span>{state.findUnique.data.informasijadwalkegiatan.waktu}</Text></Text>
-                  <Text fz="md" fw="bold">Lokasi: <Text span>{state.findUnique.data.informasijadwalkegiatan.lokasi}</Text></Text>
+                  <Text fw="bold">
+                    Nama Kegiatan:&nbsp;
+                    <Text span fw="normal">
+                      {state.findUnique.data.informasijadwalkegiatan.name}
+                    </Text>
+                  </Text>
+                  <Text fw="bold">
+                    Tanggal:&nbsp;
+                    <Text span fw="normal">
+                      {state.findUnique.data.informasijadwalkegiatan.tanggal}
+                    </Text>
+                  </Text>
+                  <Text fw="bold">
+                    Waktu:&nbsp;
+                    <Text span fw="normal">
+                      {state.findUnique.data.informasijadwalkegiatan.waktu}
+                    </Text>
+                  </Text>
+                  <Text fw="bold">
+                    Lokasi:&nbsp;
+                    <Text span fw="normal">
+                      {state.findUnique.data.informasijadwalkegiatan.lokasi}
+                    </Text>
+                  </Text>
                 </Stack>
 
                 <Stack gap="sm">
-                  <Text fz="lg" fw="bold">Deskripsi Kegiatan</Text>
+                  <Title order={2} fw="bold">Deskripsi Kegiatan</Title>
                   <Divider />
                   <Box pl={20}>
-                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsijadwalkegiatan.deskripsi }} />
+                    <Text
+                      ta="justify"
+                      style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                      dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsijadwalkegiatan.deskripsi }}
+                    />
                   </Box>
                 </Stack>
 
                 <Stack gap="sm">
-                  <Text fz="lg" fw="bold">Layanan yang Tersedia</Text>
+                  <Title order={2} fw="bold">Layanan yang Tersedia</Title>
                   <Divider />
                   <Box pl={20}>
-                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.layananjadwalkegiatan.content }} />
+                    <Text
+                      ta="justify"
+                      style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                      dangerouslySetInnerHTML={{ __html: state.findUnique.data.layananjadwalkegiatan.content }}
+                    />
                   </Box>
                 </Stack>
 
                 <Stack gap="sm">
-                  <Text fz="lg" fw="bold">Syarat & Ketentuan</Text>
+                  <Title order={2} fw="bold">Syarat & Ketentuan</Title>
                   <Divider />
                   <Box pl={20}>
-                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.syaratketentuanjadwalkegiatan.content }} />
+                    <Text
+                      ta="justify"
+                      style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                      dangerouslySetInnerHTML={{ __html: state.findUnique.data.syaratketentuanjadwalkegiatan.content }}
+                    />
                   </Box>
                 </Stack>
 
                 <Stack gap="sm">
-                  <Text fz="lg" fw="bold">Dokumen yang Perlu Dibawa</Text>
+                  <Title order={2} fw="bold">Dokumen yang Perlu Dibawa</Title>
                   <Divider />
                   <Box pl={20}>
-                    <Text ta="justify" fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.dokumenjadwalkegiatan.content }} />
+                    <Text
+                      ta="justify"
+                      style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                      dangerouslySetInnerHTML={{ __html: state.findUnique.data.dokumenjadwalkegiatan.content }}
+                    />
                   </Box>
                 </Stack>
 
                 <Stack gap="sm">
-                  <Text fz="lg" fw="bold">Pendaftaran Kegiatan</Text>
+                  <Title order={2} fw="bold">Pendaftaran Kegiatan</Title>
                   <Divider />
                   <Group>
                     <Button onClick={open}>Buat Pendaftaran</Button>
@@ -112,18 +155,21 @@ function Page() {
 
                 <Paper p="lg" radius="md" bg={colors['blue-button-trans']} shadow="sm">
                   <Stack gap="xs">
-                    <Text fz="lg" c={colors['white-1']} fw="bold">Informasi Kontak</Text>
-                    <Group gap="xs">
+                    <Title order={3} c={colors['white-1']} fw="bold">Informasi Kontak</Title>
+                    <Group gap="xs" justify="flex-start">
                       <IconUser size={18} color="white" />
-                      <Text fz="md" c={colors['white-1']}>Penanggung Jawab: <Text span fw="bold">Bidan Komang Ayu</Text></Text>
+                      <Text c={colors['white-1']}>
+                        Penanggung Jawab:&nbsp;
+                        <Text span fw="bold">Bidan Komang Ayu</Text>
+                      </Text>
                     </Group>
                     <Group gap="xs">
                       <IconPhone size={18} color="white" />
-                      <Text fz="md" c={colors['white-1']}>081234567890</Text>
+                      <Text c={colors['white-1']}>081234567890</Text>
                     </Group>
                     <Group gap="xs">
                       <IconMail size={18} color="white" />
-                      <Text fz="md" c={colors['white-1']}>puskesmasabiansemal3@gmail.com</Text>
+                      <Text c={colors['white-1']}>puskesmasabiansemal3@gmail.com</Text>
                     </Group>
                   </Stack>
                 </Paper>
@@ -136,4 +182,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/create/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/create/page.tsx
index 3a721282..67c3f5fe 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/create/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/create/page.tsx
@@ -2,15 +2,14 @@
 'use client'
 import pendaftaranJadwalKegiatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/pendafataranJadwalKegiatan';
 import colors from '@/con/colors';
-import { Button, Divider, Stack, Text, Textarea, TextInput } from '@mantine/core';
+import { Button, Divider, Stack, Text, Textarea, TextInput, Title } from '@mantine/core';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
 
 function CreatePendaftaran() {
   const stateCreate = useProxy(pendaftaranJadwalKegiatanState);
 
-
-useEffect(() => {
+  useEffect(() => {
     stateCreate.findMany.load();
   }, []);
 
@@ -32,15 +31,19 @@ useEffect(() => {
 
   return (
     <Stack gap="sm">
-      <Text fz="lg" fw="bold">Formulir Pendaftaran</Text>
+      <Title order={2} ta="left">Formulir Pendaftaran</Title>
       <Divider />
       <Stack gap="md">
         <TextInput 
-        label="Nama Balita" 
-        placeholder="Masukkan nama balita" 
-        size="md" 
-        value={stateCreate.create.form.name}
-        onChange={(e) => stateCreate.create.form.name = e.target.value}
+          label="Nama Balita" 
+          placeholder="Masukkan nama balita" 
+          size="md" 
+          value={stateCreate.create.form.name}
+          onChange={(e) => stateCreate.create.form.name = e.target.value}
+          styles={{
+            label: { fontSize: '14px', lineHeight: 1.4, fontWeight: 500 },
+            input: { fontSize: '16px', lineHeight: 1.5 },
+          }}
         />
         <TextInput
           type='date'
@@ -50,41 +53,63 @@ useEffect(() => {
           w={{ base: '100%', md: '85%', lg: '75%', xl: '50%' }}
           value={stateCreate.create.form.tanggal}
           onChange={(e) => stateCreate.create.form.tanggal = e.target.value}
+          styles={{
+            label: { fontSize: '14px', lineHeight: 1.4, fontWeight: 500 },
+            input: { fontSize: '16px', lineHeight: 1.5 },
+          }}
         />
         <TextInput 
-        label="Nama Orang Tua / Wali" 
-        placeholder="Masukkan nama orang tua / wali" 
-        size="md" 
-        value={stateCreate.create.form.namaOrangtua}
-        onChange={(e) => stateCreate.create.form.namaOrangtua = e.target.value}
+          label="Nama Orang Tua / Wali" 
+          placeholder="Masukkan nama orang tua / wali" 
+          size="md" 
+          value={stateCreate.create.form.namaOrangtua}
+          onChange={(e) => stateCreate.create.form.namaOrangtua = e.target.value}
+          styles={{
+            label: { fontSize: '14px', lineHeight: 1.4, fontWeight: 500 },
+            input: { fontSize: '16px', lineHeight: 1.5 },
+          }}
         />
         <TextInput 
-        label="Nomor Telepon" 
-        placeholder="Masukkan nomor telepon" 
-        size="md" 
-        value={stateCreate.create.form.nomor}
-        onChange={(e) => stateCreate.create.form.nomor = e.target.value}
+          label="Nomor Telepon" 
+          placeholder="Masukkan nomor telepon" 
+          size="md" 
+          value={stateCreate.create.form.nomor}
+          onChange={(e) => stateCreate.create.form.nomor = e.target.value}
+          styles={{
+            label: { fontSize: '14px', lineHeight: 1.4, fontWeight: 500 },
+            input: { fontSize: '16px', lineHeight: 1.5 },
+          }}
         />
         <TextInput 
-        label="Alamat" 
-        placeholder="Masukkan alamat lengkap" 
-        size="md" 
-        value={stateCreate.create.form.alamat}
-        onChange={(e) => stateCreate.create.form.alamat = e.target.value}
+          label="Alamat" 
+          placeholder="Masukkan alamat lengkap" 
+          size="md" 
+          value={stateCreate.create.form.alamat}
+          onChange={(e) => stateCreate.create.form.alamat = e.target.value}
+          styles={{
+            label: { fontSize: '14px', lineHeight: 1.4, fontWeight: 500 },
+            input: { fontSize: '16px', lineHeight: 1.5 },
+          }}
         />
         <Textarea 
-        label="Catatan Khusus (Opsional)" 
-        placeholder="Masukkan catatan jika ada" 
-        size="md" 
-        value={stateCreate.create.form.catatan}
-        onChange={(e) => stateCreate.create.form.catatan = e.target.value}
+          label="Catatan Khusus (Opsional)" 
+          placeholder="Masukkan catatan jika ada" 
+          size="md" 
+          value={stateCreate.create.form.catatan}
+          onChange={(e) => stateCreate.create.form.catatan = e.target.value}
+          styles={{
+            label: { fontSize: '14px', lineHeight: 1.4, fontWeight: 500 },
+            input: { fontSize: '16px', lineHeight: 1.5 },
+          }}
         />
         <Button size="md" radius="lg" bg={colors['blue-button']} onClick={handleSubmit}>
-          Daftar Sekarang
+          <Text fz={{ base: 'sm', md: 'md' }} fw={600} c="white">
+            Daftar Sekarang
+          </Text>
         </Button>
       </Stack>
     </Stack>
   );
 }
 
-export default CreatePendaftaran;
+export default CreatePendaftaran;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx
index c7bcc1e9..5fdc2346 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import jadwalkegiatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
 import colors from '@/con/colors';
-import { Box, Button, Card, Divider, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Button, Card, Divider, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconChevronRight, IconClockHour4, IconMapPin } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -27,13 +27,13 @@ function JadwalKegiatanPage() {
     <Box>
       <Paper bg={colors['white-trans-1']} p="xl" radius="xl" shadow="md" h="auto" mih="100vh">
         <Stack gap="lg">
-          <Text ta="center" fw={700} fz="32px" c={colors['blue-button']}>
+          <Title ta="center" order={1} c={colors['blue-button']} fw={700}>
             Jadwal Kegiatan Warga
-          </Text>
+          </Title>
           <Divider size="sm" color={colors['blue-button']} />
           {state.findMany.data.length === 0 ? (
             <Box py="xl" ta="center">
-              <Text fz="lg" c="dimmed">
+              <Text fz={{ base: 'sm', sm: 'md' }} c="dimmed">
                 Belum ada jadwal kegiatan yang tersedia
               </Text>
             </Box>
@@ -48,11 +48,11 @@ function JadwalKegiatanPage() {
                 style={{ backdropFilter: 'blur(8px)' }}
               >
                 <Stack gap="sm">
-                  <Group justify="space-between">
-                    <Text fw={700} fz="xl" c={colors['blue-button']}>
+                  <Group justify="space-between" wrap="nowrap">
+                    <Title order={2} c={colors['blue-button']} fw={700} fz={{ base: 'md', sm: 'xl' }}>
                       {item.informasijadwalkegiatan.name}
-                    </Text>
-                    <Text fw={600} fz="sm" c={colors['blue-button']}>
+                    </Title>
+                    <Text fw={600} fz={{ base: 'xs', sm: 'sm' }} c={colors['blue-button']} lh="1.4">
                       {new Date(item.informasijadwalkegiatan.tanggal).toLocaleDateString('id-ID', {
                         day: '2-digit',
                         month: 'long',
@@ -63,12 +63,16 @@ function JadwalKegiatanPage() {
 
                   <Group gap="xs">
                     <IconClockHour4 size={18} />
-                    <Text fz="sm">{item.informasijadwalkegiatan.waktu}</Text>
+                    <Text fz={{ base: 'xs', sm: 'sm' }} lh="1.5">
+                      {item.informasijadwalkegiatan.waktu}
+                    </Text>
                   </Group>
 
                   <Group gap="xs">
                     <IconMapPin size={18} />
-                    <Text fz="sm">{item.informasijadwalkegiatan.lokasi}</Text>
+                    <Text fz={{ base: 'xs', sm: 'sm' }} lh="1.5">
+                      {item.informasijadwalkegiatan.lokasi}
+                    </Text>
                   </Group>
 
                   <Divider my="sm" />
@@ -98,4 +102,4 @@ function JadwalKegiatanPage() {
   );
 }
 
-export default JadwalKegiatanPage;
+export default JadwalKegiatanPage;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
index 28ab12d4..5839a105 100644
--- a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx
@@ -74,22 +74,22 @@ function DetailInfoWabahPenyakitUser() {
           )}
 
           {/* Deskripsi */}
-          <Box>
+          <Stack gap={"xs"}>
             {/* Section Title — H2 */}
-            <Title order={2} fw="bold" fz={{ base: 'md', md: 'lg' }} lh="1.4">
+            <Title order={3} fw="bold" ta="left">
               Deskripsi
             </Title>
             <Box pl={20}>
               <Text
                 fz={{ base: 'sm', md: 'md' }}
-                lh="1.6"
-                c="dimmed"
-                ta={"justify"}
+                lh={{ base: '1.5', md: '1.6' }}
+                c="dark"
+                ta="justify"
                 dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }}
                 style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
-          </Box>
+          </Stack>
         </Stack>
       </Paper>
     </Box>
diff --git a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
index a110fdf4..39b3d29b 100644
--- a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
@@ -17,7 +17,8 @@ import {
   Skeleton,
   Stack,
   Text,
-  TextInput
+  TextInput,
+  Title
 } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconInfoCircle, IconSearch } from '@tabler/icons-react';
@@ -30,7 +31,7 @@ function Page() {
   const state = useProxy(infoWabahPenyakit);
   const router = useTransitionRouter();
   const [search, setSearch] = useState('');
-  const [debouncedSearch] = useDebouncedValue(search, 1000)
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
@@ -53,15 +54,19 @@ function Page() {
 
       <Grid align="center" px={{ base: 'md', md: 100 }}>
         <GridCol span={{ base: 12, md: 8 }}>
-          <Text
-            fz={{ base: '1.8rem', md: '2.8rem' }}
+          <Title
+            order={1}
             c={colors['blue-button']}
             fw="bold"
-            lh={1.2}
+            lh={{ base: 1.2, md: 1.2 }}
           >
             Informasi Wabah & Penyakit
-          </Text>
-          <Text fz="md" mt={4}>
+          </Title>
+          <Text
+            fz={{ base: 'sm', md: 'md' }}
+            lh={{ base: 1.5, md: 1.5 }}
+            mt={4}
+          >
             Dapatkan informasi terbaru mengenai wabah dan penyakit yang sedang
             diawasi.
           </Text>
@@ -84,9 +89,9 @@ function Page() {
           <Center py="6xl">
             <Stack align="center" gap="sm">
               <IconInfoCircle size={50} color={colors['blue-button']} />
-              <Text fz="lg" fw={500} >
+              <Title order={2} fz={{ base: 'md', md: 'lg' }} fw={500}>
                 Tidak ada data yang cocok dengan pencarian Anda.
-              </Text>
+              </Title>
             </Stack>
           </Center>
         ) : (
@@ -131,15 +136,24 @@ function Page() {
 
                   {/* Judul dan badge */}
                   <Group justify="space-between" mt="sm">
-                    <Text fw={700} fz="lg" c={colors['blue-button']}>
+                    <Title
+                      order={3}
+                      c={colors['blue-button']}
+                      fw={700}
+                      fz={{ base: 'sm', md: 'lg' }}
+                    >
                       {v.name}
-                    </Text>
+                    </Title>
                     <Badge color="blue" variant="light" radius="sm">
                       Wabah
                     </Badge>
                   </Group>
 
-                  <Text fz="sm" c="dimmed">
+                  <Text
+                    fz={{ base: 'xs', md: 'sm' }}
+                    c="dimmed"
+                    lh={{ base: 1.4, md: 1.4 }}
+                  >
                     Diposting:{' '}
                     {new Date(v.createdAt).toLocaleDateString('id-ID', {
                       day: '2-digit',
@@ -153,8 +167,8 @@ function Page() {
                   {/* Bagian deskripsi dan tombol */}
                   <Box style={{ display: 'flex', flexDirection: 'column', flexGrow: 1 }}>
                     <Text
-                      fz="sm"
-                      lh={1.5}
+                      fz={{ base: 'xs', md: 'sm' }}
+                      lh={{ base: 1.5, md: 1.5 }}
                       lineClamp={3}
                       dangerouslySetInnerHTML={{ __html: v.deskripsiSingkat }}
                       style={{ flexGrow: 1 }}
@@ -174,14 +188,11 @@ function Page() {
                   </Box>
                 </Stack>
               </Paper>
-
             ))}
           </SimpleGrid>
-
         )}
       </Box>
 
-
       <Center>
         <Pagination
           value={page}
@@ -192,9 +203,8 @@ function Page() {
           mt="lg"
         />
       </Center>
-
     </Stack>
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
index 7e84f01b..7b79bfe8 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import kontakDarurat from '@/app/admin/(dashboard)/_state/kesehatan/kontak-darurat/kontakDarurat';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconBrandWhatsapp } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -27,15 +27,16 @@ function Page() {
   const data = state.findUnique.data;
 
   return (
-    <Box px={{base: 'md', md: 100}} py={10}>
+    <Box px={{ base: 'md', md: 100 }} py={10}>
       {/* Tombol Back */}
       <Button
         variant="subtle"
         onClick={() => router.back()}
         leftSection={<IconArrowBack size={24} color={colors['blue-button']} />}
         mb={15}
+        style={{ lineHeight: 1.2 }}
       >
-        Kembali
+        <Text fz={{ base: 'sm', md: 'md' }} fw={500}>Kembali</Text>
       </Button>
 
       {/* Wrapper Detail */}
@@ -48,34 +49,38 @@ function Page() {
         shadow="sm"
       >
         <Stack gap="md">
-          <Text fz="2xl" fw="bold" c={colors['blue-button']}>
+          <Title order={1} c={colors['blue-button']}>
             Detail Kontak Darurat
-          </Text>
+          </Title>
 
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
             <Stack gap="sm">
               <Box>
-                <Text fz="lg" fw="bold">Judul</Text>
-                <Text fz="md" c="dimmed">{data.name || '-'}</Text>
+                <Title order={3}>Judul</Title>
+                <Text fz={{ base: 'sm', md: 'md' }} c={data.name ? 'black' : 'dimmed'}>
+                  {data.name || '-'}
+                </Text>
               </Box>
 
               <Box>
-                <Text fz="lg" fw="bold">Whatsapp</Text>
-                <Text fz="md" c="dimmed">{data.whatsapp || '-'}</Text>
+                <Title order={3}>Whatsapp</Title>
+                <Text fz={{ base: 'sm', md: 'md' }} c={data.whatsapp ? 'black' : 'dimmed'}>
+                  {data.whatsapp || '-'}
+                </Text>
               </Box>
 
               <Box>
-                <Text fz="lg" fw="bold">Deskripsi</Text>
+                <Title order={3}>Deskripsi</Title>
                 <Text
-                  fz="md"
-                  c="dimmed"
+                  fz={{ base: 'sm', md: 'md' }}
+                  c={data.deskripsi ? 'black' : 'dimmed'}
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
-                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  style={{ wordBreak: 'break-word', whiteSpace: 'normal', lineHeight: 1.5 }}
                 />
               </Box>
 
               <Box>
-                <Text fz="lg" fw="bold">Gambar</Text>
+                <Title order={3}>Gambar</Title>
                 {data.image?.link ? (
                   <Image
                     src={data.image.link}
@@ -85,9 +90,10 @@ function Page() {
                     loading="lazy"
                   />
                 ) : (
-                  <Text fz="md" c="dimmed">-</Text>
+                  <Text fz={{ base: 'sm', md: 'md' }} c="dimmed">-</Text>
                 )}
               </Box>
+
               <Group>
                 <Button
                   variant="light"
@@ -96,6 +102,7 @@ function Page() {
                   href={`https://wa.me/${data.whatsapp.replace(/\D/g, '')}`}
                   target="_blank"
                   aria-label="Hubungi WhatsApp"
+                  fz={{ base: 'sm', md: 'md' }}
                 >
                   WhatsApp
                 </Button>
@@ -108,4 +115,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
index 3967e3a1..388c7724 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
@@ -16,6 +16,7 @@ import {
   Stack,
   Text,
   TextInput,
+  Title,
   Tooltip
 } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
@@ -52,10 +53,21 @@ function Page() {
 
       <Grid align="center" px={{ base: 'md', md: 100 }} gutter="lg">
         <GridCol span={{ base: 12, md: 8 }}>
-          <Text fz={{ base: '2rem', md: '2.8rem' }} c={colors['blue-button']} fw={800}>
+          <Title
+            order={1}
+            c={colors['blue-button']}
+            fw={800}
+            fz={{ base: '28px', md: '32px' }}
+            lh={{ base: 1.2, md: 1.25 }}
+          >
             Kontak Darurat
-          </Text>
-          <Text fz="md" mt={4}>
+          </Title>
+          <Text
+            fz={{ base: 'sm', md: 'md' }}
+            lh={{ base: 1.5, md: 1.6 }}
+            mt={4}
+            c="dark.9"
+          >
             Hubungi layanan penting dengan cepat dan mudah
           </Text>
         </GridCol>
@@ -79,10 +91,20 @@ function Page() {
           <Center mih={300}>
             <Stack align="center" gap="xs">
               <IconSearch size={50} color={colors['blue-button']} />
-              <Text fz="lg" fw={600} c={colors['blue-button']}>
+              <Title
+                order={2}
+                fw={600}
+                c={colors['blue-button']}
+                fz={{ base: '20px', md: '24px' }}
+                lh={{ base: 1.3, md: 1.35 }}
+              >
                 Tidak ada kontak ditemukan
-              </Text>
-              <Text fz="sm" c="dimmed">
+              </Title>
+              <Text
+                fz={{ base: 'xs', md: 'sm' }}
+                lh={{ base: 1.4, md: 1.5 }}
+                c="dark.7"
+              >
                 Coba kata kunci lain untuk pencarian
               </Text>
             </Stack>
@@ -102,8 +124,8 @@ function Page() {
                   cursor: 'pointer',
                   display: 'flex',
                   flexDirection: 'column',
-                  justifyContent: 'space-between', // ✅ biar button selalu di bawah
-                  height: '100%', // ✅ bikin tinggi seragam
+                  justifyContent: 'space-between',
+                  height: '100%',
                 }}
               >
                 <Stack align="center" gap="sm" style={{ flexGrow: 1 }}>
@@ -131,27 +153,24 @@ function Page() {
                     />
                   </Box>
 
-                  <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
+                  <Text ta="center" fw={700} fz={{ base: '18px', md: '20px' }} lh={1.3} c={colors['blue-button']}>
                     {v.name}
                   </Text>
 
                   <Text
-                    fz="sm"
+                    fz={{ base: 'xs', md: 'sm' }}
                     ta="center"
                     lineClamp={3}
-                    lh={1.6}
+                    lh={{ base: 1.5, md: 1.6 }}
                     style={{
-                      minHeight: '4.8em', // tinggi tetap 3 baris
+                      minHeight: '4.8em',
+                      wordBreak: 'break-word',
+                      whiteSpace: 'normal',
                     }}
-                  >
-                    <span
-                      style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
-                      dangerouslySetInnerHTML={{ __html: v.deskripsi }}
-                    />
-                  </Text>
+                    dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                  />
                 </Stack>
 
-                {/* ✅ Tombol selalu di bagian bawah card */}
                 <Group mt="md" justify='center'>
                   <Button
                     bg={colors['blue-button']}
@@ -161,8 +180,6 @@ function Page() {
                   </Button>
                 </Group>
               </Paper>
-
-
             ))}
           </SimpleGrid>
         )}
@@ -186,4 +203,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx
index 633bff4b..8cebcc76 100644
--- a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client';
 import penangananDarurat from '@/app/admin/(dashboard)/_state/kesehatan/penanganan-darurat/penangananDarurat';
 import colors from '@/con/colors';
-import { Box, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Center, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useParams } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -31,48 +31,55 @@ function DetailPenangananDaruratUser() {
     <Box py={20}>
       {/* Tombol Back */}
       <Box px={{ base: 'md', md: 100 }}>
-        <BackButton/>
+        <BackButton />
       </Box>
 
       {/* Wrapper Detail */}
-      <Paper
-        withBorder
-        w={{ base: '100%', md: '70%', lg: '60%' }}
-        mx="auto"
-        bg={colors['white-1']}
-        p="xl"
-        radius="lg"
-        shadow="sm"
-      >
-        <Stack gap="md" align="center" ta="center">
-          <Text fz="xl" fw={700} c={colors['blue-button']}>
-            {data.name || 'Penanganan Darurat'}
-          </Text>
+      <Box pt={20} px={{ base: 'md', md: 100 }}>
+        <Paper
+          withBorder
+          w={'100%'}
+          bg={colors['white-1']}
+          p="xl"
+          radius="lg"
+          shadow="sm"
+        >
+          <Stack gap="md">
+            <Title
+              ta={"center"}
+              order={1}
+              fw={700}
+              c={colors['blue-button']}
+              style={{ wordBreak: 'break-word' }}
+            >
+              {data.name || 'Penanganan Darurat'}
+            </Title>
+            <Center>
+              {data.image?.link && (
+                <Image
+                  src={data.image.link}
+                  alt={data.name}
+                  radius="md"
+                  mah={300}
+                  fit="contain"
+                  loading="lazy"
+                  mb="md"
+                />
+              )}
+            </Center>
 
-          {data.image?.link && (
-            <Image
-              src={data.image.link}
-              alt={data.name}
-              radius="md"
-              mah={300}
-              fit="contain"
-              loading="lazy"
-              mb="md"
-            />
-          )}
-
-          <Box>
-            <Text
-              fz="md"
-              ta="justify"
-              dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-              style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
-            />
-          </Box>
-        </Stack>
-      </Paper>
+            <Box >
+              <Text
+                ta="justify"
+                dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+              />
+            </Box>
+          </Stack>
+        </Paper>
+      </Box>
     </Box>
   );
 }
 
-export default DetailPenangananDaruratUser;
+export default DetailPenangananDaruratUser;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
index a910dc68..8cfa970e 100644
--- a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
@@ -15,6 +15,7 @@ import {
   Stack,
   Text,
   TextInput,
+  Title,
   Tooltip
 } from '@mantine/core'
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks'
@@ -49,10 +50,19 @@ function Page() {
 
       <Grid align="center" px={{ base: 'md', md: 100 }} mb="lg">
         <GridCol span={{ base: 12, md: 9 }}>
-          <Text fz={{ base: 30, md: 40 }} c={colors['blue-button']} fw={800} lh={1.2}>
+          <Title 
+            order={1}
+            c={colors['blue-button']} 
+            fw={800} 
+            lh={{ base: 1.3, md: 1.2 }}
+          >
             Penanganan Darurat
-          </Text>
-          <Text fz="md" mt={4}>
+          </Title>
+          <Text 
+            fz={{ base: 'sm', md: 'md' }} 
+            mt={4}
+            lh={{ base: 1.5, md: 1.5 }}
+          >
             Informasi cepat dan jelas untuk situasi darurat kesehatan
           </Text>
         </GridCol>
@@ -74,10 +84,10 @@ function Page() {
         {data.length === 0 ? (
           <Center py={100}>
             <Stack align="center" gap="xs">
-              <Text fz="lg" fw={600} c={colors['blue-button']}>
+              <Title order={2} fw={600} c={colors['blue-button']}>
                 Tidak ada data ditemukan
-              </Text>
-              <Text fz="sm" c="dimmed">
+              </Title>
+              <Text fz={{ base: 'xs', md: 'sm' }}>
                 Coba gunakan kata kunci lain
               </Text>
             </Stack>
@@ -128,18 +138,21 @@ function Page() {
                   </Box>
 
                   <Stack gap={4} w="100%">
-                    <Text
-                      fz="lg"
+                    <Title
+                      order={3}
                       fw={700}
                       c={colors['blue-button']}
                       ta="center"
                       lineClamp={2}
+                      fz={{ base: 'sm', md: 'lg' }}
+                      lh={{ base: 1.4, md: 1.4 }}
                     >
                       {v.name}
-                    </Text>
+                    </Title>
                     <Box>
                       <Text
-                        fz="md"
+                        fz={{ base: 'xs', md: 'md' }}
+                        lh={{ base: 1.5, md: 1.5 }}
                         lineClamp={3}
                         dangerouslySetInnerHTML={{ __html: v.deskripsi }}
                         style={{ wordBreak: "break-word", whiteSpace: "normal" }}
@@ -177,12 +190,10 @@ function Page() {
               '&:hover': { backgroundColor: colors['blue-button'], color: 'white' },
             },
           }}
-
         />
       </Center>
-
     </Stack>
   )
 }
 
-export default Page
+export default Page
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
index 44d7a4e8..4c05cb3d 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
@@ -88,7 +88,11 @@ export default function DetailPosyanduUser() {
             </Center>
           ) : (
             <Center>
-              <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed">
+              <Text
+                fz={{ base: 'xs', md: 'sm' }}
+                c="dimmed"
+                ta="center"
+              >
                 Tidak ada gambar
               </Text>
             </Center>
@@ -99,8 +103,8 @@ export default function DetailPosyanduUser() {
             <Flex align="center" gap="xs">
               <IconPhone size={18} stroke={1.5} />
               <Text
-                fz={{ base: 'xs', md: 'sm' }}
-                c="dimmed"
+                fz={{ base: 'sm', md: 'md' }}
+                c="black"
                 lh={{ base: 1.5, md: 1.6 }}
               >
                 {data.nomor || 'Nomor tidak tersedia'}
@@ -110,8 +114,8 @@ export default function DetailPosyanduUser() {
             <Flex align="center" gap="xs">
               <IconCalendar size={18} stroke={1.5} />
               <Text
-                fz={{ base: 'xs', md: 'sm' }}
-                c="dimmed"
+                fz={{ base: 'sm', md: 'md' }}
+                c="black"
                 lh={{ base: 1.5, md: 1.6 }}
                 dangerouslySetInnerHTML={{ __html: data.jadwalPelayanan || '-' }}
                 style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
@@ -121,8 +125,8 @@ export default function DetailPosyanduUser() {
             <Flex align="center" gap="xs">
               <IconInfoCircle size={18} stroke={1.5} />
               <Text
-                fz={{ base: 'xs', md: 'sm' }}
-                c="dimmed"
+                fz={{ base: 'sm', md: 'md' }}
+                c="black"
                 lh={{ base: 1.5, md: 1.6 }}
                 dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
                 style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
index 18a749c3..bc8d1109 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
@@ -135,32 +135,36 @@ export default function Page() {
                   </Center>
                   <Flex align="flex-start" gap="xs">
                     <IconPhone size={18} stroke={1.5} style={{ marginTop: 3 }} />
-                    <Box>
-                      <Text fz={{ base: "xs", md: "sm" }} c="dimmed" lh={1.4}>
-                        {v.nomor || "Tidak tersedia"}
-                      </Text>
-                    </Box>
+                    <Text
+                      fz={{ base: "sm", md: "md" }}
+                      c="black"
+                      lh={{ base: 1.4, md: 1.5 }}
+                    >
+                      {v.nomor || "Tidak tersedia"}
+                    </Text>
                   </Flex>
 
                   <Flex align="flex-start" gap="xs">
                     <IconCalendar size={18} stroke={1.5} style={{ marginTop: 3 }} />
-                    <Box>
-                      <Text fz={{ base: "xs", md: "sm" }} c="dimmed" lh={1.4}>
-                        <strong>Jadwal:</strong>{" "}
-                        <span
-                          style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                          dangerouslySetInnerHTML={{ __html: v.jadwalPelayanan }}
-                        />
-                      </Text>
-                    </Box>
+                    <Text
+                      fz={{ base: "sm", md: "md" }}
+                      c="black"
+                      lh={{ base: 1.4, md: 1.5 }}
+                    >
+                      <strong>Jadwal:</strong>{" "}
+                      <span
+                        style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                        dangerouslySetInnerHTML={{ __html: v.jadwalPelayanan }}
+                      />
+                    </Text>
                   </Flex>
 
                   <Flex align="flex-start" gap="xs">
                     <IconInfoCircle size={18} stroke={1.5} style={{ marginTop: 3 }} />
                     <Text
-                      fz={{ base: "xs", md: "sm" }}
-                      lh={1.5}
-                      c="dimmed"
+                      fz={{ base: "sm", md: "md" }}
+                      lh={{ base: 1.4, md: 1.5 }}
+                      c="black"
                       dangerouslySetInnerHTML={{ __html: v.deskripsi }}
                       style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                       lineClamp={3}
@@ -196,7 +200,7 @@ export default function Page() {
                 Layanan Utama Posyandu
               </Title>
             </Flex>
-            <List spacing="xs" fz={{ base: "xs", md: "sm" }} center>
+            <List spacing="xs" fz={{ base: "sm", md: "md" }} lh={{ base: 1.4, md: 1.5 }} c="black">
               <ListItem>Penimbangan bayi dan balita</ListItem>
               <ListItem>Pemantauan status gizi</ListItem>
               <ListItem>Imunisasi dasar lengkap</ListItem>
@@ -208,4 +212,4 @@ export default function Page() {
       </Box>
     </Stack>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
index c60b38cc..5312270a 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import programKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/program-kesehatan/programKesehatan';
 import colors from '@/con/colors';
-import { Box, Center, Group, Image, Loader, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Center, Group, Image, Loader, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconCalendar, IconUser } from '@tabler/icons-react';
 import { useParams } from 'next/navigation';
@@ -9,12 +9,12 @@ import { useProxy } from 'valtio/utils';
 import BackButton from '../../../desa/layanan/_com/BackButto';
 
 function Page() {
-  const state = useProxy(programKesehatan)
-  const params = useParams()
+  const state = useProxy(programKesehatan);
+  const params = useParams();
 
   useShallowEffect(() => {
-    state.findUnique.load(params.id as string)
-  }, [params.id])
+    state.findUnique.load(params.id as string);
+  }, [params.id]);
 
   if (!state.findUnique.data) {
     return (
@@ -24,7 +24,7 @@ function Page() {
           <Text c="dimmed" fz="sm">Memuat data program kesehatan...</Text>
         </Stack>
       </Center>
-    )
+    );
   }
 
   return (
@@ -33,68 +33,73 @@ function Page() {
         <BackButton />
       </Box>
       <Box px={{ base: 'md', md: 100 }}>
-      <Paper
-        px={{ base: 'md', md: 100 }}
-        py="xl"
-        radius="xl"
-        shadow="md"
-        bg={colors["white-trans-1"]}
-      >
-        <Stack gap="lg">
-          <Center>
-            {state.findUnique.data.image?.link ? (
-              <Image
-                radius="xl"
-                src={state.findUnique.data.image?.link}
-                alt={state.findUnique.data.name}
-                w="100%"
-                maw={800}
-                fit="cover"
-                loading="lazy"
+        <Paper
+          px={{ base: 'md', md: 100 }}
+          py="xl"
+          radius="xl"
+          shadow="md"
+          bg={colors["white-trans-1"]}
+        >
+          <Stack gap="lg">
+            <Center>
+              {state.findUnique.data.image?.link ? (
+                <Image
+                  src={state.findUnique.data.image?.link}
+                  alt={state.findUnique.data.name}
+                  radius="md"
+                  mah={300}
+                  fit="contain"
+                  loading="lazy"
+                />
+              ) : (
+                <Skeleton h={300} w="100%" radius="xl" />
+              )}
+            </Center>
+            <Box pl={20}>
+              <Title
+                order={1}
+                pb="sm"
+                c={colors["blue-button"]}
+                fw="bold"
+                lh={{ base: 1.2, md: 1.15 }}
+              >
+                {state.findUnique.data.name}
+              </Title>
+              <Text
+                ta="justify"
+                fz={{ base: 'sm', md: 'md' }}
+                lh={{ base: 1.5, md: 1.6 }}
+                dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsi }}
+                style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
               />
-            ) : (
-              <Skeleton h={300} w="100%" radius="xl" />
-            )}
-          </Center>
-          <Box>
-            <Text pb="sm" c={colors["blue-button"]} fw="bold" fz={{ base: 24, md: 32 }} lh={1.2}>
-              {state.findUnique.data.name}
-            </Text>
-            <Text
-              ta="justify"
-              fz="md"
-              lh={1.6}
-              dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsi }}
-              style={{wordBreak: "break-word", whiteSpace: "normal"}}
-            />
-          </Box>
-          <Group gap="xl">
-            <Group gap="xs">
-              <Tooltip label="Tanggal dibuat" withArrow>
-                <IconCalendar color='gray' size={20} stroke={1.5} />
-              </Tooltip>
-              <Text size="sm" c="dimmed">
-                {state.findUnique.data.createdAt
-                  ? new Date(state.findUnique.data.createdAt).toLocaleDateString('id-ID', {
+            </Box>
+            <Group gap="xl">
+              <Group gap="xs">
+                <Tooltip label="Tanggal dibuat" withArrow>
+                  <IconCalendar color="gray" size={20} stroke={1.5} />
+                </Tooltip>
+                <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed">
+                  {state.findUnique.data.createdAt
+                    ? new Date(state.findUnique.data.createdAt).toLocaleDateString('id-ID', {
                       day: 'numeric',
                       month: 'long',
                       year: 'numeric',
                     })
-                  : 'Tanggal tidak tersedia'}
-              </Text>
+                    : 'Tanggal tidak tersedia'}
+                </Text>
+              </Group>
+              <Group gap="xs">
+                <Tooltip label="Dibuat oleh" withArrow>
+                  <IconUser color="gray" size={20} stroke={1.5} />
+                </Tooltip>
+                <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed">Admin Desa</Text>
+              </Group>
             </Group>
-            <Group gap="xs">
-              <Tooltip label="Dibuat oleh" withArrow>
-                <IconUser color='gray' size={20} stroke={1.5} />
-              </Tooltip>
-              <Text size="sm" c="dimmed">Admin Desa</Text>
-            </Group>
-          </Group>
-        </Stack>
-      </Paper>
+          </Stack>
+        </Paper>
       </Box>
     </Stack>
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
index e95b6d30..56b15365 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
@@ -16,6 +16,7 @@ import {
   Stack,
   Text,
   TextInput,
+  Title,
   Transition
 } from "@mantine/core";
 import { useDebouncedValue, useShallowEffect } from "@mantine/hooks";
@@ -57,7 +58,7 @@ export default function Page() {
   const state = useProxy(programKesehatan);
   const router = useRouter();
   const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
@@ -80,14 +81,19 @@ export default function Page() {
 
       <Grid px={{ base: "md", md: 100 }} align="center" gutter="lg">
         <GridCol span={{ base: 12, md: 8 }}>
-          <Text
-            fz={{ base: "2rem", md: "2.8rem" }}
+          <Title
+            order={1}
             c={colors["blue-button"]}
             fw="bold"
+            fz={{ base: '28px', md: '32px' }}
           >
             Program Kesehatan Desa
-          </Text>
-          <Text fz="lg" mt="xs">
+          </Title>
+          <Text
+            fz={{ base: '14px', md: '16px' }}
+            lh={{ base: '1.5', md: '1.6' }}
+            mt="xs"
+          >
             Temukan berbagai program kesehatan untuk mendukung kualitas hidup
             masyarakat Darmasaba.
           </Text>
@@ -129,11 +135,9 @@ export default function Page() {
                       <Box
                         style={{
                           width: '100%',
-                          height: 180, // 🔥 tinggi fix biar semua seragam
+                          aspectRatio: '16/9',   // thumbnail landscape aman untuk portrait/landscape
                           borderRadius: 12,
                           overflow: 'hidden',
-                          position: 'relative',
-                          backgroundColor: '#f0f2f5', // fallback kalau gambar loading
                         }}
                       >
                         <Image
@@ -142,32 +146,28 @@ export default function Page() {
                           fit="cover"
                           width="100%"
                           height="100%"
+                          style={{ objectFit: 'cover', objectPosition: 'center' }}
                           loading="lazy"
-                          style={{
-                            objectFit: 'cover',
-                            objectPosition: 'center',
-                            transition: 'transform 0.4s ease',
-                          }}
                           onMouseEnter={(e) => (e.currentTarget.style.transform = 'scale(1.05)')}
                           onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
                         />
                       </Box>
-
-
                     </Center>
 
                     <Box px="lg" pb="lg">
-                      <Text
-                        fw="bold"
-                        fz="xl"
+                      <Title
+                        order={3}
                         c={colors["blue-button"]}
+                        fw="bold"
+                        fz={{ base: '18px', md: '20px' }}
                         mb="xs"
                       >
                         {v.name}
-                      </Text>
+                      </Title>
                       <Text
-                        fz="sm"
-                        ta={"justify"}
+                        fz={{ base: '13px', md: '14px' }}
+                        lh="1.6"
+                        ta="justify"
                         lineClamp={3}
                         dangerouslySetInnerHTML={{ __html: v.deskripsi }}
                         style={{ wordBreak: "break-word", whiteSpace: "normal" }}
@@ -175,7 +175,10 @@ export default function Page() {
                       <Group justify="space-between" mt="md">
                         <Group gap="xs">
                           <IconCalendar size={18} />
-                          <Text size="sm">
+                          <Text
+                            fz={{ base: '12px', md: '14px' }}
+                            lh="1.5"
+                          >
                             {v.createdAt
                               ? new Date(v.createdAt).toLocaleDateString(
                                 "id-ID",
@@ -190,25 +193,30 @@ export default function Page() {
                         </Group>
                         <Group gap="xs">
                           <IconUser size={18} />
-                          <Text size="sm">Admin Desa</Text>
+                          <Text
+                            fz={{ base: '12px', md: '14px' }}
+                            lh="1.5"
+                          >
+                            Admin Desa
+                          </Text>
                         </Group>
                       </Group>
-                        <Button
-                          mt="lg"
-                          fullWidth
-                          radius="lg"
-                          size="md"
-                          fw="bold"
-                          variant="gradient"
-                          gradient={{ from: colors["blue-button"], to: "#4dabf7" }}
-                          onClick={() =>
-                            router.push(
-                              `/darmasaba/kesehatan/program-kesehatan/${v.id}`
-                            )
-                          }
-                        >
-                          Lihat Detail
-                        </Button>
+                      <Button
+                        mt="lg"
+                        fullWidth
+                        radius="lg"
+                        size="md"
+                        fw="bold"
+                        variant="gradient"
+                        gradient={{ from: colors["blue-button"], to: "#4dabf7" }}
+                        onClick={() =>
+                          router.push(
+                            `/darmasaba/kesehatan/program-kesehatan/${v.id}`
+                          )
+                        }
+                      >
+                        Lihat Detail
+                      </Button>
                     </Box>
                   </Stack>
                 </Paper>
@@ -239,14 +247,19 @@ export default function Page() {
 
       <Box px={{ base: "md", md: 100 }} py="xl">
         <Stack gap="sm" mb="lg">
-          <Text
-            fz={{ base: "2rem", md: "2.5rem" }}
+          <Title
+            order={2}
             c={colors["blue-button"]}
             fw="bold"
+            fz={{ base: '24px', md: '28px' }}
           >
             Manfaat Program Kesehatan
-          </Text>
-          <Text fz="lg" maw={700}>
+          </Title>
+          <Text
+            fz={{ base: '14px', md: '16px' }}
+            lh={{ base: '1.5', md: '1.6' }}
+            maw={700}
+          >
             Program kesehatan Desa Darmasaba berperan penting dalam meningkatkan
             kesejahteraan dan kualitas hidup warganya.
           </Text>
@@ -273,10 +286,20 @@ export default function Page() {
                 >
                   <Center>{v.icon}</Center>
                 </Paper>
-                <Text ta="center" fw="bold" fz="xl" c={colors["blue-button"]}>
+                <Title
+                  order={3}
+                  ta="center"
+                  fw="bold"
+                  c={colors["blue-button"]}
+                  fz={{ base: '18px', md: '20px' }}
+                >
                   {v.title}
-                </Text>
-                <Text ta="center" fz="sm">
+                </Title>
+                <Text
+                  ta="center"
+                  fz={{ base: '13px', md: '14px' }}
+                  lh="1.5"
+                >
                   {v.desc}
                 </Text>
               </Stack>
@@ -286,4 +309,4 @@ export default function Page() {
       </Box>
     </Stack>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
index 22218d3d..8b47c58a 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
@@ -59,12 +59,16 @@ function Page() {
                 left={20}
                 gap={6}
               >
-                <Text fw="bold" fz={{ base: 'lg', md: 'h2' }} c={colors['white-1']}>
+                <Title
+                  order={1}
+                  c={colors['white-1']}
+                  fz={{ base: 'lg', md: 'xl' }}
+                >
                   {data.name}
-                </Text>
+                </Title>
                 <Group gap={6}>
                   <IconMapPin size={20} color="white" />
-                  <Text fz={{ base: 'sm', md: 'md' }} c={colors['white-1']}>
+                  <Text fz={{ base: 'xs', md: 'sm' }} c={colors['white-1']}>
                     {data.alamat}
                   </Text>
                 </Group>
@@ -75,37 +79,45 @@ function Page() {
               <GridCol span={{ base: 12, md: 6 }}>
                 <Stack gap="lg">
                   <Box>
-                    <Title order={3} mb={10}>Informasi Kontak</Title>
+                    <Title order={2} mb="md">Informasi Kontak</Title>
                     <Stack gap={8}>
                       <Group gap={8}>
                         <IconPhone size={18} />
-                        <Text fz="md">{data.kontak.kontakPuskesmas || '-'}</Text>
+                        <Text fz={{ base: 'sm', md: 'md' }}>
+                          {data.kontak.kontakPuskesmas || '-'}
+                        </Text>
                       </Group>
                       <Group gap={8}>
                         <IconMail size={18} />
-                        <Text fz="md">{data.kontak.email || '-'}</Text>
+                        <Text fz={{ base: 'sm', md: 'md' }}>
+                          {data.kontak.email || '-'}
+                        </Text>
                       </Group>
                     </Stack>
                   </Box>
 
                   <Divider />
 
-                  <Stack gap={"xs"}>
-                    <Title order={3} mb={10}>Jam Operasional</Title>
-                    <Text fw="bold" fz="md">Senin - Jumat</Text>
+                  <Stack gap="xs">
+                    <Title order={2} mb="md">Jam Operasional</Title>
+                    <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>Senin - Jumat</Text>
                     <Group gap={8}>
                       <IconClock size={18} />
-                      <Text fw="bold" fz="md">{data.jam.workDays} - {data.jam.weekDays}</Text>
+                      <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>
+                        {data.jam.workDays} – {data.jam.weekDays}
+                      </Text>
                       <Tooltip label="Hari aktif pelayanan puskesmas" position="top" withArrow>
                         <Badge size="sm" variant="light" color="blue">Aktif</Badge>
                       </Tooltip>
                     </Group>
-                    <Text fw="bold" fz="md">Sabtu - Minggu / Hari Libur</Text>
+                    <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>Sabtu – Minggu / Hari Libur</Text>
                     <Group gap={8}>
                       <IconClock size={18} />
-                      <Text fw="bold" fz="md">{data.jam.holiday}</Text>
+                      <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>
+                        {data.jam.holiday}
+                      </Text>
                       <Tooltip label="Hari aktif pelayanan puskesmas" position="top" withArrow>
-                      <Badge size="sm" variant="light" color="blue">Aktif</Badge>
+                        <Badge size="sm" variant="light" color="blue">Aktif</Badge>
                       </Tooltip>
                     </Group>
                   </Stack>
@@ -114,20 +126,24 @@ function Page() {
 
               <GridCol span={{ base: 12, md: 6 }}>
                 <Paper p="xl" radius="lg" bg="linear-gradient(135deg, #EAF0FB, #BFD4F5)" shadow="sm">
-                  <Title order={3} mb="lg" ta="center" c="dark">Layanan Unggulan</Title>
+                  <Title order={2} mb="lg" ta="center" c="dark">Layanan Unggulan</Title>
                   <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="lg">
                     <Paper p="lg" radius="lg" withBorder bg={colors['white-trans-1']} shadow="xs">
                       <Stack align="center" gap={8}>
                         <IconBuildingHospital size={36} color={colors['blue-button']} />
-                        <Text fw="bold" fz="lg">Poliklinik Umum</Text>
-                        <Text fz={{ base: 36, md: 48 }} fw="bold" c={colors['blue-button']}>26</Text>
+                        <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>Poliklinik Umum</Text>
+                        <Text fz={{ base: 'h1', md: 'h1' }} fw="bold" c={colors['blue-button']} lh={1}>
+                          26
+                        </Text>
                       </Stack>
                     </Paper>
                     <Paper p="lg" radius="lg" withBorder bg={colors['white-trans-1']} shadow="xs">
                       <Stack align="center" gap={8}>
                         <IconBuildingHospital size={36} color={colors['blue-button']} />
-                        <Text fw="bold" fz="lg">Poli Gigi</Text>
-                        <Text fz={{ base: 36, md: 48 }} fw="bold" c={colors['blue-button']}>26</Text>
+                        <Text fw="bold" fz={{ base: 'sm', md: 'md' }}>Poli Gigi</Text>
+                        <Text fz={{ base: 'h1', md: 'h1' }} fw="bold" c={colors['blue-button']} lh={1}>
+                          26
+                        </Text>
                       </Stack>
                     </Paper>
                   </SimpleGrid>
@@ -141,4 +157,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
index 40f5d755..9d721b08 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import puskesmasState from '@/app/admin/(dashboard)/_state/kesehatan/puskesmas/puskesmas';
 import colors from '@/con/colors';
-import { Anchor, Box, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Badge, Group } from '@mantine/core';
+import { Anchor, Box, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Badge, Group, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconSearch, IconMapPin, IconPhone, IconMail } from '@tabler/icons-react';
 import { useState } from 'react';
@@ -42,10 +42,10 @@ function Page() {
 
       <Grid align="center" px={{ base: 'md', md: 100 }} mb="md">
         <GridCol span={{ base: 12, md: 8 }}>
-          <Text fz={{ base: "2rem", md: "2.5rem" }} c={colors["blue-button"]} fw="bold">
+          <Title order={1} c={colors["blue-button"]}>
             Daftar Puskesmas
-          </Text>
-          <Text fz="md">
+          </Title>
+          <Text fz={{ base: "sm", md: "md" }} ta="start">
             Temukan informasi lengkap mengenai layanan, kontak, dan lokasi Puskesmas Darmasaba
           </Text>
         </GridCol>
@@ -65,8 +65,8 @@ function Page() {
         {data.length === 0 ? (
           <Center py="xl">
             <Stack align="center" gap="xs">
-              <Text fz="lg" fw={500} c="dimmed">Tidak ada data ditemukan</Text>
-              <Text fz="sm" c="dimmed">Coba gunakan kata kunci pencarian yang berbeda</Text>
+              <Title order={2} fw={500} c="dimmed">Tidak ada data ditemukan</Title>
+              <Text fz={{ base: "xs", md: "sm" }} c="dimmed">Coba gunakan kata kunci pencarian yang berbeda</Text>
             </Stack>
           </Center>
         ) : (
@@ -92,29 +92,29 @@ function Page() {
                     loading="lazy"
                   />
                   <Group justify="space-between">
-                    <Text fw={600} fz="lg" lineClamp={1}>{v.name}</Text>
+                    <Title order={3} fw={600} lineClamp={1}>{v.name}</Title>
                     <Badge color="blue" variant="light" radius="sm" fz="xs">Aktif</Badge>
                   </Group>
                   <Stack gap={6}>
                     <Group gap="xs" align="flex-start" wrap="nowrap">
                       <Box pt={2}><IconMapPin size={20} /></Box>
-                      <Text fz="sm" c="dimmed">{v.alamat}</Text>
+                      <Text fz={{ base: "sm", md: "md" }}>{v.alamat}</Text>
                     </Group>
 
                     <Group gap="xs" align="flex-start" wrap="nowrap">
                       <Box pt={2}><IconPhone size={20} /></Box>
-                      <Text fz="sm" c="dimmed">{v.kontak.kontakPuskesmas}</Text>
+                      <Text fz={{ base: "sm", md: "md" }}>{v.kontak.kontakPuskesmas}</Text>
                     </Group>
 
                     <Group gap="xs" align="flex-start" wrap="nowrap">
                       <Box pt={2}><IconMail size={20} /></Box>
-                      <Text fz="sm" c="dimmed">{v.kontak.email}</Text>
+                      <Text fz={{ base: "sm", md: "md" }}>{v.kontak.email}</Text>
                     </Group>
                   </Stack>
 
                   <Anchor
                     href={`/darmasaba/kesehatan/puskesmas/${v.id}`}
-                    fz="sm"
+                    fz={{ base: "sm", md: "md" }}
                     fw={500}
                     c={colors['blue-button']}
                   >
@@ -143,4 +143,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
index ea753870..3dc3daa0 100644
--- a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
@@ -64,14 +64,14 @@ function Page() {
           </Text>
           <TextInput
             radius="xl"
-            w={'30%'}
+            w={{base: "100%", md: "30%"}}
             placeholder="Cari Data Lingkungan Desa"
             leftSection={<IconSearch size={20} />}
             value={search}
             onChange={(e) => setSearch(e.currentTarget.value)}
           />
         </Group>
-        <Text fz="md" >
+        <Text fz="md" pt={20}>
           Desa Darmasaba menjaga dan mengembangkan lingkungan demi kesejahteraan warganya. 
         </Text>
         <Text fz="md">
-- 
2.49.1


From 342e9bbc651fcabc9d32da5b35b0116f0bbef211 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 16 Dec 2025 10:19:15 +0800
Subject: [PATCH 54/97] Fix QC Kak Ayu Tgl 12 Fix QC Kak Ino Tgl 12 Fix UI
 Mobile Menu Keamanan Fix UI Mobile Admin Menu Landing Page

---
 postcss.config.cjs                            |  23 +-
 .../keamanan/polsek-terdekat/create/page.tsx  |  67 ++-
 .../(dashboard)/landing-page/SDGs/page.tsx    | 203 +++++----
 .../desa-anti-korupsi/_lib/layouTabs.tsx      | 100 +++--
 .../kategori-desa-anti-korupsi/[id]/page.tsx  |   2 +-
 .../create/page.tsx                           |   2 +-
 .../kategori-desa-anti-korupsi/page.tsx       | 290 ++++++++-----
 .../list-desa-anti-korupsi/[id]/edit/page.tsx |   2 +-
 .../list-desa-anti-korupsi/[id]/page.tsx      |   4 +-
 .../list-desa-anti-korupsi/create/page.tsx    |   2 +-
 .../list-desa-anti-korupsi/page.tsx           | 109 +++--
 .../_lib/layoutTab.tsx                        |  65 +--
 .../responden/[id]/edit/page.tsx              |   2 +-
 .../responden/[id]/page.tsx                   |   4 +-
 .../responden/page.tsx                        | 123 ++++--
 .../landing-page/profil/_lib/layoutTabs.tsx   |  99 +++--
 .../profil/media-sosial/[id]/edit/page.tsx    |   2 +-
 .../profil/media-sosial/[id]/page.tsx         |   4 +-
 .../profil/media-sosial/create/page.tsx       |  28 +-
 .../landing-page/profil/media-sosial/page.tsx | 278 ++++++++----
 .../profil/pejabat-desa/[id]/page.tsx         |   2 +-
 .../landing-page/profil/pejabat-desa/page.tsx |  23 +-
 .../profil/program-inovasi/[id]/edit/page.tsx |   2 +-
 .../profil/program-inovasi/[id]/page.tsx      |  60 +--
 .../profil/program-inovasi/create/page.tsx    |   2 +-
 .../profil/program-inovasi/page.tsx           | 190 ++++++---
 src/app/admin/layout.tsx                      | 396 ------------------
 .../ekonomi/sektor-unggulan-desa/page.tsx     |  44 +-
 .../desa-digital-smart-village/page.tsx       |   2 +-
 .../[id]/page.tsx                             | 103 ++---
 .../page.tsx                                  |  36 +-
 .../(pages)/keamanan/kontak-darurat/page.tsx  |  49 ++-
 .../keamanan/pencegahan-kriminalitas/page.tsx |  52 ++-
 .../(pages)/keamanan/polsek-terdekat/page.tsx |  46 +-
 .../polsek-terdekat/semua-polsek/page.tsx     | 109 +++--
 .../component/edukasiCard.tsx                 |  59 +--
 .../lingkungan/edukasi-lingkungan/page.tsx    |  14 +-
 .../gotong-royong/[kategori]/[id]/page.tsx    |  26 +-
 .../lingkungan/gotong-royong/layout.tsx       |  20 +
 .../lingkungan/gotong-royong/semua/page.tsx   |  32 +-
 .../lingkungan/konservasi-adat-bali/page.tsx  | 132 +++---
 .../pelajari-lebih-lanjut/page.tsx            | 212 +++++++---
 .../bimbingan-belajar-desa/page.tsx           |  39 +-
 43 files changed, 1715 insertions(+), 1344 deletions(-)

diff --git a/postcss.config.cjs b/postcss.config.cjs
index 069b0528..9e9652a2 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -1,14 +1,15 @@
 module.exports = {
-    plugins: {
-      'postcss-preset-mantine': {},
-      'postcss-simple-vars': {
-        variables: {
-          'mantine-breakpoint-xs': '36em',
-          'mantine-breakpoint-sm': '48em',
-          'mantine-breakpoint-md': '62em',
-          'mantine-breakpoint-lg': '75em',
-          'mantine-breakpoint-xl': '88em',
-        },
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        /* Mobile first */
+        'mantine-breakpoint-xs': '30em', // 480px → mobile kecil–normal
+        'mantine-breakpoint-sm': '48em', // 768px → tablet / mobile landscape
+        'mantine-breakpoint-md': '64em', // 1024px → laptop & desktop kecil
+        'mantine-breakpoint-lg': '80em', // 1280px → desktop standar
+        'mantine-breakpoint-xl': '90em', // 1440px+ → desktop besar
       },
     },
-  };
\ No newline at end of file
+  },
+};
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
index 49dc48b6..20b855f7 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
@@ -44,18 +44,56 @@ function CreatePolsekTerdekat() {
     };
   };
 
+  const isValidGoogleMapsEmbed = (url: string): boolean => {
+  try {
+    const u = new URL(url);
+    return (
+      u.hostname === 'www.google.com' &&
+      u.pathname === '/maps/embed' &&
+      u.searchParams.has('pb')
+    );
+  } catch {
+    return false;
+  }
+};
+
   const handleSubmit = async () => {
-    try {
-      setIsSubmitting(true);
-      await polsekState.create.create();
-      resetForm();
-      router.push("/admin/keamanan/polsek-terdekat");
-    } catch (error) {
-      console.error(error)
-      toast.error("Gagal menambah polsek terdekat");
-    } finally {
-      setIsSubmitting(false);
+  const { embedMapUrl } = polsekState.create.form;
+
+  // ✅ Validasi Google Maps Embed URL (jika diisi)
+  if (embedMapUrl && !isValidGoogleMapsEmbed(embedMapUrl)) {
+    toast.error("URL embed peta tidak valid. Harap paste iframe dari Google Maps.");
+    return;
+  }
+
+  try {
+    setIsSubmitting(true);
+    await polsekState.create.create();
+    resetForm();
+    router.push("/admin/keamanan/polsek-terdekat");
+  } catch (error) {
+    console.error(error);
+    toast.error("Gagal menambah polsek terdekat");
+  } finally {
+    setIsSubmitting(false);
+  }
+};
+
+  const extractEmbedUrl = (input: string): string => {
+    // Jika sudah berupa URL embed yang valid
+    if (input.startsWith('https://www.google.com/maps/embed?')) {
+      return input.trim();
     }
+
+    // Coba parse sebagai HTML string (iframe)
+    const iframeRegex = /<iframe[^>]*src=["']([^"']*)["'][^>]*>/i;
+    const match = input.match(iframeRegex);
+    if (match && match[1]?.startsWith('https://www.google.com/maps/embed?')) {
+      return match[1].trim();
+    }
+
+    // Jika tidak cocok, kembalikan input asli (atau string kosong)
+    return input.trim();
   };
 
   const fetchLayanan = async () => {
@@ -190,9 +228,14 @@ function CreatePolsekTerdekat() {
           />
           <TextInput
             value={polsekState.create.form.embedMapUrl}
-            onChange={(val) => (polsekState.create.form.embedMapUrl = val.target.value)}
+            onChange={(e) => {
+              const rawValue = e.currentTarget.value;
+              const cleanUrl = extractEmbedUrl(rawValue);
+              polsekState.create.form.embedMapUrl = cleanUrl;
+            }}
+            description="Contoh: https://www.google.com/maps/embed?pb=..."
             label={<Text fw="bold" fz="sm">Embed Map URL</Text>}
-            placeholder="Masukkan embed map url"
+            placeholder="Paste iframe dari Google Maps atau URL embed langsung"
           />
           <TextInput
             value={polsekState.create.form.namaTempatMaps}
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
index 5d4eb010..e65fcd04 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
@@ -9,7 +9,6 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import sdgsDesa from '../../_state/landing-page/sdgs-desa';
 
-
 function SdgsDesa() {
   const [search, setSearch] = useState('');
   return (
@@ -27,7 +26,7 @@ function SdgsDesa() {
 }
 
 function ListSdgsDesa({ search }: { search: string }) {
-  const listState = useProxy(sdgsDesa)
+  const listState = useProxy(sdgsDesa);
   const router = useRouter();
 
   const {
@@ -39,10 +38,10 @@ function ListSdgsDesa({ search }: { search: string }) {
   } = listState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, search);
+  }, [page, search]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   // Handle loading state
   if (loading || !data) {
@@ -53,79 +52,71 @@ function ListSdgsDesa({ search }: { search: string }) {
     );
   }
 
-  if (data.length === 0) {
-    return (
-      <Box py={10}>
-        <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-          <Group justify="space-between" mb="md">
-            <Title order={4}>Daftar Sdgs Desa</Title>
-              <Button 
-                leftSection={<IconPlus size={18} />} 
-                color={colors['blue-button']} 
-                variant="light"
-                onClick={() => router.push('/admin/landing-page/SDGs/create')}
-              >
-                Tambah Baru
-              </Button>
-          </Group>
-          <Box style={{ overflowX: 'auto' }}>
-            <Table highlightOnHover striped verticalSpacing="sm">
-              <TableThead>
-                <TableTr>
-                  <TableTh style={{ width: '60%' }}>Nama Sdgs Desa</TableTh>
-                  <TableTh style={{ width: '20%' }}>Jumlah</TableTh>
-                  <TableTh style={{ width: '20%', textAlign: 'center' }}>Aksi</TableTh>
-                </TableTr>
-              </TableThead>
-              <TableTbody>
-                <TableTr>
-                  <TableTd colSpan={3} style={{ textAlign: 'center', padding: '2rem' }}>
-                    <Text c="dimmed">Tidak ada data Sdgs Desa</Text>
-                  </TableTd>
-                </TableTr>
-              </TableTbody>
-            </Table>
-          </Box>
-        </Paper>
-      </Box>
-    );
-  }
+  const isEmpty = data.length === 0;
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Sdgs Desa</Title>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light"
-              onClick={() => router.push('/admin/landing-page/SDGs/create')}
-            >
-              Tambah Baru
-            </Button>
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>
+            Daftar Sdgs Desa
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color={colors['blue-button']}
+            variant="light"
+            onClick={() => router.push('/admin/landing-page/SDGs/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover striped verticalSpacing="sm">
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '60%' }}>Nama Sdgs Desa</TableTh>
-                <TableTh style={{ width: '20%' }}>Jumlah</TableTh>
-                <TableTh style={{ width: '20%', textAlign: 'center' }}>Aksi</TableTh>
+                <TableTh style={{ width: '60%' }}>
+                  <Text fz="sm" fw={600} c="dark.7" ta="left">
+                    Nama Sdgs Desa
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} c="dark.7" ta="left">
+                    Jumlah
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} c="dark.7" ta="center">
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
-              {filteredData.map((item) => (
-                <TableTr key={item.id}>
-                  <TableTd style={{ width: '60%' }}>
-                    <Text fw={500} truncate="end" lineClamp={1}>
-                      {item.name}
+              {isEmpty ? (
+                <TableTr>
+                  <TableTd colSpan={3} ta="center" py="xl">
+                    <Text c="dimmed" fz="sm" lh={1.5}>
+                      Tidak ada data Sdgs Desa
                     </Text>
                   </TableTd>
-                  <TableTd style={{ width: '20%' }}>
-                    <Text fz="sm" c="dimmed">
-                      {item.jumlah || '0'}
-                    </Text>
-                  </TableTd>
-                  <TableTd style={{ width: '20%', textAlign: 'center' }}>
-                      <Button 
+                </TableTr>
+              ) : (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd style={{ width: '60%' }}>
+                      <Text fz="md" fw={500} truncate="end" lineClamp={1} lh={1.5}>
+                        {item.name}
+                      </Text>
+                    </TableTd>
+                    <TableTd style={{ width: '20%' }}>
+                      <Text fz="sm" c="dark.6" lh={1.5}>
+                        {item.jumlah || '0'}
+                      </Text>
+                    </TableTd>
+                    <TableTd style={{ width: '20%' }} ta="center">
+                      <Button
                         size="xs"
                         radius="md"
                         variant="light"
@@ -135,27 +126,69 @@ function ListSdgsDesa({ search }: { search: string }) {
                       >
                         Detail
                       </Button>
-                  </TableTd>
-                </TableTr>
-              ))}
+                    </TableTd>
+                  </TableTr>
+                ))
+              )}
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          {isEmpty ? (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.5} ta="center">
+                Tidak ada data Sdgs Desa
+              </Text>
+            </Center>
+          ) : (
+            <Stack gap="sm">
+              {filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="md">
+                  <Stack gap={4}>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      {item.name}
+                    </Text>
+                    <Text fz="xs" c="dark.6" lh={1.4}>
+                      Jumlah: {item.jumlah || '0'}
+                    </Text>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() => router.push(`/admin/landing-page/SDGs/${item.id}`)}
+                      >
+                        Detail
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))}
+            </Stack>
+          )}
+        </Box>
       </Paper>
-      <Center mt="lg">
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo(0, 0);
-          }}
-          total={Math.max(1, totalPages)}
-          withEdges
-          radius="md"
-        />
-      </Center>
+
+      {!isEmpty && (
+        <Center mt={{ base: 'md', md: 'lg' }}>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo(0, 0);
+            }}
+            total={Math.max(1, totalPages)}
+            withEdges
+            radius="md"
+          />
+        </Center>
+      )}
     </Box>
-  )
+  );
 }
 
-export default SdgsDesa;
+export default SdgsDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
index 401f85a3..d327fb3b 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
@@ -3,6 +3,7 @@
 
 import colors from "@/con/colors";
 import {
+    Box,
     ScrollArea,
     Stack,
     Tabs,
@@ -68,37 +69,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                 keepMounted={false}
             >
                 {/* ✅ Scroll horizontal wrapper */}
-                <ScrollArea type="auto" offsetScrollbars>
-                    <TabsList
-                        p="sm"
-                        style={{
-                            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                            borderRadius: "1rem",
-                            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-                            display: "flex",
-                            flexWrap: "nowrap",
-                            gap: "0.5rem",
-                            paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-                        }}
-                    >
-                        {tabs.map((tab, i) => (
-                            <TabsTab
-                                key={i}
-                                value={tab.value}
-                                leftSection={tab.icon}
-                                style={{
-                                    fontWeight: 600,
-                                    fontSize: "0.9rem",
-                                    transition: "all 0.2s ease",
-                                    flexShrink: 0, // ✅ mencegah tab mengecil
-                                }}
-                            >
-                                {tab.label}
-                            </TabsTab>
-                        ))}
-                    </TabsList>
-                </ScrollArea>
+                <Box visibleFrom='md'>
+                    <ScrollArea type="auto" offsetScrollbars>
+                        <TabsList
+                            p="sm"
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        transition: "all 0.2s ease",
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
 
+                <Box hiddenFrom='md'>
+                    <ScrollArea
+                        type="auto"
+                        offsetScrollbars={false}
+                        w="100%"
+                    >
+
+                        <TabsList
+                            p="xs" // lebih kecil
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                width: "max-content", // ⬅️ kunci
+                                maxWidth: "100%",     // ⬅️ penting
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        paddingInline: "0.75rem", // ⬅️ lebih ramping
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
                 {tabs.map((tab, i) => (
                     <TabsPanel
                         key={i}
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
index 1361aecf..548e649f 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
@@ -82,7 +82,7 @@ export default function EditKategoriDesaAntiKorupsi() {
 
   // 🧩 UI
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
index 117f5f19..40ead798 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
@@ -43,7 +43,7 @@ export default function CreateKategoriDesaAntiKorupsi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
index 6a5e8c88..f455e069 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
@@ -1,6 +1,23 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -10,9 +27,8 @@ import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import korupsiState from '../../../_state/landing-page/desa-anti-korupsi';
 
-
 function KategoriDesaAntiKorupsi() {
-  const [search, setSearch] = useState("")
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -28,126 +44,188 @@ function KategoriDesaAntiKorupsi() {
 }
 
 function ListKategoriKegiatan({ search }: { search: string }) {
-  const stateKategori = useProxy(korupsiState.kategoriDesaAntiKorupsi)
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-  const router = useRouter()
+  const stateKategori = useProxy(korupsiState.kategoriDesaAntiKorupsi);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const router = useRouter();
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = stateKategori.findMany;
+  const { data, page, totalPages, loading, load } = stateKategori.findMany;
 
   const handleHapus = () => {
     if (selectedId) {
-      stateKategori.delete.byId(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
+      stateKategori.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
     }
-  }
+  };
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, search);
+  }, [page, search]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="xl">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
-  return (
-    <Box py={10}>
-      <Paper bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kategori Kegiatan</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create')}
-            >
-              Tambah Baru
-            </Button>
-        </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover striped verticalSpacing="sm">
-            <TableThead>
-              <TableTr>
-                <TableTh>Nama Kategori</TableTh>
-                <TableTh>Edit</TableTh>
-                <TableTh>Hapus</TableTh>
+  // Mobile cards
+  const renderMobileCards = () => (
+    <Stack gap="md">
+      {filteredData.length > 0 ? (
+        filteredData.map((item) => (
+          <Paper key={item.id} p="md" withBorder>
+            <Group justify="space-between" align="flex-start">
+              <Box flex={1}>
+                <Text fw={500} fz={{ base: 'sm', md: 'md' }} lh={1.45} lineClamp={2}>
+                  {item.name}
+                </Text>
+              </Box>
+              <Group gap="xs" wrap="nowrap">
+                <Button
+                  variant="light"
+                  color="green"
+                  size="xs"
+                  onClick={() => router.push(`/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/${item.id}`)}
+                >
+                  <IconEdit size={16} />
+                </Button>
+                <Button
+                  variant="light"
+                  color="red"
+                  size="xs"
+                  onClick={() => {
+                    setSelectedId(item.id);
+                    setModalHapus(true);
+                  }}
+                >
+                  <IconTrash size={16} />
+                </Button>
+              </Group>
+            </Group>
+          </Paper>
+        ))
+      ) : (
+        <Paper p="xl" ta="center">
+          <Text c="dimmed" fz="sm" lh={1.4}>
+            Tidak ada data kategori yang ditemukan
+          </Text>
+        </Paper>
+      )}
+    </Stack>
+  );
+
+  // Desktop table
+  const renderDesktopTable = () => (
+    <Box>
+      <Table highlightOnHover striped verticalSpacing="sm" miw={300}>
+        <TableThead>
+          <TableTr>
+            <TableTh>
+              <Text fw={600} fz="sm" c="dimmed">
+                Nama Kategori
+              </Text>
+            </TableTh>
+            <TableTh>
+              <Text fw={600} fz="sm" c="dimmed">
+                Edit
+              </Text>
+            </TableTh>
+            <TableTh>
+              <Text fw={600} fz="sm" c="dimmed">
+                Hapus
+              </Text>
+            </TableTh>
+          </TableTr>
+        </TableThead>
+        <TableTbody>
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <TableTr key={item.id}>
+                <TableTd>
+                  <Text fw={500} fz="md" lh={1.45} lineClamp={1}>
+                    {item.name}
+                  </Text>
+                </TableTd>
+                <TableTd w={60}>
+                  <Button
+                    variant="light"
+                    color="green"
+                    size="sm"
+                    onClick={() => router.push(`/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/${item.id}`)}
+                  >
+                    <IconEdit size={18} />
+                  </Button>
+                </TableTd>
+                <TableTd w={60}>
+                  <Button
+                    variant="light"
+                    color="red"
+                    size="sm"
+                    onClick={() => {
+                      setSelectedId(item.id);
+                      setModalHapus(true);
+                    }}
+                  >
+                    <IconTrash size={18} />
+                  </Button>
+                </TableTd>
               </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length > 0 ? (
-                filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} lineClamp={1}>{item.name}</Text>
-                      </Box>
-                    </TableTd>
-                    <TableTd>
-                        <Button
-                          variant="light"
-                          color="green"
-                          size="sm"
-                          onClick={() => router.push(`/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/${item.id}`)}
-                        >
-                          <IconEdit size={18} />
-                        </Button>
-                    </TableTd>
-                    <TableTd>
-                        <Button
-                          variant="light"
-                          color="red"
-                          size="sm"
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconTrash size={18} />
-                        </Button>
-                    </TableTd>
-                  </TableTr>
-                ))
-              ) : (
-                <TableTr>
-                  <TableTd colSpan={2}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada data kategori yang ditemukan</Text>
-                    </Center>
-                  </TableTd>
-                </TableTr>
-              )}
-            </TableTbody>
-          </Table>
-        </Box>
+            ))
+          ) : (
+            <TableTr>
+              <TableTd colSpan={3} ta="center" py="xl">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data kategori yang ditemukan
+                </Text>
+              </TableTd>
+            </TableTr>
+          )}
+        </TableTbody>
+      </Table>
+    </Box>
+  );
+
+  return (
+    <Box py={{ base: 'xl', md: 'xl' }}>
+      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'xl' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
+          <Title order={2} lh={1.2}>
+            Daftar Kategori Kegiatan
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create')}
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+
+        <Box visibleFrom="md">{renderDesktopTable()}</Box>
+        <Box hiddenFrom="md">{renderMobileCards()}</Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
-      {/* Modal Konfirmasi Hapus */}
+
+      {totalPages > 1 && (
+        <Center mt="xl">
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
+
       <ModalKonfirmasiHapus
         opened={modalHapus}
         onClose={() => setModalHapus(false)}
@@ -158,4 +236,4 @@ function ListKategoriKegiatan({ search }: { search: string }) {
   );
 }
 
-export default KategoriDesaAntiKorupsi
+export default KategoriDesaAntiKorupsi;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
index eaf0c853..423a1f99 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
@@ -150,7 +150,7 @@ export default function EditDesaAntiKorupsi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
index 5b1f738c..a716cbe0 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
@@ -42,7 +42,7 @@ export default function DetailKegiatanDesa() {
   const data = detailState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -53,7 +53,7 @@ export default function DetailKegiatanDesa() {
       </Button>
 
       <Paper
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
index 63a495b3..5d58a95c 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
@@ -85,7 +85,7 @@ export default function CreateDesaAntiKorupsi() {
     }
   };
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
index 79046061..1e1c8449 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
@@ -38,7 +38,7 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py="md">
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={650} radius="lg" />
       </Stack>
     );
@@ -46,11 +46,13 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
 
   if (data.length === 0) {
     return (
-      <Box py="md">
-        <Paper p="lg" radius="lg" shadow="md" withBorder>
+      <Box py={{ base: 'sm', md: 'md' }}>
+        <Paper p={{ base: 'md', md: 'lg' }} radius="lg" shadow="md" withBorder>
           <Stack align="center" gap="sm">
-            <Title order={4}>Data Program Desa Anti Korupsi</Title>
-            <Text c="dimmed" ta="center">
+            <Title order={2} lh={1.2}>
+              Data Program Desa Anti Korupsi
+            </Title>
+            <Text c="dimmed" ta="center" fz={{ base: 'xs', md: 'sm' }} lh={1.5}>
               Belum ada data program yang tersedia
             </Text>
           </Stack>
@@ -61,48 +63,56 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
 
   return (
     <Box>
-      <Stack gap="md">
-        <Paper p="lg" radius="lg" shadow="md" withBorder>
-          <Group justify="space-between" mb="md">
-            <Title order={4}>Daftar Program Desa Anti Korupsi</Title>
-              <Button leftSection={<IconPlus size={18} />} color="blue" variant="light"
-                onClick={() => router.push('/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create')}
-              >
-                Tambah Baru
-              </Button>
+      <Stack gap={'md'}>
+        <Paper p={{ base: 'md', md: 'lg' }} radius="lg" shadow="md" withBorder>
+          <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+            <Title order={2} lh={1.2}>
+              Daftar Program Desa Anti Korupsi
+            </Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() =>
+                router.push('/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create')
+              }
+            >
+              Tambah Baru
+            </Button>
           </Group>
-          <Box style={{ overflowX: 'auto' }}>
+
+          {/* Desktop Table */}
+          <Box visibleFrom="md">
             <Table
               striped
               highlightOnHover
-
               withRowBorders
               verticalSpacing="sm"
             >
               <TableThead>
                 <TableTr>
-                  <TableTh style={{ width: '50%' }}>Nama Program</TableTh>
-                  <TableTh style={{ width: '30%' }}>Kategori</TableTh>
-                  <TableTh style={{ width: '20%', textAlign: 'center' }}>Aksi</TableTh>
+                  <TableTh w="50%">Nama Program</TableTh>
+                  <TableTh w="30%">Kategori</TableTh>
+                  <TableTh w="20%" ta="center">
+                    Aksi
+                  </TableTh>
                 </TableTr>
               </TableThead>
               <TableTbody>
                 {filteredData.length > 0 ? (
                   filteredData.map((item) => (
                     <TableTr key={item.id}>
-                      <TableTd style={{ width: '50%' }}>
-                        <Text fw={500} lineClamp={1}>
+                      <TableTd w="50%">
+                        <Text fw={500} lineClamp={1} fz="md" lh={1.5}>
                           {item.name || '-'}
                         </Text>
                       </TableTd>
-                      <TableTd style={{ width: '30%' }}>
-                        <Box w={200}>
-                        <Text fz="sm" c="dimmed" lineClamp={1}>
+                      <TableTd w="30%">
+                        <Text fz="sm" c="dimmed" lineClamp={1} lh={1.5}>
                           {item.kategori?.name || '-'}
                         </Text>
-                        </Box>
                       </TableTd>
-                      <TableTd style={{ width: '20%', textAlign: 'center' }}>
+                      <TableTd w="20%" ta="center">
                         <Button
                           size="xs"
                           radius="md"
@@ -123,7 +133,7 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
                 ) : (
                   <TableTr>
                     <TableTd colSpan={3}>
-                      <Text ta="center" c="dimmed">
+                      <Text ta="center" c="dimmed" fz="sm" lh={1.5}>
                         Tidak ditemukan data dengan kata kunci pencarian
                       </Text>
                     </TableTd>
@@ -132,6 +142,48 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
               </TableTbody>
             </Table>
           </Box>
+
+          {/* Mobile Cards */}
+          <Box hiddenFrom="md">
+            <Stack gap="xs">
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <Paper key={item.id} p="sm" radius="md" withBorder shadow="xs">
+                    <Stack gap="xs">
+                      <Text fw={500} fz="sm" lh={1.5} lineClamp={1}>
+                        {item.name || '-'}
+                      </Text>
+                      <Text fz="xs" c="dimmed" lh={1.5} lineClamp={1}>
+                        Kategori: {item.kategori?.name || '-'}
+                      </Text>
+                      <Group justify="flex-end">
+                        <Button
+                          size="xs"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImacCog size={16} />}
+                          onClick={() =>
+                            router.push(
+                              `/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/${item.id}`
+                            )
+                          }
+                        >
+                          Detail
+                        </Button>
+                      </Group>
+                    </Stack>
+                  </Paper>
+                ))
+              ) : (
+                <Paper p="sm" radius="md" withBorder>
+                  <Text ta="center" c="dimmed" fz="xs" lh={1.5}>
+                    Tidak ditemukan data dengan kata kunci pencarian
+                  </Text>
+                </Paper>
+              )}
+            </Stack>
+          </Box>
         </Paper>
 
         <Center>
@@ -144,7 +196,6 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
             }}
             size="md"
             radius="md"
-            mt="md"
           />
         </Center>
       </Stack>
@@ -152,4 +203,4 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
   );
 }
 
-export default DesaAntiKorupsi;
+export default DesaAntiKorupsi;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx
index 4b910589..cb633834 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconChartBar, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -53,36 +53,41 @@ function LayoutTabsKepuasan({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
+
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
-          >
-            {tabs.map((e, i) => (
-              <TabsTab
-                key={i}
-                value={e.value}
-                leftSection={e.icon}
-                style={{
-                  fontWeight: 500,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {e.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+        <Box>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
         {tabs.map((e, i) => (
           <TabsPanel key={i} value={e.value}>
             <></>
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
index 6e123982..3cd5d1b0 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
@@ -149,7 +149,7 @@ function EditResponden() {
   );
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
index 69178422..d2c84212 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
@@ -38,7 +38,7 @@ export default function DetailResponden() {
     )
   }
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -50,7 +50,7 @@ export default function DetailResponden() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
index ea36e1d3..aa2a37c2 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -60,7 +60,7 @@ function ListResponden({ search }: ListRespondenProps) {
 
   if (loading || !data) {
     return (
-      <Stack py="md">
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={650} radius="lg" />
       </Stack>
     );
@@ -68,11 +68,13 @@ function ListResponden({ search }: ListRespondenProps) {
 
   if (data.length === 0) {
     return (
-      <Box py="md">
-        <Paper p="lg" radius="lg" shadow="md" withBorder>
+      <Box py={{ base: 'md', md: 'lg' }}>
+        <Paper p={{ base: 'md', md: 'lg' }} radius="lg" shadow="md" withBorder>
           <Stack align="center" gap="sm">
-            <Title order={4}>Data Responden</Title>
-            <Text c="dimmed" ta="center">
+            <Title order={2} lh={1.2}>
+              Data Responden
+            </Title>
+            <Text c="dimmed" ta="center" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
               Belum ada data responden yang tersedia
             </Text>
           </Stack>
@@ -83,12 +85,13 @@ function ListResponden({ search }: ListRespondenProps) {
 
   return (
     <Box>
-      <Stack gap="md">
-        <Paper p="lg" radius="lg" shadow="md" withBorder>
-          <Title order={4} mb="sm">
-            Daftar Responden
-          </Title>
-          <Box style={{ overflowX: 'auto' }}>
+      <Stack gap={'lg'}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Paper p="lg" radius="lg" shadow="md" withBorder>
+            <Title order={2} size="lg" mb="md" lh={1.2}>
+              Daftar Responden
+            </Title>
             <Table
               striped
               highlightOnHover
@@ -97,18 +100,18 @@ function ListResponden({ search }: ListRespondenProps) {
             >
               <TableThead>
                 <TableTr>
-                  <TableTh style={{ width: '5%' }}>No</TableTh>
-                  <TableTh style={{ width: '25%' }}>Nama</TableTh>
-                  <TableTh style={{ width: '20%' }}>Tanggal</TableTh>
-                  <TableTh style={{ width: '20%' }}>Jenis Kelamin</TableTh>
-                  <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                  <TableTh fz="sm" fw={600} w={60}>No</TableTh>
+                  <TableTh fz="sm" fw={600}>Nama</TableTh>
+                  <TableTh fz="sm" fw={600}>Tanggal</TableTh>
+                  <TableTh fz="sm" fw={600}>Jenis Kelamin</TableTh>
+                  <TableTh fz="sm" fw={600} w={120}>Aksi</TableTh>
                 </TableTr>
               </TableThead>
               <TableTbody>
                 {filteredData.length === 0 ? (
                   <TableTr>
                     <TableTd colSpan={5}>
-                      <Text ta="center" c="dimmed">
+                      <Text ta="center" c="dimmed" fz="sm" lh={1.5}>
                         Tidak ditemukan data dengan kata kunci pencarian
                       </Text>
                     </TableTd>
@@ -116,24 +119,18 @@ function ListResponden({ search }: ListRespondenProps) {
                 ) : (
                   filteredData.map((item, index) => (
                     <TableTr key={item.id}>
-                      <TableTd>{index + 1}</TableTd>
-                      <TableTd>{item.name}</TableTd>
-                      <TableTd>
-                        <Box w={150}>
+                      <TableTd fz="md" lh={1.5}>{index + 1}</TableTd>
+                      <TableTd fz="md" lh={1.5}>{item.name}</TableTd>
+                      <TableTd fz="md" lh={1.5}>
                         {item.tanggal
                           ? new Date(item.tanggal).toLocaleDateString('id-ID', {
-                            day: '2-digit',
-                            month: 'long',
-                            year: 'numeric',
-                          })
+                              day: '2-digit',
+                              month: 'long',
+                              year: 'numeric',
+                            })
                           : '-'}
-                        </Box>
-                      </TableTd>
-                      <TableTd>
-                        <Box w={100}>
-                        {item.jenisKelamin.name}
-                        </Box>
                       </TableTd>
+                      <TableTd fz="md" lh={1.5}>{item.jenisKelamin.name}</TableTd>
                       <TableTd>
                         <Button
                           size="xs"
@@ -155,8 +152,64 @@ function ListResponden({ search }: ListRespondenProps) {
                 )}
               </TableTbody>
             </Table>
-          </Box>
-        </Paper>
+          </Paper>
+        </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            <Title order={2} size="md" lh={1.2} px="md">
+              Daftar Responden
+            </Title>
+            {filteredData.length === 0 ? (
+              <Paper p="md" radius="lg" shadow="sm" mx="md">
+                <Text ta="center" c="dimmed" fz="sm" lh={1.5}>
+                  Tidak ditemukan data dengan kata kunci pencarian
+                </Text>
+              </Paper>
+            ) : (
+              filteredData.map((item) => (
+                <Paper key={item.id} p="md" radius="lg" shadow="sm" mx="md">
+                  <Stack gap={4}>
+                    <Text fz="sm" c="dimmed" lh={1.4}>Nama</Text>
+                    <Text fz="md" lh={1.5}>{item.name}</Text>
+
+                    <Text fz="sm" c="dimmed" lh={1.4}>Tanggal</Text>
+                    <Text fz="md" lh={1.5}>
+                      {item.tanggal
+                        ? new Date(item.tanggal).toLocaleDateString('id-ID', {
+                            day: '2-digit',
+                            month: 'long',
+                            year: 'numeric',
+                          })
+                        : '-'}
+                    </Text>
+
+                    <Text fz="sm" c="dimmed" lh={1.4}>Jenis Kelamin</Text>
+                    <Text fz="md" lh={1.5}>{item.jenisKelamin.name}</Text>
+
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImac size={16} />}
+                      onClick={() =>
+                        router.push(
+                          `/admin/landing-page/indeks-kepuasan-masyarakat/responden/${item.id}`
+                        )
+                      }
+                      mt="xs"
+                    >
+                      Detail
+                    </Button>
+                  </Stack>
+                </Paper>
+              ))
+            )}
+          </Stack>
+        </Box>
+
         <Center>
           <Pagination
             value={page}
@@ -167,7 +220,7 @@ function ListResponden({ search }: ListRespondenProps) {
             }}
             size="md"
             radius="md"
-            mt="md"
+            mt={{ base: 'md', md: 'lg' }}
           />
         </Center>
       </Stack>
@@ -175,4 +228,4 @@ function ListResponden({ search }: ListRespondenProps) {
   );
 }
 
-export default Responden;
+export default Responden;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
index 6d889a1f..7210d917 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
@@ -2,6 +2,7 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  Box,
   ScrollArea,
   Stack,
   Tabs,
@@ -74,36 +75,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
+        <Box visibleFrom='md'>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md'>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
           >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                  flexShrink: 0, // ✅ jangan mengecil aneh-aneh
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
index 9be66fd9..e1d59050 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
@@ -177,7 +177,7 @@ function EditMediaSosial() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
index a73e90e6..ffe743f9 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/page.tsx
@@ -50,7 +50,7 @@ function DetailMediaSosial() {
   const data = stateMediaSosial.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -62,7 +62,7 @@ function DetailMediaSosial() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
index ccbfdb5c..17e1c952 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
@@ -25,7 +25,6 @@ import { useProxy } from 'valtio/utils';
 import profileLandingPageState from '../../../../_state/landing-page/profile';
 import SelectSosialMedia from '@/app/admin/(dashboard)/_com/selectSocialMedia';
 
-
 // ⭐ Tambah type SosmedKey
 type SosmedKey =
   | 'facebook'
@@ -88,7 +87,6 @@ export default function CreateMediaSosial() {
         stateMediaSosial.create.form.imageId = null;
         stateMediaSosial.create.form.icon = sosmedMap[selectedSosmed].src!;
 
-
         await stateMediaSosial.create.create();
         resetForm();
         router.push('/admin/landing-page/profil/media-sosial');
@@ -129,13 +127,13 @@ export default function CreateMediaSosial() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
         </Button>
-        <Title order={4} ml="sm" c="dark">
+        <Title order={2} ml="sm" c="dark" lh={1.2} fz={{ base: 'md', md: 'lg' }}>
           Tambah Media Sosial
         </Title>
       </Group>
@@ -155,7 +153,7 @@ export default function CreateMediaSosial() {
           {/* Custom icon uploader */}
           {selectedSosmed === 'custom' && (
             <Box>
-              <Text fw="bold" fz="sm" mb={6}>
+              <Text fw="bold" fz={{ base: 'sm', md: 'md' }} lh={1.45} mb={6}>
                 Upload Custom Icon
               </Text>
 
@@ -185,8 +183,10 @@ export default function CreateMediaSosial() {
                   </Dropzone.Idle>
 
                   <Stack align="center" gap="xs">
-                    <Text fw={500}>Seret gambar atau klik untuk pilih</Text>
-                    <Text size="sm" c="dimmed">
+                    <Text fw={500} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                      Seret gambar atau klik untuk pilih
+                    </Text>
+                    <Text fz={{ base: 12, md: 'sm' }} c="dimmed" lh={1.4}>
                       Maksimal 5MB, format .png, .jpg, .jpeg, webp
                     </Text>
                   </Stack>
@@ -229,7 +229,11 @@ export default function CreateMediaSosial() {
 
           {/* Input name */}
           <TextInput
-            label="Nama Media Sosial"
+            label={
+              <Text fw={500} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                Nama Media Sosial
+              </Text>
+            }
             placeholder="Masukkan nama media sosial"
             value={stateMediaSosial.create.form.name ?? ''}
             onChange={(e) => (stateMediaSosial.create.form.name = e.target.value)}
@@ -238,7 +242,11 @@ export default function CreateMediaSosial() {
 
           {/* Input link */}
           <TextInput
-            label="Link / Kontak"
+            label={
+              <Text fw={500} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                Link / Kontak
+              </Text>
+            }
             placeholder="Masukkan link atau nomor"
             value={stateMediaSosial.create.form.iconUrl ?? ''}
             onChange={(e) => (stateMediaSosial.create.form.iconUrl = e.target.value)}
@@ -266,4 +274,4 @@ export default function CreateMediaSosial() {
       </Paper>
     </Box>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
index 540037c5..ffc1c669 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
@@ -1,7 +1,25 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Image, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Image,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -28,11 +46,11 @@ function MediaSosial() {
 }
 
 function ListMediaSosial({ search }: { search: string }) {
-  const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial)
+  const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial);
   const router = useRouter();
 
   const getIconSource = (item: any) => {
-    if (item.image?.link) return item.image.link; 
+    if (item.image?.link) return item.image.link;
     if (item.icon && sosmedMap[item.icon as keyof typeof sosmedMap]?.src) {
       return sosmedMap[item.icon as keyof typeof sosmedMap].src;
     }
@@ -48,101 +66,201 @@ function ListMediaSosial({ search }: { search: string }) {
   } = stateMediaSosial.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, search);
+  }, [page, search]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', sm: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Media Sosial</Title>
-          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/profil/media-sosial/create')}>
+    <Box py={{ base: 'sm', sm: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', sm: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', sm: 'md' }}>
+          <Title order={4} lh={1.15}>
+            Daftar Media Sosial
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/landing-page/profil/media-sosial/create')}
+            fz={{ base: 'xs', sm: 'sm' }}
+          >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama Media Sosial / Kontak</TableTh>
-                <TableTh style={{ width: '20%' }}>Gambar</TableTh>
-                <TableTh style={{ width: '20%' }}>Link / No. Telepon</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length > 0 ? (
-                filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%', }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
-                    </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Box w={50} h={50} style={{ borderRadius: 8, overflow: 'hidden' }}>
 
-                        {(() => {
-                          const src = getIconSource(item);
-
-                          if (src) {
-                            return (
-                              <Image
-                                loading="lazy"
-                                src={src}
-                                alt={item.name}
-                                fit={item.image?.link ? "cover" : "contain"}
-                              />
-                            );
-                          }
-
-                          return <Box bg={colors['blue-button']} w="100%" h="100%" />;
-                        })()}
-
-                      </Box>
-                    </TableTd>
-                    <TableTd style={{ width: '20%', }}>
-                      <Box w={250}>
-                        <Text truncate fz="sm" c="dimmed" lineClamp={1}>
-                          {item.iconUrl || item.noTelp || '-'}
+        <Box>
+          {/* Desktop: Table | Mobile: Card-based vertical layout */}
+          <Box visibleFrom="md">
+            <Table highlightOnHover>
+              <TableThead>
+                <TableTr>
+                  <TableTh style={{ width: '25%' }}>
+                    <Text fw={600} fz="md" lh={1.45}>
+                      Nama Media Sosial / Kontak
+                    </Text>
+                  </TableTh>
+                  <TableTh style={{ width: '20%' }}>
+                    <Text fw={600} fz="md" lh={1.45}>
+                      Gambar
+                    </Text>
+                  </TableTh>
+                  <TableTh style={{ width: '20%' }}>
+                    <Text fw={600} fz="md" lh={1.45}>
+                      Link / No. Telepon
+                    </Text>
+                  </TableTh>
+                  <TableTh style={{ width: '15%' }}>
+                    <Text fw={600} fz="md" lh={1.45}>
+                      Aksi
+                    </Text>
+                  </TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                {filteredData.length > 0 ? (
+                  filteredData.map((item) => (
+                    <TableTr key={item.id}>
+                      <TableTd style={{ width: '25%' }}>
+                        <Text fw={500} fz="md" lh={1.5} truncate="end" lineClamp={1}>
+                          {item.name}
                         </Text>
-                      </Box>
-                    </TableTd>
-                    <TableTd style={{ width: '15%' }}>
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() => router.push(`/admin/landing-page/profil/media-sosial/${item.id}`)}
-                      >
-                        Detail
-                      </Button>
+                      </TableTd>
+                      <TableTd style={{ width: '20%' }}>
+                        <Box w={50} h={50} style={{ borderRadius: 8, overflow: 'hidden' }}>
+                          {(() => {
+                            const src = getIconSource(item);
+                            if (src) {
+                              return (
+                                <Image
+                                  loading="lazy"
+                                  src={src}
+                                  alt={item.name}
+                                  fit={item.image?.link ? 'cover' : 'contain'}
+                                />
+                              );
+                            }
+                            return <Box bg={colors['blue-button']} w="100%" h="100%" />;
+                          })()}
+                        </Box>
+                      </TableTd>
+                      <TableTd style={{ width: '20%' }}>
+                        <Box w={250}>
+                          <Text truncate fz="sm" lh={1.5} c="dimmed" lineClamp={1}>
+                            {item.iconUrl || item.noTelp || '-'}
+                          </Text>
+                        </Box>
+                      </TableTd>
+                      <TableTd style={{ width: '15%' }}>
+                        <Button
+                          size="xs"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImacCog size={16} />}
+                          onClick={() =>
+                            router.push(`/admin/landing-page/profil/media-sosial/${item.id}`)
+                          }
+                        >
+                          Detail
+                        </Button>
+                      </TableTd>
+                    </TableTr>
+                  ))
+                ) : (
+                  <TableTr>
+                    <TableTd colSpan={4}>
+                      <Center py={20}>
+                        <Text c="dimmed" fz="md" lh={1.5}>
+                          Tidak ada data media sosial yang cocok
+                        </Text>
+                      </Center>
                     </TableTd>
                   </TableTr>
-                ))
-              ) : (
-                <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data media sosial yang cocok</Text>
-                    </Center>
-                  </TableTd>
-                </TableTr>
-              )}
-            </TableTbody>
-          </Table>
+                )}
+              </TableTbody>
+            </Table>
+          </Box>
+
+          {/* Mobile layout */}
+          <Stack hiddenFrom="md" gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Group justify="space-between" wrap="nowrap" align='center'>
+                    <Box>
+                      <Text fw={600} fz="sm" lh={1.45}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box w={40} h={40} style={{ borderRadius: 6, overflow: 'hidden' }}>
+                      {(() => {
+                        const src = getIconSource(item);
+                        if (src) {
+                          return (
+                            <Image
+                              loading="lazy"
+                              src={src}
+                              alt={item.name}
+                              fit={item.image?.link ? 'cover' : 'contain'}
+                            />
+                          );
+                        }
+                        return <Box bg={colors['blue-button']} w="100%" h="100%" />;
+                      })()}
+                    </Box>
+                  </Group>
+                  <Box>
+                    <a
+                      href={item.link}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      style={{ textDecoration: 'underline' }}
+                    >
+                      <Text
+                        fz="sm"
+                        c="blue"
+                        truncate
+                      >
+                        {item.iconUrl || item.noTelp || '-'}
+                      </Text>
+                    </a>
+                  </Box>
+                  <Group mt="sm" justify="flex-end">
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={16} />}
+                      onClick={() =>
+                        router.push(`/admin/landing-page/profil/media-sosial/${item.id}`)
+                      }
+                    >
+                      Detail
+                    </Button>
+                  </Group>
+                </Paper>
+              ))
+            ) : (
+              <Center py={24}>
+                <Text c="dimmed" fz="sm" lh={1.5}>
+                  Tidak ada data media sosial yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
         </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -161,4 +279,4 @@ function ListMediaSosial({ search }: { search: string }) {
   );
 }
 
-export default MediaSosial;
+export default MediaSosial;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
index 0c7e40ef..715905dd 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
@@ -178,7 +178,7 @@ function EditPejabatDesa() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
index f9f37707..9c54faab 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
@@ -3,7 +3,6 @@ import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page
 import colors from '@/con/colors';
 import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 
@@ -35,15 +34,15 @@ function Page() {
             <Title order={3} c={colors['blue-button']}>Preview Pejabat Desa</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() => router.push(`/admin/landing-page/profil/pejabat-desa/${allList.findUnique.data?.id}`)}
-              >
-                Edit
-              </Button>
+            <Button
+              style={{fontSize: 15, fontWeight: "bold"}}
+              c="green"
+              variant="light"
+              radius="md"
+              onClick={() => router.push(`/admin/landing-page/profil/pejabat-desa/${allList.findUnique.data?.id}`)}
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
         {dataArray.map((item) => (
@@ -52,7 +51,7 @@ function Page() {
               <Grid>
                 <GridCol span={12}>
                   <Center>
-                    <Image src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo Desa" loading="lazy"/>
+                    <Image src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo Desa" loading="lazy" />
                   </Center>
                 </GridCol>
                 <GridCol span={12}>
@@ -93,7 +92,7 @@ function Page() {
               </Paper>
               <Box mt="lg">
                 <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Jabatan</Text>
-                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']}>
+                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="left" c={colors['blue-button']}>
                   {item.position}
                 </Text>
               </Box>
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
index 9d41f051..c988b087 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
@@ -130,7 +130,7 @@ function EditProgramInovasi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
index b82d958f..27f270ce 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
@@ -40,13 +40,15 @@ function DetailProgramInovasi() {
   const data = stateProgramInovasi.findUnique.data
 
   return (
-    <Box px={{ base: 'md', md: 'xl' }} py="lg">
-      <Button variant="subtle" onClick={() => router.back()} leftSection={<IconArrowBack size={22} color={colors['blue-button']} />}>
-        Kembali
-      </Button>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
+      <Box pb="20">
+        <Button variant="subtle" onClick={() => router.back()} leftSection={<IconArrowBack size={22} color={colors['blue-button']} />}>
+          Kembali
+        </Button>
+      </Box>
 
       <Paper
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -68,9 +70,9 @@ function DetailProgramInovasi() {
               <Box>
                 <Text fz="lg" fw="bold">Gambar</Text>
                 {data.image?.link ? (
-                  <Image 
-                    src={data.image.link} 
-                    alt="Gambar Program" 
+                  <Image
+                    src={data.image.link}
+                    alt="Gambar Program"
                     radius="md"
                     style={{ maxWidth: '100%', maxHeight: 300, objectFit: 'contain' }}
                     loading="lazy"
@@ -106,28 +108,28 @@ function DetailProgramInovasi() {
               </Box>
 
               <Group gap="sm">
-                  <Button
-                    color="red"
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconTrash size={20} />
-                  </Button>
+                <Button
+                  color="red"
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconTrash size={20} />
+                </Button>
 
-                  <Button
-                    color="green"
-                    onClick={() => router.push(`/admin/landing-page/profil/program-inovasi/${data.id}/edit`)}
-                    variant="light"
-                    radius="md"
-                    size="md"
-                  >
-                    <IconEdit size={20} />
-                  </Button>
+                <Button
+                  color="green"
+                  onClick={() => router.push(`/admin/landing-page/profil/program-inovasi/${data.id}/edit`)}
+                  variant="light"
+                  radius="md"
+                  size="md"
+                >
+                  <IconEdit size={20} />
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
index f13ab8ef..eac0393f 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
@@ -76,7 +76,7 @@ function CreateProgramInovasi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
index fd744631..d5a9b630 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
@@ -13,7 +13,7 @@ function ProgramInovasi() {
   const [search, setSearch] = useState("");
 
   return (
-    <Box px="md" py="lg">
+    <Box px={{base: 0, md: "md"}} py="lg">
       <HeaderSearch
         title="Program Inovasi"
         placeholder="Cari program inovasi..."
@@ -52,75 +52,137 @@ function ListProgramInovasi({ search }: { search: string }) {
         <Group justify='space-between'>
           <Title order={4}>Daftar Program Inovasi</Title>
           <Button
-              color="blue"
-              leftSection={<IconPlus size={18} />}
-              variant="light"
-              radius="md"
-              onClick={() => router.push('/admin/landing-page/profil/program-inovasi/create')}
-            >
-              Tambah Program
-            </Button>
+            color="blue"
+            leftSection={<IconPlus size={18} />}
+            variant="light"
+            radius="md"
+            onClick={() => router.push('/admin/landing-page/profil/program-inovasi/create')}
+          >
+            Tambah Program
+          </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover striped verticalSpacing="sm">
-            <TableThead>
-              <TableTr>
-                <TableTh>Nama Program</TableTh>
-                <TableTh>Deskripsi</TableTh>
-                <TableTh>Link</TableTh>
-                <TableTh>Aksi</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length === 0 ? (
+        <Box visibleFrom='md'>
+          <Box style={{ overflowX: 'auto' }}>
+            <Table highlightOnHover striped verticalSpacing="sm">
+              <TableThead>
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Belum ada data program inovasi</Text>
-                    </Center>
-                  </TableTd>
+                  <TableTh>Nama Program</TableTh>
+                  <TableTh>Deskripsi</TableTh>
+                  <TableTh>Link</TableTh>
+                  <TableTh>Aksi</TableTh>
                 </TableTr>
-              ) : (
-                filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd>
-                      <Text fw={500}>{item.name}</Text>
-                    </TableTd>
-                    <TableTd style={{ maxWidth: 250 }}>
-                      <Text fz="sm" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.description || '-' }}></Text>
-                    </TableTd>
-                    <TableTd style={{ maxWidth: 250 }}>
-                      <Tooltip label="Buka tautan program" position="top" withArrow>
-                        <a
-                          href={item.link}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          style={{ color: colors['blue-button'], textDecoration: 'underline' }}
-                        >
-                          <Text truncate fz="sm">{item.link}</Text>
-                        </a>
-                      </Tooltip>
-                    </TableTd>
-                    <TableTd>
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() =>
-                          router.push(`/admin/landing-page/profil/program-inovasi/${item.id}`)
-                        }
-                      >
-                        Detail
-                      </Button>
+              </TableThead>
+              <TableTbody>
+                {filteredData.length === 0 ? (
+                  <TableTr>
+                    <TableTd colSpan={4}>
+                      <Center py={20}>
+                        <Text color="dimmed">Belum ada data program inovasi</Text>
+                      </Center>
                     </TableTd>
                   </TableTr>
-                ))
-              )}
-            </TableTbody>
-          </Table>
+                ) : (
+                  filteredData.map((item) => (
+                    <TableTr key={item.id}>
+                      <TableTd>
+                        <Text fw={500}>{item.name}</Text>
+                      </TableTd>
+                      <TableTd style={{ maxWidth: 250 }}>
+                        <Text fz="sm" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.description || '-' }}></Text>
+                      </TableTd>
+                      <TableTd style={{ maxWidth: 250 }}>
+                        <Tooltip label="Buka tautan program" position="top" withArrow>
+                          <a
+                            href={item.link}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            style={{ color: colors['blue-button'], textDecoration: 'underline' }}
+                          >
+                            <Text truncate fz="sm">{item.link}</Text>
+                          </a>
+                        </Tooltip>
+                      </TableTd>
+                      <TableTd>
+                        <Button
+                          size="xs"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImacCog size={16} />}
+                          onClick={() =>
+                            router.push(`/admin/landing-page/profil/program-inovasi/${item.id}`)
+                          }
+                        >
+                          Detail
+                        </Button>
+                      </TableTd>
+                    </TableTr>
+                  ))
+                )}
+              </TableTbody>
+            </Table>
+          </Box>
         </Box>
+        <Box hiddenFrom="md" pt={20}>
+          <Stack gap="sm">
+            {filteredData.map((item) => (
+              <Paper
+                key={item.id}
+                withBorder
+                radius="md"
+                p="md"
+                shadow="xs"
+              >
+                <Stack gap={6}>
+                  {/* Title */}
+                  <Text fw={600}>{item.name}</Text>
+
+                  {/* Description */}
+                  <Text fz="sm" c="gray.7" lineClamp={2}>
+                    {item.description || '-'}
+                  </Text>
+
+                  {/* Link */}
+                  <Box>
+                    <a
+                      href={item.link}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      style={{ textDecoration: 'underline' }}
+                    >
+                      <Text
+                        fz="sm"
+                        c="blue"
+                        truncate
+                      >
+                        {item.link}
+                      </Text>
+                    </a>
+                  </Box>
+
+                  {/* Action */}
+                  <Group justify="flex-end" mt="xs">
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={16} />}
+                      onClick={() =>
+                        router.push(
+                          `/admin/landing-page/profil/program-inovasi/${item.id}`
+                        )
+                      }
+                    >
+                      Detail
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))}
+          </Stack>
+        </Box>
+
         {filteredData.length > 0 && (
           <Center mt="md">
             <Pagination
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 677fe516..2f75774b 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,399 +1,3 @@
-// 'use client'
-
-// import colors from "@/con/colors";
-// import { authStore } from "@/store/authStore";
-// import {
-//   ActionIcon,
-//   AppShell,
-//   AppShellHeader,
-//   AppShellMain,
-//   AppShellNavbar,
-//   Burger,
-//   Center,
-//   Flex,
-//   Group,
-//   Image,
-//   Loader,
-//   NavLink,
-//   ScrollArea,
-//   Text,
-//   Tooltip,
-//   rem
-// } from "@mantine/core";
-// import { useDisclosure } from "@mantine/hooks";
-// import {
-//   IconChevronLeft,
-//   IconChevronRight,
-//   IconLogout2
-// } from "@tabler/icons-react";
-// import _ from "lodash";
-// import Link from "next/link";
-// import { useRouter, useSelectedLayoutSegments } from "next/navigation";
-// import { useEffect, useState } from "react";
-// // import { useSnapshot } from "valtio";
-// import { getNavbar } from "./(dashboard)/user&role/_com/dynamicNavbar";
-
-// export default function Layout({ children }: { children: React.ReactNode }) {
-//   const [opened, { toggle }] = useDisclosure();
-//   const [loading, setLoading] = useState(true);
-//   const [isLoggingOut, setIsLoggingOut] = useState(false);
-//   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
-//   const router = useRouter();
-//   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
-
-//   // const { user } = useSnapshot(authStore);
-
-//   // console.log("Current user in store:", user);
-
-//   // ✅ FIX: Selalu fetch user data setiap kali komponen mount
-//   useEffect(() => {
-//     const fetchUser = async () => {
-//       try {
-//         const res = await fetch('/api/auth/me');
-//         const data = await res.json();
-
-//         if (data.user) {
-//           // ✅ Check if user is NOT active → redirect to waiting room
-//           if (!data.user.isActive) {
-//             authStore.setUser(null);
-//             router.replace('/waiting-room');
-//             return;
-//           }
-
-//           // ✅ Fetch menuIds
-//           const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`);
-//           const menuData = await menuRes.json();
-
-//           const menuIds = menuData.success && Array.isArray(menuData.menuIds)
-//             ? [...menuData.menuIds]
-//             : null;
-
-//           // ✅ Set user dengan menuIds yang fresh
-//           authStore.setUser({
-//             id: data.user.id,
-//             name: data.user.name,
-//             roleId: Number(data.user.roleId),
-//             menuIds,
-//             isActive: data.user.isActive
-//           });
-
-//           // ✅ TAMBAHKAN INI: Redirect ke dashboard sesuai roleId
-//           const currentPath = window.location.pathname;
-//           const expectedPath = getRedirectPath(Number(data.user.roleId));
-
-//           // Jika user di halaman /admin tapi bukan di path yang sesuai roleId
-//           if (currentPath === '/admin' || !currentPath.startsWith(expectedPath)) {
-//             router.replace(expectedPath);
-//           }
-
-//         } else {
-//           authStore.setUser(null);
-//           router.replace('/login');
-//         }
-//       } catch (error) {
-//         console.error('Gagal memuat data pengguna:', error);
-//         authStore.setUser(null);
-//         router.replace('/login');
-//       } finally {
-//         setLoading(false);
-//       }
-//     };
-
-//     fetchUser();
-//   }, [router]);
-
-//   // ✅ Fungsi helper untuk get redirect path
-//   const getRedirectPath = (roleId: number): string => {
-//     switch (roleId) {
-//       case 0: // DEVELOPER
-//       case 1: // SUPERADMIN
-//       case 2: // ADMIN_DESA
-//         return '/admin/landing-page/profil/program-inovasi';
-//       case 3: // ADMIN_KESEHATAN
-//         return '/admin/kesehatan/posyandu';
-//       case 4: // ADMIN_PENDIDIKAN
-//         return '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
-//       default:
-//         return '/admin';
-//     }
-//   };
-
-//   if (loading) {
-//     return (
-//       <AppShell>
-//         <AppShellMain>
-//           <Center h="100vh">
-//             <Loader />
-//           </Center>
-//         </AppShellMain>
-//       </AppShell>
-//     );
-//   }
-
-//   // ✅ Ambil menu berdasarkan roleId dan menuIds
-//   const currentNav = authStore.user
-//     ? getNavbar({ roleId: authStore.user.roleId, menuIds: authStore.user.menuIds })
-//     : [];
-
-//   const handleLogout = async () => {
-//     try {
-//       setIsLoggingOut(true);
-
-//       // ✅ Panggil API logout untuk clear session di server
-//       const response = await fetch('/api/auth/logout', { method: 'POST' });
-//       const result = await response.json();
-
-//       if (result.success) {
-//         // Clear user data dari store
-//         authStore.setUser(null);
-
-//         // Clear localStorage
-//         localStorage.removeItem('auth_nomor');
-//         localStorage.removeItem('auth_kodeId');
-
-//         // Force reload untuk reset semua state
-//         window.location.href = '/login';
-//       } else {
-//         console.error('Logout failed:', result.message);
-//         // Tetap redirect meskipun gagal
-//         authStore.setUser(null);
-//         window.location.href = '/login';
-//       }
-//     } catch (error) {
-//       console.error('Error during logout:', error);
-//       // Tetap clear store dan redirect jika error
-//       authStore.setUser(null);
-//       window.location.href = '/login';
-//     } finally {
-//       setIsLoggingOut(false);
-//     }
-//   };
-
-//   return (
-//     <AppShell
-//       suppressHydrationWarning
-//       header={{ height: 64 }}
-//       navbar={{
-//         width: { base: 260, sm: 280, lg: 300 },
-//         breakpoint: 'sm',
-//         collapsed: {
-//           mobile: !opened,
-//           desktop: !desktopOpened,
-//         },
-//       }}
-//       padding="md"
-//     >
-//       <AppShellHeader
-//         style={{
-//           background: "linear-gradient(90deg, #ffffff, #f9fbff)",
-//           borderBottom: `1px solid ${colors["blue-button"]}20`,
-//           padding: '0 16px',
-//         }}
-//         px={{ base: 'sm', sm: 'md' }}
-//         py={{ base: 'xs', sm: 'sm' }}
-//       >
-//         <Group w="100%" h="100%" justify="space-between" wrap="nowrap">
-//           <Flex align="center" gap="sm">
-//             <Image
-//               src="/assets/images/darmasaba-icon.png"
-//               alt="Logo Darmasaba"
-//               w={{ base: 32, sm: 40 }}
-//               h={{ base: 32, sm: 40 }}
-//               radius="md"
-//               loading="lazy"
-//               style={{
-//                 minWidth: '32px',
-//                 height: 'auto',
-//               }}
-//             />
-//             <Text
-//               fw={700}
-//               c={colors["blue-button"]}
-//               fz={{ base: 'md', sm: 'xl' }}
-//             >
-//               Admin Darmasaba
-//             </Text>
-//           </Flex>
-
-//           <Group gap="xs">
-//             {!desktopOpened && (
-//               <Tooltip label="Buka Navigasi" position="bottom" withArrow>
-//                 <ActionIcon
-//                   variant="light"
-//                   radius="xl"
-//                   size="lg"
-//                   onClick={toggleDesktop}
-//                   color={colors["blue-button"]}
-//                 >
-//                   <IconChevronRight />
-//                 </ActionIcon>
-//               </Tooltip>
-//             )}
-
-//             <Burger
-//               opened={opened}
-//               onClick={toggle}
-//               hiddenFrom="sm"
-//               size="md"
-//               color={colors["blue-button"]}
-//               mr="xs"
-//             />
-
-//             <Tooltip label="Kembali ke Website Desa" position="bottom" withArrow>
-//               <ActionIcon
-//                 onClick={() => {
-//                   router.push("/darmasaba");
-//                 }}
-//                 color={colors["blue-button"]}
-//                 radius="xl"
-//                 size="lg"
-//                 variant="gradient"
-//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
-//               >
-//                 <Image
-//                   src="/assets/images/darmasaba-icon.png"
-//                   alt="Logo Darmasaba"
-//                   w={20}
-//                   h={20}
-//                   radius="md"
-//                   loading="lazy"
-//                   style={{
-//                     minWidth: '20px',
-//                     height: 'auto',
-//                   }}
-//                 />
-//               </ActionIcon>
-//             </Tooltip>
-//             <Tooltip label="Keluar" position="bottom" withArrow>
-//               <ActionIcon
-//                 onClick={handleLogout}
-//                 color={colors["blue-button"]}
-//                 radius="xl"
-//                 size="lg"
-//                 variant="gradient"
-//                 gradient={{ from: colors["blue-button"], to: "#228be6" }}
-//                 loading={isLoggingOut}
-//                 disabled={isLoggingOut}
-//               >
-//                 <IconLogout2 size={22} />
-//               </ActionIcon>
-//             </Tooltip>
-//           </Group>
-//         </Group>
-//       </AppShellHeader>
-
-//       <AppShellNavbar
-//         component={ScrollArea}
-//         style={{
-//           background: "#ffffff",
-//           borderRight: `1px solid ${colors["blue-button"]}20`,
-//         }}
-//         p={{ base: 'xs', sm: 'sm' }}
-//       >
-//         <AppShell.Section p="sm">
-//           {currentNav.map((v, k) => {
-//             const isParentActive = segments.includes(_.lowerCase(v.name));
-
-//             return (
-//               <NavLink
-//                 key={k}
-//                 defaultOpened={isParentActive}
-//                 c={isParentActive ? colors["blue-button"] : "gray"}
-//                 label={
-//                   <Text fw={isParentActive ? 600 : 400} fz="sm">
-//                     {v.name}
-//                   </Text>
-//                 }
-//                 style={{
-//                   borderRadius: rem(10),
-//                   marginBottom: rem(4),
-//                   transition: "background 150ms ease",
-//                 }}
-//                 styles={{
-//                   root: {
-//                     '&:hover': {
-//                       backgroundColor: 'rgba(25, 113, 194, 0.05)',
-//                     },
-//                   },
-//                 }}
-//                 variant="light"
-//                 active={isParentActive}
-//               >
-//                 {v.children.map((child, key) => {
-//                   const isChildActive = segments.includes(
-//                     _.lowerCase(child.name)
-//                   );
-
-//                   return (
-//                     <NavLink
-//                       key={key}
-//                       href={child.path}
-//                       c={isChildActive ? colors["blue-button"] : "gray"}
-//                       label={
-//                         <Text fw={isChildActive ? 600 : 400} fz="sm">
-//                           {child.name}
-//                         </Text>
-//                       }
-//                       styles={{
-//                         root: {
-//                           borderRadius: rem(8),
-//                           marginBottom: rem(2),
-//                           transition: 'background 150ms ease',
-//                           padding: '6px 12px',
-//                           '&:hover': {
-//                             backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)',
-//                           },
-//                           ...(isChildActive && {
-//                             backgroundColor: 'rgba(25, 113, 194, 0.1)',
-//                           }),
-//                         },
-//                       }}
-//                       active={isChildActive}
-//                       component={Link}
-//                     />
-//                   );
-//                 })}
-//               </NavLink>
-//             );
-//           })}
-//         </AppShell.Section>
-
-//         <AppShell.Section py="md">
-//           <Group justify="end" pr="sm">
-//             <Tooltip
-//               label={desktopOpened ? "Tutup Navigasi" : "Buka Navigasi"}
-//               position="top"
-//               withArrow
-//             >
-//               <ActionIcon
-//                 variant="light"
-//                 radius="xl"
-//                 size="lg"
-//                 onClick={toggleDesktop}
-//                 color={colors["blue-button"]}
-//               >
-//                 <IconChevronLeft />
-//               </ActionIcon>
-//             </Tooltip>
-//           </Group>
-//         </AppShell.Section>
-//       </AppShellNavbar>
-
-//       <AppShellMain
-//         style={{
-//           background: "linear-gradient(180deg, #fdfdfd, #f6f9fc)",
-//           minHeight: "100vh",
-//         }}
-//       >
-//         {children}
-//       </AppShellMain>
-//     </AppShell>
-//   );
-// }
-
-
-// app/admin/layout.tsx
-
 'use client'
 
 import colors from "@/con/colors";
diff --git a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
index ff9953e0..2ceb23f2 100644
--- a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Stack, Box, Text, Paper, Skeleton } from '@mantine/core';
+import { Stack, Box, Text, Paper, Skeleton, Center } from '@mantine/core';
 import React from 'react';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import { BarChart } from '@mantine/charts';
@@ -80,26 +80,28 @@ function Page() {
             <Paper p="xl">
               <Text pb={10} fw="bold" fz="h4">Statistik Sektor Unggulan Darmasaba</Text>
               <Box style={{ width: '100%', overflowX: 'auto', maxWidth: `${chartWidth}px` }}>
-                <BarChart
-                  p={10}
-                  h={300}
-                  data={chartData}
-                  dataKey="sektor"
-                  series={[
-                    { name: 'Ton', color: colors['blue-button'] },
-                  ]}
-                  tickLine="y"
-                  tooltipAnimationDuration={200}
-                  withTooltip
-                  withXAxis
-                  withYAxis
-                  xAxisLabel="Sektor"
-                  yAxisLabel="Ton"
-                  style={{
-                    fontFamily: 'inherit',
-                    fontSize: '12px', // ukuran font lebih kecil di mobile
-                  }}
-                />
+                <Center>
+                  <BarChart
+                    p={10}
+                    h={300}
+                    data={chartData}
+                    dataKey="sektor"
+                    series={[
+                      { name: 'Ton', color: colors['blue-button'] },
+                    ]}
+                    tickLine="y"
+                    tooltipAnimationDuration={200}
+                    withTooltip
+                    withXAxis
+                    withYAxis
+                    xAxisLabel="Sektor"
+                    yAxisLabel="Ton"
+                    style={{
+                      fontFamily: 'inherit',
+                      fontSize: '12px', // ukuran font lebih kecil di mobile
+                    }}
+                  />
+                </Center>
               </Box>
             </Paper>
           </Box>
diff --git a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
index b4aca08d..4fd1380f 100644
--- a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
@@ -54,7 +54,7 @@ function Page() {
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
-              w={{ base: "50%", md: "100%" }}
+              w={"100%"}
             />
           </GridCol>
         </Grid>
diff --git a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
index 5d33fd81..8f313af7 100644
--- a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { Box, Center, Image, Paper, Skeleton, Stack, Text } from '@mantine/core'
+import { Box, Center, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core'
 import { useShallowEffect } from '@mantine/hooks'
 import { useParams } from 'next/navigation'
 import { useProxy } from 'valtio/utils'
@@ -31,59 +31,62 @@ function DetailKeamananLingkunganUser() {
 
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap="lg">
-    <Box px={{ base: 'md', md: 100 }}>
-     <BackButton />
+      <Box px={{ base: 'md', md: 100 }}>
+        <BackButton />
 
-      {/* Wrapper Detail */}
-      <Paper
-        withBorder
-        w={{ base: '100%', md: '80%' }}
-        mx="auto"
-        bg={colors['white-1']}
-        p="xl"
-        radius="lg"
-        shadow="md"
-      >
-        <Stack gap="lg">
-          {/* Judul */}
-          <Text
-            ta="center"
-            fz={{ base: 'xl', md: '2xl' }}
-            fw={700}
-            c={colors['blue-button']}
-          >
-            {data?.name || 'Tanpa Judul'}
-          </Text>
+        {/* Wrapper Detail */}
+        <Paper
+          withBorder
+          w={{ base: '100%', md: '80%' }}
+          mx="auto"
+          bg={colors['white-1']}
+          p="xl"
+          radius="lg"
+          shadow="md"
+        >
+          <Stack gap="lg">
+            {/* Judul */}
+            <Title
+              order={1}
+              ta="center"
+              c={colors['blue-button']}
+              style={{ lineHeight: 1.15 }}
+            >
+              {data?.name || 'Tanpa Judul'}
+            </Title>
 
-          {/* Gambar */}
-          <Center>
-            <Image
-              w={{ base: 250, sm: 400, md: 550 }}
-              src={data?.image?.link}
-              alt={data?.name || 'gambar keamanan lingkungan'}
-              radius="md"
-              loading="lazy"
-              fit="cover"
-            />
-          </Center>
+            {/* Gambar */}
+            <Center>
+              <Image
+                w={{ base: 250, sm: 400, md: 550 }}
+                src={data?.image?.link}
+                alt={data?.name || 'gambar keamanan lingkungan'}
+                radius="md"
+                loading="lazy"
+                fit="cover"
+              />
+            </Center>
 
-          {/* Deskripsi */}
-          <Box>
-            <Text fz="lg" fw="bold" mb={5}>
-              Deskripsi
-            </Text>
-            <Text
-              fz="md"
-              c="dimmed"
-              dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }}
-              style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
-            />
-          </Box>
-        </Stack>
-      </Paper>
-    </Box>
+            {/* Deskripsi */}
+            <Box>
+              <Title order={3} mb={5} style={{ lineHeight: 1.2 }}>
+                Deskripsi
+              </Title>
+              <Box pl={20}>
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={{ base: 1.5, md: 1.55 }}
+                  c={data?.deskripsi ? 'text' : 'dimmed'}
+                  dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }}
+                  style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                />
+              </Box>
+            </Box>
+          </Stack>
+        </Paper>
+      </Box>
     </Stack>
   )
 }
 
-export default DetailKeamananLingkunganUser
+export default DetailKeamananLingkunganUser
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index 7761bb69..d54568ec 100644
--- a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import keamananLingkunganState from '@/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan';
 import colors from '@/con/colors';
-import { Box, Button, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Button, Center, Grid, GridCol, Image, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconSearch } from '@tabler/icons-react';
 import { useState } from 'react';
@@ -14,7 +14,7 @@ function Page() {
   const state = useProxy(keamananLingkunganState)
   const router = useRouter()  
   const [search, setSearch] = useState('')
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const {
     data,
     page,
@@ -43,9 +43,9 @@ function Page() {
       <Box>
         <Grid align='center' px={{ base: 'md', md: 100 }}>
           <GridCol span={{ base: 12, md: 9 }}>
-            <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+            <Title order={1} c={colors["blue-button"]} lh={1.15}>
               Keamanan Lingkungan (Pecalang / Patwal)
-            </Text>
+            </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 3 }}>
             <TextInput
@@ -54,18 +54,29 @@ function Page() {
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
-              w={{ base: "50%", md: "100%" }}
+              w={"100%"}
             />
           </GridCol>
         </Grid>
-        <Text px={{ base: 'md', md: 100 }} pt={20} ta={"justify"} fz="md" mt={4} >
+        <Text
+          px={{ base: 'md', md: 100 }}
+          pt={20}
+          ta={"justify"}
+          fz={{ base: 'sm', md: 'md' }}
+          lh={1.55}
+          mt={4}
+          c={'black'}
+        >
           Pecalang dan Patwal (Patroli Pengawal) bertugas memastikan desa tetap aman, tertib, dan kondusif bagi seluruh warga.
         </Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'}>
           <SimpleGrid
-            cols={{ base: 1, sm: 2, md: 3 }} spacing="xl" mt="lg">
+            cols={{ base: 1, sm: 2, md: 3 }}
+            spacing="xl"
+            mt="lg"
+          >
             {data.map((v, k) => (
               <Paper
                 key={k}
@@ -107,17 +118,18 @@ function Page() {
                       onMouseLeave={(e) => (e.currentTarget.style.transform = 'scale(1)')}
                     />
                   </Box>
-                  <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
+                  <Title order={2} ta="center" c={colors['blue-button']} lh={1.2}>
                     {v.name}
-                  </Text>
+                  </Title>
                   <Text
-                    fz="sm"
+                    fz={{ base: 'xs', md: 'sm' }}
                     ta="justify"
                     lineClamp={3}
-                    lh={1.6}
+                    lh={1.55}
                     style={{
                       minHeight: '4.8em',
                     }}
+                    c={'black'}
                   >
                     <span
                       style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
@@ -159,4 +171,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
index a10edc78..7f2d144d 100644
--- a/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import kontakDarurat from '@/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan';
 import colors from '@/con/colors';
-import { Avatar, Box, Center, Flex, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Avatar, Box, Center, Flex, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconPhoneCall, IconSearch } from '@tabler/icons-react';
 import { useState } from 'react';
@@ -42,10 +42,10 @@ function Page() {
         </Box>
         <Group px={{ base: 'md', md: 100 }} justify={'space-between'} align='center'>
           <Box>
-            <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+            <Title order={1} c={colors["blue-button"]} style={{ lineHeight: 1.15 }}>
               Kontak Darurat
-            </Text>
-            <Text fz="md" >
+            </Title>
+            <Text fz={{ base: 'sm', md: 'md' }} lh={1.5} c={colors['blue-button-2']} style={{ color: colors['blue-button-2'] }}>
               Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung.
             </Text>
           </Box>
@@ -66,17 +66,21 @@ function Page() {
                   <IconPhoneCall size={30} color={colors["blue-button"]} />
                 </Avatar>
                 <Box>
-                  <Text ta={'center'} c={colors['blue-button']} py={10} fz={{ base: "md", md: "h4" }} fw={"bold"} >
+                  <Text ta={'center'} c={colors['blue-button']} py={10} fz={{ base: "sm", md: "md" }} fw={"bold"} lh={1.3} >
                     Nomor Darurat Utama
                   </Text>
-                  <Text ta={'center'} fw={"bold"} fz={'h2'} c={colors["blue-button"]}>112</Text>
+                  <Title order={2} ta={'center'} c={colors["blue-button"]} style={{ lineHeight: 1.15 }}>
+                    112
+                  </Title>
                 </Box>
               </Flex>
             </Paper>
           </Stack>
         </Box>
         <Center>
-          <Text fz={"h1"} c={colors["blue-button"]} fw={"bold"}>Tidak ada kontak darurat yang ditemukan</Text>
+          <Title order={2} c={colors["blue-button"]} style={{ lineHeight: 1.15 }}>
+            Tidak ada kontak darurat yang ditemukan
+          </Title>
         </Center>
       </Stack>
     );
@@ -89,10 +93,10 @@ function Page() {
       </Box>
       <Group px={{ base: 'md', md: 100 }} justify={'space-between'} align='center'>
         <Box>
-          <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+          <Title order={1} c={colors["blue-button"]} style={{ lineHeight: 1.15 }}>
             Kontak Darurat
-          </Text>
-          <Text fz={{ base: "h4", md: "h3" }} >
+          </Title>
+          <Text fz={{ base: 'sm', md: 'md' }} lh={1.5} c={colors['blue-button-2']}>
             Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung.
           </Text>
         </Box>
@@ -113,10 +117,12 @@ function Page() {
                 <IconPhoneCall size={30} color={colors["blue-button"]} />
               </Avatar>
               <Box>
-                <Text ta={'center'} c={colors['blue-button']} py={10} fz={{ base: "md", md: "h4" }} fw={"bold"} >
+                <Text ta={'center'} c={colors['blue-button']} py={10} fz={{ base: "sm", md: "md" }} fw={"bold"} lh={1.3} >
                   Nomor Darurat Utama
                 </Text>
-                <Text ta={'center'} fw={"bold"} fz={'h2'} c={colors["blue-button"]}>112</Text>
+                <Title order={2} ta={'center'} c={colors["blue-button"]} style={{ lineHeight: 1.15 }}>
+                  112
+                </Title>
               </Box>
             </Flex>
           </Paper>
@@ -124,19 +130,13 @@ function Page() {
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <SimpleGrid cols={{ base: 1, md: 2 }} spacing="xl">
-          {/* Layanan Darurat */}
           {data.map((item) => (
             <a
               key={item.id}
               href={`tel:${item.kontakItems[0]?.kontakItem?.nomorTelepon || '112'}`}
               style={{ textDecoration: 'none' }}
             >
-              <Paper
-
-                p="lg"
-                radius="md"
-                bg={colors['white-trans-1']}
-              >
+              <Paper p="lg" radius="md" bg={colors['white-trans-1']}>
                 <Group pb="md" align="center">
                   <Avatar radius="xl" size="lg" bg={colors['BG-trans']}>
                     {item.icon && (
@@ -147,12 +147,11 @@ function Page() {
                       />
                     )}
                   </Avatar>
-                  <Text fw="bold" fz={{ base: "lg", md: "xl" }} c={colors["blue-button"]}>
+                  <Title order={3} c={colors["blue-button"]} style={{ lineHeight: 1.2 }}>
                     {item.nama}
-                  </Text>
+                  </Title>
                 </Group>
 
-                {/* Kontak Items */}
                 {item.kontakItems?.map((kontak) => (
                   <Paper
                     key={kontak.id}
@@ -171,11 +170,11 @@ function Page() {
                             color={colors['blue-button']}
                           />
                         )}
-                        <Text fw="bold" fz={{ base: "sm", md: "md" }} c={colors["blue-button"]}>
+                        <Text fw="bold" fz={{ base: "xs", md: "sm" }} c={colors["blue-button"]} lh={1.45}>
                           {kontak.kontakItem?.nama}
                         </Text>
                       </Group>
-                      <Text fw="bold" fz={{ base: "sm", md: "md" }} c={colors["blue-button"]}>
+                      <Text fw="bold" fz={{ base: "xs", md: "sm" }} c={colors["blue-button"]} lh={1.45}>
                         {kontak.kontakItem?.nomorTelepon}
                       </Text>
                     </Group>
@@ -204,4 +203,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx
index b859cf1e..574009f3 100644
--- a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx
@@ -2,7 +2,7 @@
 'use client'
 import pencegahanKriminalitasState from '@/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas';
 import colors from '@/con/colors';
-import { Box, Button, Center, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Button, Center, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowRight } from '@tabler/icons-react';
 import { useTransitionRouter } from 'next-view-transitions';
@@ -26,7 +26,7 @@ function Page() {
     if (!findFirst.data && !findFirst.loading) {
       kriminalitasState.findFirst.load();
     }
-  }, [findFirst.data, findFirst.loading]);
+  }, []);
 
   useShallowEffect(() => {
     const LIMIT = 3;
@@ -45,10 +45,10 @@ function Page() {
     return (
       <Stack pos="relative" bg={colors.Bg} py="xl" gap={22}>
         <Box px={{ base: 'md', md: 100 }}>
-          <Text fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
+          <Title order={1} c={colors['blue-button']} fw="bold" lh={1.2}>
             Pencegahan Kriminalitas
-          </Text>
-          <Text fz='md'>
+          </Title>
+          <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
             Keamanan Komunitas & Pencegahan Kriminal
           </Text>
         </Box>
@@ -58,11 +58,11 @@ function Page() {
           spacing="xl"
         >
           <Paper p="xl" radius="xl" shadow="lg" >
-            <Text fz={{ base: 'h3', md: 'h2' }} c={colors['blue-button']} fw="bold">
+            <Title order={2} c={colors['blue-button']} fw="bold" lh={1.2}>
               Program Keamanan Berjalan
-            </Text>
+            </Title>
             <Stack pt={30} gap="lg">
-              <Text c="dimmed">
+              <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
                 Tidak ada data pencegahan kriminalitas yang cocok
               </Text>
             </Stack>
@@ -75,10 +75,10 @@ function Page() {
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap={22}>
       <Box px={{ base: 'md', md: 100 }}>
-        <Text fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
+        <Title order={1} c={colors['blue-button']} fw="bold" lh={1.2}>
           Pencegahan Kriminalitas
-        </Text>
-        <Text fz='md'>
+        </Title>
+        <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
           Keamanan Komunitas & Pencegahan Kriminal
         </Text>
       </Box>
@@ -88,13 +88,13 @@ function Page() {
         spacing="xl"
       >
         <Paper p="xl" radius="xl" shadow="lg" >
-          <Text fz={{ base: 'h3', md: 'h2' }} c={colors['blue-button']} fw="bold">
+          <Title order={2} c={colors['blue-button']} fw="bold" lh={1.2}>
             Program Keamanan Berjalan
-          </Text>
+          </Title>
           <Stack pt={30} gap="lg">
             <Box
               style={{
-                minHeight: 300, // sesuaikan: tinggi area yg muat 3 item
+                minHeight: 300,
               }}
             >
               {data.length > 0 ? (
@@ -120,14 +120,16 @@ function Page() {
                     }
                   >
                     <Stack gap="xs">
-                      <Text fz="h3" c={colors['white-1']}>
+                      <Title order={3} c={colors['white-1']} lh={1.2}>
                         {item.judul}
-                      </Text>
+                      </Title>
                     </Stack>
                   </Paper>
                 ))
               ) : (
-                <Text c="dimmed">Tidak ada data pencegahan kriminalitas yang cocok</Text>
+                <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                  Tidak ada data pencegahan kriminalitas yang cocok
+                </Text>
               )}
             </Box>
             <Button
@@ -169,12 +171,18 @@ function Page() {
                   style={{ borderRadius: 8 }}
                 />
               ) : (
-                <Text fz="sm" c="dimmed">Tidak ada video</Text>
+                <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed" lh={1.4}>
+                  Tidak ada video
+                </Text>
               )}
-              <Text py={10} fz={{ base: 'h3', md: 'h2' }} fw="bold" c={colors['blue-button']}>
+              <Title order={2} py={10} fw="bold" c={colors['blue-button']} lh={1.2}>
                 {findFirst.data?.judul}
-              </Text>
-              <Text fz="h4" dangerouslySetInnerHTML={{ __html: findFirst.data?.deskripsiSingkat }} />
+              </Title>
+              <Text
+                fz={{ base: 'sm', md: 'md' }}
+                lh={1.5}
+                dangerouslySetInnerHTML={{ __html: findFirst.data?.deskripsiSingkat }}
+              />
             </Paper>
           ) : null}
         </Box>
@@ -195,4 +203,4 @@ function Page() {
   }
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
index 0d730ba5..9b25fc65 100644
--- a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
@@ -2,7 +2,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import polsekTerdekatState from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
 import colors from '@/con/colors';
-import { Badge, Box, Button, Center, Flex, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import { Badge, Box, Button, Center, Flex, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { IconArrowDown, IconClock, IconNavigation, IconPhone, IconPin } from '@tabler/icons-react';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -35,15 +35,15 @@ function Page() {
           <BackButton />
         </Box>
         <Box pb={10} px={{ base: 20, md: 100 }}>
-          <Text fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
+          <Title order={1} c={colors['blue-button']}>
             Kantor Polisi Terdekat
-          </Text>
-          <Text pb={15} fz="md">
+          </Title>
+          <Text pb={15} fz={{ base: 'sm', md: 'md' }} lh={1.5}>
             Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung
           </Text>
         </Box>
         <Center py="xl">
-          <Text fz="lg" fw="bold" c="red">
+          <Text fz={{ base: 'md', md: 'lg' }} fw="bold" c="red" lh={1.4}>
             Data Polsek tidak ada
           </Text>
         </Center>
@@ -58,10 +58,10 @@ function Page() {
       </Box>
 
       <Box pb={10} px={{ base: 20, md: 100 }}>
-        <Text fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
+        <Title order={1} c={colors['blue-button']}>
           Kantor Polisi Terdekat
-        </Text>
-        <Text pb={15} fz="h4">
+        </Title>
+        <Text pb={15} fz={{ base: 'sm', md: 'md' }} lh={1.5}>
           Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung
         </Text>
       </Box>
@@ -79,10 +79,10 @@ function Page() {
                   <>
                     {/* === KIRI === */}
                     <Box>
-                      <Text c={colors['blue-button']} fw="bold" fz="h2">
+                      <Title order={2} c={colors['blue-button']} lh={1.2}>
                         {data.nama}
-                      </Text>
-                      <Text c={colors['blue-button']} fz="sm">
+                      </Title>
+                      <Text c={colors['blue-button']} fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
                         {data.jarakKeDesa}
                       </Text>
 
@@ -98,11 +98,11 @@ function Page() {
                           <IconPin size={22} />
                         </Box>
                         <Text
-                          fz="lg"
+                          fz={{ base: 'sm', md: 'md' }}
                           style={{
                             flex: 1,
                             wordBreak: 'break-word',
-                            lineHeight: 1.4,
+                            lineHeight: 1.5,
                           }}
                         >
                           {data.alamat}
@@ -119,7 +119,7 @@ function Page() {
                         <Box w={25} mt={3}>
                           <IconPhone size={22} />
                         </Box>
-                        <Text fz="lg">
+                        <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
                           {data.nomorTelepon}
                         </Text>
                       </Flex>
@@ -133,26 +133,26 @@ function Page() {
                         style={{ wordBreak: 'break-word' }}
                       >
                         <Box w={25} mt={3}>
-                          <IconClock size={22}  />
+                          <IconClock size={22} />
                         </Box>
-                        <Text fz="lg">
+                        <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
                           {data.jamOperasional}
                         </Text>
                       </Flex>
 
                       {/* Layanan */}
-                      <Box>
-                        <Text c={colors['blue-button']} fw="bold" fz="h2">
-                          Layanan Yang Tersedia :
-                        </Text>
+                      <Box pt={15}>
+                        <Title order={2} c={colors['blue-button']} lh={1.2}>
+                          Layanan Yang Tersedia:
+                        </Title>
                         <SimpleGrid py={10} cols={{ base: 1, md: 2 }}>
-                          <Text fz="lg">
+                          <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
                             {data.layananPolsek.nama}
                           </Text>
                         </SimpleGrid>
                       </Box>
 
-                      <Box>
+                      <Box pt={15}>
                         <Button
                           bg={colors['blue-button']}
                           onClick={() =>
@@ -205,4 +205,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
index 35518d09..9d8f758e 100644
--- a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import polsekTerdekatState from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
 import colors from '@/con/colors';
-import { Box, Button, Center, Grid, GridCol, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Button, Center, Grid, GridCol, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconNavigation, IconSearch } from '@tabler/icons-react';
 import React, { useState } from 'react';
@@ -13,8 +13,8 @@ import { useDebouncedValue } from '@mantine/hooks';
 function Page() {
   const state = useProxy(polsekTerdekatState);
   const [search, setSearch] = useState('');
-  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
-  const router = useRouter()
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+  const router = useRouter();
 
   const {
     data,
@@ -25,71 +25,98 @@ function Page() {
   } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 3, debouncedSearch)
-  }, [page, debouncedSearch])
+    load(page, 3, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   if (loading || !data) {
     return (
       <Box py={10}>
         <Skeleton h={500} />
       </Box>
-    )
+    );
   }
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Grid align='center' px={{ base: 'md', md: 100 }}>
+
+      <Grid align="center" px={{ base: 'md', md: 100 }}>
         <GridCol span={{ base: 12, md: 9 }}>
-          <Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+          <Title
+            order={1}
+            c={colors['blue-button']}
+            lh={1.2}
+          >
             Semua Polsek Terdekat
-          </Text>
+          </Title>
         </GridCol>
         <GridCol span={{ base: 12, md: 3 }}>
           <TextInput
-            radius={"lg"}
-            placeholder='Cari Polsek'
+            radius="lg"
+            placeholder="Cari Polsek"
             value={search}
             onChange={(e) => setSearch(e.target.value)}
             leftSection={<IconSearch size={20} />}
-            w={{ base: "50%", md: "100%" }}
+            w={{ base: '50%', md: '100%' }}
           />
         </GridCol>
       </Grid>
-      <Box px={{ base: "md", md: 100 }}>
-        <SimpleGrid
-          cols={{
-            base: 1,
-            md: 3,
-          }}
-        >
-          {data.map((v, k) => {
-            return (
-              <Paper p={"xl"} bg={colors['white-trans-1']} key={k}>
-                <Stack gap={"xs"}>
-                  <Text fw={"bold"} fz={"h3"}>{v.nama}</Text>
-                  <Text>Alamat: {v.alamat}</Text>
-                  <Text>Jarak: {v.jarakKeDesa}</Text>
-                  <Text>Telepon: {v.nomorTelepon}</Text>
-                  <Text>Jam Operasional: {v.jamOperasional}</Text>
-                  <Box pt={20}>
-                    <iframe style={{ border: 2, width: "100%" }} src={v.embedMapUrl} width="550" height="300" ></iframe>
-                  </Box>
-                  <Box pt={20}>
-                    <Button onClick={() => router.push(v.linkPetunjukArah)} fullWidth bg={colors["blue-button"]} radius={10} leftSection={<IconNavigation size={20} />}>Petunjuk Arah</Button>
-                  </Box>
-                </Stack>
-              </Paper>
-            )
-          })}
+
+      <Box px={{ base: 'md', md: 100 }}>
+        <SimpleGrid cols={{ base: 1, md: 3 }}>
+          {data.map((v, k) => (
+            <Paper p="xl" bg={colors['white-trans-1']} key={k}>
+              <Stack gap="xs">
+                <Title
+                  order={3}
+                  fw="bold"
+                  lh={1.2}
+                >
+                  {v.nama}
+                </Title>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                  Alamat: {v.alamat}
+                </Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                  Jarak: {v.jarakKeDesa}
+                </Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                  Telepon: {v.nomorTelepon}
+                </Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                  Jam Operasional: {v.jamOperasional}
+                </Text>
+                <Box pt={20}>
+                  <iframe
+                    style={{ border: 2, width: '100%' }}
+                    src={v.embedMapUrl}
+                    width="550"
+                    height="300"
+                  ></iframe>
+                </Box>
+                <Box pt={20}>
+                  <Button
+                    onClick={() => router.push(v.linkPetunjukArah)}
+                    fullWidth
+                    bg={colors['blue-button']}
+                    radius={10}
+                    leftSection={<IconNavigation size={20} />}
+                  >
+                    Petunjuk Arah
+                  </Button>
+                </Box>
+              </Stack>
+            </Paper>
+          ))}
         </SimpleGrid>
       </Box>
+
       <Center>
         <Pagination
           value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
+          onChange={(newPage) => load(newPage)}
           total={totalPages}
           mt="md"
           mb="md"
@@ -99,4 +126,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
index 3e5c1d5b..de2af2fe 100644
--- a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/component/edukasiCard.tsx
@@ -1,7 +1,7 @@
-// Create a new component: components/EdukasiCard.tsx
+// components/EdukasiCard.tsx
 'use client';
 
-import { Box, Paper, Stack, Text } from '@mantine/core';
+import { Box, Paper, Stack, Text, Title } from '@mantine/core';
 import { ReactNode } from 'react';
 
 interface EdukasiCardProps {
@@ -18,7 +18,7 @@ export function EdukasiCard({ icon, title, description, color = '#1e88e5' }: Edu
       radius="md"
       shadow="sm"
       withBorder
-      style={{ 
+      style={{
         height: '100%',
         transition: 'transform 0.2s, box-shadow 0.2s',
         '&:hover': {
@@ -31,32 +31,35 @@ export function EdukasiCard({ icon, title, description, color = '#1e88e5' }: Edu
         <Box>
           <Stack align="center" gap="xs" mb="md">
             <Box style={{ color }}>{icon}</Box>
-              <Text 
-                fz={{ base: 'h5', md: 'h4' }} 
-                fw={700} 
-                c={color}
-                ta="center"
-                lineClamp={2}
-                style={{ 
-                  wordBreak: 'break-word',
-                  minHeight: '3.5rem',
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'center'
-                }}
-                dangerouslySetInnerHTML={{ __html: title }}
-              />
+            <Title
+              order={3}
+              fz={{ base: 'sm', md: 'md' }}
+              c={color}
+              ta="center"
+              lineClamp={2}
+              style={{
+                wordBreak: 'break-word',
+                minHeight: '3.5rem',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                lineHeight: 1.2
+              }}
+              dangerouslySetInnerHTML={{ __html: title }}
+            />
           </Stack>
-          <Text
-            size="sm"
-            pl={20}
-            style={{
-              wordBreak: 'break-word',
-              lineHeight: 1.6,
-              color: 'var(--mantine-color-gray-7)'
-            }}
-            dangerouslySetInnerHTML={{ __html: description }}
-          />
+          <Box pl={20}>
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh={1.5}
+              c="gray.7"
+              ta="justify"
+              style={{
+                wordBreak: 'break-word'
+              }}
+              dangerouslySetInnerHTML={{ __html: description }}
+            />
+          </Box>
         </Box>
       </Stack>
     </Paper>
diff --git a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx
index 14a4a925..9074daaa 100644
--- a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Box, Container, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Container, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconLeaf, IconPlant2, IconRecycle } from '@tabler/icons-react';
 import { useProxy } from 'valtio/utils';
@@ -51,19 +51,21 @@ export default function EdukasiLingkunganPage() {
       </Box>
 
       <Container size="lg" ta="center">
-        <Text
-          component="h1"
-          fz={{ base: 'h2', md: '2.5rem' }}
+        <Title
+          order={1}
           c={colors['blue-button']}
           fw={700}
           mb="md"
+          lh={1.15}
         >
           Edukasi Lingkungan
-        </Text>
+        </Title>
         <Text
-          fz={{ base: 'md', md: 'lg' }}
+          fz={{ base: 'sm', md: 'md' }}
+          lh={1.5}
           maw={800}
           mx="auto"
+          c="dark.9"
         >
           Program edukasi ini membimbing masyarakat untuk peduli dan bertanggung jawab terhadap alam,
           meningkatkan kesehatan, kenyamanan, dan keberlanjutan hidup bersama.
diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
index fc930270..6c032d55 100644
--- a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
@@ -41,23 +41,23 @@ function DetailKegiatanDesaUser() {
         shadow="sm"
         maw={900}
         mx="auto"
-        >
+      >
         <Stack gap="md">
-        {data.image?.link && (
-          <Image
-            src={data.image.link}
-            alt={data.judul || 'Kegiatan Desa'}
-            radius="md"
-            fit="cover"
-            h={300}
-            mb="xl"
-            style={{ objectPosition: 'center', width: '100%' }}
-          />
-        )}
           {/* Judul */}
-          <Title order={2} c={colors['blue-button']}>
+          <Title order={1} ta={"center"} c={colors['blue-button']}>
             {data.judul || 'Kegiatan Desa'}
           </Title>
+          {data.image?.link && (
+            <Image
+              src={data.image.link}
+              alt={data.judul || 'Kegiatan Desa'}
+              radius="md"
+              fit="cover"
+              h={300}
+              mb="xl"
+              style={{ objectPosition: 'center', width: '100%' }}
+            />
+          )}
 
           {/* Meta Info */}
           <Group gap="xl" c="dimmed">
diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/layout.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/layout.tsx
index ff7ea037..933d5b47 100644
--- a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/layout.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/layout.tsx
@@ -1,6 +1,10 @@
 // app/desa/berita/BeritaLayoutClient.tsx
 'use client'
+import colors from '@/con/colors';
+import { Box } from '@mantine/core';
 import dynamic from 'next/dynamic';
+import { usePathname } from 'next/navigation';
+import BackButton from '../../desa/layanan/_com/BackButto';
 
 const LayoutTabsGotongRoyong = dynamic(
   () => import('./_lib/layoutTabs'),
@@ -8,5 +12,21 @@ const LayoutTabsGotongRoyong = dynamic(
 );
 
 export default function GotongRoyongLayoutClient({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname()
+  const segments = pathname.split('/').filter(Boolean)
+  const isDetailPage = segments.length === 5;
+
+  if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box bg={colors.Bg}>
+          <Box pt={33} px={{ base: 'md', md: 100 }}>
+            <BackButton />
+          </Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return <LayoutTabsGotongRoyong>{children}</LayoutTabsGotongRoyong>;
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx
index 785e5b92..beb8f4e4 100644
--- a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx
@@ -11,7 +11,6 @@ import {
   Center,
   Container,
   Divider,
-  Flex,
   Grid,
   GridCol,
   Group,
@@ -23,7 +22,7 @@ import {
   Stack,
   Text,
   Title,
-  Transition,
+  Transition
 } from '@mantine/core';
 import { IconArrowRight, IconCalendar } from '@tabler/icons-react';
 import { motion } from 'framer-motion';
@@ -46,7 +45,7 @@ export default function Page() {
   // Load featured data once on component mount
   useEffect(() => {
     let mounted = true;
-    
+
     const loadFeatured = async () => {
       try {
         if (!featured.data && !loadingFeatured) {
@@ -68,7 +67,7 @@ export default function Page() {
 
   useEffect(() => {
     let mounted = true;
-    
+
     const loadData = async () => {
       try {
         const limit = 3;
@@ -92,7 +91,7 @@ export default function Page() {
     if (search) url.set('search', search);
     if (newPage > 1) url.set('page', newPage.toString());
     else url.delete('page');
-    
+
     // Use push instead of replace to keep browser history
     router.push(`?${url.toString()}`, { scroll: false });
   };
@@ -139,7 +138,6 @@ export default function Page() {
                         height={400}
                         fit="cover"
                         radius="md"
-                        style={{ borderBottomRightRadius: 0, borderTopRightRadius: 0 }}
                         loading="lazy"
                       />
                     </GridCol>
@@ -222,6 +220,7 @@ export default function Page() {
                             alt={item.judul}
                             fit="cover"
                             loading="lazy"
+                            radius={"md"}
                           />
                         </Card.Section>
 
@@ -241,14 +240,17 @@ export default function Page() {
                           dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }}
                         />
 
-                        <Flex align="center" justify="apart" mt="md" gap="xs">
-                          <Text size="xs" c="dimmed">
-                            {new Date(item.createdAt).toLocaleDateString('id-ID', {
-                              day: 'numeric',
-                              month: 'short',
-                              year: 'numeric',
-                            })}
-                          </Text>
+                        <Group justify="apart" mt="auto">
+                          <Group gap="xs">
+                            <IconCalendar size={18} />
+                            <Text size="xs" c="dimmed">
+                              {new Date(item.createdAt).toLocaleDateString('id-ID', {
+                                day: 'numeric',
+                                month: 'short',
+                                year: 'numeric',
+                              })}
+                            </Text>
+                          </Group>
 
                           <Button
                             p="xs"
@@ -262,7 +264,7 @@ export default function Page() {
                           >
                             Baca Selengkapnya
                           </Button>
-                        </Flex>
+                        </Group>
                       </Card>
                     ))}
                   </SimpleGrid>
diff --git a/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx b/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx
index 76a39cf6..c8b87968 100644
--- a/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx
@@ -1,11 +1,12 @@
 'use client'
 import stateKonservasiAdatBali from '@/app/admin/(dashboard)/_state/lingkungan/konservasi-adat-bali';
 import colors from '@/con/colors';
-import { Box, Center, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Center, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
 
+
 function Page() {
   const filosofi = useProxy(stateKonservasiAdatBali.stateFilosofiTriHita.findById)
   const nilai = useProxy(stateKonservasiAdatBali.stateNilaiKonservasiAdat.findById)
@@ -30,11 +31,24 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} pb={30}>
-        <Text ta="center" fz={{ base: '2xl', md: '3rem' }} c={colors['blue-button']} fw="bold">
+      <Box px={{ base: 'md', md: 100 }} >
+        <Title
+          order={1}
+          ta="center"
+          c={colors['blue-button']}
+          fw="bold"
+          style={{ lineHeight: 1.15 }}
+          
+        >
           Konservasi Adat Bali
-        </Text>
-        <Text px={20} ta="center" fz="lg" c="black">
+        </Title>
+        <Text
+          px={20}
+          ta="center"
+          fz={{ base: 'sm', md: 'lg' }}
+          c="black"
+          style={{ lineHeight: 1.55 }}
+        >
           Pelestarian lingkungan di Bali yang berpijak pada kearifan lokal, menjaga harmoni antara alam, budaya, dan manusia.
         </Text>
       </Box>
@@ -54,53 +68,31 @@ function Page() {
             >
               <Stack gap="md" px={20} style={{ height: '100%' }}>
                 <Center>
-                  <Text fz="xl" fw="bold" c="black">
+                  <Title
+                    order={3}
+                    c="black"
+                    fw="bold"
+                    style={{ lineHeight: 1.15 }}
+                  >
                     {filosofi.data?.judul}
-                  </Text> 
-                </Center>
-                <div 
-                  style={{ 
-                    wordBreak: "break-word", 
-                    whiteSpace: "normal",
-                    flexGrow: 1
-                  }} 
-                  dangerouslySetInnerHTML={{ __html: filosofi.data?.deskripsi || '' }} 
-                />
-              </Stack>
-            </Paper>
-         </Box>
-         {/* Nilai */}
-         <Box style={{ display: 'flex', height: '100%' }}>
-         <Paper
-              p="lg"
-              style={{ 
-                borderRadius: 16, 
-                width: '100%',
-                display: 'flex',
-                flexDirection: 'column',
-                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)'
-              }}
-            >
-              <Stack gap="md" px={20} style={{ height: '100%' }}>
-                <Center>
-                  <Text fz="xl" fw="bold" c="black">
-                    {nilai.data?.judul}
-                  </Text> 
+                  </Title>
                 </Center>
                 <div 
                   style={{ 
                     wordBreak: "break-word", 
                     whiteSpace: "normal",
                     flexGrow: 1,
-                    minHeight: 0
+                    fontSize: '14px',
+                    lineHeight: 1.55,
+                    color: 'black'
                   }} 
-                  dangerouslySetInnerHTML={{ __html: nilai.data?.deskripsi || '' }} 
+                  dangerouslySetInnerHTML={{ __html: filosofi.data?.deskripsi || '' }} 
                 />
               </Stack>
             </Paper>
-         </Box>
-         {/* Bentuk */}
-         <Box>
+          </Box>
+          {/* Nilai */}
+          <Box style={{ display: 'flex', height: '100%' }}>
             <Paper
               p="lg"
               style={{ 
@@ -113,26 +105,72 @@ function Page() {
             >
               <Stack gap="md" px={20} style={{ height: '100%' }}>
                 <Center>
-                  <Text fz="xl" fw="bold" c="black">
-                    {bentuk.data?.judul}
-                  </Text> 
+                  <Title
+                    order={3}
+                    c="black"
+                    fw="bold"
+                    style={{ lineHeight: 1.15 }}
+                  >
+                    {nilai.data?.judul}
+                  </Title>
                 </Center>
                 <div 
                   style={{ 
                     wordBreak: "break-word", 
                     whiteSpace: "normal",
                     flexGrow: 1,
-                    minHeight: 0
+                    minHeight: 0,
+                    fontSize: '14px',
+                    lineHeight: 1.55,
+                    color: 'black'
+                  }} 
+                  dangerouslySetInnerHTML={{ __html: nilai.data?.deskripsi || '' }} 
+                />
+              </Stack>
+            </Paper>
+          </Box>
+          {/* Bentuk */}
+          <Box>
+            <Paper
+              p="lg"
+              style={{ 
+                borderRadius: 16, 
+                width: '100%',
+                display: 'flex',
+                flexDirection: 'column',
+                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)'
+              }}
+            >
+              <Stack gap="md" px={20} style={{ height: '100%' }}>
+                <Center>
+                  <Title
+                    order={3}
+                    c="black"
+                    fw="bold"
+                    style={{ lineHeight: 1.15 }}
+                  >
+                    {bentuk.data?.judul}
+                  </Title>
+                </Center>
+                <div 
+                  style={{ 
+                    wordBreak: "break-word", 
+                    whiteSpace: "normal",
+                    flexGrow: 1,
+                    minHeight: 0,
+                    fontSize: '14px',
+                    lineHeight: 1.55,
+                    color: 'black'
                   }} 
                   dangerouslySetInnerHTML={{ __html: bentuk.data?.deskripsi || '' }} 
                 />
               </Stack>
             </Paper>
-         </Box>
+          </Box>
         </SimpleGrid>
       </Box>
     </Stack>
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
index 89db8ad0..c408b5b1 100644
--- a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
@@ -5,6 +5,7 @@ import {
   Button,
   Container,
   Divider,
+  Flex,
   Group,
   Modal,
   Paper,
@@ -23,11 +24,11 @@ import { useProxy } from 'valtio/utils';
 import beasiswaDesaState from '@/app/admin/(dashboard)/_state/pendidikan/beasiswa-desa';
 import colors from '@/con/colors';
 
-
 export default function BeasiswaPage() {
   const router = useRouter();
-  const beasiswaDesa = useProxy(beasiswaDesaState.beasiswaPendaftar)
+  const beasiswaDesa = useProxy(beasiswaDesaState.beasiswaPendaftar);
   const [opened, { open, close }] = useDisclosure(false);
+
   const resetForm = () => {
     beasiswaDesa.create.form = {
       namaLengkap: "",
@@ -61,6 +62,7 @@ export default function BeasiswaPage() {
           leftSection={<IconArrowLeft size={18} />}
           onClick={() => router.back()}
           mb="lg"
+          style={{ fontSize: '1rem', fontWeight: 500 }}
         >
           Kembali
         </Button>
@@ -69,11 +71,18 @@ export default function BeasiswaPage() {
       {/* Hero Section */}
       <Container size="lg" py="xl">
         <Stack gap="md" maw={600}>
-          <Group>
+          <Flex gap={"md"} justify={"flex-start"} align={"center"}>
             <IconSchool size={30} color={colors["blue-button"]} />
-            <Title order={2} c={colors["blue-button"]}>Program Beasiswa Pendidikan Desa Darmasaba</Title>
-          </Group>
-          <Text>
+            <Title
+              order={1}
+              fz={{ base: '1.125rem', md: '1.375rem' }}
+              lh={1.15}
+              c={colors["blue-button"]}
+            >
+              Program Beasiswa Pendidikan Desa Darmasaba
+            </Title>
+          </Flex>
+          <Text fz={{ base: '0.875rem', md: '1rem' }} lh={1.55}>
             Program ini bertujuan untuk mendukung pendidikan generasi muda di Desa Darmasaba
             agar dapat melanjutkan studi ke jenjang lebih tinggi dengan dukungan finansial dan pendampingan.
           </Text>
@@ -84,20 +93,22 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconInfoCircle size={24} color={colors["blue-button"]} />
-          <Title order={3} c={colors["blue-button"]}>Tentang Program</Title>
+          <Title order={3} fz={{ base: '1.125rem', md: '1.375rem' }} lh={1.15} c={colors["blue-button"]}>
+            Tentang Program
+          </Title>
         </Group>
-        <Text>
+        <Text fz={{ base: '0.875rem', md: '1rem' }} lh={1.55}>
           Program Beasiswa Desa Darmasaba adalah inisiatif pemerintah desa untuk meningkatkan akses
           pendidikan bagi siswa berprestasi dan kurang mampu. Melalui program ini, desa memberikan bantuan
           biaya sekolah, bimbingan akademik, serta pelatihan soft skill bagi peserta terpilih.
         </Text>
 
-        {/* Tambahkan info tahun berjalan di sini */}
+        {/* Periode Beasiswa */}
         <Paper mt="md" p="md" radius="lg" shadow="xs" bg="#f8fbff" withBorder>
-          <Text fw={500}>
+          <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
             Periode Beasiswa Tahun 2025
           </Text>
-          <Text fz="sm" c="dimmed">
+          <Text fz={{ base: '0.8125rem', md: '0.875rem' }} c="dimmed" lh={1.5}>
             Pendaftaran beasiswa dibuka mulai <strong>1 Januari 2025</strong> dan ditutup pada <strong>31 Mei 2025</strong>.
             Pengumuman hasil seleksi akan diumumkan pada pertengahan Juni 2025 melalui website resmi Desa Darmasaba.
           </Text>
@@ -108,27 +119,35 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconChecklist size={24} color={colors["blue-button"]} />
-          <Title order={3} c={colors["blue-button"]}>Syarat Pendaftaran</Title>
+          <Title order={3} fz={{ base: '1.125rem', md: '1.375rem' }} lh={1.15} c={colors["blue-button"]}>
+            Syarat Pendaftaran
+          </Title>
         </Group>
 
         <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="lg">
           <Paper shadow="sm" p="md" radius="lg" withBorder>
-            <Text fw={500}>Domisili Desa Darmasaba</Text>
-            <Text c="dimmed" fz="sm">
+            <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
+              Domisili Desa Darmasaba
+            </Text>
+            <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5}>
               Peserta harus merupakan warga desa yang berdomisili minimal 2 tahun.
             </Text>
           </Paper>
 
           <Paper shadow="sm" p="md" radius="lg" withBorder>
-            <Text fw={500}>Nilai Akademik</Text>
-            <Text c="dimmed" fz="sm">
+            <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
+              Nilai Akademik
+            </Text>
+            <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5}>
               Rata-rata nilai raport minimal 80 atau setara.
             </Text>
           </Paper>
 
           <Paper shadow="sm" p="md" radius="lg" withBorder>
-            <Text fw={500}>Surat Rekomendasi</Text>
-            <Text c="dimmed" fz="sm">
+            <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
+              Surat Rekomendasi
+            </Text>
+            <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5}>
               Diperlukan surat rekomendasi dari sekolah atau guru wali kelas.
             </Text>
           </Paper>
@@ -139,75 +158,102 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconTimeline size={24} color={colors["blue-button"]} />
-          <Title order={3} c={colors["blue-button"]}>Proses Seleksi</Title>
+          <Title order={3} fz={{ base: '1.125rem', md: '1.375rem' }} lh={1.15} c={colors["blue-button"]}>
+            Proses Seleksi
+          </Title>
         </Group>
 
         <Timeline active={4} bulletSize={24} lineWidth={2}>
-          <Timeline.Item title="Pendaftaran Online">
-            <Text c="dimmed" size="sm">
+          <Timeline.Item
+            title={
+              <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
+                Pendaftaran Online
+              </Text>
+            }
+          >
+            <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5}>
               Calon peserta mengisi formulir pendaftaran dan mengunggah dokumen pendukung.
             </Text>
-            <Text size="sm" fw={500} mt={4}>
+            <Text fz={{ base: '0.8125rem', md: '0.875rem' }} fw={600} mt={4} lh={1.4}>
               Estimasi waktu: 1 Februari – 31 Mei 2025
             </Text>
           </Timeline.Item>
 
-          <Timeline.Item title="Seleksi Administrasi">
-            <Text c="dimmed" size="sm">
+          <Timeline.Item
+            title={
+              <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
+                Seleksi Administrasi
+              </Text>
+            }
+          >
+            <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5}>
               Panitia memverifikasi kelengkapan dan validitas berkas.
             </Text>
-            <Text size="sm" fw={500} mt={4}>
+            <Text fz={{ base: '0.8125rem', md: '0.875rem' }} fw={600} mt={4} lh={1.4}>
               Estimasi waktu: 5–7 hari kerja setelah penutupan pendaftaran
             </Text>
           </Timeline.Item>
 
-          <Timeline.Item title="Wawancara dan Penilaian">
-            <Text c="dimmed" size="sm">
+          <Timeline.Item
+            title={
+              <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
+                Wawancara dan Penilaian
+              </Text>
+            }
+          >
+            <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5}>
               Peserta yang lolos administrasi akan diundang untuk wawancara langsung dengan tim seleksi.
             </Text>
-            <Text size="sm" fw={500} mt={4}>
+            <Text fz={{ base: '0.8125rem', md: '0.875rem' }} fw={600} mt={4} lh={1.4}>
               Estimasi waktu: 7–10 hari kerja setelah pengumuman seleksi administrasi
             </Text>
           </Timeline.Item>
 
-          <Timeline.Item title="Pengumuman Penerima">
-            <Text c="dimmed" size="sm">
+          <Timeline.Item
+            title={
+              <Text fz={{ base: '1rem', md: '1.125rem' }} fw={600} lh={1.4}>
+                Pengumuman Penerima
+              </Text>
+            }
+          >
+            <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5}>
               Daftar penerima beasiswa diumumkan melalui website resmi Desa Darmasaba.
             </Text>
-            <Text size="sm" fw={500} mt={4}>
+            <Text fz={{ base: '0.8125rem', md: '0.875rem' }} fw={600} mt={4} lh={1.4}>
               Estimasi waktu: 5 hari kerja setelah tahap wawancara selesai
             </Text>
           </Timeline.Item>
         </Timeline>
 
-        <Text c="dimmed" size="sm" mt="lg" ta="center">
+        <Text c="dimmed" fz={{ base: '0.8125rem', md: '0.875rem' }} lh={1.5} mt="lg" ta="center">
           Total estimasi keseluruhan proses: sekitar 3–4 minggu setelah penutupan pendaftaran
         </Text>
       </Container>
 
-
       {/* Testimoni */}
       <Container size="lg" py="xl">
         <Group mb="sm">
           <IconQuote size={24} color={colors["blue-button"]} />
-          <Title order={3} c={colors["blue-button"]}>Cerita Sukses Penerima Beasiswa</Title>
+          <Title order={3} fz={{ base: '1.125rem', md: '1.375rem' }} lh={1.15} c={colors["blue-button"]}>
+            Cerita Sukses Penerima Beasiswa
+          </Title>
         </Group>
 
         <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="lg">
           <Paper shadow="md" p="lg" radius="lg">
-            <Text fs={'italic'}>
+            <Text fs="italic" fz={{ base: '0.9375rem', md: '1rem' }} lh={1.5}>
               “Program ini sangat membantu saya melanjutkan kuliah di Universitas Udayana. Terima kasih Desa Darmasaba!”
             </Text>
-            <Text mt="sm" fw={600}>
+            <Text mt="sm" fw={600} fz={{ base: '0.9375rem', md: '1rem' }} lh={1.4}>
               – Ni Kadek Ayu S., Penerima Beasiswa 2024
             </Text>
           </Paper>
 
           <Paper shadow="md" p="lg" radius="lg">
-            <Text fs={'italic'}>
+            <Text fs="italic" fz={{ base: '0.9375rem', md: '1rem' }} lh={1.5}>
               “Selain bantuan dana, kami juga mendapatkan pelatihan komputer dan bahasa Inggris.”
             </Text>
-            <Text mt="sm" fw={600}>
+            <Text mt="sm" fw={600} fz={{ base: '0.9375rem', md: '1rem' }} lh={1.4}>
               – I Made Gede A., Penerima Beasiswa 2023
             </Text>
           </Paper>
@@ -218,16 +264,25 @@ export default function BeasiswaPage() {
       <Container size="lg" py="xl" ta="center">
         <Group justify="center" mb="sm">
           <IconUserPlus size={28} color={colors["blue-button"]} />
-          <Title order={3} c={colors["blue-button"]}>Siap Bergabung dengan Program Ini?</Title>
+          <Title order={3} fz={{ base: '1.375rem', md: '1.5rem' }} lh={1.15} c={colors["blue-button"]}>
+            Siap Bergabung dengan Program Ini?
+          </Title>
         </Group>
-        <Text c="dimmed" mb="md">
+        <Text c="dimmed" fz={{ base: '0.875rem', md: '1rem' }} lh={1.5} mb="md">
           Segera daftar dan wujudkan mimpimu bersama Desa Darmasaba.
         </Text>
-        <Button onClick={open} size="lg" radius="xl" bg={colors["blue-button"]}>
+        <Button
+          onClick={open}
+          size="lg"
+          radius="xl"
+          bg={colors["blue-button"]}
+          style={{ fontSize: '1.125rem', fontWeight: 600, lineHeight: 1.4 }}
+        >
           Daftar Sekarang
         </Button>
       </Container>
 
+      {/* Modal Formulir */}
       <Modal
         opened={opened}
         onClose={close}
@@ -235,7 +290,7 @@ export default function BeasiswaPage() {
         size="lg"
         transitionProps={{ transition: 'fade', duration: 200 }}
         title={
-          <Text fz="xl" fw={800} c={colors['blue-button']}>
+          <Text fz={{ base: '1.375rem', md: '1.5rem' }} fw={800} c={colors['blue-button']} lh={1.2}>
             Formulir Beasiswa
           </Text>
         }
@@ -245,64 +300,105 @@ export default function BeasiswaPage() {
             <TextInput
               label="Nama Lengkap"
               placeholder="Masukkan nama lengkap"
-              onChange={(val) => { beasiswaDesa.create.form.namaLengkap = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.namaLengkap = val.target.value }}
+            />
             <TextInput
               type="number"
               label="NIS"
               placeholder="Masukkan NIS"
-              onChange={(val) => { beasiswaDesa.create.form.nis = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.nis = val.target.value }}
+            />
             <TextInput
               label="Kelas"
               placeholder="Masukkan kelas"
-              onChange={(val) => { beasiswaDesa.create.form.kelas = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.kelas = val.target.value }}
+            />
             <Select
               label="Jenis Kelamin"
               placeholder="Pilih jenis kelamin"
-              data={[{ value: "LAKI_LAKI", label: "Laki-laki" }, { value: "PEREMPUAN", label: "Perempuan" }]}
-              onChange={(val) => { if (val) beasiswaDesa.create.form.jenisKelamin = val }} />
+              data={[
+                { value: "LAKI_LAKI", label: "Laki-laki" },
+                { value: "PEREMPUAN", label: "Perempuan" }
+              ]}
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { if (val) beasiswaDesa.create.form.jenisKelamin = val }}
+            />
             <TextInput
               label="Alamat Domisili"
               placeholder="Masukkan alamat domisili"
-              onChange={(val) => { beasiswaDesa.create.form.alamatDomisili = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.alamatDomisili = val.target.value }}
+            />
             <TextInput
               label="Tempat Lahir"
               placeholder="Masukkan tempat lahir"
-              onChange={(val) => { beasiswaDesa.create.form.tempatLahir = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.tempatLahir = val.target.value }}
+            />
             <TextInput
               type="date"
               label="Tanggal Lahir"
               placeholder="Pilih tanggal lahir"
-              onChange={(val) => { beasiswaDesa.create.form.tanggalLahir = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.tanggalLahir = val.target.value }}
+            />
             <Box pt={15} pb={10}>
               <Divider />
             </Box>
             <TextInput
               label="Nama Orang Tua / Wali"
               placeholder="Masukkan nama orang tua / wali"
-              onChange={(val) => { beasiswaDesa.create.form.namaOrtu = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.namaOrtu = val.target.value }}
+            />
             <TextInput
               label="NIK Orang Tua / Wali"
               placeholder="Masukkan NIK orang tua / wali"
-              onChange={(val) => { beasiswaDesa.create.form.nik = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.nik = val.target.value }}
+            />
             <TextInput
               label="Pekerjaan Orang Tua / Wali"
               placeholder="Masukkan pekerjaan orang tua / wali"
-              onChange={(val) => { beasiswaDesa.create.form.pekerjaanOrtu = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.pekerjaanOrtu = val.target.value }}
+            />
             <TextInput
               label="Penghasilan Orang Tua / Wali"
               placeholder="Masukkan penghasilan orang tua / wali"
-              onChange={(val) => { beasiswaDesa.create.form.penghasilan = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.penghasilan = val.target.value }}
+            />
             <TextInput
               label="No HP"
               placeholder="Masukkan no hp"
-              onChange={(val) => { beasiswaDesa.create.form.noHp = val.target.value }} />
+              labelProps={{ style: { fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 } }}
+              onChange={(val) => { beasiswaDesa.create.form.noHp = val.target.value }}
+            />
             <Group justify="flex-end" mt="md">
-              <Button variant="default" radius="xl" onClick={close}>Batal</Button>
-              <Button radius="xl" bg={colors['blue-button']} onClick={handleSubmit}>Kirim</Button>
+              <Button
+                variant="default"
+                radius="xl"
+                onClick={close}
+                style={{ fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 }}
+              >
+                Batal
+              </Button>
+              <Button
+                radius="xl"
+                bg={colors['blue-button']}
+                onClick={handleSubmit}
+                style={{ fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 }}
+              >
+                Kirim
+              </Button>
             </Group>
           </Stack>
         </Paper>
       </Modal>
     </Box>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
index 2dbe5769..7c5c131a 100644
--- a/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
@@ -38,11 +38,17 @@ function Page() {
       </Box>
       <Box px={{ base: 'md', md: 120 }} pb={80}>
         <Box mb="lg">
-          <Title ta="center" order={1} fw="bold" c={colors['blue-button']} fz={{ base: 28, md: 38 }}>
+          <Title ta="center" order={1} fw="bold" c={colors['blue-button']} fz={{ base: 'xl', md: '2em' }} lh={1.15}>
             Program Bimbingan Belajar Desa
           </Title>
           <Divider size="sm" my="md" mx="auto" w="60%" color={colors['blue-button']} />
-          <Text ta="center" fz="lg" c="black" px={{ base: 'sm', md: 120 }}>
+          <Text
+            ta="center"
+            fz={{ base: 'sm', md: 'md' }}
+            c="black"
+            lh={{ base: 1.6, md: 1.5 }}
+            px={{ base: 'sm', md: 120 }}
+          >
             Program unggulan untuk mendukung siswa Desa Darmasaba memahami pelajaran sekolah, meningkatkan prestasi akademik, dan menumbuhkan semangat belajar sejak dini.
           </Text>
         </Box>
@@ -55,11 +61,16 @@ function Page() {
                     <IconBook2 size={36} stroke={1.5} color={colors['blue-button']} />
                   </Box>
                 </Tooltip>
-                <Title order={3} fw={700} c={colors['blue-button']} mb="xs">
+                <Title order={3} fw={700} c={colors['blue-button']} lh={1.2} fz={{ base: 'sm', md: 'md' }}>
                   {stateTujuanProgram.findById.data?.judul}
                 </Title>
               </Group>
-              <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} lh={1.6} dangerouslySetInnerHTML={{ __html: stateTujuanProgram.findById.data?.deskripsi }} />
+              <Text
+                fz={{ base: 'xs', md: 'md' }}
+                lh={{ base: 1.6, md: 1.5 }}
+                style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                dangerouslySetInnerHTML={{ __html: stateTujuanProgram.findById.data?.deskripsi }}
+              />
             </Stack>
           </Paper>
           <Paper p="xl" radius="lg" shadow="md" withBorder bg={colors['white-trans-1']}>
@@ -70,11 +81,16 @@ function Page() {
                     <IconMapPin size={36} stroke={1.5} color={colors['blue-button']} />
                   </Box>
                 </Tooltip>
-                <Title order={3} fw={700} c={colors['blue-button']} mb="xs">
+                <Title order={3} fw={700} c={colors['blue-button']} lh={1.2} fz={{ base: 'sm', md: 'md' }}>
                   {stateLokasiDanJadwal.findById.data?.judul}
                 </Title>
               </Group>
-              <Text fz="md" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateLokasiDanJadwal.findById.data?.deskripsi }} />
+              <Text
+                fz={{ base: 'xs', md: 'md' }}
+                lh={{ base: 1.6, md: 1.5 }}
+                style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                dangerouslySetInnerHTML={{ __html: stateLokasiDanJadwal.findById.data?.deskripsi }}
+              />
             </Stack>
           </Paper>
           <Paper p="xl" radius="lg" shadow="md" withBorder bg={colors['white-trans-1']}>
@@ -85,11 +101,16 @@ function Page() {
                     <IconCalendarTime size={36} stroke={1.5} color={colors['blue-button']} />
                   </Box>
                 </Tooltip>
-                <Title order={3} fw={700} c={colors['blue-button']} mb="xs">
+                <Title order={3} fw={700} c={colors['blue-button']} lh={1.2} fz={{ base: 'sm', md: 'md' }}>
                   {stateFasilitas.findById.data?.judul}
                 </Title>
               </Group>
-              <Text fz="md" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateFasilitas.findById.data?.deskripsi }} />
+              <Text
+                fz={{ base: 'xs', md: 'md' }}
+                lh={{ base: 1.6, md: 1.5 }}
+                style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                dangerouslySetInnerHTML={{ __html: stateFasilitas.findById.data?.deskripsi }}
+              />
             </Stack>
           </Paper>
         </SimpleGrid>
@@ -98,4 +119,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
-- 
2.49.1


From c8484357cb8d4138cdad589f8987eb6cd199f7ea Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 16 Dec 2025 16:37:17 +0800
Subject: [PATCH 55/97] Fix QC Kak Ayu 15 Des Fix QC Kak Inno 15 Des Fix UI
 User Font Size, Font Weight, Line Height Fix UI Admin Font Size, Font Weight,
 Line Height & UI Mobile

---
 .../landing-page/SDGs/[id]/edit/page.tsx      |   2 +-
 .../landing-page/SDGs/[id]/page.tsx           |   4 +-
 .../landing-page/SDGs/create/page.tsx         |   2 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    |   4 +-
 .../landing-page/apbdes/[id]/page.tsx         |   4 +-
 .../landing-page/apbdes/create/page.tsx       |   2 +-
 .../(dashboard)/landing-page/apbdes/page.tsx  | 259 +++++++++----
 .../desa-anti-korupsi/_lib/layouTabs.tsx      |   4 +-
 .../prestasi-desa/_lib/layoutTabs.tsx         |   6 +
 .../kategori-prestasi-desa/[id]/page.tsx      |   2 +-
 .../kategori-prestasi-desa/create/page.tsx    |   2 +-
 .../kategori-prestasi-desa/page.tsx           | 195 ++++++----
 .../list-prestasi-desa/[id]/edit/page.tsx     |   2 +-
 .../list-prestasi-desa/[id]/page.tsx          |   4 +-
 .../list-prestasi-desa/create/page.tsx        |   2 +-
 .../prestasi-desa/list-prestasi-desa/page.tsx | 104 ++++--
 .../landing-page/profil/_lib/layoutTabs.tsx   |   4 +-
 src/app/admin/layout.tsx                      |  70 +++-
 .../jumlah-penduduk-miskin/findMany.ts        |   2 +-
 .../ekonomi/demografi-pekerjaan/page.tsx      |  77 +++-
 .../ekonomi/jumlah-penduduk-miskin/page.tsx   |  29 +-
 .../page.tsx                                  | 143 +++++---
 .../ekonomi/jumlah-pengangguran/page.tsx      | 143 +++++---
 .../lowongan-kerja-lokal/[id]/page.tsx        |  91 +++--
 .../ekonomi/lowongan-kerja-lokal/page.tsx     |  48 ++-
 .../(pages)/ekonomi/pasar-desa/[id]/page.tsx  |  72 ++--
 .../(pages)/ekonomi/pasar-desa/page.tsx       |  48 ++-
 .../ekonomi/program-kemiskinan/page.tsx       |  59 ++-
 .../ekonomi/sektor-unggulan-desa/page.tsx     |  54 ++-
 .../[id]/page.tsx                             | 174 +++++++++
 .../page.tsx                                  | 343 +++++++++---------
 .../perpustakaan-digital/layout.tsx           |  16 +
 .../(pages)/ppid/struktur-ppid/page.tsx       |   2 +-
 src/app/waiting-room/page.tsx                 | 146 ++++++--
 34 files changed, 1458 insertions(+), 661 deletions(-)
 create mode 100644 src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/[id]/page.tsx

diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
index c1adc0ac..582a044d 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
@@ -123,7 +123,7 @@ export default function EditKolaborasiInovasi() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors["blue-button"]} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
index 3a754953..d79d3539 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
@@ -42,7 +42,7 @@ function DetailSDGSDesa() {
   const data = sdgsState.findUnique.data;
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -54,7 +54,7 @@ function DetailSDGSDesa() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
index 3364be76..19e4014b 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
@@ -65,7 +65,7 @@ function CreateSDGsDesa() {
     }
   }
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index a7914073..e6cd2dcc 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -204,7 +204,7 @@ function EditAPBDes() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
@@ -215,7 +215,7 @@ function EditAPBDes() {
       </Group>
 
       <Paper
-        w={{ base: '100%', md: '100%' }}
+        w={{ base: '100%', md: '50%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
index a608f8ac..b967d428 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/page.tsx
@@ -65,7 +65,7 @@ function DetailAPBDes() {
   });
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -77,7 +77,7 @@ function DetailAPBDes() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '100%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index a419308b..3cf09a26 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -155,7 +155,7 @@ function CreateAPBDes() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index 55c3caf8..5b68238c 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -56,71 +56,85 @@ function ListAPBDes({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar APBDes</Title>
-          <Button
-            leftSection={<IconPlus size={18} />}
-            color="blue"
-            variant="light"
-            onClick={() => router.push('/admin/landing-page/apbdes/create')}
-          >
-            Tambah Baru
-          </Button>
-        </Group>
+    <Box py={{ base: 'md', md: 'lg' }}>
+      {/* Desktop Table */}
+      <Box visibleFrom="md">
+        <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+          <Group justify="space-between" mb="md">
+            <Title order={2} size="lg" lh={1.2}>
+              Daftar APBDes
+            </Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() => router.push('/admin/landing-page/apbdes/create')}
+            >
+              Tambah Baru
+            </Button>
+          </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ width: '25%' }}>APBDes</TableTh>
-                <TableTh style={{ width: '25%' }}>Tahun</TableTh>
-                <TableTh style={{ width: '25%' }}>Dokumen</TableTh>
-                <TableTh style={{ width: '25%' }}>Aksi</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length > 0 ? (
-                filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text fw={500} lineClamp={1}>
-                        APBDes {item.tahun}
-                      </Text>
-                    </TableTd>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text fw={500}>{item.tahun || '-'}</Text>
-                    </TableTd>
-                    <TableTd style={{ width: '25%' }}>
-                      {item.file?.link ? (
-                        <Button
-                          component="a"
-                          href={item.file.link}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          variant="light"
-                          leftSection={<IconFile size={16} />}
-                          size="xs"
-                          radius="sm"
-                        >
-                          Lihat Dokumen
-                        </Button>
-                      ) : (
-                        <Text c="dimmed" fz="sm">
-                          Tidak ada dokumen
+          <Box>
+            <Table highlightOnHover miw={0}>
+              <TableThead>
+                <TableTr>
+                  <TableTh fz="md" fw={600} ta="left" w="25%">
+                    APBDes
+                  </TableTh>
+                  <TableTh fz="md" fw={600} ta="left" w="25%">
+                    Tahun
+                  </TableTh>
+                  <TableTh fz="md" fw={600} ta="left" w="25%">
+                    Dokumen
+                  </TableTh>
+                  <TableTh fz="md" fw={600} ta="left" w="25%">
+                    Aksi
+                  </TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                {filteredData.length > 0 ? (
+                  filteredData.map((item) => (
+                    <TableTr key={item.id}>
+                      <TableTd>
+                        <Text fz="md" fw={500} lh={1.5} lineClamp={1}>
+                          APBDes {item.tahun}
                         </Text>
-                      )}
-                    </TableTd>
-                    <TableTd style={{ width: '25%' }}>
-                      <Box w={100}>
+                      </TableTd>
+                      <TableTd>
+                        <Text fz="md" fw={500} lh={1.5}>
+                          {item.tahun || '-'}
+                        </Text>
+                      </TableTd>
+                      <TableTd>
+                        {item.file?.link ? (
+                          <Button
+                            component="a"
+                            href={item.file.link}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            variant="light"
+                            leftSection={<IconFile size={16} />}
+                            size="xs"
+                            radius="sm"
+                            fz="sm"
+                          >
+                            Lihat Dokumen
+                          </Button>
+                        ) : (
+                          <Text c="dimmed" fz="sm" lh={1.5}>
+                            Tidak ada dokumen
+                          </Text>
+                        )}
+                      </TableTd>
+                      <TableTd>
                         <Button
                           size="xs"
                           radius="md"
@@ -128,29 +142,126 @@ function ListAPBDes({ search }: { search: string }) {
                           color="blue"
                           leftSection={<IconDeviceImacCog size={14} />}
                           onClick={() => router.push(`/admin/landing-page/apbdes/${item.id}`)}
-                          fullWidth
+                          fz="sm"
                         >
                           Detail
                         </Button>
-                      </Box>
+                      </TableTd>
+                    </TableTr>
+                  ))
+                ) : (
+                  <TableTr>
+                    <TableTd colSpan={4}>
+                      <Center py="lg">
+                        <Text c="dimmed" fz="sm" lh={1.5}>
+                          Tidak ada data APBDes yang cocok
+                        </Text>
+                      </Center>
                     </TableTd>
                   </TableTr>
-                ))
-              ) : (
-                <TableTr>
-                  <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data APBDes yang cocok</Text>
-                    </Center>
-                  </TableTd>
-                </TableTr>
-              )}
-            </TableTbody>
-          </Table>
-        </Box>
-      </Paper>
+                )}
+              </TableTbody>
+            </Table>
+          </Box>
+        </Paper>
+      </Box>
 
-      <Center mt="md">
+      {/* Mobile Cards */}
+      <Box hiddenFrom="md">
+        <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+          <Group justify="space-between" mb="md">
+            <Title order={2} size="lg" lh={1.2}>
+              Daftar APBDes
+            </Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() => router.push('/admin/landing-page/apbdes/create')}
+            >
+              Tambah Baru
+            </Button>
+          </Group>
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper
+                  key={item.id}
+                  withBorder
+                  bg={colors['white-1']}
+                  p="md"
+                  shadow="sm"
+                  radius="md"
+                >
+                  <Stack gap="xs">
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      APBDes {item.tahun}
+                    </Text>
+                    <Group justify="space-between" wrap="nowrap">
+                      <Text fz="sm" c="dimmed" lh={1.4}>
+                        Tahun
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.tahun || '-'}
+                      </Text>
+                    </Group>
+
+                    <Group justify="space-between" wrap="nowrap">
+                      <Text fz="sm" c="dimmed" lh={1.4}>
+                        Dokumen
+                      </Text>
+                      {item.file?.link ? (
+                        <Button
+                          component="a"
+                          href={item.file.link}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          variant="light"
+                          leftSection={<IconFile size={14} />}
+                          size="xs"
+                          radius="sm"
+                          fz="xs"
+                          lh={1.4}
+                        >
+                          Lihat
+                        </Button>
+                      ) : (
+                        <Text fz="xs" c="dimmed" lh={1.4}>
+                          Tidak ada
+                        </Text>
+                      )}
+                    </Group>
+
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={14} />}
+                      onClick={() => router.push(`/admin/landing-page/apbdes/${item.id}`)}
+                      mt="sm"
+                      fz="xs"
+                      lh={1.4}
+                    >
+                      Detail
+                    </Button>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Paper withBorder bg={colors['white-1']} p="md" radius="md">
+                <Center py="lg">
+                  <Text c="dimmed" fz="xs" lh={1.4}>
+                    Tidak ada data APBDes yang cocok
+                  </Text>
+                </Center>
+              </Paper>
+            )}
+          </Stack>
+        </Paper>
+      </Box>
+
+      <Center mt="xl">
         <Pagination
           value={page}
           onChange={(newPage) => {
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
index d327fb3b..fd7a715f 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/_lib/layouTabs.tsx
@@ -69,7 +69,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                 keepMounted={false}
             >
                 {/* ✅ Scroll horizontal wrapper */}
-                <Box visibleFrom='md'>
+                <Box visibleFrom='md' pb={10}>
                     <ScrollArea type="auto" offsetScrollbars>
                         <TabsList
                             p="sm"
@@ -102,7 +102,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                     </ScrollArea>
                 </Box>
 
-                <Box hiddenFrom='md'>
+                <Box hiddenFrom='md' pb={10}>
                     <ScrollArea
                         type="auto"
                         offsetScrollbars={false}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx
index 109e8f80..0988e9c9 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx
@@ -56,6 +56,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
+
         <ScrollArea type="auto" offsetScrollbars>
           <TabsList
             p="sm"
@@ -63,6 +64,10 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
               borderRadius: "1rem",
               boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+              display: "flex",
+              flexWrap: "nowrap",
+              gap: "0.5rem",
+              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
             }}
           >
             {tabs.map((tab, i) => (
@@ -74,6 +79,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                   fontWeight: 600,
                   fontSize: "0.9rem",
                   transition: "all 0.2s ease",
+                  flexShrink: 0, // ✅ jangan mengecil aneh-aneh
                 }}
               >
                 {tab.label}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
index 0cb9cbbe..b0128513 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
@@ -78,7 +78,7 @@ function EditKategoriPrestasi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
index ebfd82cc..8e41927b 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
@@ -40,7 +40,7 @@ function CreateKategoriPrestasi() {
   }
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
index a8684a78..13c5d5f5 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
@@ -57,7 +57,7 @@ function ListKategoriPrestasi({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton h={500} />
       </Stack>
     )
@@ -65,28 +65,33 @@ function ListKategoriPrestasi({ search }: { search: string }) {
 
   return (
     <Box>
+      {/* DESKTOP: Table */}
       <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm" withBorder>
-        <Group justify="space-between" mb="md">
-          <Title order={4} c="dark">List Kategori Prestasi</Title>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/landing-page/prestasi-desa/kategori-prestasi-desa/create')}>
-              Tambah Baru
-            </Button>
+        <Group justify="space-between" mb="xl">
+          <Title order={2} size="lg" lh={1.2}>List Kategori Prestasi</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/landing-page/prestasi-desa/kategori-prestasi-desa/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-
-        <Box style={{ overflowX: 'auto' }}>
+        <Box visibleFrom="md">
           <Table verticalSpacing="sm" highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Nama Kategori</TableTh>
-                <TableTh style={{ width: '120px' }} ta={'center'}>Edit</TableTh>
-                <TableTh ta={'center'} style={{ width: '120px' }}>Delete</TableTh>
+                <TableTh><Text fz="sm" fw={600} c="dark">Nama Kategori</Text></TableTh>
+                <TableTh w={120} ta="center"><Text fz="sm" fw={600} c="dark">Edit</Text></TableTh>
+                <TableTh w={120} ta="center"><Text fz="sm" fw={600} c="dark">Delete</Text></TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length === 0 ? (
                 <TableTr>
-                  <TableTd colSpan={2} style={{ textAlign: 'center' }}>
-                    <Text py="md" c="dimmed">
+                  <TableTd colSpan={3} ta="center">
+                    <Text py="md" c="dimmed" fz="sm" lh={1.5}>
                       {search ? 'Tidak ada hasil yang cocok' : 'Belum ada data kategori'}
                     </Text>
                   </TableTd>
@@ -95,68 +100,130 @@ function ListKategoriPrestasi({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text truncate="end" fz={"sm"}>{item.name}</Text>
-                      </Box>
+                      <Text truncate="end" fz="md" lh={1.5} c="dark">
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ textAlign: 'center', width: '120px' }}>
-                        <Button
-                          variant="light"
-                          color="green"
-                          size="sm"
-                          onClick={() => router.push(`/admin/landing-page/prestasi-desa/kategori-prestasi-desa/${item.id}`)}
-                        >
-                          <IconEdit size={18} />
-                        </Button>
+                    <TableTd ta="center" w={120}>
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="sm"
+                        onClick={() => router.push(`/admin/landing-page/prestasi-desa/kategori-prestasi-desa/${item.id}`)}
+                      >
+                        <IconEdit size={16} />
+                      </Button>
                     </TableTd>
-                    <TableTd style={{ textAlign: 'center', width: '120px' }}>
-                        <Button
-                          variant="light"
-                          color="red"
-                          size="sm"
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconTrash size={18} />
-                        </Button>
+                    <TableTd ta="center" w={120}>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="sm"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={16} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
               )}
             </TableTbody>
           </Table>
+
+          {totalPages > 1 && (
+            <Center mt="xl">
+              <Pagination
+                value={page}
+                onChange={(newPage) => load(newPage)}
+                total={totalPages}
+                withEdges
+                size="sm"
+                styles={{
+                  control: {
+                    '&[data-active]': {
+                      background: `${colors['blue-button']} !important`,
+                    },
+                  },
+                }}
+              />
+            </Center>
+          )}
         </Box>
 
-        {totalPages > 1 && (
-          <Center mt="lg">
-            <Pagination
-              value={page}
-              onChange={(newPage) => load(newPage)}
-              total={totalPages}
-              withEdges
-              size="sm"
-              styles={{
-                control: {
-                  '&[data-active]': {
-                    background: `${colors['blue-button']} !important`,
-                  },
-                },
-              }}
-            />
-          </Center>
-        )}
+        {/* MOBILE: Card */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length === 0 ? (
+              <Paper p="lg" ta="center">
+                <Text c="dimmed" fz="sm" lh={1.5}>
+                  {search ? 'Tidak ada hasil yang cocok' : 'Belum ada data kategori'}
+                </Text>
+              </Paper>
+            ) : (
+              filteredData.map((item) => (
+                <Paper key={item.id} p="md" withBorder bg={colors['white-1']}>
+                  <Stack gap="xs">
+                    <Text fz="sm" lh={1.5} fw={600} c="dark">{item.name}</Text>
+                    <Group justify="flex-end" gap="xs">
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="xs"
+                        onClick={() => router.push(`/admin/landing-page/prestasi-desa/kategori-prestasi-desa/${item.id}`)}
+                      >
+                        <IconEdit size={14} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="xs"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={14} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            )}
+
+            {totalPages > 1 && (
+              <Center py="lg">
+                <Pagination
+                  value={page}
+                  onChange={(newPage) => load(newPage)}
+                  total={totalPages}
+                  withEdges
+                  size="xs"
+                  styles={{
+                    control: {
+                      '&[data-active]': {
+                        background: `${colors['blue-button']} !important`,
+                      },
+                    },
+                  }}
+                />
+              </Center>
+            )}
+          </Stack>
+        </Box>
+
+        {/* Modal Konfirmasi Hapus */}
+        <ModalKonfirmasiHapus
+          opened={modalHapus}
+          onClose={() => setModalHapus(false)}
+          onConfirm={handleHapus}
+          text='Apakah anda yakin ingin menghapus kategori prestasi ini?'
+        />
       </Paper>
-      {/* Modal Konfirmasi Hapus */}
-      <ModalKonfirmasiHapus
-        opened={modalHapus}
-        onClose={() => setModalHapus(false)}
-        onConfirm={handleHapus}
-        text='Apakah anda yakin ingin menghapus kategori prestasi ini?'
-      />
-    </Box >
+    </Box>
   );
 }
 
-export default KategoriPrestasiDesa
+export default KategoriPrestasiDesa
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
index 085d347a..402ede7e 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
@@ -128,7 +128,7 @@ export default function EditPrestasiDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
index 1a4e101c..04b65d62 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailPrestasiDesa() {
   }
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -53,7 +53,7 @@ function DetailPrestasiDesa() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
index 2ec16125..450a8f59 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
@@ -69,7 +69,7 @@ function CreatePrestasiDesa() {
     }
   }
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
index 6a9b88bf..ad87c4b2 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useMediaQuery, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -28,6 +28,7 @@ function ListPrestasiDesa() {
 function ListPrestasi({ search }: { search: string }) {
   const listState = useProxy(prestasiState.prestasiDesa)
   const router = useRouter();
+  const isMobile = useMediaQuery('(max-width: 768px)');
 
   const {
     data,
@@ -39,60 +40,65 @@ function ListPrestasi({ search }: { search: string }) {
 
   useShallowEffect(() => {
     load(page, 10, search);
-  }, [page, search]);
+  }, []);
 
   const filteredData = data || []
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Prestasi Desa</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} size={isMobile ? 'md' : 'lg'} lh={1.2}>
+            Daftar Prestasi Desa
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
             onClick={() => router.push('/admin/landing-page/prestasi-desa/list-prestasi-desa/create')}
+            size={isMobile ? 'xs' : 'sm'}
           >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={0}>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama Prestasi</TableTh>
-                <TableTh style={{ width: '25%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '25%' }}>Kategori</TableTh>
-                <TableTh style={{ width: '25%', textAlign: 'center' }}>Aksi</TableTh>
+                <TableTh w="25%">Nama Prestasi</TableTh>
+                <TableTh w="25%">Deskripsi</TableTh>
+                <TableTh w="25%">Kategori</TableTh>
+                <TableTh w="25%" ta="center">Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Box w={100}>
-                        <Text truncate="end" fz={"sm"}>{item.name}</Text>
-                      </Box>
+                    <TableTd w="25%">
+                      <Text truncate="end" fz="md" lh={1.5}>
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text lineClamp={1} fz="sm" c="dimmed" dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                    <TableTd w="25%">
+                      <Text lineClamp={1} fz="md" c="dimmed" lh={1.5} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </TableTd>
-                    <TableTd style={{ width: '25%' }}>
-                      <Box w={150}>
-                        <Text truncate="end" fz={"sm"}>{item.kategori?.name || 'Tidak ada kategori'}</Text>
-                      </Box>
+                    <TableTd w="25%">
+                      <Text truncate="end" fz="md" lh={1.5}>
+                        {item.kategori?.name || 'Tidak ada kategori'}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '25%', textAlign: 'center' }}>
+                    <TableTd w="25%" ta="center">
                       <Button
                         size="xs"
                         radius="md"
@@ -108,23 +114,63 @@ function ListPrestasi({ search }: { search: string }) {
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4} style={{ textAlign: 'center' }}>
-                    <Text c="dimmed" py="md">Tidak ada data prestasi</Text>
+                  <TableTd colSpan={4} ta="center">
+                    <Text c="dimmed" py="md" fz="sm" lh={1.4}>
+                      Tidak ada data prestasi
+                    </Text>
                   </TableTd>
                 </TableTr>
               )}
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="sm">
+                  <Stack gap={4}>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      {item.name}
+                    </Text>
+                    <Text fz="xs" c="dimmed" lh={1.5} lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                    <Text fz="xs" c="dimmed" lh={1.4}>
+                      Kategori: {item.kategori?.name || 'Tidak ada kategori'}
+                    </Text>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={14} />}
+                        onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}
+                      >
+                        Detail
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="md">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data prestasi
+                </Text>
+              </Center>
+            )}
+        </Stack>
       </Paper>
+
       {totalPages > 1 && (
-        <Center mt="lg">
+        <Center mt={{ base: 'md', md: 'lg' }}>
           <Pagination
             value={page}
             onChange={load}
             total={totalPages}
             withEdges
-            size="sm"
+            size={isMobile ? 'xs' : 'sm'}
           />
         </Center>
       )}
@@ -132,4 +178,4 @@ function ListPrestasi({ search }: { search: string }) {
   )
 }
 
-export default ListPrestasiDesa;
+export default ListPrestasiDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
index 7210d917..43419da7 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/_lib/layoutTabs.tsx
@@ -75,7 +75,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <Box visibleFrom='md'>
+        <Box visibleFrom='md' pb={10}>
           <ScrollArea type="auto" offsetScrollbars>
             <TabsList
               p="sm"
@@ -108,7 +108,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
           </ScrollArea>
         </Box>
 
-        <Box hiddenFrom='md'>
+        <Box hiddenFrom='md' pb={10}>
           <ScrollArea
             type="auto"
             offsetScrollbars={false}
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 2f75774b..55687b41 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -33,7 +33,7 @@ import { useEffect, useState } from "react";
 import { getNavbar } from "./(dashboard)/user&role/_com/dynamicNavbar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  const [opened, { toggle }] = useDisclosure();
+  const [opened, { toggle, close }] = useDisclosure(); // ✅ Tambahkan 'close'
   const [loading, setLoading] = useState(true);
   const [isLoggingOut, setIsLoggingOut] = useState(false);
   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
@@ -45,21 +45,19 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     const fetchUser = async () => {
       try {
         const res = await fetch('/api/auth/me', {
-          credentials: 'include' // ✅ ADD credentials
+          credentials: 'include'
         });
         const data = await res.json();
 
         if (data.user) {
-          // ✅ Check if user is NOT active → redirect to waiting room
           if (!data.user.isActive) {
             authStore.setUser(null);
             router.replace('/waiting-room');
             return;
           }
 
-          // ✅ Fetch menuIds
           const menuRes = await fetch(`/api/admin/user-menu-access?userId=${data.user.id}`, {
-            credentials: 'include' // ✅ ADD credentials
+            credentials: 'include'
           });
           const menuData = await menuRes.json();
 
@@ -67,7 +65,6 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             ? [...menuData.menuIds]
             : null;
 
-          // ✅ Set user dengan menuIds yang fresh
           authStore.setUser({
             id: data.user.id,
             name: data.user.name,
@@ -76,7 +73,6 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             isActive: data.user.isActive
           });
 
-          // ✅ IMPROVED: Redirect ONLY if di root /admin
           const currentPath = window.location.pathname;
           
           if (currentPath === '/admin') {
@@ -84,7 +80,6 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             console.log('🔄 Redirecting from /admin to:', expectedPath);
             router.replace(expectedPath);
           }
-          // ✅ Jangan redirect jika user sudah di path yang valid
 
         } else {
           authStore.setUser(null);
@@ -100,17 +95,17 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     };
 
     fetchUser();
-  }, [router]); // ✅ Only depend on router
+  }, [router]);
 
   const getRedirectPath = (roleId: number): string => {
     switch (roleId) {
-      case 0: // DEVELOPER
-      case 1: // SUPERADMIN
-      case 2: // ADMIN_DESA
+      case 0:
+      case 1:
+      case 2:
         return '/admin/landing-page/profil/program-inovasi';
-      case 3: // ADMIN_KESEHATAN
+      case 3:
         return '/admin/kesehatan/posyandu';
-      case 4: // ADMIN_PENDIDIKAN
+      case 4:
         return '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
       default:
         return '/admin';
@@ -139,7 +134,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 
       const response = await fetch('/api/auth/logout', { 
         method: 'POST',
-        credentials: 'include' // ✅ ADD credentials
+        credentials: 'include'
       });
       const result = await response.json();
 
@@ -163,6 +158,12 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     }
   };
 
+  // ✅ Handler untuk menutup mobile menu saat navigasi
+  const handleNavClick = (path: string) => {
+    router.push(path);
+    close(); // Tutup mobile menu
+  };
+
   return (
     <AppShell
       suppressHydrationWarning
@@ -177,7 +178,6 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       }}
       padding="md"
     >
-      {/* ... rest of your JSX (Header, Navbar, Main) sama seperti sebelumnya ... */}
       <AppShellHeader
         style={{
           background: "linear-gradient(90deg, #ffffff, #f9fbff)",
@@ -230,16 +230,48 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       </AppShellHeader>
 
       <AppShellNavbar component={ScrollArea} style={{ background: "#ffffff", borderRight: `1px solid ${colors["blue-button"]}20` }} p={{ base: 'xs', sm: 'sm' }}>
-        {/* ... Navbar content sama seperti sebelumnya ... */}
         <AppShell.Section p="sm">
           {currentNav.map((v, k) => {
             const isParentActive = segments.includes(_.lowerCase(v.name));
             return (
-              <NavLink key={k} defaultOpened={isParentActive} c={isParentActive ? colors["blue-button"] : "gray"} label={<Text fw={isParentActive ? 600 : 400} fz="sm">{v.name}</Text>} style={{ borderRadius: rem(10), marginBottom: rem(4), transition: "background 150ms ease" }} styles={{ root: { '&:hover': { backgroundColor: 'rgba(25, 113, 194, 0.05)' } } }} variant="light" active={isParentActive}>
+              <NavLink 
+                key={k} 
+                defaultOpened={isParentActive} 
+                c={isParentActive ? colors["blue-button"] : "gray"} 
+                label={<Text fw={isParentActive ? 600 : 400} fz="sm">{v.name}</Text>} 
+                style={{ borderRadius: rem(10), marginBottom: rem(4), transition: "background 150ms ease" }} 
+                styles={{ root: { '&:hover': { backgroundColor: 'rgba(25, 113, 194, 0.05)' } } }} 
+                variant="light" 
+                active={isParentActive}
+              >
                 {v.children.map((child, key) => {
                   const isChildActive = segments.includes(_.lowerCase(child.name));
                   return (
-                    <NavLink key={key} href={child.path} c={isChildActive ? colors["blue-button"] : "gray"} label={<Text fw={isChildActive ? 600 : 400} fz="sm">{child.name}</Text>} styles={{ root: { borderRadius: rem(8), marginBottom: rem(2), transition: 'background 150ms ease', padding: '6px 12px', '&:hover': { backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)' }, ...(isChildActive && { backgroundColor: 'rgba(25, 113, 194, 0.1)' }) } }} active={isChildActive} component={Link} />
+                    <NavLink 
+                      key={key} 
+                      // ✅ PERBAIKAN: Gunakan onClick untuk handle navigasi dan close menu
+                      onClick={(e) => {
+                        e.preventDefault();
+                        handleNavClick(child.path);
+                      }}
+                      href={child.path}
+                      c={isChildActive ? colors["blue-button"] : "gray"} 
+                      label={<Text fw={isChildActive ? 600 : 400} fz="sm">{child.name}</Text>} 
+                      styles={{ 
+                        root: { 
+                          borderRadius: rem(8), 
+                          marginBottom: rem(2), 
+                          transition: 'background 150ms ease', 
+                          padding: '6px 12px', 
+                          '&:hover': { 
+                            backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)' 
+                          }, 
+                          ...(isChildActive && { backgroundColor: 'rgba(25, 113, 194, 0.1)' }) 
+                        } 
+                      }} 
+                      active={isChildActive} 
+                      component={Link}
+                    />
                   );
                 })}
               </NavLink>
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/findMany.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/findMany.ts
index 4cc14207..7bcfc08c 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-penduduk-miskin/findMany.ts
@@ -28,7 +28,7 @@ export default async function grafikJumlahPendudukMiskinFindMany(
         where,
         skip,
         take: limit,
-        orderBy: { createdAt: "desc" },
+        orderBy: { year: "asc" },
       }),
       prisma.grafikJumlahPendudukMiskin.count({
         where,
diff --git a/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx
index 6f88b299..e665b354 100644
--- a/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/demografi-pekerjaan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Stack, Box, Paper, Text, ColorSwatch, Flex, Skeleton } from '@mantine/core';
+import { Stack, Box, Paper, Text, ColorSwatch, Flex, Skeleton, Title } from '@mantine/core';
 import React from 'react';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import { BarChart } from '@mantine/charts';
@@ -32,23 +32,47 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} >
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+      <Box px={{ base: 'md', md: 100 }}>
+        <Title
+          order={1}
+          ta="center"
+          c={colors["blue-button"]}
+          fw="bold"
+          lh={1.2}
+          style={{ lineHeight: 1.2 }}
+        >
           Demografi Pekerjaan
+        </Title>
+        <Text
+          ta="center"
+          fz={{ base: 'sm', md: 'md' }}
+          lh={1.5}
+          c="black"
+          style={{ lineHeight: 1.5 }}
+        >
+          Desa Darmasaba memiliki komposisi penduduk yang beragam dalam sektor pekerjaan
         </Text>
-        <Text ta={'center'} fz={'h4'}>Desa Darmasaba memiliki komposisi penduduk yang beragam dalam sektor pekerjaan</Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'} justify='center'>
           <Paper p={'xl'}>
-            <Box style={{overflowX: 'scroll'}}>
-              <Text pb={5} fw={'bold'} fz={'h4'}>Statistik Demografi Pekerjaan Di Desa Darmasaba</Text>
+            <Box style={{ overflowX: 'auto' }} w={"100%"}>
+              <Text
+                pb={5}
+                fw={'bold'}
+                fz={{ base: 'md', md: 'lg' }}
+                lh={1.2}
+                c="black"
+                style={{ lineHeight: 1.2 }}
+              >
+                Statistik Demografi Pekerjaan Di Desa Darmasaba
+              </Text>
               <BarChart
                 type='stacked'
                 p={10}
                 mb={50}
                 h={400}
-                w={Math.max(data.length * 120, 800)} // auto lebar sesuai jumlah data
+                w={Math.max(data.length * 120, 800)}
                 data={data.map((item) => ({
                   id: item.id,
                   Pekerjaan: item.pekerjaan,
@@ -62,28 +86,45 @@ function Page() {
                 ]}
                 tickLine="y"
                 xAxisProps={{
-                  angle: -45,  // Rotate labels by -45 degrees
-                  textAnchor: 'end',  // Anchor text to the end for better alignment
-                  height: 100,  // Increase height for rotated labels
-                  interval: 0,  // Show all labels
+                  angle: -45,
+                  textAnchor: 'end',
+                  height: 100,
+                  interval: 0,
                   style: {
-                    fontSize: '12px',  // Adjust font size if needed
+                    fontSize: '12px',
                     overflow: 'visible',
-                    whiteSpace: 'nowrap'
+                    whiteSpace: 'nowrap',
+                    lineHeight: 1.4,
                   }
                 }}
               />
             </Box>
             <Flex pb={30} justify={'center'} gap={'xl'} align={'center'}>
               <Box>
-                <Flex gap={{base: 7, md: 5}} align={'center'}>
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Laki-Laki</Text>
+                <Flex gap={{ base: 7, md: 5 }} align={'center'}>
+                  <Text
+                    fw={'bold'}
+                    fz={{ base: 'sm', md: 'md' }}
+                    lh={1.2}
+                    c="black"
+                    style={{ lineHeight: 1.2 }}
+                  >
+                    Laki-Laki
+                  </Text>
                   <ColorSwatch color="#5082EE" size={30} />
                 </Flex>
               </Box>
               <Box>
-                <Flex gap={{base: 7, md: 5}} align={'center'}>
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Perempuan</Text>
+                <Flex gap={{ base: 7, md: 5 }} align={'center'}>
+                  <Text
+                    fw={'bold'}
+                    fz={{ base: 'sm', md: 'md' }}
+                    lh={1.2}
+                    c="black"
+                    style={{ lineHeight: 1.2 }}
+                  >
+                    Perempuan
+                  </Text>
                   <ColorSwatch color="#6EDF9C" size={30} />
                 </Flex>
               </Box>
@@ -95,4 +136,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-miskin/page.tsx b/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-miskin/page.tsx
index 9f0e9041..9673b549 100644
--- a/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-miskin/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-miskin/page.tsx
@@ -2,7 +2,7 @@
 import jumlahPendudukMiskin from '@/app/admin/(dashboard)/_state/ekonomi/jumlah-penduduk-miskin';
 import colors from '@/con/colors';
 import { BarChart } from '@mantine/charts';
-import { Box, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Paper, Skeleton, Stack, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -17,13 +17,10 @@ function Page() {
   const state = useProxy(jumlahPendudukMiskin)
   const [chartData, setChartData] = useState<JPMGrafik[]>([])
 
-
   useShallowEffect(() => {
     state.findMany.load()
   }, [])
 
-
-
   useEffect(() => {
     if (state.findMany.data) {
       setChartData(state.findMany.data.map((item) => ({
@@ -48,20 +45,30 @@ function Page() {
         <BackButton />
       </Box>
       <Box px={{ base: 'md', md: 100 }} >
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+        <Title
+          order={1}
+          ta={"center"}
+          c={colors["blue-button"]}
+          fw={"bold"}
+          lh={1.1}
+        >
           Jumlah Penduduk Miskin
-        </Text>
+        </Title>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'} justify='center'>
           <Paper p={'xl'}>
-            <Text fz={'h3'}>Jumlah Data Penduduk Miskin</Text>
-            <Text fw={"bold"} fz={'h1'}>
+            <Title order={3} fw={'normal'} lh={1.1}>
+              Jumlah Data Penduduk Miskin
+            </Title>
+            <Title order={2} fw={"bold"} lh={1.1}>
               {state.findMany.data?.reduce((sum, item) => sum + (Number(item.totalPoorPopulation) || 0), 0).toLocaleString()} Orang
-            </Text>
+            </Title>
           </Paper>
           <Paper p={'xl'}>
-            <Text pb={10} fw={'bold'} fz={'h4'}>Jumlah Penduduk Miskin Per Tahun</Text>
+            <Title order={3} pb={10} fw={'bold'} lh={1.1}>
+              Jumlah Penduduk Miskin Per Tahun
+            </Title>
             <BarChart
               h={300}
               data={chartData}
@@ -79,4 +86,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx b/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx
index c3a8636e..8a23dc38 100644
--- a/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx
@@ -3,7 +3,7 @@
 import grafikNganggur from '@/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur';
 import colors from '@/con/colors';
 import { PieChart } from '@mantine/charts';
-import { Box, Center, ColorSwatch, Flex, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Center, ColorSwatch, Flex, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -56,7 +56,7 @@ function Page() {
     }
   }, [stateGrafikNganggurPendidikan.findMany.data])
 
-  if (!stateGrafikNganggur.findMany.data) {
+  if (!stateGrafikNganggur.findMany.data || !stateGrafikNganggurPendidikan.findMany.data) {
     return (
       <Box>
         <Skeleton h={500} />
@@ -64,114 +64,151 @@ function Page() {
     )
   }
 
-  if (!stateGrafikNganggur.findMany.data) {
-    return (
-      <Box>
-        <Skeleton h={500} />
-      </Box>
-    )
-  }
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap="22" style={{ overflow: 'auto' }}>
       <Box px={{ base: 'md', md: 50, lg: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 50, lg: 100 }} >
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+      <Box px={{ base: 'md', md: 50, lg: 100 }}>
+        <Title
+          order={1}
+          ta="center"
+          c={colors["blue-button"]}
+          fw="bold"
+          style={{ lineHeight: 1.15 }}
+        >
           Jumlah Penduduk Usia Kerja Yang Menganggur
-        </Text>
+        </Title>
       </Box>
       <Box px={{ base: "md", md: 50, lg: 100 }}>
         <Stack gap={'lg'} justify='center'>
           <Paper p={'lg'}>
-            <Text fw={'bold'} fz={'h3'}>Pengangguran Berdasarkan Usia</Text>
-            {mounted && donutGrafikNganggurData.length > 0 ? (<Box style={{ width: '100%', height: 'auto', minHeight: 200 }}>
-              <Box w="100%" maw={{ base: '100%', md: 400 }} mx="auto">
-                <PieChart
-                  w="100%"
-                  h={250} // lebih kecil biar aman di mobile
-                  withLabelsLine
-                  labelsPosition="outside"
-                  labelsType="percent"
-                  withLabels
-                  data={donutGrafikNganggurData}
-                  withTooltip
-                  tooltipDataSource="segment"
-                />
+            <Title
+              order={2}
+              fw="bold"
+              style={{ lineHeight: 1.2 }}
+            >
+              Pengangguran Berdasarkan Usia
+            </Title>
+            {mounted && donutGrafikNganggurData.length > 0 ? (
+              <Box style={{ width: '100%', height: 'auto', minHeight: 200 }}>
+                <Box w="100%" maw={{ base: '100%', md: 400 }} mx="auto">
+                  <PieChart
+                    w="100%"
+                    h={250}
+                    withLabelsLine
+                    labelsPosition="outside"
+                    labelsType="percent"
+                    withLabels
+                    data={donutGrafikNganggurData}
+                    withTooltip
+                    tooltipDataSource="segment"
+                  />
+                </Box>
               </Box>
-            </Box>) : <Skeleton h={500} />}
+            ) : (
+              <Skeleton h={500} />
+            )}
             <Flex pb={30} justify={'center'} gap={'xl'} align={'center'} wrap="wrap">
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>18-25</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    18-25
+                  </Text>
                   <ColorSwatch color="#4b6Ef5" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>26-35</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    26-35
+                  </Text>
                   <ColorSwatch color="#14b885" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>36-45</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    36-45
+                  </Text>
                   <ColorSwatch color="#E6A03B" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>46+</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    46+
+                  </Text>
                   <ColorSwatch color="#DB524D" size={30} />
                 </Flex>
               </Box>
             </Flex>
           </Paper>
           <Paper p={'lg'}>
-            <Text fw={'bold'} fz={'h3'}>Pengangguran Berdasarkan Pendidikan</Text>
-            {mounted2 && donutGrafikNganggurDataPendidikan.length > 0 ? (<Center>
-              <Box w="100%" style={{ maxWidth: 400, margin: "0 auto" }}>
-                <PieChart
-                  w="100%"
-                  h="min(250px, 50vh)" // lebih kecil biar aman di mobile
-                  withLabelsLine
-                  labelsPosition="outside"
-                  labelsType="percent"
-                  withLabels
-                  data={donutGrafikNganggurDataPendidikan}
-                  withTooltip
-                  tooltipDataSource="segment"
-                />
-              </Box>
-            </Center>) : <Skeleton h={500} />}
+            <Title
+              order={2}
+              fw="bold"
+              style={{ lineHeight: 1.2 }}
+            >
+              Pengangguran Berdasarkan Pendidikan
+            </Title>
+            {mounted2 && donutGrafikNganggurDataPendidikan.length > 0 ? (
+              <Center>
+                <Box w="100%" style={{ maxWidth: 400, margin: "0 auto" }}>
+                  <PieChart
+                    w="100%"
+                    h="min(250px, 50vh)"
+                    withLabelsLine
+                    labelsPosition="outside"
+                    labelsType="percent"
+                    withLabels
+                    data={donutGrafikNganggurDataPendidikan}
+                    withTooltip
+                    tooltipDataSource="segment"
+                  />
+                </Box>
+              </Center>
+            ) : (
+              <Skeleton h={500} />
+            )}
             <Flex pb={30} justify={'center'} gap={'xl'} align={'center'} wrap="wrap">
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>SD</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    SD
+                  </Text>
                   <ColorSwatch color="#4b6Ef5" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>SMP</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    SMP
+                  </Text>
                   <ColorSwatch color="#14b885" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>SMA/SMK</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    SMA/SMK
+                  </Text>
                   <ColorSwatch color="#E6A03B" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>D3</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    D3
+                  </Text>
                   <ColorSwatch color="#DB524D" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 5, md: 8 }} align={'center'} wrap="wrap">
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>S1</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} style={{ lineHeight: 1.45 }}>
+                    S1
+                  </Text>
                   <ColorSwatch color="#1018A8FF" size={30} />
                 </Flex>
               </Box>
@@ -183,4 +220,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/jumlah-pengangguran/page.tsx b/src/app/darmasaba/(pages)/ekonomi/jumlah-pengangguran/page.tsx
index ba8b5920..25dd4632 100644
--- a/src/app/darmasaba/(pages)/ekonomi/jumlah-pengangguran/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/jumlah-pengangguran/page.tsx
@@ -36,7 +36,6 @@ function Page() {
   useEffect(() => {
     setMounted(true);
     if (state.findMany.data) {
-      // Set chart data
       setChartData(state.findMany.data.map((item) => ({
         id: item.id,
         bulan: item.month,
@@ -44,7 +43,6 @@ function Page() {
         takberpendidikan: Number(item.uneducatedUnemployment),
       })));
 
-      // Calculate yearly totals
       const currentYearData = state.findMany.data.filter(item => item.year === currentYear);
       if (currentYearData.length > 0) {
         const yearlyTotal = {
@@ -72,30 +70,37 @@ function Page() {
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} >
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+      <Box px={{ base: 'md', md: 100 }}>
+        <Title
+          order={1}
+          ta={"center"}
+          c={colors["blue-button"]}
+          fw={"bold"}
+          lh={1.2}
+        >
           Jumlah Pengangguran
-        </Text>
+        </Title>
         <Group py={20} align='center' justify='space-between'>
-          <Text fz={'h4'} fw={"bold"}>DATA PENGANGGURAN DESA</Text>
+          <Title order={2} fw={"bold"} lh={1.2}>
+            DATA PENGANGGURAN DESA
+          </Title>
         </Group>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={'lg'} justify='center'>
-          <SimpleGrid
-            cols={1}
-            pb={20}
-          >
+          <SimpleGrid cols={1} pb={20}>
             <SimpleGrid cols={{ base: 1, md: 3 }} spacing="md">
               {/* Total Unemployment Card */}
               <Paper px={25} py={'lg'} bg={colors['white-1']} shadow="md">
                 <Flex direction="column" gap="md">
                   <IconUserOff size={35} color={colors['blue-button']} />
-                  <Text fz="h4" fw={600}>Total Pengangguran</Text>
-                  <Text fz="h2" fw={700} c={colors['blue-button']}>
+                  <Title order={3} fw={600} lh={1.2}>
+                    Total Pengangguran
+                  </Title>
+                  <Text fz={{ base: 'lg', md: 'xl' }} fw={700} c={colors['blue-button']} lh={1.2}>
                     {yearlyData?.total.toLocaleString() || 0} Orang
                   </Text>
-                  <Text fz="sm" c="dimmed">
+                  <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed" lh={1.4}>
                     Total data tahun {currentYear}
                   </Text>
                 </Flex>
@@ -105,11 +110,13 @@ function Page() {
               <Paper px={25} py={'lg'} bg={colors['white-1']} shadow="md">
                 <Flex direction="column" gap="md">
                   <IconSchool size={35} color="#5082EE" />
-                  <Text fz="h4" fw={600}>Pengangguran Terdidik</Text>
-                  <Text fz="h2" fw={700} c="#5082EE">
+                  <Title order={3} fw={600} lh={1.2}>
+                    Pengangguran Terdidik
+                  </Title>
+                  <Text fz={{ base: 'lg', md: 'xl' }} fw={700} c="#5082EE" lh={1.2}>
                     {yearlyData?.educated.toLocaleString() || 0} Orang
                   </Text>
-                  <Text fz="sm" c="dimmed">
+                  <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed" lh={1.4}>
                     {yearlyData ?
                       <>
                         {((yearlyData.educated / yearlyData.total) * 100).toFixed(1)}%
@@ -123,11 +130,13 @@ function Page() {
               <Paper px={25} py={'lg'} bg={colors['white-1']} shadow="md">
                 <Flex direction="column" gap="md">
                   <IconSchoolOff size={35} color="#DA524C" />
-                  <Text fz="h4" fw={600}>Pengangguran Tidak Terdidik</Text>
-                  <Text fz="h2" fw={700} c="#DA524C">
+                  <Title order={3} fw={600} lh={1.2}>
+                    Pengangguran Tidak Terdidik
+                  </Title>
+                  <Text fz={{ base: 'lg', md: 'xl' }} fw={700} c="#DA524C" lh={1.2}>
                     {yearlyData?.uneducated.toLocaleString() || 0} Orang
                   </Text>
-                  <Text fz="sm" c="dimmed">
+                  <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed" lh={1.4}>
                     {yearlyData ?
                       <>
                         {((yearlyData.uneducated / yearlyData.total) * 100).toFixed(1)}%
@@ -142,13 +151,17 @@ function Page() {
             <Flex pb={30} justify={'flex-end'} gap={'xl'} align={'center'}>
               <Box>
                 <Flex gap={{ base: 0, md: 5 }} align={'center'}>
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Pengangguran Berpendidikan</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                    Pengangguran Berpendidikan
+                  </Text>
                   <ColorSwatch color="#5082EE" size={30} />
                 </Flex>
               </Box>
               <Box>
                 <Flex gap={{ base: 0, md: 5 }} align={'center'}>
-                  <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }}>Pengangguran Tak Berpendidikan</Text>
+                  <Text fw={'bold'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                    Pengangguran Tak Berpendidikan
+                  </Text>
                   <ColorSwatch color="#DA524C" size={30} />
                 </Flex>
               </Box>
@@ -156,15 +169,24 @@ function Page() {
             {!mounted || chartData.length === 0 ? (
               <Box style={{ width: '100%', minWidth: 300, height: 400, minHeight: 300 }}>
                 <Paper bg={colors['white-1']} p={'md'}>
-                  <Title pb={10} order={3}>Data Pengangguran Terdidik dan Tidak Terdidik</Title>
-                  <Text c='dimmed'>Belum ada data untuk ditampilkan dalam grafik</Text>
+                  <Title order={3} pb={10} lh={1.2}>
+                    Data Pengangguran Terdidik dan Tidak Terdidik
+                  </Title>
+                  <Text c='dimmed' fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
+                    Belum ada data untuk ditampilkan dalam grafik
+                  </Text>
                 </Paper>
               </Box>
             ) : (
               <Box style={{ width: '100%', minWidth: 300, height: 550, minHeight: 300 }}>
                 <Paper bg={colors['white-1']} p={'md'}>
-                  <Title pb={10} order={4}>Data Pengangguran Terdidik dan Tidak Terdidik</Title>
-                  <Box w={{ base: '100%', md: '70%' }}>
+                  <Title order={3} pb={10} lh={1.2}>
+                    Data Pengangguran Terdidik dan Tidak Terdidik
+                  </Title>
+                  <Box 
+                  w={{ base: '100%', md: '70%' }} 
+                  style={{ overflowX: "auto" }}
+                  >
                     <BarChart
                       h={450}
                       data={chartData}
@@ -178,32 +200,55 @@ function Page() {
                 </Paper>
               </Box>
             )}
-
           </Paper>
           <Paper p={'lg'}>
-            <Text fw={'bold'} fz={'h4'}>Detail Data Pengangguran</Text>
-            <Table striped highlightOnHover>
-              <TableThead>
-                <TableTr>
-                  <TableTh ta={'center'}>Bulan</TableTh>
-                  <TableTh ta={'center'}>Total</TableTh>
-                  <TableTh ta={'center'}>Terdidik</TableTh>
-                  <TableTh ta={'center'}>Tidak Terdidik</TableTh>
-                  <TableTh ta={'center'}>Perubahan</TableTh>
-                </TableTr>
-              </TableThead>
-              <TableTbody>
-                {state.findMany.data?.map((item, index) => (
-                  <TableTr key={item?.id ? String(item.id) : `row-${index}`}>
-                    <TableTd ta={'center'}>{item.month}</TableTd>
-                    <TableTd ta={'center'}>{item.totalUnemployment}</TableTd>
-                    <TableTd ta={'center'}>{item.educatedUnemployment}</TableTd>
-                    <TableTd ta={'center'}>{item.uneducatedUnemployment}</TableTd>
-                    <TableTd ta={'center'}>{item.percentageChange}%</TableTd>
+            <Title order={2} fw={'bold'} fz={{ base: 'md', md: 'lg' }} lh={1.2}>
+              Detail Data Pengangguran
+            </Title>
+            <Box style={{ overflowX: 'auto' }}>
+              <Table striped highlightOnHover>
+                <TableThead>
+                  <TableTr>
+                    <TableTh ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                      Bulan
+                    </TableTh>
+                    <TableTh ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                      Total
+                    </TableTh>
+                    <TableTh ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                      Terdidik
+                    </TableTh>
+                    <TableTh ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                      Tidak Terdidik
+                    </TableTh>
+                    <TableTh ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                      Perubahan
+                    </TableTh>
                   </TableTr>
-                ))}
-              </TableTbody>
-            </Table>
+                </TableThead>
+                <TableTbody>
+                  {state.findMany.data?.map((item, index) => (
+                    <TableTr key={item?.id ? String(item.id) : `row-${index}`}>
+                      <TableTd ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                        {item.month}
+                      </TableTd>
+                      <TableTd ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                        {item.totalUnemployment}
+                      </TableTd>
+                      <TableTd ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                        {item.educatedUnemployment}
+                      </TableTd>
+                      <TableTd ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                        {item.uneducatedUnemployment}
+                      </TableTd>
+                      <TableTd ta={'center'} fz={{ base: 'sm', md: 'md' }} lh={1.45}>
+                        {item.percentageChange}%
+                      </TableTd>
+                    </TableTr>
+                  ))}
+                </TableTbody>
+              </Table>
+            </Box>
           </Paper>
         </Stack>
       </Box>
@@ -211,4 +256,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
index 53d29443..73aa801a 100644
--- a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
@@ -2,7 +2,7 @@
 
 import lowonganKerjaState from '@/app/admin/(dashboard)/_state/ekonomi/lowongan-kerja';
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Button, Center, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconBrandWhatsapp, IconBriefcase, IconCurrencyDollar, IconMapPin, IconPhone } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -33,18 +33,25 @@ function DetailLowonganKerjaUser() {
     );
   }
 
+  const formatRupiah = (value: number) =>
+    new Intl.NumberFormat("id-ID", {
+      style: "currency",
+      currency: "IDR",
+      minimumFractionDigits: 0,
+    }).format(value);
+
   return (
     <Stack bg={colors.Bg} py="xl" px={{ base: 'md', md: 100 }} align="center">
       <Box w={{ base: '100%', md: '70%' }}>
-          <Button
-            variant="subtle"
-            color="blue"
-            leftSection={<IconArrowBack size={20} />}
-            mb="md"
-            onClick={() => router.back()}
-          >
-            Kembali
-          </Button>
+        <Button
+          variant="subtle"
+          color="blue"
+          leftSection={<IconArrowBack size={20} />}
+          mb="md"
+          onClick={() => router.back()}
+        >
+          Kembali
+        </Button>
 
         <Paper
           radius="lg"
@@ -54,11 +61,17 @@ function DetailLowonganKerjaUser() {
           bg={colors['white-1']}
         >
           <Stack gap="lg">
-            {/* Judul */}
-            <Text fz={{ base: '1.6rem', md: '2rem' }} fw={700} c={colors['blue-button']}>
+            {/* Judul Posisi - H1 */}
+            <Title
+              order={1}
+              c={colors['blue-button']}
+              style={{ lineHeight: 1.15 }}
+            >
               {data.posisi}
-            </Text>
-            <Text c="dimmed" fz="sm">
+            </Title>
+
+            {/* Tanggal Posting - Caption */}
+            <Text c="dimmed" fz={{ base: 12, md: 'sm' }} lh={1.4}>
               Diposting: {new Date(data.createdAt).toLocaleDateString('id-ID', {
                 day: '2-digit',
                 month: 'long',
@@ -70,44 +83,72 @@ function DetailLowonganKerjaUser() {
             <Stack gap="sm" mt="md">
               <Group gap="xs">
                 <IconBriefcase size={20} color={colors['blue-button']} />
-                <Text fz="md" fw={600}>{data.namaPerusahaan}</Text>
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  fw={600}
+                  lh={1.5}
+                >
+                  {data.namaPerusahaan}
+                </Text>
               </Group>
               <Group gap="xs">
                 <IconMapPin size={20} color={colors['blue-button']} />
-                <Text fz="md">{data.lokasi}</Text>
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={1.5}
+                >
+                  {data.lokasi}
+                </Text>
               </Group>
               <Group gap="xs">
                 <IconPhone size={20} color={colors['blue-button']} />
-                <Text fz="md">{data.notelp}</Text>
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={1.5}
+                >
+                  {data.notelp}
+                </Text>
               </Group>
               <Group gap="xs">
                 <IconCurrencyDollar size={20} color={colors['blue-button']} />
-                <Text fz="md">{data.gaji || '-'}</Text>
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={1.5}
+                >
+                  {formatRupiah(Number(data.gaji)) || '-'}
+                </Text>
               </Group>
               <Group gap="xs">
                 <IconBriefcase size={20} color={colors['blue-button']} />
-                <Text fz="md">{data.tipePekerjaan}</Text>
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={1.5}
+                >
+                  {data.tipePekerjaan}
+                </Text>
               </Group>
             </Stack>
 
+            {/* Deskripsi Pekerjaan - H2 */}
             <Box>
-              <Text fw={600} fz="lg" mb={4}>
+              <Title order={2} mb={8} style={{ lineHeight: 1.2 }}>
                 Deskripsi Pekerjaan
-              </Text>
+              </Title>
               <Text
-                fz="sm"
+                fz={{ base: 'xs', md: 'sm' }}
                 lh={1.6}
                 style={{ wordBreak: 'break-word' }}
                 dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
               />
             </Box>
 
+            {/* Kualifikasi - H2 */}
             <Box>
-              <Text fw={600} fz="lg" mb={4}>
+              <Title order={2} mb={8} style={{ lineHeight: 1.2 }}>
                 Kualifikasi
-              </Text>
+              </Title>
               <Text
-                fz="sm"
+                fz={{ base: 'xs', md: 'sm' }}
                 lh={1.6}
                 style={{ wordBreak: 'break-word' }}
                 dangerouslySetInnerHTML={{ __html: data.kualifikasi || '-' }}
diff --git a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
index 1eee1a31..732d9db0 100644
--- a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import lowonganKerjaState from '@/app/admin/(dashboard)/_state/ekonomi/lowongan-kerja';
 import colors from '@/con/colors';
-import { Box, Button, Center, Flex, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Button, Center, Flex, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useDebouncedValue } from '@mantine/hooks';
 import { IconBriefcase, IconClock, IconMapPin, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -53,17 +53,19 @@ function Page() {
         <BackButton />
       </Box>
       <Box px={{ base: 'md', md: 100 }} pb={80}>
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+        <Title order={1} ta="center" c={colors["blue-button"]} fw="bold" lh={1.15}>
           Lowongan Kerja Lokal
-        </Text>
+        </Title>
         <Group justify='center'>
           <TextInput
             radius={'xl'}
-            w={{ base: 500, md: 700 }}
+            w={{ base: '100%', md: 700 }}
             placeholder='Cari Pekerjaan'
             leftSection={<IconSearch size={20} />}
             value={search}
             onChange={(e) => setSearch(e.currentTarget.value)}
+            fz={{ base: 'sm', md: 'md' }}
+            lh={1.5}
           />
         </Group>
       </Box>
@@ -80,30 +82,42 @@ function Page() {
                 <Paper key={k} p={'xl'}>
                   <Stack gap={'md'}>
                     <Box>
-                      <Flex gap={'xl'} align={'center'}>
-                        <IconBriefcase color={colors['blue-button']} size={50} />
+                      <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
+                        <IconBriefcase color={colors['blue-button']} size={40} />
                         <Box>
-                          <Text fw={'bold'} fz={'h4'} c={colors['blue-button']}>{v.posisi}</Text>
-                          <Text fz={'h4'}>{v.namaPerusahaan}</Text>
+                          <Text fw={'bold'} fz={{ base: 'lg', md: 'h4' }} c={colors['blue-button']} lh={1.3}>
+                            {v.posisi}
+                          </Text>
+                          <Text fz={{ base: 'md', md: 'h4' }} lh={1.5}>
+                            {v.namaPerusahaan}
+                          </Text>
                         </Box>
                       </Flex>
                     </Box>
                     <Box>
-                      <Flex gap={'xl'} align={'center'}>
-                        <IconMapPin color={colors['blue-button']} size={50} />
-                        <Text fz={'h4'}>{v.lokasi}</Text>
+                      <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
+                        <IconMapPin color={colors['blue-button']} size={40} />
+                        <Text fz={{ base: 'md', md: 'h4' }} lh={1.5}>
+                          {v.lokasi}
+                        </Text>
                       </Flex>
                     </Box>
                     <Box>
-                      <Flex gap={'xl'} align={'center'}>
-                        <IconClock color={colors['blue-button']} size={50} />
+                      <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
+                        <IconClock color={colors['blue-button']} size={40} />
                         <Box>
-                          <Text fw={'bold'} fz={'h4'} c={colors['blue-button']}>Full Time</Text>
-                          <Text fz={'h4'}>{formatCurrency(v.gaji)}</Text>
+                          <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }} c={colors['blue-button']} lh={1.3}>
+                            Full Time
+                          </Text>
+                          <Text fz={{ base: 'sm', md: 'h4' }} lh={1.5}>
+                            {formatCurrency(v.gaji)}
+                          </Text>
                         </Box>
                       </Flex>
                     </Box>
-                    <Button onClick={() => router.push(`/darmasaba/ekonomi/lowongan-kerja-lokal/${v.id}`)}>Detail</Button>
+                    <Button onClick={() => router.push(`/darmasaba/ekonomi/lowongan-kerja-lokal/${v.id}`)} fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                      Detail
+                    </Button>
                   </Stack>
                 </Paper>
               )
@@ -123,4 +137,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/[id]/page.tsx b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/[id]/page.tsx
index c013d69f..579c8286 100644
--- a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Text, Image, Skeleton, Group, Badge, Divider } from '@mantine/core';
-import { IconArrowBack, IconMapPin, IconPhone, IconStar } from '@tabler/icons-react';
+import { Box, Button, Paper, Stack, Text, Image, Skeleton, Group, Badge, Divider, Title } from '@mantine/core';
+import { IconArrowBack, IconBrandWhatsapp, IconMapPin, IconPhone, IconStar } from '@tabler/icons-react';
 import { useRouter, useParams } from 'next/navigation';
 import React from 'react';
 import { useProxy } from 'valtio/utils';
@@ -31,14 +31,16 @@ function DetailProdukPasarUser() {
     <Box py={20}>
       {/* Tombol kembali */}
       <Box px={{ base: 'md', md: 100 }}>
-      <Button
-        variant="subtle"
-        onClick={() => router.back()}
-        leftSection={<IconArrowBack size={20} color={colors['blue-button']} />}
-        mb={15}
-      >
-        Kembali ke daftar produk
-      </Button>
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          leftSection={<IconArrowBack size={20} color={colors['blue-button']} />}
+          mb={15}
+        >
+          <Text fz={{ base: 'md', md: 'lg' }} lh={1.5}>
+            Kembali ke daftar produk
+          </Text>
+        </Button>
       </Box>
 
       <Paper
@@ -65,26 +67,31 @@ function DetailProdukPasarUser() {
             <Box
               h={300}
               bg="gray.1"
-              display="flex"
-              style={{ alignItems: 'center', justifyContent: 'center', borderRadius: 'md' }}
+              style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', borderRadius: 'var(--mantine-radius-md)' }}
             >
-              <Text c="dimmed">Tidak ada gambar</Text>
+              <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                Tidak ada gambar
+              </Text>
             </Box>
           )}
 
           {/* Detail Produk */}
           <Stack gap="xs">
-            <Text fz="2xl" fw="bold" c={colors['blue-button']}>
+            <Title order={2} lh={1.1} c={colors['blue-button']}>
               {data.nama || 'Produk Tanpa Nama'}
-            </Text>
+            </Title>
             <Group>
               <Badge color="green" size="lg" radius="md">
-                Rp {data.harga?.toLocaleString('id-ID')}
+                <Text c={"white"} fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.4}>
+                  Rp {data.harga?.toLocaleString('id-ID')}
+                </Text>
               </Badge>
               {data.rating && (
                 <Group gap={4}>
                   <IconStar size={18} color="#FFD43B" />
-                  <Text fz="md" fw={500}>{data.rating}</Text>
+                  <Text fz={{ base: 'sm', md: 'md' }} fw={500} lh={1.5}>
+                    {data.rating}
+                  </Text>
                 </Group>
               )}
             </Group>
@@ -95,16 +102,20 @@ function DetailProdukPasarUser() {
           {/* Info Tambahan */}
           <Stack gap="sm">
             <Box>
-              <Text fz="lg" fw={600}>Kategori</Text>
+              <Title order={3} lh={1.15}>
+                Kategori
+              </Title>
               <Group gap="xs" mt={4}>
                 {data.KategoriToPasar && data.KategoriToPasar.length > 0 ? (
                   data.KategoriToPasar.map((kategori) => (
-                    <Badge key={kategori.id} color="blue" variant="light">
+                    <Badge key={kategori.id} color="blue" variant="light" fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
                       {kategori.kategori.nama}
                     </Badge>
                   ))
                 ) : (
-                  <Text fz="sm" c="dimmed">Tidak ada kategori</Text>
+                  <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed" lh={1.5}>
+                    Tidak ada kategori
+                  </Text>
                 )}
               </Group>
             </Box>
@@ -112,14 +123,18 @@ function DetailProdukPasarUser() {
             {data.alamatUsaha && (
               <Group gap={6}>
                 <IconMapPin size={18} color={colors['blue-button']} />
-                <Text fz="md">{data.alamatUsaha}</Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                  {data.alamatUsaha}
+                </Text>
               </Group>
             )}
 
             {data.kontak && (
               <Group gap={6}>
                 <IconPhone size={18} color={colors['blue-button']} />
-                <Text fz="md">{data.kontak}</Text>
+                <Text fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                  {data.kontak}
+                </Text>
               </Group>
             )}
           </Stack>
@@ -128,8 +143,10 @@ function DetailProdukPasarUser() {
 
           {/* Deskripsi */}
           <Box>
-            <Text fz="lg" fw={600}>Deskripsi Produk</Text>
-            <Text fz="md" c="dimmed" mt={4}>
+            <Title order={3} lh={1.15}>
+              Deskripsi Produk
+            </Title>
+            <Text fz={{ base: 'sm', md: 'md' }} c="dimmed" mt={4} lh={1.5}>
               Tidak ada deskripsi.
             </Text>
           </Box>
@@ -144,8 +161,11 @@ function DetailProdukPasarUser() {
               component="a"
               href={`https://wa.me/${data.kontak.replace(/[^0-9]/g, '')}`}
               target="_blank"
+              leftSection={<IconBrandWhatsapp/>}
             >
-              Hubungi Penjual via WhatsApp
+              <Text c={"white"} fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+                Hubungi Penjual via WhatsApp
+              </Text>
             </Button>
           )}
         </Stack>
@@ -154,4 +174,4 @@ function DetailProdukPasarUser() {
   );
 }
 
-export default DetailProdukPasarUser;
+export default DetailProdukPasarUser;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
index d655b676..601edc81 100644
--- a/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
@@ -7,7 +7,7 @@ import { IconBrandWhatsapp, IconMapPinFilled, IconSearch, IconStarFilled } from
 import { motion } from 'motion/react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
-import { useProxy } from 'valtio/utils';
+ import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
 
 function Page() {
@@ -30,8 +30,8 @@ function Page() {
 
   const filteredData = selectedCategory
     ? data?.filter(item =>
-      item.KategoriToPasar?.some(kategori => kategori.kategoriId === selectedCategory)
-    )
+        item.KategoriToPasar?.some(kategori => kategori.kategoriId === selectedCategory)
+      )
     : data;
 
   useShallowEffect(() => {
@@ -55,7 +55,7 @@ function Page() {
       <Box>
         <Grid align="center" px={{ base: 'md', md: 100 }}>
           <GridCol span={{ base: 12, md: 9 }}>
-            <Title order={1} c={colors["blue-button"]} fw="bold">
+            <Title order={1} c={colors["blue-button"]} fw="bold" lh={1.15}>
               Pasar Desa
             </Title>
           </GridCol>
@@ -71,7 +71,14 @@ function Page() {
           </GridCol>
         </Grid>
 
-        <Text px={{ base: 'md', md: 100 }} pt={20} ta="justify" fz={{ base: 'sm', md: 'md' }}>
+        <Text
+          px={{ base: 'md', md: 100 }}
+          pt={20}
+          ta="justify"
+          fz={{ base: 'sm', md: 'md' }}
+          lh={{ base: 1.5, md: 1.55 }}
+          c="black"
+        >
           Pasar Desa Online adalah media promosi untuk membantu warga memasarkan dan memperkenalkan produk mereka.
         </Text>
       </Box>
@@ -92,6 +99,9 @@ function Page() {
                 searchable
                 nothingFoundMessage="Tidak ada kategori ditemukan"
                 style={{ width: '100%' }}
+                fz={{ base: 'sm', md: 'md' }}
+                lh={{ base: 1.5, md: 1.55 }}
+                c="black"
               />
             </Box>
           </SimpleGrid>
@@ -114,15 +124,29 @@ function Page() {
                       style={{ objectFit: 'cover' }}
                       loading="lazy"
                     />
-                    <Text py="sm" fw="bold" fz={{ base: 'md', md: 'lg' }}>
+                    <Text
+                      py="sm"
+                      fw="bold"
+                      fz={{ base: 'md', md: 'lg' }}
+                      lh={{ base: 1.3, md: 1.25 }}
+                      c="black"
+                    >
                       {v.nama}
                     </Text>
-                    <Text fz={{ base: 'sm', md: 'md' }}>
+                    <Text
+                      fz={{ base: 'sm', md: 'md' }}
+                      lh={{ base: 1.5, md: 1.55 }}
+                      c="black"
+                    >
                       Rp {v.harga.toLocaleString('id-ID')}
                     </Text>
-                    <Flex py="sm" gap="md">
+                    <Flex py="sm" gap="md" align="center">
                       <IconStarFilled size={20} color="#EBCB09" />
-                      <Text fz={{ base: 'xs', md: 'sm' }} ml={2}>
+                      <Text
+                        fz={{ base: 'xs', md: 'sm' }}
+                        lh={{ base: 1.4, md: 1.45 }}
+                        c="black"
+                      >
                         {v.rating}
                       </Text>
                     </Flex>
@@ -130,7 +154,11 @@ function Page() {
                       <Box>
                         <Flex gap="md" align="center">
                           <IconMapPinFilled size={20} color="red" />
-                          <Text fz={{ base: 'xs', md: 'sm' }} ml={2}>
+                          <Text
+                            fz={{ base: 'xs', md: 'sm' }}
+                            lh={{ base: 1.4, md: 1.45 }}
+                            c="black"
+                          >
                             {v.alamatUsaha}
                           </Text>
                         </Flex>
diff --git a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
index 03d578ba..df12bb8d 100644
--- a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
@@ -69,48 +69,47 @@ function Page() {
   }
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py={{ base: 'xl', md: 'xl' }} gap={'22'}>
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
       <Box px={{ base: 'md', md: 100 }}>
-        <Grid align='center'>
+        <Grid align="center">
           <GridCol span={{ base: 12, md: 9 }}>
             <Title
               order={1}
               c={colors["blue-button"]}
-              fw={"bold"}
-              fz={{ base: '28px', md: '32px' }}
-              lh={{ base: '1.2', md: '1.25' }}
+              fw="bold"
+              lh={{ base: 1.2, md: 1.2 }}
             >
               Program Kemiskinan
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 3 }}>
             <TextInput
-              radius={"lg"}
-              placeholder='Cari Program'
+              radius="lg"
+              placeholder="Cari Program"
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               leftSection={<IconSearch size={20} />}
-              w={{ base: "50%", md: "100%" }}
+              w="100%"
             />
           </GridCol>
         </Grid>
         <Text
-          fz={{ base: '14px', md: '16px' }}
-          lh={{ base: '1.5', md: '1.6' }}
+          fz={{ base: 'sm', md: 'md' }}
+          lh={{ base: 1.5, md: 1.6 }}
           c="black"
-          ta={{ base: 'left', md: 'left' }}
-          pt={20}
+          ta="left"
+          pt={{ base: 'sm', md: 20 }}
         >
           Berbagai program bantuan untuk mengurangi kemiskinan dan meningkatkan kesejahteraan masyarakat
         </Text>
       </Box>
       <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'} justify='center'>
+        <Stack gap={'lg'} justify="center">
           <SimpleGrid
-            pb={10}
+            pb={{ base: 'md', md: 10 }}
             cols={{
               base: 1,
               md: 2
@@ -118,20 +117,19 @@ function Page() {
           >
             {state.findMany.data.map(v => {
               return (
-                <Paper p={'xl'} key={v.id}>
+                <Paper p={{ base: 'lg', md: 'xl' }} key={v.id}>
                   <Title
                     order={3}
-                    fw={'bold'}
+                    fw="bold"
                     c={colors['blue-button']}
-                    fz={{ base: '18px', md: '20px' }}
-                    lh={{ base: '1.3', md: '1.35' }}
+                    lh={{ base: 1.2, md: 1.2 }}
                   >
                     {v.nama}
                   </Title>
                   <Text
-                    fz={{ base: '14px', md: '16px' }}
-                    lh={{ base: '1.5', md: '1.6' }}
-                    c={'black'}
+                    fz={{ base: 'sm', md: 'md' }}
+                    lh={{ base: 1.5, md: 1.6 }}
+                    c="black"
                     style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                     dangerouslySetInnerHTML={{ __html: v.deskripsi }}
                   />
@@ -139,7 +137,7 @@ function Page() {
               )
             })}
           </SimpleGrid>
-          <Center my={10}>
+          <Center my={{ base: 'md', md: 10 }}>
             <Pagination
               value={page}
               onChange={(newPage) => {
@@ -147,16 +145,15 @@ function Page() {
                 window.scrollTo({ top: 0, behavior: 'smooth' })
               }}
               total={totalPages}
-              my={"md"}
+              my="md"
             />
           </Center>
-          <Paper p={'xl'}>
+          <Paper p={{ base: 'lg', md: 'xl' }}>
             <Title
               order={3}
-              fw={'bold'}
+              fw="bold"
               c={colors['blue-button']}
-              fz={{ base: '18px', md: '20px' }}
-              lh={{ base: '1.3', md: '1.35' }}
+              lh={{ base: 1.2, md: 1.2 }}
               mb="md"
             >
               Statistik Kemiskinan Masyarakat
@@ -166,7 +163,7 @@ function Page() {
                 <Box w="100%" style={{ overflowX: 'auto' }}>
                   <Center>
                     <RechartsLineChart 
-                      width={Math.min(800, window.innerWidth - 100)} 
+                      width={Math.min(800, typeof window !== 'undefined' ? window.innerWidth - 100 : 800)} 
                       height={400}
                       data={statistikData}
                       margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
@@ -175,10 +172,12 @@ function Page() {
                       <XAxis 
                         dataKey="tahun" 
                         label={{ value: 'Tahun', position: 'insideBottomRight', offset: -5 }} 
+                        tick={{ fontSize: 12 }}
                       />
                       <YAxis 
                         label={{ value: 'Jumlah', angle: -90, position: 'insideLeft' }}
                         domain={[0, 'auto']}
+                        tick={{ fontSize: 12 }}
                       />
                       <Tooltip
                         formatter={(value) => [`${value} orang`, 'Jumlah']}
@@ -199,9 +198,9 @@ function Page() {
               ) : (
                 <Box p="md" ta="center" bg="gray.0" style={{ borderRadius: '8px' }}>
                   <Text
-                    fz={{ base: '12px', md: '14px' }}
+                    fz={{ base: 'xs', md: 'sm' }}
                     c="dimmed"
-                    lh={{ base: '1.4', md: '1.5' }}
+                    lh={{ base: 1.4, md: 1.4 }}
                   >
                     {state.findMany.loading 
                       ? 'Memuat data statistik...' 
diff --git a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
index 2ceb23f2..6ae9be12 100644
--- a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Stack, Box, Text, Paper, Skeleton, Center } from '@mantine/core';
+import { Stack, Box, Text, Paper, Skeleton, Center, Title } from '@mantine/core';
 import React from 'react';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import { BarChart } from '@mantine/charts';
@@ -28,16 +28,15 @@ function Page() {
     )
   }
 
-  // Add this check before the return statement
   if (data.length === 0) {
     return (
       <Stack pos="relative" bg={colors.Bg} py="xl" gap={22}>
         <Box px={{ base: 'md', md: 100 }}>
           <BackButton />
-          <Text fz={{ base: 'h1', md: '2.5rem' }} c={colors['blue-button']} fw="bold">
+          <Title order={1} c={colors['blue-button']} fw="bold">
             Sektor Unggulan Desa Darmasaba
-          </Text>
-          <Text c="dimmed" mt="md">
+          </Title>
+          <Text c="dimmed" mt="md" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
             Data sektor unggulan belum tersedia
           </Text>
         </Box>
@@ -53,32 +52,49 @@ function Page() {
       Ton: item.value,
     }));
 
-  const chartWidth = Math.max(600, chartData.length * 150); // contoh: 150px per bar
+  const chartWidth = Math.max(600, chartData.length * 150);
 
   return (
-    <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
+    <Stack pos="relative" bg={colors.Bg} py="xl" gap="22">
       <Box px={{ base: 'md', md: 100 }}>
         <BackButton />
       </Box>
-      <Box px={{ base: 'md', md: 100 }} >
-        <Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
+      <Box px={{ base: 'md', md: 100 }}>
+        <Title ta="center" order={1} c={colors['blue-button']} fw="bold">
           Sektor Unggulan Desa Darmasaba
+        </Title>
+        <Text
+          ta="center"
+          fz={{ base: 'sm', md: 'md' }}
+          lh={{ base: 1.5, md: 1.6 }}
+          mt="sm"
+        >
+          Desa Darmasaba dikenal sebagai desa dengan potensi unggulan di sektor pertanian dan peternakan
         </Text>
-        <Text ta={'center'} fz={'h4'}> Desa Darmasaba dikenal sebagai desa dengan potensi unggulan di sektor pertanian dan peternakan</Text>
       </Box>
-      <Box px={{ base: "md", md: 100 }}>
-        <Stack gap={'lg'} justify='center'>
+      <Box px={{ base: 'md', md: 100 }}>
+        <Stack gap="lg" justify="center">
           {data.map((v, k) => {
             return (
-              <Paper p={'xl'} key={k}>
-                <Text fw={'bold'} fz={'h4'}>{v.name}</Text>
-                <Text fz={'h4'} ta={'justify'} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.description || '' }} />
+              <Paper p="xl" key={k}>
+                <Title order={3} fw="bold">
+                  {v.name}
+                </Title>
+                <Text
+                  ta="justify"
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={{ base: 1.5, md: 1.6 }}
+                  style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                  dangerouslySetInnerHTML={{ __html: v.description || '' }}
+                />
               </Paper>
-            )
+            );
           })}
           <Box style={{ width: '100%', overflowX: 'auto' }}>
             <Paper p="xl">
-              <Text pb={10} fw="bold" fz="h4">Statistik Sektor Unggulan Darmasaba</Text>
+              <Title order={3} fw="bold" pb="md">
+                Statistik Sektor Unggulan Darmasaba
+              </Title>
               <Box style={{ width: '100%', overflowX: 'auto', maxWidth: `${chartWidth}px` }}>
                 <Center>
                   <BarChart
@@ -98,7 +114,7 @@ function Page() {
                     yAxisLabel="Ton"
                     style={{
                       fontFamily: 'inherit',
-                      fontSize: '12px', // ukuran font lebih kecil di mobile
+                      fontSize: '12px',
                     }}
                   />
                 </Center>
@@ -111,4 +127,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/[id]/page.tsx b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/[id]/page.tsx
new file mode 100644
index 00000000..3a8400e5
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/[id]/page.tsx
@@ -0,0 +1,174 @@
+'use client';
+import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
+import colors from '@/con/colors';
+import {
+  Box,
+  Divider,
+  Group,
+  Image,
+  Paper,
+  Skeleton,
+  Stack,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+
+function DetailPegawaiBumdes() {
+  const statePegawai = useProxy(stateStrukturBumDes.pegawai);
+  const params = useParams();
+  const router = useRouter();
+
+  useShallowEffect(() => {
+    stateStrukturBumDes.posisiOrganisasi.findMany.load();
+    statePegawai.findUnique.load(params?.id as string);
+  }, []);
+
+  if (!statePegawai.findUnique.data) {
+    return (
+      <Stack py="lg">
+        <Skeleton height={500} radius="md" />
+      </Stack>
+    );
+  }
+
+  const data = statePegawai.findUnique.data;
+
+  return (
+    <Box px={{ base: 'md', md: 100 }} py="xl">
+      {/* Back button */}
+      <Group mb="lg" px={{ base: 'md', md: 100 }}>
+        <Box
+          onClick={() => router.back()}
+          style={{
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8,
+          }}
+        >
+          <IconArrowBack size={22} color={colors['blue-button']} />
+          <Text fz={{ base: 'sm', md: 'md' }} lh="1.4" fw={500} c={colors['blue-button']}>
+            Kembali
+          </Text>
+        </Box>
+      </Group>
+
+      <Paper
+        w={{ base: '100%', md: '70%' }}
+        mx="auto"
+        p="xl"
+        radius="lg"
+        shadow="sm"
+        bg="white"
+        style={{ border: '1px solid #eaeaea' }}
+      >
+        <Stack align="center" gap="md">
+          {/* Foto Profil */}
+          <Image
+            src={data.image?.link || '/placeholder-profile.png'}
+            alt={data.namaLengkap || 'Foto Profil'}
+            w={160}
+            h={160}
+            radius={100}
+            fit="cover"
+            style={{ border: `2px solid ${colors['blue-button']}` }}
+            loading="lazy"
+          />
+
+          {/* Nama & Jabatan */}
+          <Stack align="center" gap={2}>
+            <Title
+              order={2}
+              c={colors['blue-button']}
+              fw={700}
+              fz={{ base: 'xl', md: '28px' }}
+              lh="1.2"
+              ta="center"
+            >
+              {data.namaLengkap || '-'} {data.gelarAkademik || ''}
+            </Title>
+
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh="1.4"
+              c="dimmed"
+              ta="center"
+            >
+              {data.posisi?.nama || 'Posisi tidak tersedia'}
+            </Text>
+          </Stack>
+        </Stack>
+
+        <Divider my="lg" />
+
+        {/* Informasi Detail */}
+        <Stack gap="md">
+          <InfoRow label="Email" value={data.email} />
+          <InfoRow label="Telepon" value={data.telepon} />
+          <InfoRow label="Alamat" value={data.alamat} multiline />
+          <InfoRow
+            label="Tanggal Masuk"
+            value={
+              data.tanggalMasuk
+                ? new Date(data.tanggalMasuk).toLocaleDateString('id-ID', {
+                    day: '2-digit',
+                    month: 'long',
+                    year: 'numeric',
+                  })
+                : '-'
+            }
+          />
+          <InfoRow
+            label="Status"
+            value={data.isActive ? 'Aktif' : 'Tidak Aktif'}
+            valueColor={data.isActive ? 'green' : 'red'}
+          />
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+/* Komponen Baris Informasi */
+function InfoRow({
+  label,
+  value,
+  valueColor,
+  multiline = false,
+}: {
+  label: string;
+  value?: string | null;
+  valueColor?: string;
+  multiline?: boolean;
+}) {
+  return (
+    <Box>
+      <Text
+        fz={{ base: 'sm', md: 'md' }}
+        fw={600}
+        lh="1.3"
+        c="dark"
+      >
+        {label}
+      </Text>
+
+      <Text
+        fz={{ base: 'sm', md: 'md' }}
+        lh="1.5"
+        c={valueColor || 'dimmed'}
+        style={{
+          whiteSpace: multiline ? 'normal' : 'nowrap',
+          wordBreak: 'break-word',
+        }}
+      >
+        {value || '-'}
+      </Text>
+    </Box>
+  );
+}
+
+export default DetailPegawaiBumdes;
diff --git a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
index 5471fb5d..8432fb34 100644
--- a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
@@ -1,7 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
-
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi'
 import colors from '@/con/colors'
 import {
@@ -32,12 +31,13 @@ import {
   IconZoomOut,
 } from '@tabler/icons-react'
 import { debounce } from 'lodash'
+import { useTransitionRouter } from 'next-view-transitions'
 import { OrganizationChart } from 'primereact/organizationchart'
 import { useEffect, useRef, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import BackButton from '../../desa/layanan/_com/BackButto'
+import '../../ppid/struktur-ppid/struktur.css'
 import { useMediaQuery } from '@mantine/hooks'
-import { useTransitionRouter } from 'next-view-transitions'
 
 export default function Page() {
   return (
@@ -49,14 +49,16 @@ export default function Page() {
         paddingBottom: 48,
       }}
     >
-      <Box px={{ base: 'md', md: 100 }} py="xl">
+      <Box px={{ base: 'md', md: 100 }} py={"xl"}>
         <BackButton />
+
         <Stack align="center" gap="xl" mt="xl">
           <Title
             order={1}
             ta="center"
             c={colors['blue-button']}
-            fz={{ base: 28, md: 36 }}
+            fz={{ base: 28, md: 36, lg: 44 }}
+            lh={{ base: 1.05, md: 1.03 }}
           >
             Struktur Organisasi & SK Pengurus BumDes
           </Title>
@@ -75,14 +77,18 @@ export default function Page() {
 }
 
 function StrukturOrganisasiBumDes() {
-  const router = useTransitionRouter()
   const stateOrganisasi: any = useProxy(stateStrukturBumDes.pegawai)
+  const router = useTransitionRouter()
   const chartContainerRef = useRef<HTMLDivElement>(null)
   const [scale, setScale] = useState(1)
   const [isFullscreen, setFullscreen] = useState(false)
   const [searchQuery, setSearchQuery] = useState('')
+
+  // debounce pencarian
   const debouncedSearch = useRef(
-    debounce((value: string) => setSearchQuery(value), 1000)
+    debounce((value: string) => {
+      setSearchQuery(value)
+    }, 1000)
   ).current
 
   useEffect(() => {
@@ -90,8 +96,7 @@ function StrukturOrganisasiBumDes() {
   }, [])
 
   const isLoading =
-    !stateOrganisasi.findMany.data &&
-    stateOrganisasi.findMany.loading !== false
+    !stateOrganisasi.findMany.data && stateOrganisasi.findMany.loading !== false
 
   if (isLoading) {
     return (
@@ -149,7 +154,7 @@ function StrukturOrganisasiBumDes() {
     )
   }
 
-  // 📊 susun struktur organisasi
+  // 🧩 buat struktur organisasi
   const posisiMap = new Map<string, any>()
   const aktifPegawai = data.filter((p: any) => p.isActive)
 
@@ -183,7 +188,6 @@ function StrukturOrganisasiBumDes() {
         name: pegawai?.namaLengkap || 'Belum Ditugaskan',
         title: node.nama || 'Tanpa Jabatan',
         image: pegawai?.image?.link || '/img/default.png',
-        description: node.deskripsi || '',
       },
       children: node.children?.map(toOrgChartFormat) || [],
     }
@@ -208,7 +212,7 @@ function StrukturOrganisasiBumDes() {
     chartData = filterNodes(chartData)
   }
 
-  // 🔍 fullscreen dan zoom control
+  // 🎬 fullscreen & zoom control
   const toggleFullscreen = () => {
     if (!document.fullscreenElement) {
       chartContainerRef.current?.requestFullscreen()
@@ -225,7 +229,7 @@ function StrukturOrganisasiBumDes() {
 
   return (
     <Stack align="center" mt="xl">
-      {/* 🧭 Kontrol atas */}
+      {/* 🔍 Controls */}
       <Paper
         shadow="xs"
         w={{
@@ -244,6 +248,7 @@ function StrukturOrganisasiBumDes() {
           overflowX: 'auto'    // ⬅️ untuk mencegah overflow
         }}
       >
+
         <Stack gap="sm">
           <Group justify='center'>
             <TextInput
@@ -360,165 +365,163 @@ function StrukturOrganisasiBumDes() {
         </Stack>
       </Paper>
 
-       {/* 🧩 Chart Container */}
-            <Center style={{ width: '100%' }}>
-              <Box
-                ref={chartContainerRef}
+      {/* 🧩 Chart Container */}
+      <Center style={{ width: '100%' }}>
+        <Box
+          ref={chartContainerRef}
+          style={{
+            overflowX: 'auto',
+            overflowY: 'auto',
+            width: '100%',
+            maxWidth: '100%',
+            padding: '32px 16px',
+            transition: 'transform 0.2s ease',
+          }}
+        >
+          <Box style={{
+            transform: `scale(${scale})`,
+            transformOrigin: 'center top',
+            display: 'inline-block', // 👈 agar tidak memenuhi lebar parent
+            minWidth: 'min-content', // 👈 penting agar chart tidak dipaksa muat di width 100%
+          }}>
+            <OrganizationChart
+              value={chartData}
+              nodeTemplate={(node) => <NodeCard node={node} router={router} />}
+              className="p-organizationchart p-organizationchart-horizontal"
+            />
+          </Box>
+        </Box>
+      </Center>
+    </Stack>
+  )
+}
+
+function NodeCard({ node, router }: any) {
+  const imageSrc = node?.data?.image || '/img/default.png'
+  const name = node?.data?.name || 'Tanpa Nama'
+  const title = node?.data?.title || 'Tanpa Jabatan'
+  const hasId = Boolean(node?.data?.id)
+  const isMobile = useMediaQuery("(max-width: 768px)");
+
+  return (
+    <Transition mounted transition="pop" duration={300}>
+      {(styles) => (
+        <Card
+          shadow="md"
+          radius="xl"
+          withBorder
+          style={{
+            ...styles,
+            width: '100%',
+            maxWidth: isMobile ? 200 : 240, // lebih kecil di mobile
+            minHeight: isMobile ? 240 : 280,
+            padding: isMobile ? 16 : 20,
+            background: 'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
+            borderColor: 'rgba(28, 110, 164, 0.3)',
+            borderWidth: 2,
+            transition: 'all 0.3s ease',
+            cursor: hasId ? 'pointer' : 'default',
+          }}
+          onMouseEnter={(e) => {
+            if (hasId) {
+              e.currentTarget.style.transform = 'translateY(-4px)'
+              e.currentTarget.style.boxShadow = '0 8px 24px rgba(28, 110, 164, 0.25)'
+            }
+          }}
+          onMouseLeave={(e) => {
+            if (hasId) {
+              e.currentTarget.style.transform = 'translateY(0)'
+              e.currentTarget.style.boxShadow = ''
+            }
+          }}
+        >
+          <Stack align="center" gap={12}>
+            {/* Photo */}
+            <Box
+              style={{
+                width: 96,
+                height: 96,
+                borderRadius: '50%',
+                overflow: 'hidden',
+                border: '3px solid rgba(28, 110, 164, 0.4)',
+                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+                background: 'white',
+              }}
+            >
+              <Image
+                src={imageSrc}
+                alt={name}
+                width={96}
+                height={96}
+                fit="cover"
+                loading="lazy"
                 style={{
-                  overflowX: 'auto',
-                  overflowY: 'auto',
-                  width: '100%',
-                  maxWidth: '100%',
-                  padding: '32px 16px',
-                  transition: 'transform 0.2s ease',
+                  objectFit: 'cover',
+                }}
+              />
+            </Box>
+
+            {/* Name */}
+            <Text
+              fw={700}
+              ta="center"
+              c={colors['blue-button']}
+              lineClamp={2}
+              fz={{ base: 13, md: 15 }}
+              lh={1.2}
+              style={{
+                minHeight: 40,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                wordBreak: 'break-word',
+              }}
+            >
+              {name}
+            </Text>
+
+            {/* Title/Position */}
+            <Text
+              c="dimmed"
+              ta="center"
+              fw={500}
+              lineClamp={2}
+              fz={{ base: 12, md: 13 }}
+              lh={1.3}
+              style={{
+                minHeight: 32,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                wordBreak: 'break-word',
+              }}
+            >
+              {title}
+            </Text>
+
+            {/* Detail Button */}
+            {hasId && (
+              <Button
+                variant="gradient"
+                gradient={{ from: 'blue', to: 'cyan' }}
+                size="xs"
+                fullWidth
+                mt={8}
+                radius="md"
+                onClick={() =>
+                  router.push(`/darmasaba/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/${node.data.id}`)
+                }
+                style={{
+                  height: 32,
+                  fontWeight: 600,
                 }}
               >
-                <Box style={{
-                  
-                  transform: `scale(${scale})`,
-                  transformOrigin: 'center top',
-                  display: 'inline-block', // 👈 agar tidak memenuhi lebar parent
-                  minWidth: 'min-content', // 👈 penting agar chart tidak dipaksa muat di width 100%
-                }}>
-                  <OrganizationChart
-                    value={chartData}
-                    nodeTemplate={(node) => <NodeCard node={node} router={router} />}
-                    className="p-organizationchart p-organizationchart-horizontal"
-                  />
-                </Box>
-              </Box>
-            </Center>
-          </Stack>
-        )
-      }
-      
-      function NodeCard({ node, router }: any) {
-        const imageSrc = node?.data?.image || '/img/default.png'
-        const name = node?.data?.name || 'Tanpa Nama'
-        const title = node?.data?.title || 'Tanpa Jabatan'
-        const hasId = Boolean(node?.data?.id)
-        const isMobile = useMediaQuery("(max-width: 768px)");
-      
-        return (
-          <Transition mounted transition="pop" duration={300}>
-            {(styles) => (
-              <Card
-                shadow="md"
-                radius="xl"
-                withBorder
-              
-                style={{
-                  ...styles,
-                  width: '100%',
-                  maxWidth: isMobile ? 200 : 240, // lebih kecil di mobile
-                  minHeight: isMobile ? 240 : 280,
-                  padding: isMobile ? 16 : 20,
-                  background: 'linear-gradient(135deg, rgba(28,110,164,0.15) 0%, rgba(255,255,255,0.95) 100%)',
-                  borderColor: 'rgba(28, 110, 164, 0.3)',
-                  borderWidth: 2,
-                  transition: 'all 0.3s ease',
-                  cursor: hasId ? 'pointer' : 'default',
-                }}
-                onMouseEnter={(e) => {
-                  if (hasId) {
-                    e.currentTarget.style.transform = 'translateY(-4px)'
-                    e.currentTarget.style.boxShadow = '0 8px 24px rgba(28, 110, 164, 0.25)'
-                  }
-                }}
-                onMouseLeave={(e) => {
-                  if (hasId) {
-                    e.currentTarget.style.transform = 'translateY(0)'
-                    e.currentTarget.style.boxShadow = ''
-                  }
-                }}
-              >
-                <Stack align="center" gap={12}>
-                  {/* Photo */}
-                  <Box
-                    style={{
-                      width: 96,
-                      height: 96,
-                      borderRadius: '50%',
-                      overflow: 'hidden',
-                      border: '3px solid rgba(28, 110, 164, 0.4)',
-                      boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
-                      background: 'white',
-                    }}
-                  >
-                    <Image
-                      src={imageSrc}
-                      alt={name}
-                      width={96}
-                      height={96}
-                      fit="cover"
-                      loading="lazy"
-                      style={{
-                        objectFit: 'cover',
-                      }}
-                    />
-                  </Box>
-      
-                  {/* Name */}
-                  <Text
-                    fw={700}
-                    ta="center"
-                    c={colors['blue-button']}
-                    lineClamp={2}
-                    fz={{ base: 13, md: 15 }}
-                    lh={1.2}
-                    style={{
-                      minHeight: 40,
-                      display: 'flex',
-                      alignItems: 'center',
-                      justifyContent: 'center',
-                      wordBreak: 'break-word',
-                    }}
-                  >
-                    {name}
-                  </Text>
-      
-                  {/* Title/Position */}
-                  <Text
-                    c="dimmed"
-                    ta="center"
-                    fw={500}
-                    lineClamp={2}
-                    fz={{ base: 12, md: 13 }}
-                    lh={1.3}
-                    style={{
-                      minHeight: 32,
-                      display: 'flex',
-                      alignItems: 'center',
-                      justifyContent: 'center',
-                      wordBreak: 'break-word',
-                    }}
-                  >
-                    {title}
-                  </Text>
-      
-                  {/* Detail Button */}
-                  {hasId && (
-                    <Button
-                      variant="gradient"
-                      gradient={{ from: 'blue', to: 'cyan' }}
-                      size="xs"
-                      fullWidth
-                      mt={8}
-                      radius="md"
-                      onClick={() =>
-                        router.push(`/darmasaba/ppid/struktur-ppid/${node.data.id}`)
-                      }
-                      style={{
-                        height: 32,
-                        fontWeight: 600,
-                      }}
-                    >
-                      <Text fz={{ base: 12, md: 13 }} lh={1} ta="center">Lihat Detail</Text>
-                    </Button>
-                  )}
-                </Stack>
-              </Card>
+                <Text c={"white"} fz={{ base: 12, md: 13 }} lh={1} ta="center">Lihat Detail</Text>
+              </Button>
             )}
-          </Transition>
-        )
-      }
\ No newline at end of file
+          </Stack>
+        </Card>
+      )}
+    </Transition>
+  )
+}
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/layout.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/layout.tsx
index a592e597..8d014d98 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/layout.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/layout.tsx
@@ -1,8 +1,24 @@
 'use client'
+import colors from '@/con/colors';
+import { Box } from '@mantine/core';
+import { usePathname } from 'next/navigation';
 import React, { Suspense } from 'react';
 import LayoutTabs from './_lib/layoutTabs';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length === 5; // [darmasaba, desa, berita, kategori, id]
+
+  if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box bg={colors.Bg}>
+          {children}
+        </Box>
+      );
+    }
+
   return (
     <Suspense fallback={<div>Loading...</div>}>
       <LayoutTabs>
diff --git a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
index 89a35181..cb58be3c 100644
--- a/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/struktur-ppid/page.tsx
@@ -517,7 +517,7 @@ function NodeCard({ node, router }: any) {
                   fontWeight: 600,
                 }}
               >
-                <Text fz={{ base: 12, md: 13 }} lh={1} ta="center">Lihat Detail</Text>
+                <Text c={"white"} fz={{ base: 12, md: 13 }} lh={1} ta="center">Lihat Detail</Text>
               </Button>
             )}
           </Stack>
diff --git a/src/app/waiting-room/page.tsx b/src/app/waiting-room/page.tsx
index c725dd5b..19cd25ad 100644
--- a/src/app/waiting-room/page.tsx
+++ b/src/app/waiting-room/page.tsx
@@ -10,10 +10,19 @@ import {
   Stack,
   Text,
   Title,
+  Progress,
+  Group,
 } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { authStore } from '@/store/authStore'; // ✅ integrasi authStore
+import { authStore } from '@/store/authStore';
+
+// ⚙️ Configuration
+const CONFIG = {
+  POLL_INTERVAL: 3000,        // 3 detik
+  MAX_RETRIES: 2,              // 2x retry
+  TIMEOUT_DURATION: 5 * 60 * 1000, // 5 menit (300 detik)
+};
 
 async function fetchUser() {
   const res = await fetch('/api/auth/me', {
@@ -26,21 +35,48 @@ async function fetchUser() {
   return res.json();
 }
 
+function formatTime(seconds: number): string {
+  const mins = Math.floor(seconds / 60);
+  const secs = seconds % 60;
+  return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+
 export default function WaitingRoom() {
   const router = useRouter();
   const [user, setUser] = useState<any>(null);
   const [error, setError] = useState<string | null>(null);
   const [isRedirecting, setIsRedirecting] = useState(false);
   const [retryCount, setRetryCount] = useState(0);
-  const MAX_RETRIES = 2;
+  
+  // ⏱️ Countdown timer
+  const [timeLeft, setTimeLeft] = useState(CONFIG.TIMEOUT_DURATION / 1000); // dalam detik
+  const [hasTimedOut, setHasTimedOut] = useState(false);
 
+  // ⏱️ Countdown effect
+  useEffect(() => {
+    if (isRedirecting || hasTimedOut) return;
 
+    const countdownInterval = setInterval(() => {
+      setTimeLeft((prev) => {
+        if (prev <= 1) {
+          setHasTimedOut(true);
+          setError('Waktu tunggu habis. Silakan hubungi administrator atau coba login ulang nanti.');
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1000);
+
+    return () => clearInterval(countdownInterval);
+  }, [isRedirecting, hasTimedOut]);
+
+  // 🔄 Polling effect
   useEffect(() => {
     let isMounted = true;
     let interval: ReturnType<typeof setInterval>;
 
     const poll = async () => {
-      if (isRedirecting || !isMounted) return;
+      if (isRedirecting || !isMounted || hasTimedOut) return;
 
       try {
         const data = await fetchUser();
@@ -59,12 +95,11 @@ export default function WaitingRoom() {
           });
         }
 
-        // In the poll function
+        // ✅ Check if approved
         if (currentUser?.isActive === true) {
           setIsRedirecting(true);
           clearInterval(interval);
 
-          // Update authStore with the current user data
           authStore.setUser({
             id: currentUser.id,
             name: currentUser.name || 'User',
@@ -78,7 +113,7 @@ export default function WaitingRoom() {
           localStorage.removeItem('auth_nomor');
           localStorage.removeItem('auth_username');
 
-          // Force a session refresh
+          // Force session refresh
           try {
             const res = await fetch('/api/auth/refresh-session', {
               method: 'POST',
@@ -99,26 +134,26 @@ export default function WaitingRoom() {
                   redirectPath = '/admin/pendidikan/info-sekolah/jenjang-pendidikan';
                   break;
               }
-              window.location.href = redirectPath; // Use window.location to force full page reload
+              window.location.href = redirectPath;
             }
           } catch (error) {
             console.error('Error refreshing session:', error);
-            router.refresh(); // Fallback to client-side refresh
+            router.refresh();
           }
         }
       } catch (err: any) {
         if (!isMounted) return;
 
         if (err.message.includes('401')) {
-          if (retryCount < MAX_RETRIES) {
+          if (retryCount < CONFIG.MAX_RETRIES) {
             setRetryCount((prev) => prev + 1);
             setTimeout(() => {
-              if (isMounted) interval = setInterval(poll, 3000);
+              if (isMounted) interval = setInterval(poll, CONFIG.POLL_INTERVAL);
             }, 800);
           } else {
             setError('Sesi tidak valid. Silakan login ulang.');
             clearInterval(interval);
-            authStore.setUser(null); // ✅ clear sesi
+            authStore.setUser(null);
           }
         } else {
           console.error('Error polling:', err);
@@ -126,26 +161,53 @@ export default function WaitingRoom() {
       }
     };
 
-    interval = setInterval(poll, 3000);
+    interval = setInterval(poll, CONFIG.POLL_INTERVAL);
     return () => {
       isMounted = false;
       if (interval) clearInterval(interval);
     };
-  }, [router, isRedirecting, retryCount]);
+  }, [router, isRedirecting, retryCount, hasTimedOut]);
 
-  // ✅ UI Error
-  if (error) {
+  // 🚨 Handle logout
+  const handleLogout = async () => {
+    try {
+      await fetch('/api/auth/logout', {
+        method: 'POST',
+        credentials: 'include'
+      });
+    } catch (err) {
+      console.error('Logout error:', err);
+    } finally {
+      authStore.setUser(null);
+      localStorage.clear();
+      router.push('/login');
+    }
+  };
+
+  // ❌ UI Error / Timeout
+  if (error || hasTimedOut) {
     return (
-      <Center h="100vh">
-        <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={400}>
+      <Center h="100vh" bg={colors.Bg}>
+        <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '90%', sm: 400 }}>
           <Stack align="center" gap="md">
-            <Title order={3} c="red">
-              Sesi Tidak Valid
+            <Title order={3} c="red" ta="center">
+              {hasTimedOut ? '⏱️ Waktu Habis' : '❌ Sesi Tidak Valid'}
             </Title>
-            <Text>{error}</Text>
-            <Button onClick={() => router.push('/login')}>
-              Login Ulang
-            </Button>
+            <Text ta="center" size="sm">
+              {error || 'Waktu tunggu persetujuan telah habis.'}
+            </Text>
+            <Text ta="center" size="xs" c="dimmed">
+              Silakan hubungi Superadmin atau coba login ulang nanti.
+            </Text>
+            <Group gap="sm" w="100%">
+              <Button 
+                fullWidth 
+                variant="outline" 
+                onClick={handleLogout}
+              >
+                Kembali ke Login
+              </Button>
+            </Group>
           </Stack>
         </Paper>
       </Center>
@@ -171,24 +233,56 @@ export default function WaitingRoom() {
     );
   }
 
-  // ✅ UI Default (MENUNGGU) — INI YANG KAMU HILANGKAN!
+  // ⏳ UI Default (MENUNGGU)
+  const progressValue = ((CONFIG.TIMEOUT_DURATION / 1000 - timeLeft) / (CONFIG.TIMEOUT_DURATION / 1000)) * 100;
+
   return (
     <Center h="100vh" bg={colors.Bg}>
       <Paper p="xl" radius="md" bg={colors['white-trans-1']} w={{ base: '90%', sm: 400 }}>
         <Stack align="center" gap="lg">
           <Title order={2} c={colors['blue-button']} ta="center">
-            Menunggu Persetujuan
+            ⏳ Menunggu Persetujuan
           </Title>
+          
           <Text ta="center" c="dimmed">
             Akun Anda sedang dalam proses verifikasi oleh Superadmin.
           </Text>
-          <Text ta="center" size="sm" c="dimmed">
+          
+          <Text ta="center" size="sm" fw={500}>
             Nomor: {user?.nomor || '...'}
           </Text>
+
+          {/* ⏱️ Countdown Timer */}
+          <Stack w="100%" gap="xs">
+            <Group justify="space-between" w="100%">
+              <Text size="sm" c="dimmed">Sisa waktu:</Text>
+              <Text size="sm" fw={600} c={timeLeft < 60 ? 'red' : colors['blue-button']}>
+                {formatTime(timeLeft)}
+              </Text>
+            </Group>
+            <Progress 
+              value={progressValue} 
+              color={timeLeft < 60 ? 'red' : colors['blue-button']}
+              size="sm"
+              animated
+            />
+          </Stack>
+
           <Loader size="sm" color={colors['blue-button']} />
+          
           <Text ta="center" size="xs" c="dimmed">
             Jangan tutup halaman ini. Anda akan dialihkan otomatis setelah disetujui.
           </Text>
+
+          {/* 🚪 Tombol Keluar */}
+          <Button 
+            variant="subtle" 
+            size="xs" 
+            onClick={handleLogout}
+            c="dimmed"
+          >
+            Keluar dari Halaman Ini
+          </Button>
         </Stack>
       </Paper>
     </Center>
-- 
2.49.1


From dc8793e3aece7088b4a2738fa489526306280115 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 17 Dec 2025 17:37:58 +0800
Subject: [PATCH 56/97] Fix QC Kak Inno 16 Des Fix QC Kak Ayu 16 Des FIx UI
 Admin Mobile Menu PPID Fix Search Admin Menu Landing Page & Menu PPID

---
 .../permohonanInformasiPublik.ts              |  44 ++-
 .../permohonanKeberatanInformasi.ts           |  50 ++-
 .../[id]/page.tsx                             |   4 +-
 .../landing-page/SDGs/[id]/page.tsx           |   4 +-
 .../(dashboard)/landing-page/SDGs/page.tsx    |  28 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    |  14 +
 .../landing-page/apbdes/create/page.tsx       |  14 +
 .../(dashboard)/landing-page/apbdes/page.tsx  |  19 +-
 .../kategori-desa-anti-korupsi/page.tsx       |   6 +-
 .../list-desa-anti-korupsi/page.tsx           |  12 +-
 .../kategori-prestasi-desa/page.tsx           |   7 +-
 .../prestasi-desa/list-prestasi-desa/page.tsx | 118 +++---
 .../landing-page/profil/media-sosial/page.tsx |  16 +-
 .../profil/program-inovasi/page.tsx           |  20 +-
 .../[id]/edit/page.tsx                        |   2 +-
 .../daftar-informasi-publik/[id]/page.tsx     |  54 +--
 .../daftar-informasi-publik/create/page.tsx   |   2 +-
 .../ppid/daftar-informasi-publik/page.tsx     | 217 +++++++----
 .../(dashboard)/ppid/dasar-hukum/page.tsx     |  57 +--
 .../_lib/layoutTabs.tsx                       |  95 +++--
 .../responden/[id]/edit/page.tsx              |   8 +-
 .../responden/[id]/page.tsx                   |   2 +-
 .../responden/create/page.tsx                 |  36 +-
 .../responden/page.tsx                        | 234 ++++++++----
 .../permohonan-informasi-publik/[id]/page.tsx |   4 +-
 .../ppid/permohonan-informasi-publik/page.tsx | 304 +++++++++++----
 .../[id]/page.tsx                             |   4 +-
 .../page.tsx                                  | 312 ++++++++++++---
 .../ppid/profil-ppid/[id]/page.tsx            |   2 +-
 .../(dashboard)/ppid/profil-ppid/page.tsx     | 122 ++++--
 .../ppid/struktur-ppid/_lib/layoutTabs.tsx    | 125 ++++--
 .../struktur-ppid/pegawai/[id]/edit/page.tsx  |   2 +-
 .../ppid/struktur-ppid/pegawai/[id]/page.tsx  |   4 +-
 .../struktur-ppid/pegawai/create/page.tsx     |   2 +-
 .../ppid/struktur-ppid/pegawai/page.tsx       | 191 +++++----
 .../posisi-organisasi/[id]/page.tsx           |   2 +-
 .../posisi-organisasi/create/page.tsx         |   2 +-
 .../struktur-ppid/posisi-organisasi/page.tsx  | 144 ++++---
 .../ppid/visi-misi-ppid/edit/page.tsx         |   2 +-
 .../(dashboard)/ppid/visi-misi-ppid/page.tsx  |  87 +++--
 .../permohonan_informasi_publik/find-many.ts  |  64 +++-
 .../find-many.ts                              |  51 ++-
 .../darmasaba/_com/ModernNewsNotification.tsx | 361 +++++++++++++-----
 src/app/darmasaba/_com/NavbarMainMenu.tsx     |  13 +-
 44 files changed, 2028 insertions(+), 833 deletions(-)

diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
index 0cd22ea0..4a4cd5dc 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -136,12 +137,43 @@ const statepermohonanInformasiPublik = proxy({
           };
         }>[]
       | null,
-    async load() {
-      const res = await ApiFetch.api.ppid.permohonaninformasipublik[
-        "find-many"
-      ].get();
-      if (res.status === 200) {
-        statepermohonanInformasiPublik.findMany.data = res.data?.data ?? [];
+    page: 1,
+    totalPages: 1,
+    total: 0,
+    loading: false,
+    search: "",
+    load: async (page = 1, limit = 10, search = "") => {
+      // Change to arrow function
+      statepermohonanInformasiPublik.findMany.loading = true; // Use the full path to access the property
+      statepermohonanInformasiPublik.findMany.page = page;
+      statepermohonanInformasiPublik.findMany.search = search;
+      try {
+        const query: any = { page, limit };
+        if (search) query.search = search;
+
+        const res = await ApiFetch.api.ppid.permohonaninformasipublik[
+          "find-many"
+        ].get({
+          query,
+        });
+
+        if (res.status === 200 && res.data?.success) {
+          statepermohonanInformasiPublik.findMany.data = res.data.data || [];
+          statepermohonanInformasiPublik.findMany.total = res.data.total || 0;
+          statepermohonanInformasiPublik.findMany.totalPages = res.data.totalPages || 1;
+        } else {
+          console.error("Failed to load permohonan keberatan informasi:", res.data?.message);
+          statepermohonanInformasiPublik.findMany.data = [];
+          statepermohonanInformasiPublik.findMany.total = 0;
+          statepermohonanInformasiPublik.findMany.totalPages = 1;
+        }
+      } catch (error) {
+        console.error("Error loading permohonan keberatan informasi:", error);
+        statepermohonanInformasiPublik.findMany.data = [];
+        statepermohonanInformasiPublik.findMany.total = 0;
+        statepermohonanInformasiPublik.findMany.totalPages = 1;
+      } finally {
+        statepermohonanInformasiPublik.findMany.loading = false;
       }
     },
   },
diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
index b1545785..4ba89cb7 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -57,17 +58,48 @@ const permohonanKeberatanInformasi = proxy({
     },
   },
   findMany: {
-    data: null as
+   data: null as
+      | null
       | Prisma.FormulirPermohonanKeberatanGetPayload<{
           omit: { isActive: true };
-        }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik[
-        "find-many"
-      ].get();
-      if (res.status === 200) {
-        permohonanKeberatanInformasi.findMany.data = res.data?.data ?? [];
+        }>[],
+    page: 1,
+    totalPages: 1,
+    total: 0,
+    loading: false,
+    search: "",
+    load: async (page = 1, limit = 10, search = "") => {
+      // Change to arrow function
+      permohonanKeberatanInformasi.findMany.loading = true; // Use the full path to access the property
+      permohonanKeberatanInformasi.findMany.page = page;
+      permohonanKeberatanInformasi.findMany.search = search;
+      try {
+        const query: any = { page, limit };
+        if (search) query.search = search;
+
+        const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik[
+          "find-many"
+        ].get({
+          query,
+        });
+
+        if (res.status === 200 && res.data?.success) {
+          permohonanKeberatanInformasi.findMany.data = res.data.data || [];
+          permohonanKeberatanInformasi.findMany.total = res.data.total || 0;
+          permohonanKeberatanInformasi.findMany.totalPages = res.data.totalPages || 1;
+        } else {
+          console.error("Failed to load permohonan keberatan informasi:", res.data?.message);
+          permohonanKeberatanInformasi.findMany.data = [];
+          permohonanKeberatanInformasi.findMany.total = 0;
+          permohonanKeberatanInformasi.findMany.totalPages = 1;
+        }
+      } catch (error) {
+        console.error("Error loading permohonan keberatan informasi:", error);
+        permohonanKeberatanInformasi.findMany.data = [];
+        permohonanKeberatanInformasi.findMany.total = 0;
+        permohonanKeberatanInformasi.findMany.totalPages = 1;
+      } finally {
+        permohonanKeberatanInformasi.findMany.loading = false;
       }
     },
   },
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
index c8f9eca9..bb0e2eea 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
@@ -4,7 +4,7 @@ import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -108,7 +108,7 @@ function DetailPerbekelDariMasa() {
                     radius="md"
                     size="md"
                   >
-                    <IconX size={20} />
+                    <IconTrash size={20} />
                   </Button>
 
                   <Button
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
index d79d3539..fa4ac4d9 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
+import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -106,7 +106,7 @@ function DetailSDGSDesa() {
                     size="md"
                     disabled={sdgsState.delete.loading}
                   >
-                    <IconX size={20} />
+                    <IconTrash size={20} />
                   </Button>
 
                   <Button
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
index e65fcd04..d9ce5d93 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -28,6 +28,8 @@ function SdgsDesa() {
 function ListSdgsDesa({ search }: { search: string }) {
   const listState = useProxy(sdgsDesa);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+
 
   const {
     data,
@@ -38,8 +40,8 @@ function ListSdgsDesa({ search }: { search: string }) {
   } = listState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -63,7 +65,7 @@ function ListSdgsDesa({ search }: { search: string }) {
           </Title>
           <Button
             leftSection={<IconPlus size={18} />}
-            color={colors['blue-button']}
+            color='blue'
             variant="light"
             onClick={() => router.push('/admin/landing-page/SDGs/create')}
           >
@@ -147,12 +149,18 @@ function ListSdgsDesa({ search }: { search: string }) {
               {filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="md" radius="md">
                   <Stack gap={4}>
-                    <Text fz="sm" fw={600} lh={1.4}>
-                      {item.name}
-                    </Text>
-                    <Text fz="xs" c="dark.6" lh={1.4}>
-                      Jumlah: {item.jumlah || '0'}
-                    </Text>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama SDGs Desa</Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Jumlah</Text>
+                      <Text fz="xs" c="dark.6" lh={1.4}>
+                        {item.jumlah || '0'}
+                      </Text>
+                    </Box>
                     <Group justify="flex-end" mt="xs">
                       <Button
                         size="xs"
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index e6cd2dcc..ad5075dd 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -368,6 +368,13 @@ function EditAPBDes() {
                     { value: '2', label: 'Level 2 (Sub-kelompok)' },
                     { value: '3', label: 'Level 3 (Detail)' },
                   ]}
+                  styles={{
+                    option: {
+                      whiteSpace: 'nowrap',
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                    },
+                  }}
                   value={String(newItem.level)}
                   onChange={(val) => setNewItem({ ...newItem, level: Number(val) || 1 })}
                 />
@@ -378,6 +385,13 @@ function EditAPBDes() {
                     { value: 'belanja', label: 'Belanja' },
                     { value: 'pembiayaan', label: 'Pembiayaan' },
                   ]}
+                  styles={{
+                    option: {
+                      whiteSpace: 'nowrap',
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                    },
+                  }}
                   value={newItem.tipe}
                   onChange={(val) => setNewItem({ ...newItem, tipe: (val as any) || 'pendapatan' })}
                 />
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index 3cf09a26..80cdad96 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -353,6 +353,13 @@ function CreateAPBDes() {
                     { value: '2', label: 'Level 2 (Sub-kelompok)' },
                     { value: '3', label: 'Level 3 (Detail)' },
                   ]}
+                  styles={{
+                    option: {
+                      whiteSpace: 'nowrap',
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                    },
+                  }}
                   value={String(newItem.level)}
                   onChange={(val) => setNewItem({ ...newItem, level: Number(val) || 1 })}
                 />
@@ -363,6 +370,13 @@ function CreateAPBDes() {
                     { value: 'belanja', label: 'Belanja' },
                     { value: 'pembiayaan', label: 'Pembiayaan' },
                   ]}
+                  styles={{
+                    option: {
+                      whiteSpace: 'nowrap',
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                    },
+                  }}
                   value={newItem.level === 1 ? null : newItem.tipe}
                   onChange={(val) => setNewItem({ ...newItem, tipe: val as any })}
                   disabled={newItem.level === 1}
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index 5b68238c..2862a2ed 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconFile, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,12 +45,13 @@ function APBDes() {
 function ListAPBDes({ search }: { search: string }) {
   const listState = useProxy(apbdes);
   const router = useRouter();
+    const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = listState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -197,17 +198,17 @@ function ListAPBDes({ search }: { search: string }) {
                     <Text fz="sm" fw={600} lh={1.4}>
                       APBDes {item.tahun}
                     </Text>
-                    <Group justify="space-between" wrap="nowrap">
-                      <Text fz="sm" c="dimmed" lh={1.4}>
+                    <Box>
+                      <Text fz="sm"fw={600} lh={1.4}>
                         Tahun
                       </Text>
                       <Text fz="sm" fw={500} lh={1.4}>
                         {item.tahun || '-'}
                       </Text>
-                    </Group>
+                    </Box>
 
-                    <Group justify="space-between" wrap="nowrap">
-                      <Text fz="sm" c="dimmed" lh={1.4}>
+                    <Box>
+                      <Text fz="sm"fw={600} lh={1.4}>
                         Dokumen
                       </Text>
                       {item.file?.link ? (
@@ -230,7 +231,7 @@ function ListAPBDes({ search }: { search: string }) {
                           Tidak ada
                         </Text>
                       )}
-                    </Group>
+                    </Box>
 
                     <Button
                       size="xs"
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
index f455e069..7eb4d330 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
@@ -151,7 +151,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
                     {item.name}
                   </Text>
                 </TableTd>
-                <TableTd w={60}>
+                <TableTd w={120}>
                   <Button
                     variant="light"
                     color="green"
@@ -161,7 +161,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
                     <IconEdit size={18} />
                   </Button>
                 </TableTd>
-                <TableTd w={60}>
+                <TableTd w={120}>
                   <Button
                     variant="light"
                     color="red"
@@ -191,7 +191,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
   );
 
   return (
-    <Box py={{ base: 'xl', md: 'xl' }}>
+    <Box py={{ base: 20, md: 20 }}>
       <Paper bg={colors['white-1']} p={{ base: 'md', md: 'xl' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
           <Title order={2} lh={1.2}>
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
index 1e1c8449..b9f45763 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
@@ -150,12 +150,18 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <Paper key={item.id} p="sm" radius="md" withBorder shadow="xs">
                     <Stack gap="xs">
-                      <Text fw={500} fz="sm" lh={1.5} lineClamp={1}>
+                      <Box>
+                        <Text fz="sm" fw={600} lh={1.4}>Nama Program</Text>
+                        <Text fw={500} fz="sm" lh={1.5} lineClamp={1}>
                         {item.name || '-'}
                       </Text>
-                      <Text fz="xs" c="dimmed" lh={1.5} lineClamp={1}>
-                        Kategori: {item.kategori?.name || '-'}
+                      </Box>
+                      <Box>
+                        <Text fz="sm" fw={600} lh={1.4}>Kategori</Text>
+                        <Text fz="xs" c="dimmed" lh={1.5} lineClamp={1}>
+                        {item.kategori?.name || '-'}
                       </Text>
+                      </Box>
                       <Group justify="flex-end">
                         <Button
                           size="xs"
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
index 13c5d5f5..def0318a 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -32,6 +32,7 @@ function ListKategoriPrestasi({ search }: { search: string }) {
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
   const router = useRouter()
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const handleHapus = () => {
     if (selectedId) {
@@ -50,8 +51,8 @@ function ListKategoriPrestasi({ search }: { search: string }) {
   } = stateKategori.findMany
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
   const filteredData = data || []
 
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
index ad87c4b2..ea426522 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useMediaQuery, useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useMediaQuery, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -29,6 +29,7 @@ function ListPrestasi({ search }: { search: string }) {
   const listState = useProxy(prestasiState.prestasiDesa)
   const router = useRouter();
   const isMobile = useMediaQuery('(max-width: 768px)');
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const {
     data,
@@ -39,8 +40,8 @@ function ListPrestasi({ search }: { search: string }) {
   } = listState.findMany
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, []);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || []
 
@@ -71,44 +72,46 @@ function ListPrestasi({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0}>
+        <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+          <Table highlightOnHover striped verticalSpacing="sm" miw={800}>
             <TableThead>
               <TableTr>
-                <TableTh w="25%">Nama Prestasi</TableTh>
-                <TableTh w="25%">Deskripsi</TableTh>
-                <TableTh w="25%">Kategori</TableTh>
-                <TableTh w="25%" ta="center">Aksi</TableTh>
+                <TableTh>Nama Prestasi</TableTh>
+                <TableTh>Deskripsi</TableTh>
+                <TableTh>Kategori</TableTh>
+                <TableTh ta="center">Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd w="25%">
+                    <TableTd style={{ maxWidth: 250 }}>
                       <Text truncate="end" fz="md" lh={1.5}>
                         {item.name}
                       </Text>
                     </TableTd>
-                    <TableTd w="25%">
+                    <TableTd style={{ maxWidth: 250 }}>
                       <Text lineClamp={1} fz="md" c="dimmed" lh={1.5} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </TableTd>
-                    <TableTd w="25%">
+                    <TableTd>
                       <Text truncate="end" fz="md" lh={1.5}>
                         {item.kategori?.name || 'Tidak ada kategori'}
                       </Text>
                     </TableTd>
-                    <TableTd w="25%" ta="center">
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}
-                      >
-                        Detail
-                      </Button>
+                    <TableTd ta="center">
+                      <Center>
+                        <Button
+                          size="sm"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImacCog size={16} />}
+                          onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}
+                        >
+                          Detail
+                        </Button>
+                      </Center>
                     </TableTd>
                   </TableTr>
                 ))
@@ -127,39 +130,48 @@ function ListPrestasi({ search }: { search: string }) {
 
         {/* Mobile Cards */}
         <Stack hiddenFrom="md" gap="xs">
-            {filteredData.length > 0 ? (
-              filteredData.map((item) => (
-                <Paper key={item.id} withBorder p="sm" radius="sm">
-                  <Stack gap={4}>
-                    <Text fz="sm" fw={600} lh={1.4}>
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="sm">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama Prestasi</Text>
+                    <Text fz="sm" fw={500} lh={1.4} lineClamp={2}>
                       {item.name}
                     </Text>
-                    <Text fz="xs" c="dimmed" lh={1.5} lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                    <Text fz="xs" c="dimmed" lh={1.4}>
-                      Kategori: {item.kategori?.name || 'Tidak ada kategori'}
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                    <Text fz="sm" fw={500} lh={1.5} lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Kategori</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.kategori?.name || 'Tidak ada kategori'}
                     </Text>
-                    <Group justify="flex-end" mt="xs">
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={14} />}
-                        onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}
-                      >
-                        Detail
-                      </Button>
-                    </Group>
-                  </Stack>
-                </Paper>
-              ))
-            ) : (
-              <Center py="md">
-                <Text c="dimmed" fz="sm" lh={1.4}>
-                  Tidak ada data prestasi
-                </Text>
-              </Center>
-            )}
+                  </Box>
+                  <Group justify="flex-end" mt="xs">
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={14} />}
+                      onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}
+                    >
+                      Detail
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="md">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data prestasi
+              </Text>
+            </Center>
+          )}
         </Stack>
       </Paper>
 
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
index ffc1c669..d37d77a0 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
@@ -20,7 +20,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,6 +48,7 @@ function MediaSosial() {
 function ListMediaSosial({ search }: { search: string }) {
   const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const getIconSource = (item: any) => {
     if (item.image?.link) return item.image.link;
@@ -66,8 +67,8 @@ function ListMediaSosial({ search }: { search: string }) {
   } = stateMediaSosial.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -195,12 +196,15 @@ function ListMediaSosial({ search }: { search: string }) {
             {filteredData.length > 0 ? (
               filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="sm" radius="md">
-                  <Group justify="space-between" wrap="nowrap" align='center'>
                     <Box>
-                      <Text fw={600} fz="sm" lh={1.45}>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama Media Sosial / Kontak</Text>
+                      <Text fw={500} fz="sm" lh={1.45}>
                         {item.name}
                       </Text>
                     </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Gambar</Text>
+                    </Box>
                     <Box w={40} h={40} style={{ borderRadius: 6, overflow: 'hidden' }}>
                       {(() => {
                         const src = getIconSource(item);
@@ -217,8 +221,8 @@ function ListMediaSosial({ search }: { search: string }) {
                         return <Box bg={colors['blue-button']} w="100%" h="100%" />;
                       })()}
                     </Box>
-                  </Group>
                   <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Link / No. Telepon</Text>
                     <a
                       href={item.link}
                       target="_blank"
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
index d5a9b630..0ed25cfb 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -29,12 +29,13 @@ function ProgramInovasi() {
 function ListProgramInovasi({ search }: { search: string }) {
   const stateProgramInovasi = useProxy(profileLandingPageState.programInovasi);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const { data, page, totalPages, loading, load } = stateProgramInovasi.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -135,15 +136,22 @@ function ListProgramInovasi({ search }: { search: string }) {
               >
                 <Stack gap={6}>
                   {/* Title */}
-                  <Text fw={600}>{item.name}</Text>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama Program</Text>
+                    <Text fw={500} lh={1.4}>{item.name}</Text>
+                  </Box>
 
                   {/* Description */}
-                  <Text fz="sm" c="gray.7" lineClamp={2}>
-                    {item.description || '-'}
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                    <Text fz="sm" c="gray.7" lineClamp={2}>
+                      {item.description || '-'}
                   </Text>
+                  </Box>
 
                   {/* Link */}
                   <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Link</Text>
                     <a
                       href={item.link}
                       target="_blank"
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
index 3f0a0c06..3ffe930c 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
@@ -79,7 +79,7 @@ function EditDaftarInformasiPublik() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+        <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/page.tsx
index 55f9878a..b676e01d 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/page.tsx
@@ -52,7 +52,7 @@ function DetailDaftarInformasiPublik() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -83,39 +83,39 @@ function DetailDaftarInformasiPublik() {
 
               <Box>
                 <Text fz="lg" fw="bold" mb={4}>Deskripsi</Text>
-                <Box 
-                  fz="md" 
-                  c="dimmed" 
+                <Text
+                  px={"xs"}
+                  fz="md"
+                  c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
-                  className="prose max-w-none"
                   style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
               <Group gap="sm" mt="md">
-                  <Button
-                    variant="light"
-                    color="green"
-                    leftSection={<IconEdit size={18} />}
-                    onClick={() => router.push(`/admin/ppid/daftar-informasi-publik/${data.id}/edit`)}
-                    disabled={!data}
-                  >
-                    Edit
-                  </Button>
+                <Button
+                  variant="light"
+                  color="green"
+                  leftSection={<IconEdit size={18} />}
+                  onClick={() => router.push(`/admin/ppid/daftar-informasi-publik/${data.id}/edit`)}
+                  disabled={!data}
+                >
+                  Edit
+                </Button>
 
-                  <Button
-                    variant="light"
-                    color="red"
-                    leftSection={<IconTrash size={18} />}
-                    onClick={() => {
-                      setSelectedId(data.id);
-                      setModalHapus(true);
-                    }}
-                    disabled={stateDaftarInformasi.delete.loading || !data}
-                    loading={stateDaftarInformasi.delete.loading}
-                  >
-                    Hapus
-                  </Button>
+                <Button
+                  variant="light"
+                  color="red"
+                  leftSection={<IconTrash size={18} />}
+                  onClick={() => {
+                    setSelectedId(data.id);
+                    setModalHapus(true);
+                  }}
+                  disabled={stateDaftarInformasi.delete.loading || !data}
+                  loading={stateDaftarInformasi.delete.loading}
+                >
+                  Hapus
+                </Button>
               </Group>
             </Stack>
           </Paper>
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
index aa331732..ee8a39be 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
@@ -41,7 +41,7 @@ export default function CreateDaftarInformasi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+        <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
index 89076806..db23f080 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
@@ -1,7 +1,24 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect, useViewportSize } from '@mantine/hooks';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useDebouncedValue, useShallowEffect, useViewportSize } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -10,7 +27,7 @@ import HeaderSearch from '../../_com/header';
 import daftarInformasiPublik from '../../_state/ppid/daftar_informasi_publik/daftarInformasiPublik';
 
 function DaftarInformasiPublik() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -26,102 +43,158 @@ function DaftarInformasiPublik() {
 }
 
 function ListDaftarInformasi({ search }: { search: string }) {
-  const listData = useProxy(daftarInformasiPublik)
-  const router = useRouter()
+  const listData = useProxy(daftarInformasiPublik);
+  const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
-  const { data, page, totalPages, loading, load } = listData.findMany
-  const { width } = useViewportSize()
-  const isMobile = width < 768
+  const { data, page, totalPages, loading, load } = listData.findMany;
+  const { width } = useViewportSize();
+  const isMobile = width < 768;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py="md">
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>List Daftar Informasi Publik</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ppid/daftar-informasi-publik/create')}
-            >
-              {isMobile ? 'Tambah' : 'Tambah Baru'}
-            </Button>
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>
+            List Daftar Informasi Publik
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ppid/daftar-informasi-publik/create')}
+          >
+            {isMobile ? 'Tambah' : 'Tambah Baru'}
+          </Button>
         </Group>
 
         {filteredData.length === 0 ? (
           <Stack align="center" py="xl">
             <IconDeviceImacCog size={40} stroke={1.5} color={colors['blue-button']} />
-            <Text fw={500} c="dimmed">Belum ada informasi publik yang tersedia</Text>
+            <Text fz={{ base: 'sm', md: 'md' }} fw={500} c="dimmed" lh={1.5}>
+              Belum ada informasi publik yang tersedia
+            </Text>
           </Stack>
         ) : (
-          <Box style={{ overflowX: 'auto' }}>
-            <Table
-              highlightOnHover
-              striped
-              stickyHeader
-              style={{ minWidth: '700px' }}
-            >
-              <TableThead>
-                <TableTr>
-                  <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
-                  <TableTh style={{ width: '25%' }}>Jenis Informasi</TableTh>
-                  <TableTh style={{ width: '40%' }}>Deskripsi</TableTh>
-                  <TableTh style={{ width: '20%', textAlign: 'center' }}>Aksi</TableTh>
-                </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.map((item, index) => (
-                  <TableTr key={item.id}>
-                    <TableTd style={{ textAlign: 'center' }}>
-                      <Text fz="sm">{(page - 1) * 10 + index + 1}</Text>
-                    </TableTd>
-                    <TableTd>
-                        <Box w={200}>
-                          <Text fw={500} lineClamp={1}>{item.jenisInformasi}</Text>
-                        </Box>
-                    </TableTd>
-                    <TableTd>
-                        <Box w={200}>
-                          <Text lineClamp={1} fz="sm" c="dimmed">
-                            {item.deskripsi?.replace(/<[^>]*>?/gm, '').substring(0, 80) + '...'}
-                          </Text>
-                        </Box>
-
-                    </TableTd>
-                    <TableTd style={{ textAlign: 'center' }}>
+          <>
+            {/* Desktop Table */}
+            <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+              <Table
+                highlightOnHover
+                striped
+                stickyHeader
+                style={{ minWidth: '700px' }}
+              >
+                <TableThead>
+                  <TableTr>
+                    <TableTh w="25%">
+                      <Text fw={600} lh={1.4}>
+                        Jenis Informasi
+                      </Text>
+                    </TableTh>
+                    <TableTh w="40%">
+                      <Text fw={600} lh={1.4}>
+                        Deskripsi
+                      </Text>
+                    </TableTh>
+                    <TableTh ta="center" w="20%">
+                      <Text fw={600} lh={1.4}>
+                        Aksi
+                      </Text>
+                    </TableTh>
+                  </TableTr>
+                </TableThead>
+                <TableTbody>
+                  {filteredData.map((item) => (
+                    <TableTr key={item.id}>
+                      <TableTd>
+                        <Text fz="sm" fw={600} lh={1.5} lineClamp={1}>
+                          {item.jenisInformasi}
+                        </Text>
+                      </TableTd>
+                      <TableTd>
+                        <Text fz="sm" lh={1.5} c="dimmed" lineClamp={1}>
+                          {item.deskripsi?.replace(/<[^>]*>?/gm, '').substring(0, 80)}...
+                        </Text>
+                      </TableTd>
+                      <TableTd ta="center">
                         <Button
                           size="xs"
                           radius="md"
                           variant="light"
                           color="blue"
                           leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/ppid/daftar-informasi-publik/${item.id}`)}
+                          onClick={() =>
+                            router.push(`/admin/ppid/daftar-informasi-publik/${item.id}`)
+                          }
                         >
                           Detail
                         </Button>
-                    </TableTd>
-                  </TableTr>
-                ))}
-              </TableTbody>
-            </Table>
-          </Box>
+                      </TableTd>
+                    </TableTr>
+                  ))}
+                </TableTbody>
+              </Table>
+            </Box>
+
+            {/* Mobile Card List */}
+            <Stack hiddenFrom="md" gap="sm">
+              {filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fw={600} lh={1.4}>
+                        Jenis Informasi
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.jenisInformasi}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fw={600} lh={1.4}>
+                        Deskripsi
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.5} c="dimmed">
+                        {item.deskripsi?.replace(/<[^>]*>?/gm, '').substring(0, 80)}...
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() =>
+                          router.push(`/admin/ppid/daftar-informasi-publik/${item.id}`)
+                        }
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))}
+            </Stack>
+          </>
         )}
       </Paper>
-      <Center mt="lg">
+
+      <Center mt={{ base: 'lg', md: 'xl' }}>
         <Pagination
           value={page}
           onChange={(newPage) => {
@@ -129,14 +202,12 @@ function ListDaftarInformasi({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
           color="blue"
           radius="md"
         />
       </Center>
     </Box>
-  )
+  );
 }
 
-export default DaftarInformasiPublik;
+export default DaftarInformasiPublik;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
index aa38d47e..95aa7979 100644
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
@@ -8,11 +8,11 @@ import { useProxy } from 'valtio/utils';
 import stateDasarHukumPPID from '../../_state/ppid/dasar_hukum/dasarHukum';
 
 function Page() {
-  const router = useRouter()
-  const listDasarHukum = useProxy(stateDasarHukumPPID)
+  const router = useRouter();
+  const listDasarHukum = useProxy(stateDasarHukumPPID);
   useShallowEffect(() => {
-    listDasarHukum.findById.load('1')
-  }, [])
+    listDasarHukum.findById.load('1');
+  }, []);
 
   if (listDasarHukum.findById.loading) {
     return (
@@ -40,15 +40,16 @@ function Page() {
             <Title order={3} c={colors['blue-button']}>Preview Dasar Hukum PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() => router.push('/admin/ppid/dasar-hukum/edit')}
-              >
-                Edit
-              </Button>
+            <Button
+              w={{ base: '100%', md: "110%" }}
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() => router.push('/admin/ppid/dasar-hukum/edit')}
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
@@ -57,33 +58,39 @@ function Page() {
             <Grid>
               <GridCol span={12}>
                 <Center>
-                  <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo PPID" />
+                  <Image loading="lazy" src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo PPID" />
                 </Center>
               </GridCol>
               <GridCol span={12}>
-                <Text 
-                  ta="center" 
-                  fz={{ base: '1.5rem', md: '2rem' }} 
-                  fw="bold" 
+                <Title
+                  order={3}
+                  ta="center"
+                  lh={{ base: 1.15, md: 1.1 }}
+                  fw="bold"
                   c={colors['blue-button']}
-                  dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.judul }} 
-                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.judul }}
+                  style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
                 />
               </GridCol>
             </Grid>
 
             <Divider my="xl" color={colors['blue-button']} />
 
-            <Box 
-              className="prose max-w-none"
+            <Text
               dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.content }}
-              style={{ wordBreak: "break-word", whiteSpace: "normal", fontSize: '1.1rem', lineHeight: 1.7, textAlign: 'justify' }}
+              style={{
+                wordBreak: 'break-word',
+                whiteSpace: 'normal',
+                fontSize: '1rem',
+                lineHeight: 1.55,
+                textAlign: 'justify',
+              }}
             />
           </Box>
         </Paper>
       </Stack>
     </Paper>
-  )
+  );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx
index 9b6604dd..a6705eb7 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title} from '@mantine/core';
 import { IconChartBar, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -56,42 +56,77 @@ function LayoutTabsIKM({ children }: { children: React.ReactNode }) {
                 radius="lg"
                 keepMounted={false}
             >
-                <ScrollArea type="auto" offsetScrollbars>
-                    <TabsList
-                        p="sm"
-                        style={{
-                            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                            borderRadius: "1rem",
-                            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-                            display: "flex",
-                            flexWrap: "nowrap",
-                            gap: "0.5rem",
-                            paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-                        }}
-                    >
-                        {tabs.map((e, i) => (
-                            <Tooltip
-                                key={i}
-                                label={e.description}
-                                withArrow
-                                position="bottom"
-                                transitionProps={{ transition: 'pop', duration: 200 }}
-                            >
+                {/* ✅ Scroll horizontal wrapper */}
+                <Box visibleFrom='md' pb={10}>
+                    <ScrollArea type="auto" offsetScrollbars>
+                        <TabsList
+                            p="sm"
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
                                 <TabsTab
-                                    value={e.value}
-                                    leftSection={e.icon}
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
                                     style={{
-                                        fontWeight: 500,
+                                        fontWeight: 600,
                                         fontSize: "0.9rem",
                                         transition: "all 0.2s ease",
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
                                     }}
                                 >
-                                    {e.label}
+                                    {tab.label}
                                 </TabsTab>
-                            </Tooltip>
-                        ))}
-                    </TabsList>
-                </ScrollArea>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
+
+                <Box hiddenFrom='md' pb={10}>
+                    <ScrollArea
+                        type="auto"
+                        offsetScrollbars={false}
+                        w="100%"
+                    >
+
+                        <TabsList
+                            p="xs" // lebih kecil
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                width: "max-content", // ⬅️ kunci
+                                maxWidth: "100%",     // ⬅️ penting
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        paddingInline: "0.75rem", // ⬅️ lebih ramping
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
                 {tabs.map((e, i) => (
                     <TabsPanel key={i} value={e.value} mt="md">
                         {/* Konten dummy, bisa diganti tergantung routing */}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
index f11990e2..516c8e1c 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
@@ -85,11 +85,11 @@ function EditResponden() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Responden
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
index a965cd88..dc74a8b0 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
@@ -38,7 +38,7 @@ export default function DetailResponden() {
     )
   }
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
index 9feb87e7..166001f9 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
@@ -51,7 +51,7 @@ function RespondenCreate() {
     }
   }
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Box mb={10}>
         <Button variant="subtle" onClick={() => router.back()}>
           <IconArrowBack size={20} />
@@ -96,24 +96,24 @@ function RespondenCreate() {
             }
             disabled={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
           />
-            <Select
+          <Select
             key={"rating_responden"}
-              label={"Rating"}
-              placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-              value={stategrafikBerdasarkanResponden.create.form.ratingId || ""}
-              onChange={(val) => {
-                stategrafikBerdasarkanResponden.create.form.ratingId = val ?? "";
-              }}
-              data={
-                (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
-                  .filter(Boolean) // Hapus null, undefined, dll
-                  .map((item) => ({
-                    value: item.id,
-                    label: item.name || 'Tanpa Nama',
-                  }))
-              }
-              disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
-            />
+            label={"Rating"}
+            placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
+            value={stategrafikBerdasarkanResponden.create.form.ratingId || ""}
+            onChange={(val) => {
+              stategrafikBerdasarkanResponden.create.form.ratingId = val ?? "";
+            }}
+            data={
+              (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
+                .filter(Boolean) // Hapus null, undefined, dll
+                .map((item) => ({
+                  value: item.id,
+                  label: item.name || 'Tanpa Nama',
+                }))
+            }
+            disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
+          />
           <Select
             key={"kelompokUmur"}
             label={"Kelompok Umur"}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
index 4d640a62..d0b698d8 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -1,5 +1,21 @@
 'use client';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -9,11 +25,11 @@ import HeaderSearch from '../../../_com/header';
 import indeksKepuasanState from '../../../_state/landing-page/indeks-kepuasan';
 
 function Responden() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
-        title="Data Responden"
+        title="Responden"
         placeholder="Cari nama responden..."
         searchIcon={<IconSearch size={18} />}
         value={search}
@@ -33,17 +49,13 @@ function ListResponden({ search }: ListRespondenProps) {
   const router = useRouter();
   const { data, page, totalPages, loading, load } = state.findMany;
 
-
   useShallowEffect(() => {
-    load(page, 10)
+    load(page, 10);
   }, [page]);
 
-
-  const filteredData = (data || []).filter(item => {
+  const filteredData = (data || []).filter((item) => {
     const keyword = search.toLowerCase();
-    return (
-      item.name.toLowerCase().includes(keyword)
-    );
+    return item.name.toLowerCase().includes(keyword);
   });
 
   if (loading || !data) {
@@ -56,21 +68,25 @@ function ListResponden({ search }: ListRespondenProps) {
 
   if (data.length === 0) {
     return (
-      <Paper withBorder bg="white" p="lg" radius="md" shadow="sm">
+      <Paper withBorder bg="white" p={{ base: 'md', sm: 'lg' }} radius="md" shadow="sm">
         <Stack gap="md">
-          <Title order={3}>Data Responden</Title>
-          <Table striped withRowBorders>
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ textAlign: 'center' }}>No</TableTh>
-                <TableTh>Nama</TableTh>
-                <TableTh>Tanggal</TableTh>
-                <TableTh>Jenis Kelamin</TableTh>
-                <TableTh style={{ textAlign: 'center' }}>Aksi</TableTh>
-              </TableTr>
-            </TableThead>
-          </Table>
-          <Text c="dimmed" ta="center" py="md">
+          <Title order={2} lh={1.2}>
+            Data Responden
+          </Title>
+          <Box visibleFrom="md">
+            <Table striped withRowBorders>
+              <TableThead>
+                <TableTr>
+                  <TableTh ta="center">No</TableTh>
+                  <TableTh>Nama</TableTh>
+                  <TableTh>Tanggal</TableTh>
+                  <TableTh>Jenis Kelamin</TableTh>
+                  <TableTh ta="center">Aksi</TableTh>
+                </TableTr>
+              </TableThead>
+            </Table>
+          </Box>
+          <Text c="dimmed" ta="center" py="md" fz={{ base: 'sm', md: 'md' }} lh={1.4}>
             Belum ada data responden yang tersedia
           </Text>
         </Stack>
@@ -79,54 +95,133 @@ function ListResponden({ search }: ListRespondenProps) {
   }
 
   return (
-    <Paper withBorder bg="white" p="lg" radius="md" shadow="sm">
+    <Paper withBorder bg="white" p={{ base: 'md', sm: 'lg' }} radius="md" shadow="sm">
       <Stack gap="md">
-        <Title order={3}>Data Responden</Title>
-        <Table striped withRowBorders>
-          <TableThead>
-            <TableTr>
-              <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
-              <TableTh style={{ width: '25%' }}>Nama</TableTh>
-              <TableTh style={{ width: '25%' }}>Tanggal</TableTh>
-              <TableTh style={{ width: '20%' }}>Jenis Kelamin</TableTh>
-              <TableTh style={{ width: '15%', textAlign: 'center' }}>Aksi</TableTh>
-            </TableTr>
-          </TableThead>
-          <TableTbody>
-            {filteredData.length === 0 ? (
+        <Title order={2} lh={1.2}>
+          Data Responden
+        </Title>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table striped withRowBorders>
+            <TableThead>
               <TableTr>
-                <TableTd colSpan={5}>
-                  <Text c="dimmed" ta="center" py="md">
-                    Tidak ada data yang cocok dengan pencarian
-                  </Text>
-                </TableTd>
+                <TableTh w="5%" ta="center">
+                  No
+                </TableTh>
+                <TableTh w="25%">Nama</TableTh>
+                <TableTh w="25%">Tanggal</TableTh>
+                <TableTh w="20%">Jenis Kelamin</TableTh>
+                <TableTh w="15%" ta="center">
+                  Aksi
+                </TableTh>
               </TableTr>
-            ) : (
-              filteredData.map((item, index) => (
-                <TableTr key={item.id}>
-                  <TableTd style={{ width: '5%', textAlign: 'center' }}>{index + 1}</TableTd>
-                  <TableTd style={{ width: '25%' }}>{item.name}</TableTd>
-                  <TableTd style={{ width: '25%' }}>
-                    {item.tanggal ? new Date(item.tanggal).toLocaleDateString('id-ID') : '-'}
-                  </TableTd>
-                  <TableTd style={{ width: '20%' }}>{item.jenisKelamin.name}</TableTd>
-                  <TableTd style={{ width: '15%', textAlign: 'center' }}>
-                    <Button
-                      size="xs"
-                      radius="md"
-                      variant="light"
-                      color="blue"
-                      leftSection={<IconDeviceImacCog size={16} />}
-                      onClick={() => router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${item.id}`)}
-                    >
-                      Detail
-                    </Button>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length === 0 ? (
+                <TableTr>
+                  <TableTd colSpan={5}>
+                    <Text c="dimmed" ta="center" py="md" fz="sm" lh={1.4}>
+                      Tidak ada data yang cocok dengan pencarian
+                    </Text>
                   </TableTd>
                 </TableTr>
-              ))
-            )}
-          </TableTbody>
-        </Table>
+              ) : (
+                filteredData.map((item, index) => (
+                  <TableTr key={item.id}>
+                    <TableTd ta="center">{index + 1}</TableTd>
+                    <TableTd>{item.name}</TableTd>
+                    <TableTd>
+                      {item.tanggal ? new Date(item.tanggal).toLocaleDateString('id-ID') : '-'}
+                    </TableTd>
+                    <TableTd>{item.jenisKelamin.name}</TableTd>
+                    <TableTd ta="center">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() =>
+                          router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${item.id}`)
+                        }
+                      >
+                        Detail
+                      </Button>
+                    </TableTd>
+                  </TableTr>
+                ))
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          {filteredData.length === 0 ? (
+            <Text c="dimmed" ta="center" py="md" fz="sm" lh={1.4}>
+              Tidak ada data yang cocok dengan pencarian
+            </Text>
+          ) : (
+            <Stack gap="sm">
+              {filteredData.map((item, index) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        No
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {index + 1}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Tanggal
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.tanggal
+                          ? new Date(item.tanggal).toLocaleDateString('id-ID')
+                          : '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Jenis Kelamin
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.jenisKelamin.name}
+                      </Text>
+                    </Box>
+                    <Box ta="center">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() =>
+                          router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${item.id}`)
+                        }
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))}
+            </Stack>
+          )}
+        </Box>
+
         {filteredData.length > 0 && (
           <Center>
             <Pagination
@@ -138,7 +233,6 @@ function ListResponden({ search }: ListRespondenProps) {
               }}
               size="md"
               radius="md"
-              mt="md"
             />
           </Center>
         )}
@@ -147,6 +241,4 @@ function ListResponden({ search }: ListRespondenProps) {
   );
 }
 
-export default Responden;
-
-
+export default Responden;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/[id]/page.tsx
index 29bf3335..9f8f8d4f 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/[id]/page.tsx
@@ -27,7 +27,7 @@ function DetailPermohonanInformasiPublik() {
   const data = state.findUnique.data;
 
   return (
-    <Box py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -39,7 +39,7 @@ function DetailPermohonanInformasiPublik() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
index 3afd656b..2a88c9cc 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
@@ -1,105 +1,277 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors'
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core'
-import { useShallowEffect } from '@mantine/hooks'
-import { IconDeviceImacCog, IconId, IconInfoCircle, IconPhone, IconUser } from '@tabler/icons-react'
+import {
+  Box,
+  Button,
+  Center,
+  Grid,
+  GridCol,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  TextInput,
+  Title,
+} from '@mantine/core'
+import {
+  IconDeviceImacCog,
+  IconId,
+  IconInfoCircle,
+  IconPhone,
+  IconSearch,
+  IconUser,
+} from '@tabler/icons-react'
 import { useRouter } from 'next/navigation'
+import { useEffect, useState } from 'react'
 import { useProxy } from 'valtio/utils'
 import statepermohonanInformasiPublikForm from '../../_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik'
+import { useDebouncedValue } from '@mantine/hooks'
 
 function Page() {
   const permohonanInformasiPublikState = useProxy(statepermohonanInformasiPublikForm)
   const router = useRouter()
+  const { data, page, totalPages, loading, load } = permohonanInformasiPublikState.statepermohonanInformasiPublik.findMany
+  const [search, setSearch] = useState('')
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
-  useShallowEffect(() => {
-    permohonanInformasiPublikState.statepermohonanInformasiPublik.findMany.load()
-  }, [])
+  useEffect(() => {
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  if (!permohonanInformasiPublikState.statepermohonanInformasiPublik.findMany.data) {
+  if (loading) {
     return (
-      <Stack pos="relative" bg={colors.Bg} p="lg" align="center">
-        <Skeleton radius="md" h={40} w="60%" />
+      <Stack pos="relative" p="lg" align="center">
         <Skeleton radius="md" h={200} w="100%" />
       </Stack>
     )
   }
+  if (!data || data.length === 0) {
+    return (
+      <Box py={{ base: 'md', md: 'lg' }}>
+        <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+          <Stack gap={'sm'}>
+            <Grid mb={10}>
+              <GridCol span={{ base: 12, md: 9 }}>
+                <Title order={2} lh={1.2} c="dark">
+                  Daftar Permohonan Informasi Publik
+                </Title>
+              </GridCol>
+              <GridCol span={{ base: 12, md: 3 }}>
+                <Paper radius="lg" bg={colors['white-1']}>
+                  <TextInput
+                    radius="lg"
+                    placeholder={"Cari nama..."}
+                    leftSection={<IconSearch size={16} />}
+                    w="100%"
+                    value={search}
+                    onChange={(e) => setSearch(e.currentTarget.value)}
+                  />
+                </Paper>
+              </GridCol>
+            </Grid>
+            <Stack align="center" py="xl" ta="center">
+              <IconInfoCircle size={40} stroke={1.5} color={colors['blue-button']} />
+              <Text fz={{ base: 'sm', md: 'md' }} fw={500} c="dimmed" lh={1.5}>
+                {search
+                  ? 'Tidak ditemukan data yang sesuai dengan pencarian'
+                  : 'Belum ada permohonan yang tercatat'
+                }
+              </Text>
+            </Stack>
+          </Stack>
+        </Paper>
+      </Box>
+    )
+  }
 
-  const data = permohonanInformasiPublikState.statepermohonanInformasiPublik.findMany.data
 
   return (
-    <Box py="md">
-      <Paper bg={colors['white-1']} p="lg" radius="xl" shadow="sm" withBorder>
-        <Stack gap="md">
-          <Group justify="space-between">
-            <Title order={2} c="dark">Daftar Permohonan Informasi Publik</Title>
-              <IconInfoCircle size={20} stroke={1.5} />
-          </Group>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+        <Stack gap={'sm'}>
+          <Grid mb={10}>
+            <GridCol span={{ base: 12, md: 9 }}>
+              <Title order={2} lh={1.2} c="dark">
+                Daftar Permohonan Informasi Publik
+              </Title>
+            </GridCol>
+            <GridCol span={{ base: 12, md: 3 }}>
+              <Paper radius="lg" bg={colors['white-1']}>
+                <TextInput
+                  radius="lg"
+                  placeholder={"Cari nama..."}
+                  leftSection={<IconSearch size={16} />}
+                  w="100%"
+                  value={search}
+                  onChange={(e) => setSearch(e.currentTarget.value)}
+                />
+              </Paper>
+            </GridCol>
+          </Grid>
 
           {data.length === 0 ? (
-            <Stack align="center" py="xl">
+            <Stack align="center" py={{ base: 'xl', md: 'xl' }}>
               <IconInfoCircle size={40} stroke={1.5} color={colors['blue-button']} />
-              <Text fw={500} c="dimmed">Belum ada permohonan informasi yang tercatat</Text>
+              <Text fz={{ base: 'sm', md: 'md' }} fw={500} c="dimmed" lh={1.5}>
+                Belum ada permohonan informasi yang tercatat
+              </Text>
             </Stack>
           ) : (
-            <Box style={{ overflowX: 'auto' }}>
-              <Table
-                highlightOnHover
-                withRowBorders
-                withColumnBorders
-                withTableBorder
-                striped
-                stickyHeader
-              >
-                <TableThead>
-                  <TableTr>
-                    <TableTh>No</TableTh>
-                    <TableTh><Group gap={5}><IconUser size={16} /> Nama</Group></TableTh>
-                    <TableTh><Group gap={5}><IconId size={16} /> NIK</Group></TableTh>
-                    <TableTh><Group gap={5}><IconPhone size={16} /> Telepon</Group></TableTh>
-                    <TableTh><Group gap={5}><IconInfoCircle size={16} /> Detail</Group></TableTh>
-                  </TableTr>
-                </TableThead>
-                <TableTbody>
-                  {data.map((item, index) => (
-                    <TableTr key={item.id}>
-                      <TableTd>{index + 1}</TableTd>
-                      <TableTd>
-                        <Box w={200}>
-                          <Text lineClamp={1} fw={500}>{item.name}</Text>
-                        </Box>
-                      </TableTd>
-                      <TableTd>
-                        <Box w={200}>
-                          {item.nik}
-                        </Box>
-                      </TableTd>
-                      <TableTd>
-                        <Box w={200}>
-                          {item.notelp}
-                        </Box>
-                      </TableTd>
-                      <TableTd>
+            <>
+              {/* Desktop Table */}
+              <Box visibleFrom="md">
+                <Table highlightOnHover>
+                  <TableThead>
+                    <TableTr>
+                      <TableTh fz="sm" fw={600} ta="center" w={60}>
+                        No
+                      </TableTh>
+                      <TableTh fz="sm" fw={600}>
+                        <Group gap={5}>
+                          <IconUser size={16} />
+                          Nama
+                        </Group>
+                      </TableTh>
+                      <TableTh fz="sm" fw={600}>
+                        <Group gap={5}>
+                          <IconId size={16} />
+                          NIK
+                        </Group>
+                      </TableTh>
+                      <TableTh fz="sm" fw={600}>
+                        <Group gap={5}>
+                          <IconPhone size={16} />
+                          Telepon
+                        </Group>
+                      </TableTh>
+                      <TableTh fz="sm" fw={600} w={140}>
+                        <Group gap={5}>
+                          <IconInfoCircle size={16} />
+                          Detail
+                        </Group>
+                      </TableTh>
+                    </TableTr>
+                  </TableThead>
+                  <TableTbody>
+                    {data.map((item, index) => (
+                      <TableTr key={item.id}>
+                        <TableTd ta="center" fz="sm" lh={1.5}>
+                          {index + 1}
+                        </TableTd>
+                        <TableTd>
+                          <Text fz="sm" fw={500} lh={1.5} lineClamp={1}>
+                            {item.name}
+                          </Text>
+                        </TableTd>
+                        <TableTd>
+                          <Text fz="sm" lh={1.5}>{item.nik}</Text>
+                        </TableTd>
+                        <TableTd>
+                          <Text fz="sm" lh={1.5}>{item.notelp}</Text>
+                        </TableTd>
+                        <TableTd>
+                          <Button
+                            size="xs"
+                            radius="md"
+                            variant="light"
+                            color="blue"
+                            leftSection={<IconDeviceImacCog size={16} />}
+                            onClick={() =>
+                              router.push(`/admin/ppid/permohonan-informasi-publik/${item.id}`)
+                            }
+                          >
+                            Detail
+                          </Button>
+                        </TableTd>
+                      </TableTr>
+                    ))}
+                  </TableTbody>
+                </Table>
+              </Box>
+
+              {/* Mobile Cards */}
+              <Stack hiddenFrom="md" gap="xs">
+                {data.map((item, index) => (
+                  <Paper key={item.id} p="sm" radius="md" withBorder bg="white">
+                    <Stack gap={4}>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dark">
+                          No
+                        </Text>
+                        <Text fz="sm" fw={500} lh={1.5} c="dark">
+                          {index + 1}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dark">
+                          Nama
+                        </Text>
+                        <Text fz="sm" fw={500} lh={1.5} c="dark" lineClamp={1}>
+                          {item.name}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dark">
+                          NIK
+                        </Text>
+                        <Text fz="sm" lh={1.5} c="dark">{item.nik}</Text>
+                      </Box>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dark">
+                          Telepon
+                        </Text>
+                        <Text fz="sm" lh={1.5} c="dark">{item.notelp}</Text>
+                      </Box>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dark">
+                          Detail
+                        </Text>
                         <Button
                           size="xs"
                           radius="md"
                           variant="light"
                           color="blue"
                           leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/ppid/permohonan-informasi-publik/${item.id}`)}
+                          onClick={() =>
+                            router.push(`/admin/ppid/permohonan-informasi-publik/${item.id}`)
+                          }
+                          mt={2}
                         >
-                          Detail
+                          Lihat Detail
                         </Button>
-                      </TableTd>
-                    </TableTr>
-                  ))}
-                </TableTbody>
-              </Table>
-            </Box>
+                      </Box>
+                    </Stack>
+                  </Paper>
+                ))}
+              </Stack>
+            </>
           )}
         </Stack>
+        <Center mt="xl">
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo(0, 0);
+            }}
+            total={totalPages}
+            withEdges
+            withControls
+            radius="md"
+          />
+        </Center>
       </Paper>
     </Box>
   )
 }
 
-export default Page
+export default Page
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/[id]/page.tsx
index 0e4e95e8..1aac3b7a 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/[id]/page.tsx
@@ -28,7 +28,7 @@ function DetailPermohonanKeberatanInformasiPublik() {
   const data = state.findUnique.data;
 
   return (
-    <Box py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -40,7 +40,7 @@ function DetailPermohonanKeberatanInformasiPublik() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 6471f29b..c917084a 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -1,97 +1,285 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors'
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core'
-import { useShallowEffect } from '@mantine/hooks'
-import { IconDeviceImacCog, IconInfoCircle, IconMail, IconPhone, IconUser } from '@tabler/icons-react'
+import {
+  Box,
+  Button,
+  Center,
+  Grid,
+  GridCol,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  TextInput,
+  Title,
+} from '@mantine/core'
+import {
+  IconDeviceImacCog,
+  IconInfoCircle,
+  IconMail,
+  IconPhone,
+  IconSearch,
+  IconUser,
+} from '@tabler/icons-react'
 import { useRouter } from 'next/navigation'
 import { useProxy } from 'valtio/utils'
 import statePermohonanKeberatan from '../../_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi'
+import { useEffect, useState } from 'react'
+import { useDebouncedValue } from '@mantine/hooks'
 
 function Page() {
-  const listState = useProxy(statePermohonanKeberatan)
   const router = useRouter()
-  useShallowEffect(() => {
-    listState.findMany.load()
-  }, [])
+  const listState = useProxy(statePermohonanKeberatan)
+  const [search, setSearch] = useState("");
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+  const { data, page, totalPages, loading, load } = listState.findMany
 
-  if (!listState.findMany.data) {
+  useEffect(() => {
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
+
+  if (loading) {
     return (
-      <Stack pos="relative" bg={colors.Bg} p="lg" align="center">
-        <Skeleton radius="md" h={40} w="60%" />
+      <Stack pos="relative" p="lg" align="center">
         <Skeleton radius="md" h={200} w="100%" />
       </Stack>
     )
   }
-
-  const data = listState.findMany.data
+  if (!data || data.length === 0) {
+    return (
+      <Box py={{ base: 'md', md: 'lg' }}>
+        <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+          <Stack gap={'sm'}>
+            <Grid mb={10}>
+              <GridCol span={{ base: 12, md: 9 }}>
+                <Title order={2} lh={1.2} c="dark">
+                  Daftar Permohonan Keberatan Informasi Publik
+                </Title>
+              </GridCol>
+              <GridCol span={{ base: 12, md: 3 }}>
+                <Paper radius="lg" bg={colors['white-1']}>
+                  <TextInput
+                    radius="lg"
+                    placeholder={"Cari nama..."}
+                    leftSection={<IconSearch size={16} />}
+                    w="100%"
+                    value={search}
+                    onChange={(e) => setSearch(e.currentTarget.value)}
+                  />
+                </Paper>
+              </GridCol>
+            </Grid>
+            <Stack align="center" py="xl" ta="center">
+              <IconInfoCircle size={40} stroke={1.5} color={colors['blue-button']} />
+              <Text fz={{ base: 'sm', md: 'md' }} fw={500} c="dimmed" lh={1.5}>
+                {search
+                  ? 'Tidak ditemukan data yang sesuai dengan pencarian'
+                  : 'Belum ada permohonan keberatan yang tercatat'
+                }
+              </Text>
+            </Stack>
+          </Stack>
+        </Paper>
+      </Box>
+    )
+  }
 
   return (
-    <Box py="md">
-      <Paper bg={colors['white-1']} p="lg" radius="xl" shadow="sm" withBorder>
-        <Stack gap="md">
-          <Group justify="space-between">
-            <Title order={2} c="dark">Daftar Permohonan Keberatan Informasi Publik</Title>
-            <IconInfoCircle size={20} stroke={1.5} />
-          </Group>
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+        <Stack gap={'sm'}>
+          <Grid mb={10}>
+            <GridCol span={{ base: 12, md: 9 }}>
+              <Title order={2} lh={1.2} c="dark">
+                Daftar Permohonan Keberatan Informasi Publik
+              </Title>
+            </GridCol>
+            <GridCol span={{ base: 12, md: 3 }}>
+              <Paper radius="lg" bg={colors['white-1']}>
+                <TextInput
+                  radius="lg"
+                  placeholder={"Cari nama..."}
+                  leftSection={<IconSearch size={16} />}
+                  w="100%"
+                  value={search}
+                  onChange={(e) => setSearch(e.currentTarget.value)}
+                />
+              </Paper>
+            </GridCol>
+          </Grid>
 
           {data.length === 0 ? (
-            <Stack align="center" py="xl">
+            <Stack align="center" py="xl" ta="center">
               <IconInfoCircle size={40} stroke={1.5} color={colors['blue-button']} />
-              <Text fw={500} c="dimmed">Belum ada permohonan keberatan yang tercatat</Text>
+              <Text fz={{ base: 'sm', md: 'md' }} fw={500} c="dimmed" lh={1.5}>
+                Belum ada permohonan keberatan yang tercatat
+              </Text>
             </Stack>
           ) : (
-            <Box style={{ overflowX: 'auto' }}>
-              <Table
-                highlightOnHover
-                withRowBorders
-                withColumnBorders
-                withTableBorder
-                striped
-                stickyHeader
-              >
-                <TableThead>
-                  <TableTr>
-                    <TableTh>No</TableTh>
-                    <TableTh><Group gap={5}><IconUser size={16} /> Nama</Group></TableTh>
-                    <TableTh><Group gap={5}><IconMail size={16} /> Email</Group></TableTh>
-                    <TableTh><Group gap={5}><IconPhone size={16} /> Telepon</Group></TableTh>
-                    <TableTh><Group gap={5}><IconInfoCircle size={16} /> Detail</Group></TableTh>
-                  </TableTr>
-                </TableThead>
-                <TableTbody>
-                  {data.map((item, index) => (
-                    <TableTr key={item.id}>
-                      <TableTd>{index + 1}</TableTd>
-                      <TableTd>
-                        <Text lineClamp={1} fw={500}>{item.name}</Text>
-                      </TableTd>
-                      <TableTd>
-                        <Text size="sm">{item.email || '-'}</Text>
-                      </TableTd>
-                      <TableTd>
-                        <Text>{item.notelp || '-'}</Text>
-                      </TableTd>
-                      <TableTd>
+            <>
+              {/* Desktop Table */}
+              <Box visibleFrom="md">
+                <Table highlightOnHover>
+                  <TableThead>
+                    <TableTr>
+                      <TableTh fz="sm" fw={600} lh={1.4} ta="center">
+                        No
+                      </TableTh>
+                      <TableTh fz="sm" fw={600} lh={1.4}>
+                        <Group gap={5}>
+                          <IconUser size={16} />
+                          Nama
+                        </Group>
+                      </TableTh>
+                      <TableTh fz="sm" fw={600} lh={1.4}>
+                        <Group gap={5}>
+                          <IconMail size={16} />
+                          Email
+                        </Group>
+                      </TableTh>
+                      <TableTh fz="sm" fw={600} lh={1.4}>
+                        <Group gap={5}>
+                          <IconPhone size={16} />
+                          Telepon
+                        </Group>
+                      </TableTh>
+                      <TableTh fz="sm" fw={600} lh={1.4} ta="center">
+                        <Group gap={5}>
+                          <IconInfoCircle size={16} />
+                          Detail
+                        </Group>
+                      </TableTh>
+                    </TableTr>
+                  </TableThead>
+                  <TableTbody>
+                    {data.map((item, index) => (
+                      <TableTr key={item.id}>
+                        <TableTd ta="center" fz="sm" lh={1.5}>
+                          {index + 1}
+                        </TableTd>
+                        <TableTd>
+                          <Text fz="sm" fw={500} lh={1.5} lineClamp={1}>
+                            {item.name}
+                          </Text>
+                        </TableTd>
+                        <TableTd>
+                          <Text fz="sm" lh={1.5}>
+                            {item.email || '-'}
+                          </Text>
+                        </TableTd>
+                        <TableTd>
+                          <Text fz="sm" lh={1.5}>
+                            {item.notelp || '-'}
+                          </Text>
+                        </TableTd>
+                        <TableTd>
+                          <Button
+                            size="xs"
+                            radius="md"
+                            variant="light"
+                            color="blue"
+                            leftSection={<IconDeviceImacCog size={16} />}
+                            onClick={() =>
+                              router.push(
+                                `/admin/ppid/permohonan-keberatan-informasi-publik/${item.id}`
+                              )
+                            }
+                          >
+                            Detail
+                          </Button>
+                        </TableTd>
+                      </TableTr>
+                    ))}
+                  </TableTbody>
+                </Table>
+              </Box>
+
+              {/* Mobile Cards */}
+              <Stack hiddenFrom="md" gap="xs">
+                {data.map((item, index) => (
+                  <Paper key={item.id} p="sm" radius="md" withBorder bg="white">
+                    <Stack gap={4}>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dimmed">
+                          No
+                        </Text>
+                        <Text fz="sm" fw={600} lh={1.5}>
+                          {index + 1}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dimmed">
+                          Nama
+                        </Text>
+                        <Text fz="sm" fw={600} lh={1.5}>
+                          {item.name}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dimmed">
+                          Email
+                        </Text>
+                        <Text fz="sm" lh={1.5}>
+                          {item.email || '-'}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="xs" fw={600} lh={1.4} c="dimmed">
+                          Telepon
+                        </Text>
+                        <Text fz="sm" lh={1.5}>
+                          {item.notelp || '-'}
+                        </Text>
+                      </Box>
+                      <Box>
                         <Button
                           size="xs"
                           radius="md"
                           variant="light"
                           color="blue"
                           leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/ppid/permohonan-keberatan-informasi-publik/${item.id}`)}
+                          onClick={() =>
+                            router.push(
+                              `/admin/ppid/permohonan-keberatan-informasi-publik/${item.id}`
+                            )
+                          }
+                          mt={4}
                         >
                           Detail
                         </Button>
-                      </TableTd>
-                    </TableTr>
-                  ))}
-                </TableTbody>
-              </Table>
-            </Box>
+                      </Box>
+                    </Stack>
+                  </Paper>
+                ))}
+              </Stack>
+            </>
           )}
         </Stack>
+        <Center mt="xl">
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo(0, 0);
+            }}
+            total={totalPages}
+            withEdges
+            withControls
+            radius="md"
+          />
+        </Center>
       </Paper>
     </Box>
-  );
+  )
 }
-export default Page;
+
+export default Page
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx
index 6c166b5b..b0f95537 100644
--- a/src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profil-ppid/[id]/page.tsx
@@ -138,7 +138,7 @@ function EditProfilePPID() {
   }
 
   return (
-    <Box p="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="md">
         <Group mb="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
index 247222cf..ed78dc0a 100644
--- a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
@@ -7,13 +7,13 @@ import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import stateProfilePPID from '../../_state/ppid/profile_ppid/profile_PPID';
 
-
 function Page() {
-  const router = useRouter()
-  const allList = useProxy(stateProfilePPID)
+  const router = useRouter();
+  const allList = useProxy(stateProfilePPID);
+
   useShallowEffect(() => {
-    allList.profile.load("edit") // Assuming "1" is your default ID, adjust as needed
-  }, [])
+    allList.profile.load("edit");
+  }, []);
 
   if (!allList.profile.data) {
     return (
@@ -32,19 +32,19 @@ function Page() {
       <Stack gap="md">
         <Grid>
           <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>Preview Profil PPID</Title>
+            <Title order={3} c={colors['blue-button']} lh={1.2}>Preview Profil PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-              <Button
-                w={{base: '100%', md: "110%"}}
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() => router.push(`/admin/ppid/profil-ppid/${allList.profile.data?.id}`)}
-              >
-                Edit
-              </Button>
+            <Button
+              w={{ base: '100%', md: "110%" }}
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() => router.push(`/admin/ppid/profil-ppid/${allList.profile.data?.id}`)}
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
         {dataArray.map((item) => (
@@ -57,9 +57,14 @@ function Page() {
                   </Center>
                 </GridCol>
                 <GridCol span={12}>
-                  <Text ta="center" fz={{ base: "1.2rem", md: "1.8rem" }} fw="bold" c={colors['blue-button']}>
+                  <Title
+                    order={2}
+                    c={colors['blue-button']}
+                    ta="center"
+                    lh={1.15}
+                  >
                     PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA
-                  </Text>
+                  </Title>
                 </GridCol>
               </Grid>
             </Box>
@@ -87,34 +92,77 @@ function Page() {
                     className="glass3"
                     style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
                   >
-                    <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
+                    <Title
+                      order={3}
+                      c={colors['white-1']}
+                      ta="center"
+                      lh={1.2}
+                    >
                       {item.name}
-                    </Text>
+                    </Title>
                   </Paper>
                 </Stack>
               </Paper>
-              
+
               <Box mt="lg">
-                <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Biodata</Text>
-                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}}  dangerouslySetInnerHTML={{ __html: item.biodata }} />
+                <Title order={3} lh={1.2} mb={4}>
+                  Biodata
+                </Title>
+                <Text
+                  fz={{ base: 'sm', md: 'md' }}
+                  ta="justify"
+                  c={colors['blue-button']}
+                  lh={1.5}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  dangerouslySetInnerHTML={{ __html: item.biodata }}
+                />
               </Box>
-              
+
               <Box mt="xl">
-                <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Riwayat Karir</Text>
-                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.riwayat }} />
-              </Box>
-              
-              <Box mt="xl">
-                <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Pengalaman Organisasi</Text>
+                <Title order={3} lh={1.2} mb={4}>
+                  Riwayat Karir
+                </Title>
                 <Box px={20}>
-                  <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.pengalaman }} />
+                  <Text
+                    fz={{ base: 'sm', md: 'md' }}
+                    ta="justify"
+                    c={colors['blue-button']}
+                    lh={1.5}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                    dangerouslySetInnerHTML={{ __html: item.riwayat }}
+                  />
                 </Box>
               </Box>
-              
-              <Box mt="xl" mb="lg">
-                <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Program Kerja Unggulan</Text>
+
+              <Box mt="xl">
+                <Title order={3} lh={1.2} mb={4}>
+                  Pengalaman Organisasi
+                </Title>
                 <Box px={20}>
-                  <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.unggulan }} />
+                  <Text
+                    fz={{ base: 'sm', md: 'md' }}
+                    ta="justify"
+                    c={colors['blue-button']}
+                    lh={1.5}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                    dangerouslySetInnerHTML={{ __html: item.pengalaman }}
+                  />
+                </Box>
+              </Box>
+
+              <Box mt="xl" mb="lg">
+                <Title order={3} lh={1.2} mb={4}>
+                  Program Kerja Unggulan
+                </Title>
+                <Box px={20}>
+                  <Text
+                    fz={{ base: 'sm', md: 'md' }}
+                    ta="justify"
+                    c={colors['blue-button']}
+                    lh={1.5}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                    dangerouslySetInnerHTML={{ __html: item.unggulan }}
+                  />
                 </Box>
               </Box>
             </Box>
@@ -122,9 +170,7 @@ function Page() {
         ))}
       </Stack>
     </Paper>
-  )
+  );
 }
 
-
-
 export default Page;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
index 4cc3d2b6..62cae3ef 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBuildingCommunity, IconHierarchy2, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -63,51 +63,92 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
+          >
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        {tabs.map((tab, i) => (
+          <TabsPanel
+            key={i}
+            value={tab.value}
             style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+              padding: "1.5rem",
+              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
               borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
             }}
           >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-          ))}
-        </TabsList>
-      </ScrollArea>
-
-      {tabs.map((tab, i) => (
-        <TabsPanel
-          key={i}
-          value={tab.value}
-          style={{
-            padding: "1.5rem",
-            background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-            borderRadius: "1rem",
-            boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-          }}
-        >
-          {children}
-        </TabsPanel>
-      ))}
-    </Tabs>
+            {children}
+          </TabsPanel>
+        ))}
+      </Tabs>
     </Stack >
   );
 }
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
index 946398c3..4b53047c 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
@@ -153,7 +153,7 @@ export default function EditPegawaiPPID() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
index 84952385..3429f21d 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
@@ -51,7 +51,7 @@ function DetailPegawai() {
   const data = statePegawai.findUnique.data;
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Box mb={10}>
         <Button variant="subtle" onClick={() => router.back()}>
           <IconArrowBack color={colors['blue-button']} size={25} />
@@ -59,7 +59,7 @@ function DetailPegawai() {
       </Box>
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
index 1efb649a..ff74387b 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
@@ -78,7 +78,7 @@ function CreatePegawaiPPID() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
index aaa1ff9c..bf1919dd 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
@@ -1,13 +1,32 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title } from '@mantine/core';
-import { IconCheck, IconDeviceImacCog, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
+import {
+  Badge,
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title
+} from '@mantine/core';
+import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import stateStrukturPPID from '../../../_state/ppid/struktur_ppid/struktur_PPID';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function PegawaiPPID() {
   const [search, setSearch] = useState("");
@@ -28,6 +47,7 @@ function PegawaiPPID() {
 function ListPegawaiPPID({ search }: { search: string }) {
   const stateOrganisasi = useProxy(stateStrukturPPID.pegawai);
   const router = useRouter();
+    const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -38,47 +58,28 @@ function ListPegawaiPPID({ search }: { search: string }) {
   } = stateOrganisasi.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   // Handle loading state
   if (loading || !data) {
     return (
-      <Stack py={10}>
-        <Skeleton height={300} />
+      <Stack py="xl">
+        <Skeleton height={300} radius="md" />
       </Stack>
     );
   }
 
   if (data.length === 0) {
     return (
-      <Box py={10}>
+      <Box py="xl">
         <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
           <Group justify="space-between" mb="md">
-            <Title order={4}>Daftar Pegawai PPID</Title>
-              <Button
-                leftSection={<IconPlus size={18} />}
-                color="blue"
-                variant="light"
-                onClick={() => router.push('/admin/ppid/struktur-ppid/pegawai/create')}
-              >
-                Tambah Baru
-              </Button>
-          </Group>
-          <Center py="xl">
-            <Text c="dimmed">Tidak ada data pegawai yang ditemukan</Text>
-          </Center>
-        </Paper>
-      </Box>
-    );
-  }
-  return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pegawai PPID</Title>
+            <Title order={2} lh={1.2}>
+              Daftar Pegawai PPID
+            </Title>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -87,53 +88,70 @@ function ListPegawaiPPID({ search }: { search: string }) {
             >
               Tambah Baru
             </Button>
+          </Group>
+          <Center py="xl">
+            <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+              Tidak ada data pegawai yang ditemukan
+            </Text>
+          </Center>
+        </Paper>
+      </Box>
+    );
+  }
+
+  return (
+    <Box py="xl">
+      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+        <Group justify="space-between" mb="md">
+          <Title order={2} lh={1.2}>
+            Daftar Pegawai PPID
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ppid/struktur-ppid/pegawai/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop: Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={0}>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama Lengkap</TableTh>
-                <TableTh style={{ width: '20%' }}>Posisi</TableTh>
-                <TableTh style={{ width: '10%' }}>Status</TableTh>
-                <TableTh style={{ width: '10%' }}>Aksi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>
+                  Nama Lengkap
+                </TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>
+                  Posisi
+                </TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>
+                  Status
+                </TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>
+                  Aksi
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.map((item) => (
                 <TableTr key={item.id}>
                   <TableTd>
-                    <Box w={150}>
-                      <Text fw={500} truncate="end" lineClamp={1}>
-                        {item.namaLengkap}
-                      </Text>
-                    </Box>
+                    <Text fz="md" fw={500} lh={1.5} truncate="end">
+                      {item.namaLengkap}
+                    </Text>
                   </TableTd>
                   <TableTd>
-                    <Box w={150}>
-                      <Badge variant="light" color="blue">
-                        {item.posisi?.nama || 'Belum diatur'}
-                      </Badge>
-                    </Box>
+                    <Badge variant="light" color="blue" fz="sm" lh={1.4}>
+                      {item.posisi?.nama || 'Belum diatur'}
+                    </Badge>
                   </TableTd>
                   <TableTd>
-                    <Group gap="xs" wrap="nowrap">
-                      <Box visibleFrom="sm">
-                        <Badge color={item.isActive ? "green" : "red"}>
-                          {item.isActive ? "Aktif" : "Tidak Aktif"}
-                        </Badge>
-                      </Box>
-                      <Box hiddenFrom="sm">
-                        {item.isActive ? (
-                          <ThemeIcon color="green" variant="light" size="sm">
-                            <IconCheck size={16} />
-                          </ThemeIcon>
-                        ) : (
-                          <ThemeIcon color="red" variant="light" size="sm">
-                            <IconX size={16} />
-                          </ThemeIcon>
-                        )}
-                      </Box>
-                    </Group>
+                    <Badge color={item.isActive ? "green" : "red"} fz="sm" lh={1.4}>
+                      {item.isActive ? "Aktif" : "Tidak Aktif"}
+                    </Badge>
                   </TableTd>
                   <TableTd>
                     <Button
@@ -143,6 +161,7 @@ function ListPegawaiPPID({ search }: { search: string }) {
                       color="blue"
                       leftSection={<IconDeviceImacCog size={16} />}
                       onClick={() => router.push(`/admin/ppid/struktur-ppid/pegawai/${item.id}`)}
+                      fz="sm"
                     >
                       Detail
                     </Button>
@@ -152,7 +171,47 @@ function ListPegawaiPPID({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
-        <Center mt="lg">
+
+        {/* Mobile: Card List */}
+        <Stack hiddenFrom="md" gap="sm" mt="md">
+          {filteredData.map((item) => (
+            <Paper key={item.id} withBorder p="md" radius="md">
+              <Stack gap={"xs"}>
+               <Box>
+                <Text fz="sm" fw={600} lh={1.4}>Nama Lengkap</Text>
+                 <Text fz="md" fw={500} lh={1.4}>
+                  {item.namaLengkap}
+                </Text>
+               </Box>
+               <Box>
+                <Text fz="sm" fw={600} lh={1.4}>Posisi</Text>
+                <Badge variant="light" color="blue" fz="xs" lh={1.4}>
+                  {item.posisi?.nama || 'Belum diatur'}
+                </Badge>
+               </Box>
+               <Box>
+                <Text fz="sm" fw={600} lh={1.4}>Status</Text>
+                <Badge color={item.isActive ? "green" : "red"} fz="xs" lh={1.4}>
+                  {item.isActive ? "Aktif" : "Tidak Aktif"}
+                </Badge>
+               </Box>
+                <Button
+                  size="xs"
+                  radius="md"
+                  variant="light"
+                  color="blue"
+                  leftSection={<IconDeviceImacCog size={16} />}
+                  onClick={() => router.push(`/admin/ppid/struktur-ppid/pegawai/${item.id}`)}
+                  fz="xs"
+                >
+                  Detail
+                </Button>
+              </Stack>
+            </Paper>
+          ))}
+        </Stack>
+
+        <Center mt="xl">
           <Pagination
             value={page}
             onChange={(newPage) => {
@@ -170,4 +229,4 @@ function ListPegawaiPPID({ search }: { search: string }) {
   );
 }
 
-export default PegawaiPPID;
+export default PegawaiPPID;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
index 0e81e613..526e2ff6 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
@@ -107,7 +107,7 @@ function EditPosisiOrganisasiPPID() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
index fda5e1d4..406c14c1 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
@@ -46,7 +46,7 @@ function CreatePosisiOrganisasiPPID() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
index 955dd9d3..cc7bf48a 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -31,6 +31,7 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
+    const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -41,8 +42,8 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
   } = stateOrganisasi.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleHapus = async () => {
     if (selectedId) {
@@ -56,63 +57,63 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Posisi Organisasi PPID</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ppid/struktur-ppid/posisi-organisasi/create')}
-            >
-              Tambah Baru
-            </Button>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2}>Daftar Posisi Organisasi PPID</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ppid/struktur-ppid/posisi-organisasi/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '20%' }}>Nama Posisi</TableTh>
-                <TableTh style={{ width: '20%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '20%' }}>Hierarki</TableTh>
-                <TableTh style={{ width: '20%' }}>Edit</TableTh>
-                <TableTh style={{ width: '20%' }}>Hapus</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Nama Posisi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Deskripsi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Hierarki</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Edit</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Hapus</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.nama}</Text>
+                    <TableTd>
+                      <Text fz="md" fw={600} lh={1.5} truncate="end" lineClamp={1}>{item.nama}</Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Box w={200}>
-                        <Text lineClamp={1} fz="sm" c="dimmed" dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }} />
-                      </Box>
+                    <TableTd w={200}>
+                      <Text fz="sm" lh={1.5} c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }} />
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text>{item.hierarki || '-'}</Text>
+                    <TableTd>
+                      <Text fz="md" lh={1.5}>{item.hierarki || '-'}</Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                        <Button
-                          variant="light"
-                          color="green"
-                          size="sm"
-                          onClick={() => router.push(`/admin/ppid/struktur-ppid/posisi-organisasi/${item.id}`)}
-                        >
-                          <IconEdit size={18} />
-                        </Button>
+                    <TableTd>
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="sm"
+                        onClick={() => router.push(`/admin/ppid/struktur-ppid/posisi-organisasi/${item.id}`)}
+                      >
+                        <IconEdit size={18} />
+                      </Button>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="red"
@@ -129,9 +130,11 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data posisi organisasi yang cocok</Text>
+                  <TableTd colSpan={5}>
+                    <Center py={{ base: 'sm', md: 'md' }}>
+                      <Text fz="sm" c="dimmed" ta="center" lh={1.5}>
+                        Tidak ada data posisi organisasi yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -139,7 +142,59 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack gap="xs" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="sm">
+                <Stack gap={4}>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Nama Posisi</Text>
+                    <Text fz="sm" fw={600} lh={1.5}>{item.nama}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Deskripsi</Text>
+                    <Text fz="sm" lh={1.5} dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }} />
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Hierarki</Text>
+                    <Text fz="sm" lh={1.5}>{item.hierarki || '-'}</Text>
+                  </Box>
+                  <Group justify="flex-end" gap="xs">
+                    <Button
+                      variant="light"
+                      color="green"
+                      size="xs"
+                      onClick={() => router.push(`/admin/ppid/struktur-ppid/posisi-organisasi/${item.id}`)}
+                    >
+                      <IconEdit size={16} />
+                    </Button>
+                    <Button
+                      variant="light"
+                      color="red"
+                      size="xs"
+                      onClick={() => {
+                        setSelectedId(item.id);
+                        setModalHapus(true);
+                      }}
+                    >
+                      <IconTrash size={16} />
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="sm">
+              <Text fz="sm" c="dimmed" ta="center" lh={1.5}>
+                Tidak ada data posisi organisasi yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -154,6 +209,7 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
           radius="md"
         />
       </Center>
+
       {/* Modal Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}
@@ -165,4 +221,4 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
   );
 }
 
-export default PosisiOrganisasiPPID;
+export default PosisiOrganisasiPPID;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
index f6bb2f53..b10c489b 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
@@ -71,7 +71,7 @@ function VisiMisiPPIDEdit() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+        <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
index f3a07cda..6b3791c9 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
@@ -7,9 +7,8 @@ import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import stateVisiMisiPPID from '../../_state/ppid/visi_misi_ppid/visimisiPPID';
 
-
 function VisiMisiPPIDList() {
-  const router = useRouter()
+  const router = useRouter();
   const listVisiMisi = useProxy(stateVisiMisiPPID);
   useShallowEffect(() => {
     listVisiMisi.findById.load('1');
@@ -41,15 +40,16 @@ function VisiMisiPPIDList() {
             <Title order={3} c={colors['blue-button']}>Preview Visi Misi PPID</Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() => router.push('/admin/ppid/visi-misi-ppid/edit')}
-              >
-                Edit
-              </Button>
+            <Button
+            w={{ base: '100%', md: "110%" }}
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() => router.push('/admin/ppid/visi-misi-ppid/edit')}
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
@@ -58,14 +58,25 @@ function VisiMisiPPIDList() {
             <Grid>
               <GridCol span={12}>
                 <Center>
-                  <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo PPID" />
+                  <Image loading="lazy" src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo PPID" />
                 </Center>
               </GridCol>
               <GridCol span={12}>
-                <Text ta="center" fz={{ base: '1.2rem', md: '1.8rem' }} fw="bold" c={colors['blue-button']}>
+                <Title
+                  order={2}
+                  ta="center"
+                  c={colors['blue-button']}
+                  style={{ lineHeight: 1.15 }}
+                >
                   MOTO PPID DESA DARMASABA
-                </Text>
-                <Text ta="center" fz={{ base: '1rem', md: '1.2rem' }} mt="sm">
+                </Title>
+                <Text
+                  ta="center"
+                  fz={{ base: 'sm', md: 'md' }}
+                  lh={{ base: 1.5, md: 1.5 }}
+                  mt="sm"
+                  c="black"
+                >
                   MEMBERIKAN INFORMASI YANG CEPAT, MUDAH, TEPAT DAN TRANSPARAN
                 </Text>
               </GridCol>
@@ -74,26 +85,50 @@ function VisiMisiPPIDList() {
             <Divider my="xl" color={colors['blue-button']} />
 
             <Box>
-              <Text fz={{ base: '1.5rem', md: '1.75rem' }} fw="bold" ta="center" mb="lg" c={colors['blue-button']}>
+              <Title
+                order={2}
+                ta="center"
+                mb="lg"
+                c={colors['blue-button']}
+                style={{ lineHeight: 1.15 }}
+              >
                 VISI PPID
-              </Text>
-              <Box 
-                className="prose max-w-none"
+              </Title>
+              <Text
+                ta={{ base: "center", md: "justify" }}
                 dangerouslySetInnerHTML={{ __html: listVisiMisi.findById.data.visi }}
-                style={{wordBreak: "break-word", whiteSpace: "normal", textAlign: "justify"}}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  fontSize: '1rem',
+                  lineHeight: 1.55,
+                  color: 'black',
+                }}
               />
             </Box>
 
             <Divider my="xl" color={colors['blue-button']} />
 
             <Box mt="xl">
-              <Text fz={{ base: '1.5rem', md: '1.75rem' }} fw="bold" ta="center" mb="lg" c={colors['blue-button']}>
+              <Title
+                order={2}
+                ta="center"
+                mb="lg"
+                c={colors['blue-button']}
+                style={{ lineHeight: 1.15 }}
+              >
                 MISI PPID
-              </Text>
-              <Box 
-                className="prose max-w-none"
+              </Title>
+              <Text
+                ta={"justify"}
                 dangerouslySetInnerHTML={{ __html: listVisiMisi.findById.data.misi }}
-                style={{wordBreak: "break-word", whiteSpace: "normal", textAlign: "justify"}}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  fontSize: '1rem',
+                  lineHeight: 1.55,
+                  color: 'black',
+                }}
               />
             </Box>
           </Box>
@@ -103,4 +138,4 @@ function VisiMisiPPIDList() {
   );
 }
 
-export default VisiMisiPPIDList;
+export default VisiMisiPPIDList;
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/find-many.ts b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/find-many.ts
index f8f32d41..7489b74b 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_informasi_publik/find-many.ts
@@ -1,14 +1,56 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
+import { Context } from "elysia";
 
-export default async function permohonanInformasiPublikFindMany() {
-  const res = await prisma.permohonanInformasiPublik.findMany({
-    include: {
-      jenisInformasiDiminta: true,
-      caraMemperolehInformasi: true,
-      caraMemperolehSalinanInformasi: true,
-    }
-  });
-  return {
-    data: res,
-  };
+export default async function permohonanInformasiPublikFindMany(
+  context: Context
+) {
+  const page = Number(context.query.page) || 1;
+  const limit = Number(context.query.limit) || 10;
+  const search = (context.query.search as string) || "";
+  const skip = (page - 1) * limit;
+
+  const where: any = { isActive: true };
+
+  // Tambahkan pencarian (jika ada)
+  if (search) {
+    where.OR = [
+      { name: { contains: search, mode: "insensitive" } },
+      { email: { contains: search, mode: "insensitive" } },
+    ];
+  }
+
+  try {
+    const [data, total] = await Promise.all([
+      prisma.permohonanInformasiPublik.findMany({
+        where,
+        skip,
+        include: {
+          jenisInformasiDiminta: true,
+          caraMemperolehInformasi: true,
+          caraMemperolehSalinanInformasi: true,
+        },
+        take: limit,
+        orderBy: { name: "asc" }, // opsional, kalau mau urut berdasarkan waktu
+      }),
+      prisma.permohonanInformasiPublik.count({
+        where: { isActive: true },
+      }),
+    ]);
+
+    return {
+      success: true,
+      message: "Success fetch formulir permohonan keberatan with pagination",
+      data,
+      page,
+      totalPages: Math.ceil(total / limit),
+      total,
+    };
+  } catch (e) {
+    console.error("Find many paginated error:", e);
+    return {
+      success: false,
+      message: "Failed fetch formulir permohonan keberatan with pagination",
+    };
+  }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/find-many.ts b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/find-many.ts
index bd4b6c4d..7be2299f 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/permohonan_keberatan_informasi_publik/find-many.ts
@@ -1,8 +1,49 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
+import { Context } from "elysia";
 
-export default async function permohonanKeberatanInformasiPublikFindMany() {
-  const res = await prisma.formulirPermohonanKeberatan.findMany();
-  return {
-    data: res,
-  };
+export default async function permohonanKeberatanInformasiPublikFindMany(context: Context) {
+  const page = Number(context.query.page) || 1;
+  const limit = Number(context.query.limit) || 10;
+  const search = (context.query.search as string) || '';
+  const skip = (page - 1) * limit;
+
+  const where: any = { isActive: true };
+
+  // Tambahkan pencarian (jika ada)
+  if (search) {
+    where.OR = [
+      { name: { contains: search, mode: 'insensitive' } },
+      {email: { contains: search, mode: 'insensitive' } },
+    ];
+  }
+
+  try {
+    const [data, total] = await Promise.all([
+      prisma.formulirPermohonanKeberatan.findMany({
+        where,
+        skip,
+        take: limit,
+        orderBy: { name: "asc" }, // opsional, kalau mau urut berdasarkan waktu
+      }),
+      prisma.formulirPermohonanKeberatan.count({
+        where: { isActive: true },
+      }),
+    ]);
+
+    return {
+      success: true,
+      message: "Success fetch formulir permohonan keberatan with pagination",
+      data,
+      page,
+      totalPages: Math.ceil(total / limit),
+      total,
+    };
+  } catch (e) {
+    console.error("Find many paginated error:", e);
+    return {
+      success: false,
+      message: "Failed fetch formulir permohonan keberatan with pagination",
+    };
+  }
 }
diff --git a/src/app/darmasaba/_com/ModernNewsNotification.tsx b/src/app/darmasaba/_com/ModernNewsNotification.tsx
index 2fa14f1c..93503db6 100644
--- a/src/app/darmasaba/_com/ModernNewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNewsNotification.tsx
@@ -216,105 +216,282 @@ export default function ModernNewsNotification({
       {/* Widget Panel */}
       <Transition mounted={widgetOpen} transition="slide-up" duration={300}>
         {(styles) => (
-          <Paper
-            style={{
-              ...styles,
-              position: "fixed",
-              bottom: "100px",
-              left: "24px",
-              width: "90vw",
-              maxWidth: 380,
-              maxHeight: "500px",
-              boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
-              borderRadius: "16px",
-              overflow: "hidden",
-            }}
-          >
-            <Box
-              style={{
-                background: "linear-gradient(135deg, #1e5a7e 0%, #2c7da0 100%)",
-                padding: "16px 20px",
-                color: "white",
-              }}
-            >
-              <Group justify="space-between">
-                <Group gap="xs">
-                  <IconBell size={20} />
-                  <Text c="white" fw={600} size="md">
-                    Berita & Pengumuman
-                  </Text>
-                </Group>
-                <CloseButton
-                  onClick={() => {
-                    setWidgetOpen(false);
-                    onSeen?.();
+          <Box>
+            <Box hiddenFrom="md">
+              <Paper
+                style={{
+                  ...styles,
+                  position: "fixed",
+                  bottom: "100px",
+                  left: "24px",
+                  width: "90vw",
+                  maxWidth: 380,
+                  maxHeight: "500px",
+                  boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
+                  borderRadius: "16px",
+                  overflow: "hidden",
+                }}
+              >
+                <Box
+                  style={{
+                    background: "linear-gradient(135deg, #1e5a7e 0%, #2c7da0 100%)",
+                    padding: "16px 20px",
+                    color: "white",
                   }}
-                  variant="transparent"
-                  c="white"
-                />
-              </Group>
-            </Box>
-
-            <Box style={{ maxHeight: "400px", overflowY: "auto", padding: "12px" }}>
-              {news.length === 0 ? (
-                <Box p="xl" style={{ textAlign: "center" }}>
-                  <Text c="dimmed" size="sm">
-                    Tidak ada berita terbaru
-                  </Text>
+                >
+                  <Group justify="space-between">
+                    <Group gap="xs">
+                      <IconBell size={20} />
+                      <Text c="white" fw={600} size="md">
+                        Berita & Pengumuman
+                      </Text>
+                    </Group>
+                    <CloseButton
+                      onClick={() => {
+                        setWidgetOpen(false);
+                        onSeen?.();
+                      }}
+                      variant="transparent"
+                      c="white"
+                    />
+                  </Group>
                 </Box>
-              ) : (
-                <Stack gap="xs">
-                  {news.map((item) => (
-                    <Paper
-                      key={item.id}
-                      p="md"
-                      radius="md"
-                      style={{
-                        border: "1px solid #e9ecef",
-                        cursor: "pointer",
-                        transition: "all 0.2s ease",
-                      }}
-                      onMouseEnter={(e) => {
-                        e.currentTarget.style.borderColor = "#1e5a7e";
-                        e.currentTarget.style.transform = "translateY(-2px)";
-                        e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.08)";
-                      }}
-                      onMouseLeave={(e) => {
-                        e.currentTarget.style.borderColor = "#e9ecef";
-                        e.currentTarget.style.transform = "translateY(0)";
-                        e.currentTarget.style.boxShadow = "none";
-                      }}
-                      onClick={() => handleNotificationClick(item)}
-                    >
-                      <Group justify="space-between" mb="xs">
-                        <Badge
-                          size="sm"
-                          color={item.type === "berita" ? "blue" : "orange"}
-                          variant="light"
+
+                <Box style={{ maxHeight: "400px", overflowY: "auto", padding: "12px" }}>
+                  {news.length === 0 ? (
+                    <Box p="xl" style={{ textAlign: "center" }}>
+                      <Text c="dimmed" size="sm">
+                        Tidak ada berita terbaru
+                      </Text>
+                    </Box>
+                  ) : (
+                    <Stack gap="xs">
+                      {news.map((item) => (
+                        <Paper
+                          key={item.id}
+                          p="md"
+                          radius="md"
+                          style={{
+                            border: "1px solid #e9ecef",
+                            cursor: "pointer",
+                            transition: "all 0.2s ease",
+                          }}
+                          onMouseEnter={(e) => {
+                            e.currentTarget.style.borderColor = "#1e5a7e";
+                            e.currentTarget.style.transform = "translateY(-2px)";
+                            e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.08)";
+                          }}
+                          onMouseLeave={(e) => {
+                            e.currentTarget.style.borderColor = "#e9ecef";
+                            e.currentTarget.style.transform = "translateY(0)";
+                            e.currentTarget.style.boxShadow = "none";
+                          }}
+                          onClick={() => handleNotificationClick(item)}
                         >
-                          {item.type === "berita" ? "Berita" : "Pengumuman"}
-                        </Badge>
-                        <IconChevronRight size={16} color="#adb5bd" />
-                      </Group>
-                      <Text fw={600} size="sm" mb={4} lineClamp={2}>
-                        {item.title || "Tanpa Judul"}
-                      </Text>
-                      <Text size="xs" c="dimmed" lineClamp={2}>
-                        {stripHtml(item.content).substring(0, 100)}...
-                      </Text>
-                    </Paper>
-                  ))}
-                </Stack>
-              )}
+                          <Group justify="space-between" mb="xs">
+                            <Badge
+                              size="sm"
+                              color={item.type === "berita" ? "blue" : "orange"}
+                              variant="light"
+                            >
+                              {item.type === "berita" ? "Berita" : "Pengumuman"}
+                            </Badge>
+                            <IconChevronRight size={16} color="#adb5bd" />
+                          </Group>
+                          <Text fw={600} size="sm" mb={4} lineClamp={2}>
+                            {item.title || "Tanpa Judul"}
+                          </Text>
+                          <Text size="xs" c="dimmed" lineClamp={2}>
+                            {stripHtml(item.content).substring(0, 100)}...
+                          </Text>
+                        </Paper>
+                      ))}
+                    </Stack>
+                  )}
+                </Box>
+              </Paper>
             </Box>
-          </Paper>
+            <Box visibleFrom="md">
+              <Paper
+                style={{
+                  ...styles,
+                  position: "fixed",
+                  bottom: "100px",
+                  right: "24px",
+                  width: "90vw",
+                  maxWidth: 380,
+                  maxHeight: "500px",
+                  boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
+                  borderRadius: "16px",
+                  overflow: "hidden",
+                }}
+              >
+                <Box
+                  style={{
+                    background: "linear-gradient(135deg, #1e5a7e 0%, #2c7da0 100%)",
+                    padding: "16px 20px",
+                    color: "white",
+                  }}
+                >
+                  <Group justify="space-between">
+                    <Group gap="xs">
+                      <IconBell size={20} />
+                      <Text c="white" fw={600} size="md">
+                        Berita & Pengumuman
+                      </Text>
+                    </Group>
+                    <CloseButton
+                      onClick={() => {
+                        setWidgetOpen(false);
+                        onSeen?.();
+                      }}
+                      variant="transparent"
+                      c="white"
+                    />
+                  </Group>
+                </Box>
+
+                <Box style={{ maxHeight: "400px", overflowY: "auto", padding: "12px" }}>
+                  {news.length === 0 ? (
+                    <Box p="xl" style={{ textAlign: "center" }}>
+                      <Text c="dimmed" size="sm">
+                        Tidak ada berita terbaru
+                      </Text>
+                    </Box>
+                  ) : (
+                    <Stack gap="xs">
+                      {news.map((item) => (
+                        <Paper
+                          key={item.id}
+                          p="md"
+                          radius="md"
+                          style={{
+                            border: "1px solid #e9ecef",
+                            cursor: "pointer",
+                            transition: "all 0.2s ease",
+                          }}
+                          onMouseEnter={(e) => {
+                            e.currentTarget.style.borderColor = "#1e5a7e";
+                            e.currentTarget.style.transform = "translateY(-2px)";
+                            e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.08)";
+                          }}
+                          onMouseLeave={(e) => {
+                            e.currentTarget.style.borderColor = "#e9ecef";
+                            e.currentTarget.style.transform = "translateY(0)";
+                            e.currentTarget.style.boxShadow = "none";
+                          }}
+                          onClick={() => handleNotificationClick(item)}
+                        >
+                          <Group justify="space-between" mb="xs">
+                            <Badge
+                              size="sm"
+                              color={item.type === "berita" ? "blue" : "orange"}
+                              variant="light"
+                            >
+                              {item.type === "berita" ? "Berita" : "Pengumuman"}
+                            </Badge>
+                            <IconChevronRight size={16} color="#adb5bd" />
+                          </Group>
+                          <Text fw={600} size="sm" mb={4} lineClamp={2}>
+                            {item.title || "Tanpa Judul"}
+                          </Text>
+                          <Text size="xs" c="dimmed" lineClamp={2}>
+                            {stripHtml(item.content).substring(0, 100)}...
+                          </Text>
+                        </Paper>
+                      ))}
+                    </Stack>
+                  )}
+                </Box>
+              </Paper>
+            </Box>
+          </Box>
         )}
       </Transition>
 
       {/* Toast Notification */}
-      <Transition
+      <Box>
+        <Box hiddenFrom="md">
+          <Transition
+            mounted={toastVisible && !!currentNews}
+            transition="slide-left"
+            duration={300}
+          >
+            {(styles) => (
+              <Paper
+                style={{
+                  ...styles,
+                  position: "fixed",
+                  bottom: "100px",
+                  left: "24px",
+                  width: "90vw",
+                  maxWidth: 380,
+                  boxShadow: "0 8px 32px rgba(0,0,0,0.15)",
+                  borderRadius: "12px",
+                  overflow: "hidden",
+                  border: "1px solid #e9ecef",
+                }}
+                onClick={handleLihatSemua}
+              >
+                <Box
+                  style={{
+                    height: "3px",
+                    background: "#1e5a7e",
+                    animation: "shrink 8s linear forwards",
+                  }}
+                />
+                <style>{`
+              @keyframes shrink {
+                from { width: 100%; }
+                to { width: 0%; }
+              }
+            `}</style>
+
+                <Box p="md">
+                  <Group justify="space-between" mb="xs">
+                    <Badge
+                      size="md"
+                      color={currentNews?.type === "berita" ? "blue" : "orange"}
+                      variant="light"
+                    >
+                      {currentNews?.type === "berita"
+                        ? "Berita Terbaru"
+                        : "Pengumuman"}
+                    </Badge>
+                    <CloseButton onClick={handleDismissToast} size="sm" />
+                  </Group>
+
+                  <Text fw={600} size="sm" mb={6}>
+                    {currentNews?.title || "Informasi Terbaru"}
+                  </Text>
+
+                  <Text size="xs" c="dimmed" lineClamp={3}>
+                    {stripHtml(currentNews?.content || "")}
+                  </Text>
+
+                  <Group justify="space-between" mt="md">
+                    <Text size="xs" c="dimmed">
+                      {news.length > 1 ? `${news.length} berita tersedia` : "1 berita"}
+                    </Text>
+                    <Text
+                      size="xs"
+                      fw={500}
+                      c="#1e5a7e"
+                      style={{ cursor: "pointer" }}
+                      onClick={handleLihatSemua}
+                    >
+                      Lihat Semua →
+                    </Text>
+                  </Group>
+                </Box>
+              </Paper>
+            )}
+          </Transition>
+        </Box>
+        <Box visibleFrom="md">
+        <Transition
         mounted={toastVisible && !!currentNews}
-        transition="slide-left"
+        transition="slide-right"
         duration={300}
       >
         {(styles) => (
@@ -323,7 +500,7 @@ export default function ModernNewsNotification({
               ...styles,
               position: "fixed",
               bottom: "100px",
-              left: "24px",
+              right: "24px",
               width: "90vw",
               maxWidth: 380,
               boxShadow: "0 8px 32px rgba(0,0,0,0.15)",
@@ -387,6 +564,8 @@ export default function ModernNewsNotification({
           </Paper>
         )}
       </Transition>
+        </Box>
+      </Box>
     </>
   );
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/_com/NavbarMainMenu.tsx b/src/app/darmasaba/_com/NavbarMainMenu.tsx
index 79ef6134..79b200c1 100644
--- a/src/app/darmasaba/_com/NavbarMainMenu.tsx
+++ b/src/app/darmasaba/_com/NavbarMainMenu.tsx
@@ -3,18 +3,17 @@
 import colors from "@/con/colors"
 import stateNav from "@/state/state-nav"
 import { ActionIcon, Button, Container, Flex, Image, Menu, MenuTarget, Stack, Tooltip } from "@mantine/core"
-import { IconSearch, IconUser } from "@tabler/icons-react"
+import { IconSearch, IconUserCog } from "@tabler/icons-react"
 import { useTransitionRouter } from 'next-view-transitions'
 import { usePathname, useRouter } from "next/navigation"
 import { useSnapshot } from "valtio"
 import { MenuItem } from "../../../../types/menu-item"
 import { NavbarSearch } from "./NavBarSearch"
 import { NavbarSubMenu } from "./NavbarSubMenu"
+import { authStore } from "@/store/authStore";
 
 // contoh state auth (dummy aja dulu, bisa diganti sesuai sistem auth kamu)
-const stateAuth = {
-  role: "admin", // coba ubah ke "user" buat test
-}
+const isAdmin = authStore.user?.roleId === 0 || authStore.user?.roleId === 1 || authStore.user?.roleId === 2 || authStore.user?.roleId === 3 || authStore.user?.roleId === 4; 
 
 export function NavbarMainMenu({ listNavbar }: { listNavbar: MenuItem[] }) {
   const { item, isSearch } = useSnapshot(stateNav)
@@ -70,8 +69,8 @@ export function NavbarMainMenu({ listNavbar }: { listNavbar: MenuItem[] }) {
           </Tooltip>
 
           {/* hanya tampil kalau role = admin */}
-          {stateAuth.role === "admin" && (
-            <Tooltip label="Profil Saya" position="bottom" withArrow>
+          {isAdmin && (
+            <Tooltip label="Kembali ke Admin" position="bottom" withArrow>
               <ActionIcon
                 onClick={() => {
                   next.push("/admin/landing-page/profil/program-inovasi")
@@ -80,7 +79,7 @@ export function NavbarMainMenu({ listNavbar }: { listNavbar: MenuItem[] }) {
                 radius="xl"
                 variant="light"
               >
-                <IconUser size={22} />
+                <IconUserCog size={22} />
               </ActionIcon>
             </Tooltip>
           )}
-- 
2.49.1


From af60bcd6fcde1750bc5bc48ba43458cb7ad51f4b Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 18 Dec 2025 17:25:22 +0800
Subject: [PATCH 57/97] Fix QC Kak Inno Tgl 17 Fix QC Kak Ayu Tgl 17 Fix UI
 Admin Mobile Menu PPID Search Admin Menu Landing Page & Menu PPID

---
 .../desa/_com/layoutTabLayanan.tsx            |  79 +-
 .../desa/berita/kategori-berita/[id]/page.tsx |   2 +-
 .../berita/kategori-berita/create/page.tsx    |   2 +-
 .../desa/berita/kategori-berita/page.tsx      | 193 +++--
 .../berita/list-berita/[id]/edit/page.tsx     |   2 +-
 .../desa/berita/list-berita/[id]/page.tsx     |   2 +-
 .../desa/berita/list-berita/create/page.tsx   |   2 +-
 .../desa/berita/list-berita/page.tsx          | 118 ++-
 .../desa/gallery/foto/[id]/edit/page.tsx      |   2 +-
 .../desa/gallery/foto/[id]/page.tsx           |   4 +-
 .../desa/gallery/foto/create/page.tsx         |   2 +-
 .../(dashboard)/desa/gallery/foto/page.tsx    | 129 +++-
 .../desa/gallery/video/[id]/edit/page.tsx     |   2 +-
 .../desa/gallery/video/[id]/page.tsx          |   4 +-
 .../desa/gallery/video/create/page.tsx        |   2 +-
 .../(dashboard)/desa/gallery/video/page.tsx   | 162 ++--
 .../ajukan_permohonan/[id]/edit/page.tsx      |   2 +-
 .../layanan/ajukan_permohonan/[id]/page.tsx   |   4 +-
 .../desa/layanan/ajukan_permohonan/page.tsx   | 148 ++--
 .../[id]/page.tsx                             |   2 +-
 .../pelayanan_penduduk_non_permanent/page.tsx |  48 +-
 .../[id]/page.tsx                             |   2 +-
 .../pelayanan_perizinan_berusaha/page.tsx     | 170 +++-
 .../[id]/edit/page.tsx                        |   2 +-
 .../pelayanan_surat_keterangan/[id]/page.tsx  |   4 +-
 .../create/page.tsx                           |   2 +-
 .../pelayanan_surat_keterangan/page.tsx       | 168 ++--
 .../[id]/edit/page.tsx                        |  22 +-
 .../[id]/page.tsx                             |   4 +-
 .../create/page.tsx                           |   2 +-
 .../pelayanan_telunjuk_sakti_desa/page.tsx    | 147 +++-
 .../desa/penghargaan/[id]/edit/page.tsx       |   2 +-
 .../desa/penghargaan/[id]/page.tsx            |   2 +-
 .../desa/penghargaan/create/page.tsx          |   2 +-
 .../(dashboard)/desa/penghargaan/page.tsx     | 138 ++--
 .../desa/pengumuman/_com/layoutTabs.tsx       |  99 ++-
 .../kategori-pengumuman/[id]/page.tsx         |   2 +-
 .../kategori-pengumuman/create/page.tsx       |   2 +-
 .../pengumuman/kategori-pengumuman/page.tsx   | 218 ++++--
 .../list-pengumuman/[id]/edit/page.tsx        |   2 +-
 .../pengumuman/list-pengumuman/[id]/page.tsx  |  21 +-
 .../list-pengumuman/create/page.tsx           |   2 +-
 .../desa/pengumuman/list-pengumuman/page.tsx  | 115 ++-
 .../potensi/kategori-potensi/[id]/page.tsx    |   2 +-
 .../potensi/kategori-potensi/create/page.tsx  |   2 +-
 .../desa/potensi/kategori-potensi/page.tsx    | 203 +++--
 .../potensi/list-potensi/[id]/edit/page.tsx   |   2 +-
 .../desa/potensi/list-potensi/[id]/page.tsx   |   4 +-
 .../desa/potensi/list-potensi/create/page.tsx |   2 +-
 .../desa/potensi/list-potensi/page.tsx        | 161 +++-
 .../desa/profil/_lib/layoutTabsDetail.tsx     |  99 ++-
 .../profil-desa/[id]/lambang_desa/page.tsx    |   4 +-
 .../profil-desa/[id]/maskot_desa/page.tsx     |   6 +-
 .../profil-desa/[id]/sejarah_desa/page.tsx    |   6 +-
 .../profil-desa/[id]/visi_misi_desa/page.tsx  |   4 +-
 .../desa/profil/profil-desa/page.tsx          | 730 +++++++++++++-----
 .../[id]/edit/page.tsx                        |   2 +-
 .../[id]/page.tsx                             |   4 +-
 .../create/page.tsx                           |   2 +-
 .../page.tsx                                  | 148 ++--
 .../desa/profil/profil-perbekel/[id]/page.tsx |   2 +-
 .../desa/profil/profil-perbekel/page.tsx      |  80 +-
 62 files changed, 2494 insertions(+), 1008 deletions(-)

diff --git a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
index 9d44874b..56029f20 100644
--- a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
+++ b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBuildingStore, IconFileText, IconSparkles, IconUsers, IconUsersPlus } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -72,35 +72,76 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
                 keepMounted={false}
             >
                 {/* ✅ Scroll horizontal wrapper */}
-                <ScrollArea type="auto" offsetScrollbars>
-                    <TabsList
-                        p="sm"
-                        style={{
-                            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                            borderRadius: "1rem",
-                            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-                            display: "flex",
-                            flexWrap: "nowrap",
-                            gap: "0.5rem",
-                            paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-                        }}
-                    >
-                        {tabs.map((tab, i) => (
+                <Box visibleFrom='md' pb={10}>
+                    <ScrollArea type="auto" offsetScrollbars>
+                        <TabsList
+                            p="sm"
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
                                 <TabsTab
-                                key={i}
+                                    key={i}
                                     value={tab.value}
                                     leftSection={tab.icon}
                                     style={{
                                         fontWeight: 600,
                                         fontSize: "0.9rem",
                                         transition: "all 0.2s ease",
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
                                     }}
                                 >
                                     {tab.label}
                                 </TabsTab>
-                        ))}
-                    </TabsList>
-                </ScrollArea>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
+
+                <Box hiddenFrom='md' pb={10}>
+                    <ScrollArea
+                        type="auto"
+                        offsetScrollbars={false}
+                        w="100%"
+                    >
+
+                        <TabsList
+                            p="xs" // lebih kecil
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                width: "max-content", // ⬅️ kunci
+                                maxWidth: "100%",     // ⬅️ penting
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        paddingInline: "0.75rem", // ⬅️ lebih ramping
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
 
                 {tabs.map((tab, i) => (
                     <TabsPanel
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
index 4924f9e6..6f89e888 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
@@ -92,7 +92,7 @@ function EditKategoriBerita() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back Button + Title */}
       <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
index be739576..f6957fb0 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
@@ -43,7 +43,7 @@ function CreateKategoriBerita() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan back button */}
       <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
index 391ccb48..961f11a8 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
@@ -26,6 +26,7 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import stateDashboardBerita from '../../../_state/desa/berita';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function KategoriBerita() {
   const [search, setSearch] = useState('');
@@ -48,6 +49,7 @@ function ListKategoriBerita({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -58,8 +60,8 @@ function ListKategoriBerita({ search }: { search: string }) {
   } = listDataState.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleDelete = () => {
     if (selectedId) {
@@ -81,77 +83,84 @@ function ListKategoriBerita({ search }: { search: string }) {
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kategori Berita</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/desa/berita/kategori-berita/create')
-              }
-            >
-              Tambah Baru
-            </Button>
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
+          <Title order={2} lh={1.2}>
+            Daftar Kategori Berita
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/desa/berita/kategori-berita/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={0}>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '10%' }}>No</TableTh>
-                <TableTh style={{ width: '50%' }}>Nama</TableTh>
-                <TableTh style={{ width: '20%' }}>Edit</TableTh>
-                <TableTh style={{ width: '20%' }}>Hapus</TableTh>
+                <TableTh w="50%">
+                  <Text fz="sm" fw={600} lh={1.4}>Kategori</Text>
+                </TableTh>
+                <TableTh w="20%">
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">Edit</Text>
+                </TableTh>
+                <TableTh w="20%">
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">Hapus</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
-                filteredData.map((item, index) => (
+                filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fz="sm">{index + 1}</Text>
-                    </TableTd>
-                    <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz="sm" fw={500} lh={1.45} truncate="end">
                         {item.name}
                       </Text>
                     </TableTd>
-                    <TableTd>
-                        <Button
-                          variant="light"
-                          color="green"
-                          onClick={() =>
-                            router.push(
-                              `/admin/desa/berita/kategori-berita/${item.id}`
-                            )
-                          }
-                        >
-                          <IconEdit size={18} />
-                        </Button>
+                    <TableTd ta="center">
+                      <Button
+                        variant="light"
+                        color="green"
+                        onClick={() =>
+                          router.push(
+                            `/admin/desa/berita/kategori-berita/${item.id}`
+                          )
+                        }
+                        size="compact-sm"
+                      >
+                        <IconEdit size={16} />
+                      </Button>
                     </TableTd>
-                    <TableTd>
-                        <Button
-                          variant="light"
-                          color="red"
-                          disabled={listDataState.delete.loading}
-                          onClick={() => {
-                            setSelectedId(item.id);
-                            setModalHapus(true);
-                          }}
-                        >
-                          <IconTrash size={18} />
-                        </Button>
+                    <TableTd ta="center">
+                      <Button
+                        variant="light"
+                        color="red"
+                        disabled={listDataState.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                        size="compact-sm"
+                      >
+                        <IconTrash size={16} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data kategori berita yang cocok
                       </Text>
                     </Center>
@@ -161,22 +170,70 @@ function ListKategoriBerita({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="xs" mt="md">
+          {filteredData.length > 0 ? (  
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder radius="md" p="sm" bg="white">
+                  <Box flex={1} ml="md">
+                    <Text fz="sm" fw={600} lh={1.4}>Kategori</Text>
+                    <Text fz="sm" fw={500} lh={1.45} truncate>
+                      {item.name}
+                    </Text>
+                  </Box>
+                <Group mt="sm" justify="flex-end" gap="xs">
+                  <Button
+                    variant="light"
+                    color="green"
+                    size="compact-xs"
+                    onClick={() =>
+                      router.push(
+                        `/admin/desa/berita/kategori-berita/${item.id}`
+                      )
+                    }
+                  >
+                    <IconEdit size={14} />
+                  </Button>
+                  <Button
+                    variant="light"
+                    color="red"
+                    size="compact-xs"
+                    disabled={listDataState.delete.loading}
+                    onClick={() => {
+                      setSelectedId(item.id);
+                      setModalHapus(true);
+                    }}
+                  >
+                    <IconTrash size={14} />
+                  </Button>
+                </Group>
+              </Paper>
+            ))
+          ) : (
+            <Center py={32}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data kategori berita yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10, search);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+      {totalPages > 1 && (
+        <Center mt={{ base: 'lg', md: 'xl' }}>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10, search);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
@@ -189,4 +246,4 @@ function ListKategoriBerita({ search }: { search: string }) {
   );
 }
 
-export default KategoriBerita;
+export default KategoriBerita;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
index 48cd08ea..101c57bd 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
@@ -150,7 +150,7 @@ function EditBerita() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
index 54f53634..3f64306e 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailBerita() {
   const data = beritaState.berita.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
index 9a1d5acb..99938ff1 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
@@ -80,7 +80,7 @@ export default function CreateBerita() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
index 38bd0ffa..ee8e27ca 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconCircleDashedPlus, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,16 +45,17 @@ function Berita() {
 function ListBerita({ search }: { search: string }) {
   const beritaState = useProxy(stateDashboardBerita);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = beritaState.berita.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
@@ -63,64 +64,67 @@ function ListBerita({ search }: { search: string }) {
   const filteredData = data || [];
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Berita</Title>
-            <Button
-              leftSection={<IconCircleDashedPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/desa/berita/list-berita/create')}
-            >
-              Tambah Baru
-            </Button>
+          <Title order={2} visibleFrom="md">Daftar Berita</Title>
+          <Title order={3} hiddenFrom="md">Daftar Berita</Title>
+          <Button
+            leftSection={<IconCircleDashedPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/desa/berita/list-berita/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={0}>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Judul</TableTh>
-                <TableTh style={{ width: '20%' }}>Kategori</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh w="50%">Judul</TableTh>
+                <TableTh w="30%">Kategori</TableTh>
+                <TableTh w="20%">Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '30%' }}>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.judul}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={600} lh={1.45} truncate="end">
+                        {item.judul}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text fz="sm" c="dimmed">
+                    <TableTd>
+                      <Text fz="sm" c="dimmed" lh={1.45}>
                         {item.kategoriBerita?.name || '-'}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="blue"
                         onClick={() =>
                           router.push(`/admin/desa/berita/list-berita/${item.id}`)
                         }
+                        fz="sm"
+                        px="sm"
+                        h={36}
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImacCog size={18} />
+                        <Text ml="xs">Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                  <TableTd colSpan={3}>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data berita yang cocok
                       </Text>
                     </Center>
@@ -130,6 +134,52 @@ function ListBerita({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="sm" mt="sm">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap={4}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dimmed">
+                    Judul
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.45}>
+                    {item.judul}
+                  </Text>
+
+                  <Text fz="sm" fw={600} lh={1.4} c="dimmed" mt="xs">
+                    Kategori
+                  </Text>
+                  <Text fz="sm" lh={1.45} fw={500}>
+                    {item.kategoriBerita?.name || '-'}
+                  </Text>
+
+                  <Button
+                    variant="light"
+                    color="blue"
+                    fullWidth
+                    mt="sm"
+                    onClick={() =>
+                      router.push(`/admin/desa/berita/list-berita/${item.id}`)
+                    }
+                    fz="sm"
+                    h={36}
+                  >
+                    <IconDeviceImacCog size={18} />
+                    <Text ml="xs">Detail</Text>
+                  </Button>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data berita yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       <Center>
@@ -150,4 +200,4 @@ function ListBerita({ search }: { search: string }) {
   );
 }
 
-export default Berita;
+export default Berita;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
index df492b39..21dd4231 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
@@ -139,7 +139,7 @@ function EditFoto() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx
index cc9f5b27..da51e858 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/page.tsx
@@ -45,7 +45,7 @@ function DetailFoto() {
   const imageUrl = data.imageGalleryFoto?.link;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -59,7 +59,7 @@ function DetailFoto() {
         withBorder
         // Gunakan max-width agar tidak terlalu lebar di desktop
         maw={800}
-        w="100%"
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
index 82cd87ef..72193ec5 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
@@ -72,7 +72,7 @@ function CreateFoto() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header Back Button + Title */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
index c3de59ff..56b2f6da 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,6 +45,7 @@ function Foto() {
 function ListFoto({ search }: { search: string }) {
   const FotoState = useProxy(stateGallery.foto)
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -55,76 +56,81 @@ function ListFoto({ search }: { search: string }) {
   } = FotoState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
   const filteredData = data || []
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     )
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Foto</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/desa/gallery/foto/create')}
-            >
-              Tambah Baru
-            </Button>
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>Daftar Foto</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/desa/gallery/foto/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Judul Foto</TableTh>
-                <TableTh style={{ width: '20%' }}>Tanggal</TableTh>
-                <TableTh style={{ width: '30%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh>Judul Foto</TableTh>
+                <TableTh>Tanggal</TableTh>
+                <TableTh>Deskripsi</TableTh>
+                <TableTh>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Box w={200}> 
-                        <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                     <Box w={200}>
-                     <Text fz="sm" c="dimmed">
+                    <TableTd>
+                      <Text fz="sm" c="dimmed" lh={1.45}>
                         {new Date(item.createdAt).toLocaleDateString('id-ID', {
                           day: 'numeric',
                           month: 'long',
                           year: 'numeric',
                         })}
                       </Text>
-                     </Box>
                     </TableTd>
-                    <TableTd style={{ width: '30%' }}>
-                     <Box w={200}>
-                      <Text fz="sm" truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                     </Box>
+                    <TableTd>
+                      <Text
+                        fz="sm"
+                        lh={1.45}
+                        truncate="end"
+                        lineClamp={1}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="blue"
+                        size="xs"
                         onClick={() => router.push(`/admin/desa/gallery/foto/${item.id}`)}
                       >
-                        <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImac size={16} />
+                        <Text ml={5} fz="sm" fw={500}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -133,7 +139,7 @@ function ListFoto({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text c="dimmed">Tidak ada foto yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>Tidak ada foto yang cocok</Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -141,7 +147,54 @@ function ListFoto({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder radius="sm" p="md">
+                  <Stack gap="xs">
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Judul Foto</Text>
+                      <Text fz="sm" fw={500} lh={1.45}>{item.name}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Tanggal</Text>
+                      <Text fz="sm" fw={500} lh={1.45} c="dimmed">
+                        {new Date(item.createdAt).toLocaleDateString('id-ID', {
+                          day: 'numeric',
+                          month: 'long',
+                          year: 'numeric',
+                        })}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                      <Text fz="sm" fw={500} lh={1.45} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                    </Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      size="xs"
+                      fullWidth
+                      onClick={() => router.push(`/admin/desa/gallery/foto/${item.id}`)}
+                    >
+                      <IconDeviceImac size={16} />
+                      <Text ml={5} fz="sm" fw={500}>Detail</Text>
+                    </Button>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>Tidak ada foto yang cocok</Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -160,4 +213,4 @@ function ListFoto({ search }: { search: string }) {
   );
 }
 
-export default Foto;
+export default Foto;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
index 21387eb2..a6647bd5 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
@@ -118,7 +118,7 @@ function EditVideo() {
   const embedLink = convertYoutubeUrlToEmbed(formData.linkVideo);
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
index 598c745b..5400f6b0 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailVideo() {
   const data = videoState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailVideo() {
       {/* Detail Video */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
index 3e53d4cd..6896221f 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
@@ -58,7 +58,7 @@ function CreateVideo() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header Back Button + Title */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
index 384fb7d9..eb90f515 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,6 +45,7 @@ function Video() {
 function ListVideo({ search }: { search: string }) {
   const videoState = useProxy(stateGallery.video)
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -55,75 +56,77 @@ function ListVideo({ search }: { search: string }) {
   } = videoState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
   const filteredData = data || []
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={20}>
         <Skeleton height={600} radius="md" />
       </Stack>
     )
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Video</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/desa/gallery/video/create')}
-            >
-              Tambah Baru
-            </Button>
+    <Box py={20}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>
+            Daftar Video
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/desa/gallery/video/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover w="100%">
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Judul Video</TableTh>
-                <TableTh style={{ width: '20%' }}>Tanggal</TableTh>
-                <TableTh style={{ width: '30%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh>Judul Video</TableTh>
+                <TableTh>Tanggal</TableTh>
+                <TableTh>Deskripsi</TableTh>
+                <TableTh>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Box w={200}> 
-                        <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                     <Box w={200}>
-                     <Text fz="sm" c="dimmed">
+                    <TableTd>
+                      <Text fz="sm" c="dimmed" lh={1.45}>
                         {new Date(item.createdAt).toLocaleDateString('id-ID', {
                           day: 'numeric',
                           month: 'long',
                           year: 'numeric',
                         })}
                       </Text>
-                     </Box>
                     </TableTd>
-                    <TableTd style={{ width: '30%' }}>
-                     <Box w={200}>
-                      <Text fz="sm" truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                     </Box>
+                    <TableTd>
+                      <Text fz="sm" lh={1.45} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="blue"
                         onClick={() => router.push(`/admin/desa/gallery/video/${item.id}`)}
+                        fz="sm"
+                        px="xs"
                       >
-                        <IconDeviceImac size={20} />
+                        <IconDeviceImac size={18} />
                         <Text ml={5}>Detail</Text>
                       </Button>
                     </TableTd>
@@ -132,8 +135,10 @@ function ListVideo({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada video yang cocok</Text>
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada video yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -141,23 +146,74 @@ function ListVideo({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="xs" mt="sm">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} p="sm" withBorder radius="sm">
+                <Stack gap={4}>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Judul Video</Text>
+                    <Text fz="sm" fw={500} lh={1.45}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Tanggal</Text>
+                    <Text fz="sm" fw={500} lh={1.45}>
+                      {new Date(item.createdAt).toLocaleDateString('id-ID', {
+                        day: 'numeric',
+                        month: 'long',
+                        year: 'numeric',
+                      })}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Deskripsi</Text>
+                    <Text fz="sm" lineClamp={5} fw={500} lh={1.45} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  </Box>
+                  <Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      fullWidth
+                      onClick={() => router.push(`/admin/desa/gallery/video/${item.id}`)}
+                      fz="sm"
+                    >
+                      <IconDeviceImac size={18} />
+                      <Text ml={5}>Detail</Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={24}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada video yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10)
-            window.scrollTo({ top: 0, behavior: 'smooth' })
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+
+      {totalPages > 1 && (
+        <Center mt="xl">
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10)
+              window.scrollTo({ top: 0, behavior: 'smooth' })
+            }}
+            total={totalPages}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
     </Box>
   );
 }
 
-export default Video;
+export default Video;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
index 0ee0d2e2..14f2605f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
@@ -115,7 +115,7 @@ function EditAjukanPermohonan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back Button */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
index c53534c0..9636c485 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
@@ -48,7 +48,7 @@ function DetailAjukanPermohonan() {
   const data = ajukanPermohonanState.findUnique.data;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -61,7 +61,7 @@ function DetailAjukanPermohonan() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
index b13d2a44..53f2d47f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
@@ -24,6 +24,7 @@ import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import stateLayananDesa from '../../../_state/desa/layananDesa';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function AjukanPermohonan() {
   const [search, setSearch] = useState("");
@@ -44,6 +45,7 @@ function AjukanPermohonan() {
 function ListAjukanPermohonan({ search }: { search: string }) {
   const AjukanPermohonanState = useProxy(stateLayananDesa.ajukanPermohonan);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const {
     data,
@@ -54,58 +56,56 @@ function ListAjukanPermohonan({ search }: { search: string }) {
   } = AjukanPermohonanState.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   // Loading state
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Title order={4}>List Ajukan Permohonan</Title>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Title order={2} lh={1.2} mb={{ base: 'md', md: 'lg' }}>
+          List Ajukan Permohonan
+        </Title>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={0}>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Nama</TableTh>
-                <TableTh style={{ width: '45%' }}>Alamat</TableTh>
-                <TableTh style={{ width: '15%' }}>NIK</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Nama</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Alamat</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>NIK</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {data.length > 0 ? (
                 data.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '30%' }}>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.nama}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.nama}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '45%' }}>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.alamat}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.alamat}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '45%' }}>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.nik}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.nik}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         size="xs"
                         radius="md"
@@ -123,9 +123,11 @@ function ListAjukanPermohonan({ search }: { search: string }) {
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data ajukan permohonan yang cocok</Text>
+                  <TableTd colSpan={4}>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data ajukan permohonan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -133,23 +135,71 @@ function ListAjukanPermohonan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {data.length > 0 ? (
+              data.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="md" shadow="xs">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{item.nama}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Alamat</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{item.alamat}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>NIK</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{item.nik}</Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() =>
+                          router.push(`/admin/desa/layanan/ajukan_permohonan/${item.id}`)
+                        }
+                        fullWidth
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data ajukan permohonan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10, search);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+
+      {totalPages > 1 && (
+        <Center mt="md">
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10, search);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
     </Box>
   );
 }
 
-export default AjukanPermohonan;
+export default AjukanPermohonan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
index a425a358..6ebb654a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
@@ -108,7 +108,7 @@ function EditPelayananPendudukNonPermanent() {
   };
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
index cfa734ca..f6b93484 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
@@ -45,24 +45,28 @@ function PelayananPendudukNonPermanent() {
         {/* Header */}
         <Grid align="center">
           <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
+            <Title
+              order={3}
+              lh={1.2}
+              c={colors['blue-button']}
+            >
               Preview Pelayanan Penduduk Non Permanen
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    `/admin/desa/layanan/pelayanan_penduduk_non_permanent/${data.id}`
-                  )
-                }
-              >
-                Edit
-              </Button>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  `/admin/desa/layanan/pelayanan_penduduk_non_permanent/${data.id}`
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
@@ -70,14 +74,14 @@ function PelayananPendudukNonPermanent() {
         <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
           <Box px={{ base: 0, md: 50 }} pb="xl">
             <Center>
-              <Text
+              <Title
+                order={2}
+                lh={1.2}
                 ta="center"
-                fz={{ base: '1.2rem', md: '1.8rem' }}
-                fw="bold"
                 c={colors['blue-button']}
               >
                 {data.name}
-              </Text>
+              </Title>
             </Center>
 
             <Divider my="md" color={colors['blue-button']} />
@@ -86,9 +90,11 @@ function PelayananPendudukNonPermanent() {
               <Text
                 py={10}
                 ta="justify"
-                fz={{ base: '1rem', md: '1.2rem' }}
+                fz={{ base: 'sm', md: 'md' }}
+                lh={{ base: 1.5, md: 1.55 }}
+                c="dark"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-                style={{wordBreak: "break-word", whiteSpace: "normal"}}
+                style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
               />
             </Box>
           </Box>
@@ -98,4 +104,4 @@ function PelayananPendudukNonPermanent() {
   );
 }
 
-export default PelayananPendudukNonPermanent;
+export default PelayananPendudukNonPermanent;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
index 9fdc6c56..d354e203 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
@@ -123,7 +123,7 @@ function EditPelayananPerizinanBerusaha() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         {/* Header */}
         <Group mb="md">
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
index a1cac551..43854e4c 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
@@ -41,8 +41,7 @@ function PerizinanBerusaha() {
     const loadData = async () => {
       try {
         setLoading(true);
-        // You should get the ID from your router query or params
-        const id = 'edit'; // Replace with actual ID or get from URL params
+        const id = 'edit';
         await pelayananPerizinanBerusaha.findById.load(id);
       } catch (err) {
         setError('Gagal memuat data');
@@ -66,7 +65,7 @@ function PerizinanBerusaha() {
   if (error || !pelayananPerizinanBerusaha.findById.data) {
     return (
       <Center h={200}>
-        <Text>{error || 'Data tidak ditemukan'}</Text>
+        <Text c="dimmed">{error || 'Data tidak ditemukan'}</Text>
       </Center>
     );
   }
@@ -79,24 +78,24 @@ function PerizinanBerusaha() {
         {/* Header */}
         <Grid align="center">
           <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
+            <Title order={3} c={colors['blue-button']} lh={1.2}>
               Preview Pelayanan Perizinan Berusaha
             </Title>
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() =>
-                  router.push(
-                    `/admin/desa/layanan/pelayanan_perizinan_berusaha/${data.id}`
-                  )
-                }
-              >
-                Edit
-              </Button>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() =>
+                router.push(
+                  `/admin/desa/layanan/pelayanan_perizinan_berusaha/${data.id}`
+                )
+              }
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
@@ -104,38 +103,40 @@ function PerizinanBerusaha() {
         <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
           <Box px={{ base: 0, md: 50 }} pb="xl">
             <Center>
-              <Text
+              <Title
+                order={3}
                 ta="center"
-                fz={{ base: '1.2rem', md: '1.8rem' }}
-                fw="bold"
                 c={colors['blue-button']}
+                lh={1.15}
               >
                 {data.name}
-              </Text>
+              </Title>
             </Center>
 
             <Divider my="md" color={colors['blue-button']} />
 
             <Box mt="lg">
               <Text
-                py={10}
-                ta="justify"
-                fz={{ base: '1rem', md: '1.2rem' }}
+                py="xs"
+                ta={{ base: "left", md: "justify" }}
+                fz={{ base: 'sm', md: 'md' }}
+                lh={1.55}
+                style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-                style={{wordBreak: "break-word", whiteSpace: "normal"}}
               />
 
               <Text
-                py={10}
-                fz={{ base: '1rem', md: '1.2rem' }}
-                fw="bold"
+                py="xs"
+                fz={{ base: 'sm', md: 'md' }}
+                fw={700}
                 c={colors['blue-button']}
+                lh={1.5}
               >
                 Proses pendaftaran NIB melalui OSS mencakup beberapa langkah
                 umum:
               </Text>
 
-              <Box p="xl" w="100%">
+               <Box p="xl" w="100%" visibleFrom='md'>
                 <Stepper
                   active={active}
                   onStepClick={setActive}
@@ -143,28 +144,115 @@ function PerizinanBerusaha() {
                   styles={{
                     separator: { marginLeft: 25 },
                     step: { padding: '12px 0' },
+                    stepLabel: {
+                      fontSize: 'var(--mantine-font-size-sm)',
+                      fontWeight: 700,
+                      lineHeight: 1.4,
+                    },
+                    stepDescription: {
+                      fontSize: 'var(--mantine-font-size-xs)',
+                      lineHeight: 1.4,
+                    },
                   }}
                 >
                   <StepperStep label="Langkah Pertama" description="Pendaftaran Akun">
-                    Pendaftaran akun pada portal OSS
+                    <Text fz="sm" lh={1.5}>
+                      Pendaftaran akun pada portal OSS
+                    </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Kedua" description="Pengisian Data Perusahaan">
-                    Mengisi informasi perusahaan, termasuk data pemegang saham, alamat perusahaan, dan lainnya
+                    <Text fz="sm" lh={1.5}>
+                      Mengisi informasi perusahaan, termasuk data pemegang saham, alamat perusahaan, dan lainnya
+                    </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Ketiga" description="Pemilihan KBLI">
-                    Memilih KBLI dengan jenis usaha yang akan didaftarkan
+                    <Text fz="sm" lh={1.5}>
+                      Memilih KBLI dengan jenis usaha yang akan didaftarkan
+                    </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Keempat" description="Pengunggahan Dokumen">
-                    Mengunggah dokumen-dokumen yang diperlukan, seperti akta pendirian perusahaan, surat izin usaha, dan dokumen lainnya sesuai dengan ketentuan yang berlaku
+                    <Text fz="sm" lh={1.5}>
+                      Mengunggah dokumen-dokumen yang diperlukan, seperti akta pendirian perusahaan, surat izin usaha, dan dokumen lainnya sesuai dengan ketentuan yang berlaku
+                    </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Kelima" description="Verifikasi dan Persetujuan">
-                    Proses verifikasi dan persetujuan oleh instansi terkait
+                    <Text fz="sm" lh={1.5}>
+                      Proses verifikasi dan persetujuan oleh instansi terkait
+                    </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Keenam" description="Penerimaan NIB">
-                    Jika proses sebelumnya berhasil, perusahaan akan menerima NIB sebagai identitas resmi usaha anda
+                    <Text fz="sm" lh={1.5}>
+                      Jika proses sebelumnya berhasil, perusahaan akan menerima NIB sebagai identitas resmi usaha anda
+                    </Text>
                   </StepperStep>
                   <StepperCompleted>
-                    Selesai, anda telah mengikuti proses pendaftaran NIB melalui OSS
+                    <Text fz="sm" lh={1.5}>
+                      Selesai, anda telah mengikuti proses pendaftaran NIB melalui OSS
+                    </Text>
+                  </StepperCompleted>
+                </Stepper>
+
+                <Group justify="center" mt="xl">
+                  <Button variant="default" onClick={prevStep}>
+                    Back
+                  </Button>
+                  <Button onClick={nextStep}>Next step</Button>
+                </Group>
+              </Box>
+
+              <Box p="xl" w="100%" hiddenFrom='md'>
+                <Stepper
+                  active={active}
+                  onStepClick={setActive}
+                  orientation="vertical"
+                  styles={{
+                    separator: { marginLeft: 25 },
+                    step: { padding: '12px 0' },
+                    stepLabel: {
+                      fontSize: 'var(--mantine-font-size-sm)',
+                      fontWeight: 700,
+                      lineHeight: 1.4,
+                    },
+                    stepDescription: {
+                      fontSize: 'var(--mantine-font-size-xs)',
+                      lineHeight: 1.4,
+                    },
+                  }}
+                >
+                  <StepperStep label="Langkah Pertama" description="Pendaftaran Akun">
+                    <Text fz="sm" lh={1.5}>
+                      
+                    </Text>
+                  </StepperStep>
+                  <StepperStep label="Langkah Kedua" description="Pengisian Data Perusahaan">
+                    <Text fz="sm" lh={1.5}>
+                      
+                    </Text>
+                  </StepperStep>
+                  <StepperStep label="Langkah Ketiga" description="Pemilihan KBLI">
+                    <Text fz="sm" lh={1.5}>
+                      
+                    </Text>
+                  </StepperStep>
+                  <StepperStep label="Langkah Keempat" description="Pengunggahan Dokumen">
+                    <Text fz="sm" lh={1.5}>
+                      
+                    </Text>
+                  </StepperStep>
+                  <StepperStep label="Langkah Kelima" description="Verifikasi dan Persetujuan">
+                    <Text fz="sm" lh={1.5}>
+                      
+                    </Text>
+                  </StepperStep>
+                  <StepperStep label="Langkah Keenam" description="Penerimaan NIB">
+                    <Text fz="sm" lh={1.5}>
+                      
+                    </Text>
+                  </StepperStep>
+                  <StepperCompleted>
+                    <Text fz="sm" lh={1.5}>
+                      
+                    </Text>
                   </StepperCompleted>
                 </Stepper>
 
@@ -177,9 +265,10 @@ function PerizinanBerusaha() {
               </Box>
 
               <Text
-                py={35}
-                ta="justify"
-                fz={{ base: '1rem', md: '1.2rem' }}
+                py="md"
+                ta={{ base: "left", md: "justify" }}
+                fz={{ base: 'sm', md: 'md' }}
+                lh={1.55}
               >
                 Penting untuk diingat bahwa prosedur dan persyaratan dapat
                 berubah seiring waktu. Untuk informasi yang lebih akurat dan
@@ -203,5 +292,4 @@ function PerizinanBerusaha() {
   );
 }
 
-export default PerizinanBerusaha;
-
+export default PerizinanBerusaha;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
index f91b84b8..3e1adf6a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
@@ -64,7 +64,7 @@ const FileUploader: React.FC<FileUploaderProps> = ({
   };
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Text fw="bold" fz="sm" mb={6}>
         {title}
       </Text>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
index 4c911ca3..04ab79b6 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
@@ -49,7 +49,7 @@ function DetailSuratKeterangan() {
   const data = suratKeteranganState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -62,7 +62,7 @@ function DetailSuratKeterangan() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
index 9c065b52..ba0a698d 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
@@ -87,7 +87,7 @@ function CreateSuratKeterangan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
index 2b90ada8..9de1132c 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
@@ -17,7 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -25,9 +25,10 @@ import { useEffect, useMemo, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import stateLayananDesa from '../../../_state/desa/layananDesa';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function SuratKeterangan() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -45,6 +46,7 @@ function SuratKeterangan() {
 function ListSuratKeterangan({ search }: { search: string }) {
   const suratKeteranganState = useProxy(stateLayananDesa.suratKeterangan);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -55,72 +57,80 @@ function ListSuratKeterangan({ search }: { search: string }) {
   } = suratKeteranganState.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = useMemo(() => {
     if (!data) return [];
-    const keyword = search.toLowerCase();
-    return data.filter(item =>
-      item.name?.toLowerCase().includes(keyword) ||
-      item.deskripsi?.toLowerCase().includes(keyword)
+    const keyword = debouncedSearch.toLowerCase();
+    return data.filter(
+      (item) =>
+        item.name?.toLowerCase().includes(keyword) ||
+        item.deskripsi?.toLowerCase().includes(keyword)
     );
-  }, [data, search]);
+  }, [data, debouncedSearch]);
 
-  // Loading state
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>List Surat Keterangan</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/desa/layanan/pelayanan_surat_keterangan/create')
-              }
-            >
-              Tambah Baru
-            </Button>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>
+            List Surat Keterangan
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/desa/layanan/pelayanan_surat_keterangan/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Nama</TableTh>
-                <TableTh style={{ width: '45%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh fz="sm" fw={600} ta="left">
+                  Nama
+                </TableTh>
+                <TableTh fz="sm" fw={600} ta="left">
+                  Deskripsi
+                </TableTh>
+                <TableTh fz="sm" fw={600} ta="left">
+                  Aksi
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '30%' }}>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '45%' }}>
-                      <Box w={200}>
-                        <Text truncate="end" lineClamp={1} fz="sm" c="dimmed"
-                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                          style={{wordBreak: "break-word", whiteSpace: "normal"}}
-                        />
-                      </Box>
+                    <TableTd>
+                      <Text
+                        fz="sm"
+                        lh={1.5}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi || '' }}
+                        style={{ wordBreak: 'break-word' }}
+                      />
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         size="xs"
                         radius="md"
@@ -128,7 +138,9 @@ function ListSuratKeterangan({ search }: { search: string }) {
                         color="blue"
                         leftSection={<IconDeviceImacCog size={16} />}
                         onClick={() =>
-                          router.push(`/admin/desa/layanan/pelayanan_surat_keterangan/${item.id}`)
+                          router.push(
+                            `/admin/desa/layanan/pelayanan_surat_keterangan/${item.id}`
+                          )
                         }
                       >
                         Detail
@@ -139,8 +151,10 @@ function ListSuratKeterangan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data surat keterangan yang cocok</Text>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" ta="center">
+                        Tidak ada data surat keterangan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -148,7 +162,67 @@ function ListSuratKeterangan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Deskripsi
+                      </Text>
+                      <Box pl={8}>
+                        <Text
+                          fz="sm"
+                          fw={500}
+                          lh={1.4}
+                          dangerouslySetInnerHTML={{ __html: item.deskripsi || '' }}
+                          style={{ wordBreak: 'break-word' }}
+                        />
+                      </Box>
+                    </Box>
+                    <Box>
+                      <Button
+                        fullWidth
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() =>
+                          router.push(
+                            `/admin/desa/layanan/pelayanan_surat_keterangan/${item.id}`
+                          )
+                        }
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" ta="center">
+                  Tidak ada data surat keterangan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -167,4 +241,4 @@ function ListSuratKeterangan({ search }: { search: string }) {
   );
 }
 
-export default SuratKeterangan;
+export default SuratKeterangan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
index 08ae9730..eeb2d53e 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
@@ -74,13 +74,13 @@ function EditPelayananTelunjukSakti() {
   );
 
   const handleResetForm = () => {
-      setFormData({
-        name: originalData.name,
-        deskripsi: originalData.deskripsi,
-        link: originalData.link,
-      });
-      toast.info("Form dikembalikan ke data awal");
-    };
+    setFormData({
+      name: originalData.name,
+      deskripsi: originalData.deskripsi,
+      link: originalData.link,
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
 
   // Submit: update global state hanya saat simpan
   const handleSubmit = async () => {
@@ -102,12 +102,12 @@ function EditPelayananTelunjukSakti() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back Button + Title */}
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Pelayanan Telunjuk Sakti Desa
         </Title>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
index 180534c2..c45e9e33 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
@@ -50,7 +50,7 @@ function DetailPelayananTelunjukSakti() {
   const data = telunjukSaktiState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -63,7 +63,7 @@ function DetailPelayananTelunjukSakti() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
index 28faa0ff..dd361915 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
@@ -47,7 +47,7 @@ function CreatePelayananTelunjukDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
           <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
index b553773f..545120bf 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 
 import colors from '@/con/colors';
 import {
@@ -18,7 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -26,9 +26,10 @@ import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import stateLayananDesa from '../../../_state/desa/layananDesa';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function PelayananTelunjukSakti() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -46,46 +47,57 @@ function PelayananTelunjukSakti() {
 function ListPelayananTelunjukSakti({ search }: { search: string }) {
   const telunjukSaktiState = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = telunjukSaktiState.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={400} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pelayanan Telunjuk Sakti</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/desa/layanan/pelayanan_telunjuk_sakti_desa/create')
-              }
-            >
-              Tambah Baru
-            </Button>
+          <Title order={2} lh={1.2}>
+            Daftar Pelayanan Telunjuk Sakti
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/desa/layanan/pelayanan_telunjuk_sakti_desa/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover style={{ minWidth: '700px' }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Nama</TableTh>
-                <TableTh style={{ width: '40%' }}>Link</TableTh>
-                <TableTh style={{ width: '30%' }}>Detail</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" c="gray.8" w="30%">
+                  Nama
+                </TableTh>
+                <TableTh fz="sm" fw={600} ta="left" c="gray.8" w="40%">
+                  Link
+                </TableTh>
+                <TableTh fz="sm" fw={600} ta="left" c="gray.8" w="30%">
+                  Detail
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -93,18 +105,19 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text></Box>
-
+                      <Text fz="sm" fw={500} lh={1.5} truncate="end">
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <a href={item.link} target="_blank" rel="noopener noreferrer">
-                          <Text lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} style={{wordBreak: "break-word", whiteSpace: "normal"}} truncate="end" fz={"sm"} />
-                        </a>
-                      </Box>
+                      <a href={item.link} target="_blank" rel="noopener noreferrer">
+                        <Text
+                          fz="sm"
+                          lh={1.5}
+                          truncate="end"
+                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        />
+                      </a>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -117,7 +130,9 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml="xs" fz="sm" fw={500}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -125,8 +140,8 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="lg">
+                      <Text c="dimmed" fz="sm" lh={1.5}>
                         Tidak ada data layanan yang cocok
                       </Text>
                     </Center>
@@ -136,17 +151,68 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            <Stack gap="md">
+              {filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="sm">
+                  <Box mb="xs">
+                    <Text fz='sm' fw={600} lh={1.4} c="gray.8">
+                      Nama
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box mb="xs">
+                    <Text fz='sm' fw={600} lh={1.4} c="gray.8">
+                      Link
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.5} component="a" href={item.link} target="_blank" rel="noopener noreferrer">
+                      {item.deskripsi}
+                    </Text>
+                  </Box>
+                  <Button
+                    variant="light"
+                    color="blue"
+                    fullWidth
+                    mt="sm"
+                    onClick={() =>
+                      router.push(
+                        `/admin/desa/layanan/pelayanan_telunjuk_sakti_desa/${item.id}`
+                      )
+                    }
+                  >
+                    <IconDeviceImacCog size={20} />
+                    <Text ml="xs" fz="sm" fw={500}>
+                      Detail
+                    </Text>
+                  </Button>
+                </Paper>
+              ))}
+            </Stack>
+          ) : (
+            <Center py="lg">
+              <Text c="dimmed" fz="sm" lh={1.5}>
+                Tidak ada data layanan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
           onChange={(newPage) => {
             load(newPage, 10, search);
             window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
+          }
+          }
           total={totalPages}
           mt="md"
-          mb="md"
           color="blue"
           radius="md"
         />
@@ -155,5 +221,4 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
   );
 }
 
-export default PelayananTelunjukSakti;
-
+export default PelayananTelunjukSakti;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
index 53ec0c12..08084881 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
@@ -133,7 +133,7 @@ function EditPenghargaan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back + Title */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
index fb8fb55e..ab55c5db 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
@@ -49,7 +49,7 @@ function DetailPenghargaan() {
   const data = statePenghargaan.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
index a76063c9..d0d9bd7b 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
@@ -73,7 +73,7 @@ function CreatePenghargaan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
index 40e2420b..ddfa1a5b 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
@@ -25,6 +25,7 @@ import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function Penghargaan() {
   const [search, setSearch] = useState("");
@@ -45,45 +46,49 @@ function Penghargaan() {
 function ListPenghargaan({ search }: { search: string }) {
   const state = useProxy(penghargaanState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   // Loading state
   if (loading || !data) {
     return (
-      <Stack py={10}>
-        <Skeleton height={600} radius="md" />
+      <Stack py="md">
+        <Skeleton h={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>List Penghargaan</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/desa/penghargaan/create')}
-            >
-              Tambah Baru
-            </Button>
+        <Group justify="space-between" mb="lg">
+          <Title order={2} visibleFrom="md">List Penghargaan</Title>
+          <Title order={3} hiddenFrom="md">List Penghargaan</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/desa/penghargaan/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '35%' }}>Nama</TableTh>
-                <TableTh style={{ width: '35%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '30%' }}>Aksi</TableTh>
+                <TableTh w="35%">Nama</TableTh>
+                <TableTh w="35%">Deskripsi</TableTh>
+                <TableTh w="30%">Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -91,31 +96,27 @@ function ListPenghargaan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text
-                          truncate="end"
-                          lineClamp={1}
-                          fz="sm"
-                          c="dimmed"
-                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                          style={{wordBreak: "break-word", whiteSpace: "normal"}}
-                        />
-                      </Box>
+                      <Text
+                        fz="sm"
+                        lh={1.45}
+                        c="dimmed"
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
+                        lineClamp={1}
+                      />
                     </TableTd>
                     <TableTd>
                       <Button
-                       size="xs"
-                       radius="md"
-                       variant="light"
-                       color="blue"
-                       leftSection={<IconDeviceImacCog size={16} />}
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
                         onClick={() =>
                           router.push(`/admin/desa/penghargaan/${item.id}`)
                         }
@@ -127,9 +128,9 @@ function ListPenghargaan({ search }: { search: string }) {
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                  <TableTd colSpan={3}>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data penghargaan yang cocok
                       </Text>
                     </Center>
@@ -139,7 +140,54 @@ function ListPenghargaan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Box>
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Nama
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.45}>
+                    {item.name}
+                  </Text>
+                </Box>
+                <Box mt="xs">
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Deskripsi
+                  </Text>
+                  <Text lineClamp={3} fz="sm" fw={500} lh={1.45} c="dimmed">
+                    <span dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  </Text>
+                </Box>
+                <Group mt="md">
+                  <Button
+                    size="xs"
+                    radius="md"
+                    variant="light"
+                    color="blue"
+                    leftSection={<IconDeviceImacCog size={16} />}
+                    onClick={() =>
+                      router.push(`/admin/desa/penghargaan/${item.id}`)
+                    }
+                  >
+                    Detail
+                  </Button>
+                </Group>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data penghargaan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -148,7 +196,7 @@ function ListPenghargaan({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
+          mt="lg"
           mb="md"
           color="blue"
           radius="md"
@@ -158,4 +206,4 @@ function ListPenghargaan({ search }: { search: string }) {
   );
 }
 
-export default Penghargaan;
+export default Penghargaan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx b/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx
index 3ae568ed..3f59b5b9 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/_com/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconCategory, IconListDetails } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -54,35 +54,76 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
                 keepMounted={false}
             >
                 {/* ✅ Scroll horizontal wrapper */}
-                <ScrollArea type="auto" offsetScrollbars>
-                    <TabsList
-                        p="sm"
-                        style={{
-                            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                            borderRadius: "1rem",
-                            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-                            display: "flex",
-                            flexWrap: "nowrap",
-                            gap: "0.5rem",
-                            paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-                        }}
+                <Box visibleFrom='md' pb={10}>
+                    <ScrollArea type="auto" offsetScrollbars>
+                        <TabsList
+                            p="sm"
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        transition: "all 0.2s ease",
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
+
+                <Box hiddenFrom='md' pb={10}>
+                    <ScrollArea
+                        type="auto"
+                        offsetScrollbars={false}
+                        w="100%"
                     >
-                        {tabs.map((tab, i) => (
-                            <TabsTab
-                                key={i}
-                                value={tab.value}
-                                leftSection={tab.icon}
-                                style={{
-                                    fontWeight: 600,
-                                    fontSize: "0.9rem",
-                                    transition: "all 0.2s ease",
-                                }}
-                            >
-                                {tab.label}
-                            </TabsTab>
-                        ))}
-                    </TabsList>
-                </ScrollArea>
+
+                        <TabsList
+                            p="xs" // lebih kecil
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                width: "max-content", // ⬅️ kunci
+                                maxWidth: "100%",     // ⬅️ penting
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        paddingInline: "0.75rem", // ⬅️ lebih ramping
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
 
                 {tabs.map((tab, i) => (
                     <TabsPanel
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
index 1438347d..a9b8fa2a 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
@@ -84,7 +84,7 @@ function EditKategoriPengumuman() {
   
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
index da1fb9c4..aeb5815e 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
@@ -42,7 +42,7 @@ function CreateKategoriPengumuman() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan back button */}
       <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
index bbd20857..041d07be 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
@@ -2,11 +2,21 @@
 'use client'
 import colors from '@/con/colors';
 import {
-  Box, Button, Center,
+  Box,
+  Button,
+  Center,
   Pagination,
-  Paper, Skeleton, Stack,
-  Table, TableTbody, TableTd, TableTh, TableThead, TableTr,
-  Text, Title
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
 } from '@mantine/core';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -15,6 +25,7 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import stateDesaPengumuman from '../../../_state/desa/pengumuman';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function KategoriPengumuman() {
   const [search, setSearch] = useState('');
@@ -33,90 +44,134 @@ function KategoriPengumuman() {
 }
 
 function ListKategoriPengumuman({ search }: { search: string }) {
-  const listDataState = useProxy(stateDesaPengumuman.category)
+  const listDataState = useProxy(stateDesaPengumuman.category);
   const router = useRouter();
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 500);
   const { data, page, totalPages, loading, load } = listDataState.findMany;
 
   useEffect(() => {
-    load(1, 10, search)
-  }, [search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleDelete = () => {
     if (selectedId) {
-      listDataState.delete.delete(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
-      load(page, 10, search)
+      listDataState.delete.delete(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      load(page, 10, search);
     }
-  }
+  };
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Stack>
-          <Box style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 15 }}>
-            <Title order={4}>List Kategori Pengumuman</Title>
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Stack gap={'lg'}>
+          <Box
+            visibleFrom="md"
+            style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}
+          >
+            <Title order={2} lh={1.1}>
+              List Kategori Pengumuman
+            </Title>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
               variant="light"
-              onClick={() => router.push('/admin/desa/pengumuman/kategori-pengumuman/create')}
+              onClick={() =>
+                router.push('/admin/desa/pengumuman/kategori-pengumuman/create')
+              }
             >
               Tambah Baru
             </Button>
           </Box>
 
-          <Box style={{ overflowX: 'auto' }}>
-            <Table highlightOnHover striped withRowBorders style={{ minWidth: '700px' }}>
+          <Box hiddenFrom="md">
+            <Stack gap="xs">
+              <Title order={2} size="md" lh={1.1} ta="left">
+                List Kategori Pengumuman
+              </Title>
+              <Button
+                leftSection={<IconPlus size={18} />}
+                color="blue"
+                variant="light"
+                onClick={() =>
+                  router.push('/admin/desa/pengumuman/kategori-pengumuman/create')
+                }
+                fullWidth
+              >
+                Tambah Baru
+              </Button>
+            </Stack>
+          </Box>
+
+          <Box visibleFrom="md">
+            <Table highlightOnHover striped withRowBorders>
               <TableThead>
                 <TableTr>
-                  <TableTh style={{ width: '10%' }}>No</TableTh>
-                  <TableTh style={{ width: '60%' }}>Nama</TableTh>
-                  <TableTh style={{ width: '15%' }}>Edit</TableTh>
-                  <TableTh style={{ width: '15%' }}>Hapus</TableTh>
+                  <TableTh w="60%">
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama
+                    </Text>
+                  </TableTh>
+                  <TableTh w="15%">
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Edit
+                    </Text>
+                  </TableTh>
+                  <TableTh w="15%">
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Hapus
+                    </Text>
+                  </TableTh>
                 </TableTr>
               </TableThead>
               <TableTbody>
                 {filteredData.length > 0 ? (
-                  filteredData.map((item, index) => (
+                  filteredData.map((item) => (
                     <TableTr key={item.id}>
                       <TableTd>
-                        <Text fz="sm">{(page - 1) * 10 + index + 1}</Text>
-                      </TableTd>
-                      <TableTd>
-                        <Text truncate lineClamp={1}>{item.name}</Text>
+                        <Text fz="md" fw={500} lh={1.5} truncate>
+                          {item.name}
+                        </Text>
                       </TableTd>
                       <TableTd>
                         <Button
-                          variant='light'
-                          color='green'
-                          onClick={() => router.push(`/admin/desa/pengumuman/kategori-pengumuman/${item.id}`)}
+                          variant="light"
+                          color="green"
+                          onClick={() =>
+                            router.push(
+                              `/admin/desa/pengumuman/kategori-pengumuman/${item.id}`
+                            )
+                          }
+                          size="compact-sm"
                         >
-                          <IconEdit size={20} />
+                          <IconEdit size={16} />
                         </Button>
                       </TableTd>
                       <TableTd>
                         <Button
-                          variant='light'
-                          color='red'
+                          variant="light"
+                          color="red"
                           disabled={listDataState.delete.loading}
                           onClick={() => {
-                            setSelectedId(item.id)
-                            setModalHapus(true)
-                          }}>
-                          <IconTrash size={20} />
+                            setSelectedId(item.id);
+                            setModalHapus(true);
+                          }}
+                          size="compact-sm"
+                        >
+                          <IconTrash size={16} />
                         </Button>
                       </TableTd>
                     </TableTr>
@@ -124,8 +179,10 @@ function ListKategoriPengumuman({ search }: { search: string }) {
                 ) : (
                   <TableTr>
                     <TableTd colSpan={4}>
-                      <Center py={20}>
-                        <Text c="dimmed">Tidak ada data kategori pengumuman yang cocok</Text>
+                      <Center py={24}>
+                        <Text c="dimmed" fz="sm" lh={1.4}>
+                          Tidak ada data kategori pengumuman yang cocok
+                        </Text>
                       </Center>
                     </TableTd>
                   </TableTr>
@@ -133,6 +190,71 @@ function ListKategoriPengumuman({ search }: { search: string }) {
               </TableTbody>
             </Table>
           </Box>
+
+          <Stack hiddenFrom="md" gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper
+                  key={item.id}
+                  withBorder
+                  p="md"
+                  radius="md"
+                  bg={colors['white-1']}
+                >
+                  <Stack gap="xs">
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Nama
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box
+                      style={{
+                        display: 'flex',
+                        gap: 8,
+                        justifyContent: 'flex-end',
+                      }}
+                    >
+                      <Button
+                        variant="light"
+                        color="green"
+                        onClick={() =>
+                          router.push(
+                            `/admin/desa/pengumuman/kategori-pengumuman/${item.id}`
+                          )
+                        }
+                        size="compact-xs"
+                      >
+                        <IconEdit size={14} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        disabled={listDataState.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                        size="compact-xs"
+                      >
+                        <IconTrash size={14} />
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Paper withBorder p="xl" radius="md" bg={colors['white-1']}>
+                <Center>
+                  <Text c="dimmed" fz="sm" lh={1.4}>
+                    Tidak ada data kategori pengumuman yang cocok
+                  </Text>
+                </Center>
+              </Paper>
+            )}
+          </Stack>
         </Stack>
       </Paper>
 
@@ -153,7 +275,7 @@ function ListKategoriPengumuman({ search }: { search: string }) {
         text='Apakah anda yakin ingin menghapus kategori Pengumuman ini?'
       />
     </Box>
-  )
+  );
 }
 
-export default KategoriPengumuman;
+export default KategoriPengumuman;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
index cbeeceef..511fcaeb 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
@@ -111,7 +111,7 @@ function EditPengumuman() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
index 5484c688..fb768490 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
@@ -49,7 +49,7 @@ export default function DetailPengumuman() {
   const data = pengumumanState.pengumuman.findUnique.data;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -61,7 +61,7 @@ export default function DetailPengumuman() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -74,14 +74,6 @@ export default function DetailPengumuman() {
 
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
             <Stack gap="sm">
-              <Box>
-                <Text fz="lg" fw="bold">
-                  Kategori
-                </Text>
-                <Text fz="md" c="dimmed">
-                  {data?.CategoryPengumuman?.name || '-'}
-                </Text>
-              </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">
@@ -92,6 +84,15 @@ export default function DetailPengumuman() {
                 </Text>
               </Box>
 
+              <Box>
+                <Text fz="lg" fw="bold">
+                  Kategori
+                </Text>
+                <Text fz="md" c="dimmed">
+                  {data?.CategoryPengumuman?.name || '-'}
+                </Text>
+              </Box>
+
               <Box>
                 <Text fz="lg" fw="bold">
                   Deskripsi
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
index 44a40fb0..45b400a3 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
@@ -55,7 +55,7 @@ function CreatePengumuman() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
index 358fc1c5..fb7cfd87 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
@@ -19,7 +19,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconCircleDashedPlus, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -46,44 +46,56 @@ function Pengumuman() {
 function ListPengumuman({ search }: { search: string }) {
   const pengumumanState = useProxy(stateDesaPengumuman);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = pengumumanState.pengumuman.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pengumuman</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>
+            Daftar Pengumuman
+          </Title>
           <Button
             leftSection={<IconCircleDashedPlus size={18} />}
             color="blue"
             variant="light"
             onClick={() => router.push('/admin/desa/pengumuman/list-pengumuman/create')}
+            fz={{ base: 'sm', md: 'md' }}
           >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover style={{ minWidth: '700px' }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '40%' }}>Judul</TableTh>
-                <TableTh style={{ width: '30%' }}>Kategori</TableTh>
-                <TableTh style={{ width: '20%' }}>Detail</TableTh>
+                <TableTh fz="sm" fw={600} ta="left">
+                  Judul
+                </TableTh>
+                <TableTh fz="sm" fw={600} ta="left">
+                  Kategori
+                </TableTh>
+                <TableTh fz="sm" fw={600} ta="left">
+                  Detail
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -91,14 +103,12 @@ function ListPengumuman({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.judul}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.judul}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed">
+                      <Text fz="sm" fw={500} lh={1.45} c="dimmed">
                         {item.CategoryPengumuman?.name || '-'}
                       </Text>
                     </TableTd>
@@ -109,9 +119,12 @@ function ListPengumuman({ search }: { search: string }) {
                         onClick={() =>
                           router.push(`/admin/desa/pengumuman/list-pengumuman/${item.id}`)
                         }
+                        fz="sm"
+                        px="sm"
+                        py="xs"
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImacCog size={18} />
+                        <Text ml="xs">Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -119,8 +132,10 @@ function ListPengumuman({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada pengumuman yang cocok</Text>
+                    <Center py={{ base: 'sm', md: 'md' }}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada pengumuman yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -128,7 +143,59 @@ function ListPengumuman({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card List */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="sm">
+                  <Stack gap="xs">
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Judul
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.judul}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Kategori
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45} c="dimmed">
+                        {item.CategoryPengumuman?.name || '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() =>
+                          router.push(`/admin/desa/pengumuman/list-pengumuman/${item.id}`)
+                        }
+                        fullWidth
+                        fz="sm"
+                        mt="xs"
+                      >
+                        <IconDeviceImacCog size={18} />
+                        <Text ml="xs">Detail</Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="sm">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada pengumuman yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -147,4 +214,4 @@ function ListPengumuman({ search }: { search: string }) {
   );
 }
 
-export default Pengumuman;
+export default Pengumuman;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
index 4c9f4c26..e7831efc 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
@@ -93,7 +93,7 @@ function EditKategoriPotensi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
           <Button
             variant="subtle"
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
index 5647f386..53a66933 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
@@ -41,7 +41,7 @@ function CreateKategoriPotensi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan back button */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
index 55e51247..558e613f 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
@@ -1,7 +1,24 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -9,6 +26,7 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import potensiDesaState from '../../../_state/desa/potensi';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function KategoriPotensi() {
   const [search, setSearch] = useState('');
@@ -27,85 +45,110 @@ function KategoriPotensi() {
 }
 
 function ListKategoriPotensi({ search }: { search: string }) {
-  const listDataState = useProxy(potensiDesaState.kategoriPotensi)
+  const listDataState = useProxy(potensiDesaState.kategoriPotensi);
   const router = useRouter();
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
   const { data, page, totalPages, loading, load } = listDataState.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useEffect(() => {
-    load(1, 10, search)
-  }, [search])
+    load(1, 10, debouncedSearch);
+  }, [debouncedSearch]);
 
   const handleDelete = () => {
     if (selectedId) {
-      listDataState.delete.delete(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
-      load(page, 10, search)
+      listDataState.delete.delete(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      load(page, 10, search);
     }
-  }
+  };
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Stack>
-          <Group justify="space-between">
-            <Title order={4}>List Kategori Potensi</Title>
-              <Button
-                leftSection={<IconPlus size={18} />}
-                color="blue"
-                variant="light"
-                onClick={() => router.push('/admin/desa/potensi/kategori-potensi/create')}
-              >
-                Tambah Baru
-              </Button>
+        <Stack gap="xl">
+          <Group justify="space-between" align="center">
+            <Title order={2} lh={1.2}>
+              List Kategori Potensi
+            </Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() =>
+                router.push('/admin/desa/potensi/kategori-potensi/create')
+              }
+            >
+              Tambah Baru
+            </Button>
           </Group>
 
-          <Box style={{ overflowX: 'auto' }}>
-            <Table highlightOnHover striped withRowBorders style={{ minWidth: '700px' }}>
+          {/* Desktop Table */}
+          <Box visibleFrom="md">
+            <Table highlightOnHover striped withRowBorders miw={700}>
               <TableThead>
                 <TableTr>
-                  <TableTh style={{ width: '10%' }}>No</TableTh>
-                  <TableTh style={{ width: '60%' }}>Nama</TableTh>
-                  <TableTh style={{ width: '15%' }}>Edit</TableTh>
-                  <TableTh style={{ width: '15%' }}>Hapus</TableTh>
+                  <TableTh w="60%">
+                    <Text fz="xs" fw={600} lh={1.4} c="black">
+                      Nama
+                    </Text>
+                  </TableTh>
+                  <TableTh w="15%">
+                    <Text fz="xs" fw={600} lh={1.4} c="black">
+                      Edit
+                    </Text>
+                  </TableTh>
+                  <TableTh w="15%">
+                    <Text fz="xs" fw={600} lh={1.4} c="black">
+                      Hapus
+                    </Text>
+                  </TableTh>
                 </TableTr>
               </TableThead>
               <TableTbody>
                 {filteredData.length > 0 ? (
-                  filteredData.map((item, index) => (
+                  filteredData.map((item) => (
                     <TableTr key={item.id}>
                       <TableTd>
-                        <Text fz="sm">{(page - 1) * 10 + index + 1}</Text>
+                        <Text fz="sm" lh={1.5} truncate>
+                          {item.nama}
+                        </Text>
                       </TableTd>
                       <TableTd>
-                        <Text truncate lineClamp={1}>{item.nama}</Text>
-                      </TableTd>
-                      <TableTd>
-                        <Button variant='light' color='green' onClick={() => router.push(`/admin/desa/potensi/kategori-potensi/${item.id}`)}>
+                        <Button
+                          variant="light"
+                          color="green"
+                          onClick={() =>
+                            router.push(
+                              `/admin/desa/potensi/kategori-potensi/${item.id}`
+                            )
+                          }
+                        >
                           <IconEdit size={20} />
                         </Button>
                       </TableTd>
                       <TableTd>
                         <Button
-                          variant='light'
-                          color='red'
+                          variant="light"
+                          color="red"
                           disabled={listDataState.delete.loading}
                           onClick={() => {
-                            setSelectedId(item.id)
-                            setModalHapus(true)
-                          }}>
+                            setSelectedId(item.id);
+                            setModalHapus(true);
+                          }}
+                        >
                           <IconTrash size={20} />
                         </Button>
                       </TableTd>
@@ -114,8 +157,10 @@ function ListKategoriPotensi({ search }: { search: string }) {
                 ) : (
                   <TableTr>
                     <TableTd colSpan={4}>
-                      <Center py={20}>
-                        <Text color="dimmed">Tidak ada data kategori potensi yang cocok</Text>
+                      <Center py="lg">
+                        <Text c="dimmed" fz="sm" lh={1.5}>
+                          Tidak ada data kategori potensi yang cocok
+                        </Text>
                       </Center>
                     </TableTd>
                   </TableTr>
@@ -123,10 +168,70 @@ function ListKategoriPotensi({ search }: { search: string }) {
               </TableTbody>
             </Table>
           </Box>
+
+          {/* Mobile Cards */}
+          <Stack gap="sm" hiddenFrom="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item, index) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        No
+                      </Text>
+                      <Text fz="sm" lh={1.5}>
+                        {(page - 1) * 10 + index + 1}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Nama
+                      </Text>
+                      <Text fz="sm" lh={1.5}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="xs"
+                        onClick={() =>
+                          router.push(
+                            `/admin/desa/potensi/kategori-potensi/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="xs"
+                        disabled={listDataState.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={16} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="lg">
+                <Text c="dimmed" fz="sm" lh={1.5}>
+                  Tidak ada data kategori potensi yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
         </Stack>
       </Paper>
 
-      <Center mt="md">
+      <Center mt="xl">
         <Pagination
           value={page}
           onChange={(newPage) => load(newPage, 10, search)}
@@ -143,7 +248,7 @@ function ListKategoriPotensi({ search }: { search: string }) {
         text='Apakah anda yakin ingin menghapus kategori Potensi ini?'
       />
     </Box>
-  )
+  );
 }
 
-export default KategoriPotensi;
+export default KategoriPotensi;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
index bf2197e6..2bf0a23c 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
@@ -143,7 +143,7 @@ function EditPotensi() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
index b2e5cf17..3ae6dac8 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
@@ -40,7 +40,7 @@ export default function DetailPotensi() {
   const data = potensiState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -52,7 +52,7 @@ export default function DetailPotensi() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
index d18bca1b..ed642b8f 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
@@ -79,7 +79,7 @@ function CreatePotensi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
index 9ee2259b..f896e5b4 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
@@ -26,6 +26,7 @@ import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import potensiDesaState from '../../../_state/desa/potensi';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function Potensi() {
   const [search, setSearch] = useState("");
@@ -46,6 +47,7 @@ function Potensi() {
 function ListPotensi({ search }: { search: string }) {
   const potensiState = useProxy(potensiDesaState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -57,41 +59,61 @@ function ListPotensi({ search }: { search: string }) {
 
   useEffect(() => {
     potensiState.kategoriPotensi.findMany.load();
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Potensi Desa</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/desa/potensi/list-potensi/create')}
-            >
-              Tambah Baru
-            </Button>
+    <Box py="lg">
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>
+            Daftar Potensi Desa
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/desa/potensi/list-potensi/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover style={{ minWidth: '700px' }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={700}>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '20%' }}>Judul</TableTh>
-                <TableTh style={{ width: '20%' }}>Kategori</TableTh>
-                <TableTh style={{ width: '35%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Detail</TableTh>
+                <TableTh w="20%">
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Judul
+                  </Text>
+                </TableTh>
+                <TableTh w="20%">
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Kategori
+                  </Text>
+                </TableTh>
+                <TableTh w="35%">
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Deskripsi
+                  </Text>
+                </TableTh>
+                <TableTh w="15%">
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Detail
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -99,27 +121,23 @@ function ListPotensi({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fz="sm" c="dimmed">{item.kategori?.nama || '-'}</Text>
-                      </Box>
+                      <Text fz="sm" c="gray.7" lh={1.5}>
+                        {item.kategori?.nama || '-'}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={300}>
-                        <Text
-                          lineClamp={1}
-                          truncate
-                          fz="sm"
-                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                          style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                        />
-                      </Box>
+                      <Text
+                        fz="sm"
+                        lh={1.5}
+                        lineClamp={2}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        style={{ wordBreak: 'break-word' }}
+                      />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -138,8 +156,10 @@ function ListPotensi({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data potensi yang cocok</Text>
+                    <Center py="xl">
+                      <Text c="gray.6" fz="sm" ta="center" lh={1.5}>
+                        Tidak ada data potensi yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -147,7 +167,64 @@ function ListPotensi({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            <Stack gap="sm">
+              {filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Box mb="xs">
+                    <Text fz="xs" fw={600} lh={1.4}>
+                      Judul
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box mb="xs">
+                    <Text fz="xs" fw={600} lh={1.4}>
+                      Kategori
+                    </Text>
+                    <Text fz="sm" c="gray.7" lh={1.5}>
+                      {item.kategori?.nama || '-'}
+                    </Text>
+                  </Box>
+                  <Box mb="xs">
+                    <Text fz="xs" fw={600} lh={1.4}>
+                      Deskripsi
+                    </Text>
+                    <Text
+                      fz="sm"
+                      lh={1.5}
+                      dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      style={{ wordBreak: 'break-word' }}
+                    />
+                  </Box>
+                  <Button
+                    size="xs"
+                    radius="md"
+                    variant="light"
+                    color="blue"
+                    leftSection={<IconDeviceImacCog size={16} />}
+                    onClick={() => router.push(`/admin/desa/potensi/list-potensi/${item.id}`)}
+                    w="100%"
+                  >
+                    Detail
+                  </Button>
+                </Paper>
+              ))}
+            </Stack>
+          ) : (
+            <Center py="xl">
+              <Text c="gray.6" fz="sm" ta="center" lh={1.5}>
+                Tidak ada data potensi yang cocok
+              </Text>
+            </Center>
+          )}
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -166,4 +243,4 @@ function ListPotensi({ search }: { search: string }) {
   );
 }
 
-export default Potensi;
+export default Potensi;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
index a3dd1255..b50d1288 100644
--- a/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconCalendar, IconUser, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -60,35 +60,76 @@ function LayoutTabsDetail({ children }: { children: React.ReactNode }) {
                 keepMounted={false}
             >
                 {/* ✅ Scroll horizontal wrapper */}
-                <ScrollArea type="auto" offsetScrollbars>
-                    <TabsList
-                        p="sm"
-                        style={{
-                            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                            borderRadius: "1rem",
-                            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-                            display: "flex",
-                            flexWrap: "nowrap",
-                            gap: "0.5rem",
-                            paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-                        }}
+                <Box visibleFrom='md' pb={10}>
+                    <ScrollArea type="auto" offsetScrollbars>
+                        <TabsList
+                            p="sm"
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        transition: "all 0.2s ease",
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
+
+                <Box hiddenFrom='md' pb={10}>
+                    <ScrollArea
+                        type="auto"
+                        offsetScrollbars={false}
+                        w="100%"
                     >
-                        {tabs.map((tab, i) => (
-                            <TabsTab
-                                key={i}
-                                value={tab.value}
-                                leftSection={tab.icon}
-                                style={{
-                                    fontWeight: 600,
-                                    fontSize: "0.9rem",
-                                    transition: "all 0.2s ease",
-                                }}
-                            >
-                                {tab.label}
-                            </TabsTab>
-                        ))}
-                    </TabsList>
-                </ScrollArea>
+
+                        <TabsList
+                            p="xs" // lebih kecil
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                width: "max-content", // ⬅️ kunci
+                                maxWidth: "100%",     // ⬅️ penting
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        paddingInline: "0.75rem", // ⬅️ lebih ramping
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
 
                 {tabs.map((tab, i) => (
                     <TabsPanel
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
index ea9f877b..9544947b 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
@@ -148,7 +148,7 @@ function Page() {
   // ❌ Error
   if (loadError) {
     return (
-      <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      <Box px={{ base: 0, md: 'lg' }} py="xs">
         <Stack gap="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
@@ -166,7 +166,7 @@ function Page() {
 
   // 🧱 UI utama
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="md">
         {/* Header */}
         <Group mb="sm">
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
index 16bd9fda..82d56817 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
@@ -170,7 +170,7 @@ function Page() {
   // Loading state
   if (maskotState.findUnique.loading || maskotState.update.loading) {
     return (
-      <Box>
+       <Box px={{ base: 0, md: 'lg' }} py="xs">
         <Center h={400}>
           <Text>Memuat data...</Text>
         </Center>
@@ -181,7 +181,7 @@ function Page() {
   // Error state
   if (maskotState.findUnique.error) {
     return (
-      <Box>
+       <Box px={{ base: 0, md: 'lg' }} py="xs">
         <Stack gap="md">
           <Button variant="subtle" onClick={handleBack}>
             <IconArrowBack color={colors['blue-button']} size={20} />
@@ -196,7 +196,7 @@ function Page() {
   }
 
   return (
-    <Box>
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
index 72ab0b41..f0b084eb 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
@@ -91,7 +91,7 @@ function Page() {
     }, [params?.id, router]);
 
     // 🔄 Check if form has changes
-    
+
 
     // 🔁 Reset Form to Original Data
     const handleResetForm = () => {
@@ -149,7 +149,7 @@ function Page() {
     // 🔄 Loading State
     if (isLoading) {
         return (
-            <Box>
+            <Box px={{ base: 0, md: 'lg' }} py="xs">
                 <Center h={400}>
                     <Stack align="center" gap="md">
                         <Loader size="lg" color={colors['blue-button']} />
@@ -165,7 +165,7 @@ function Page() {
     // ❌ Error State
     if (loadError) {
         return (
-            <Box px={{ base: 'sm', md: 'lg' }} py="md">
+            <Box px={{ base: 0, md: 'lg' }} py="xs">
                 <Stack gap="md">
                     <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
                         <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
index 98cac0c9..62a45c04 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
@@ -126,7 +126,7 @@ function Page() {
   // ⏳ Loading
   if (isLoading) {
     return (
-      <Box>
+      <Box px={{ base: 0, md: 'lg' }} py="xs">
         <Center h={400}>
           <Stack align="center" gap="md">
             <Loader size="lg" color={colors['blue-button']} />
@@ -142,7 +142,7 @@ function Page() {
   // ❌ Error
   if (loadError) {
     return (
-      <Box px={{ base: 'sm', md: 'lg' }} py="md">
+      <Box px={{ base: 0, md: 'lg' }} py="xs">
         <Stack gap="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
             <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
index bdee883c..e40dbcce 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Card, Center, Divider, Grid, GridCol, Image, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Card, Center, Divider, Group, Image, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -30,208 +30,558 @@ function Page() {
         <Title order={2} c={colors['blue-button']}>Preview Profil Desa</Title>
 
         {/* Sejarah Desa */}
-        {sejarah && (
-          <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
-            <Grid align="center">
-              <GridCol span={{ base: 12, md: 11 }}>
-                <Title order={3} c={colors['blue-button']}>Preview Sejarah Desa</Title>
-              </GridCol>
-              <GridCol span={{ base: 12, md: 1 }}>
-                  <Button
-                    c="green"
-                    variant="light"
-                    leftSection={<IconEdit size={18} stroke={2} />}
-                    radius="md"
-                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${sejarah.id}/sejarah_desa`)}
-                  >
-                    Edit
-                  </Button>
-              </GridCol>
-            </Grid>
 
-            <Box px={{ base: 0, md: 50 }} py="xl">
-              <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
-                <Stack gap={0}>
-                  <Center>
-                    <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 150, md: 250 }} alt="Logo Desa" />
-                  </Center>
-                  <Paper
-                    bg={colors['blue-button']}
-                    py="md"
-                    px="sm"
-                    radius="md"
-                    style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
-                  >
-                    <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
-                      {sejarah.judul}
-                    </Text>
-                  </Paper>
-                </Stack>
-                <Divider my="md" color={colors['blue-button']} />
-                <Text fz={{ base: "md", md: "h3" }} style={{wordBreak: "break-word", whiteSpace: "normal"}} ta="justify" dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }} />
-              </Paper>
-            </Box>
-          </Paper>
-        )}
+        <Box visibleFrom='md'>
+          {sejarah && (
+            <Paper p={{ base: "lg", md: "xl" }} bg={'white'} withBorder radius="md" shadow="xs">
+              <Group justify='space-between'>
+                <Title order={3} c={colors['blue-button']}>Preview Sejarah Desa</Title>
+                <Button
+                  c="green"
+                  variant="light"
+                  leftSection={<IconEdit size={18} stroke={2} />}
+                  radius="md"
+                  onClick={() => router.push(`/admin/desa/profil/profil-desa/${sejarah.id}/sejarah_desa`)}
+                >
+                  Edit
+                </Button>
+              </Group>
+
+              <Box py="xl">
+                <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
+                  <Stack gap={0}>
+                    <Center>
+                      <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 150, md: 250 }} alt="Logo Desa" />
+                    </Center>
+                    <Paper
+                      bg={colors['blue-button']}
+                      py="md"
+                      px="sm"
+                      radius="md"
+                      style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
+                    >
+                      <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
+                        {sejarah.judul}
+                      </Text>
+                    </Paper>
+                  </Stack>
+                  <Divider my="md" color={colors['blue-button']} />
+                  <Box px={20}>
+                    <Text fz={{ base: "md", md: "h3" }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} ta="justify" dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }} />
+                  </Box>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
+
+        <Box hiddenFrom='md'>
+          {sejarah && (
+            <Paper p={{ base: "md", md: "xl" }} bg="white" withBorder radius="md" shadow="xs">
+              {/* Header */}
+              <Group justify="space-between" align="center" mb="md">
+                <Title order={3} c={colors['blue-button']}>
+                  Preview Sejarah Desa
+                </Title>
+
+                <Button
+                  variant="light"
+                  color="green"
+                  radius="md"
+                  leftSection={<IconEdit size={18} />}
+                  onClick={() =>
+                    router.push(`/admin/desa/profil/profil-desa/${sejarah.id}/sejarah_desa`)
+                  }
+                >
+                  Edit
+                </Button>
+              </Group>
+
+              {/* Content Wrapper */}
+              <Box
+                mx="auto"
+                w="100%"
+                maw={720} // batas nyaman baca
+              >
+                <Paper
+                  bg={colors['white-1']}
+                  withBorder
+                  radius="md"
+                  p={{ base: "md", md: "lg" }}
+                >
+                  {/* Logo + Title */}
+                  <Stack align="center" gap="xs">
+                    <Image
+                      src="/darmasaba-icon.png"
+                      alt="Logo Desa"
+                      w={{ base: 120, md: 200 }}
+                      loading="lazy"
+                    />
+
+                    <Paper
+                      bg={colors['blue-button']}
+                      px="md"
+                      py="sm"
+                      radius="md"
+                      mt={{ base: "sm", md: -24 }} // aman di mobile
+                    >
+                      <Text
+                        ta="center"
+                        c="white"
+                        fw={700}
+                        fz={{ base: "lg", md: "xl" }}
+                      >
+                        {sejarah.judul}
+                      </Text>
+                    </Paper>
+                  </Stack>
+
+                  <Divider my="md" color={colors['blue-button']} />
+
+                  {/* Deskripsi */}
+                  <Box pl={10}>
+                    <Text
+                      fz="sm"
+                      lh="1.6"
+                      ta="left"
+                      style={{ wordBreak: "break-word" }}
+                      dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }}
+                    />
+                  </Box>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
 
         {/* Visi Misi Desa */}
-        {visiMisi && (
-          <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
-            <Grid align="center">
-              <GridCol span={{ base: 12, md: 11 }}>
+        <Box visibleFrom='md'>
+          {visiMisi && (
+            <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
+              <Group justify='space-between'>
                 <Title order={3} c={colors['blue-button']}>Preview Visi Misi Desa</Title>
-              </GridCol>
-              <GridCol span={{ base: 12, md: 1 }}>
-                  <Button
-                    c="green"
-                    variant="light"
-                    leftSection={<IconEdit size={18} stroke={2} />}
-                    radius="md"
-                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${visiMisi.id}/visi_misi_desa`)}
-                  >
-                    Edit
-                  </Button>
-              </GridCol>
-            </Grid>
+                <Button
+                  c="green"
+                  variant="light"
+                  leftSection={<IconEdit size={18} stroke={2} />}
+                  radius="md"
+                  onClick={() => router.push(`/admin/desa/profil/profil-desa/${visiMisi.id}/visi_misi_desa`)}
+                >
+                  Edit
+                </Button>
+              </Group>
 
-            <Box px={{ base: 0, md: 50 }} py="xl">
-              <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
-                <Stack gap={0}>
-                  <Center>
-                    <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 150, md: 250 }} alt="Logo Desa" />
-                  </Center>
-                  <Paper
-                    bg={colors['blue-button']}
-                    py="md"
-                    px="sm"
-                    radius="md"
-                    style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
-                  >
-                    <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
-                      Visi Misi Desa
-                    </Text>
-                  </Paper>
-                </Stack>
-                <Divider my="md" color={colors['blue-button']} />
-                <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Visi Desa</Text>
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: visiMisi.visi }} />
-                <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Misi Desa</Text>
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: visiMisi.misi }} />
-              </Paper>
-            </Box>
-          </Paper>
-        )}
+
+              <Box px={{ base: 0, md: 50 }} py="xl">
+                <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
+                  <Stack gap={0}>
+                    <Center>
+                      <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 150, md: 250 }} alt="Logo Desa" />
+                    </Center>
+                    <Paper
+                      bg={colors['blue-button']}
+                      py="md"
+                      px="sm"
+                      radius="md"
+                      style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
+                    >
+                      <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
+                        Visi Misi Desa
+                      </Text>
+                    </Paper>
+                  </Stack>
+                  <Divider my="md" color={colors['blue-button']} />
+                  <Box px={20}>
+                    <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Visi Desa</Text>
+                    <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: visiMisi.visi }} />
+                  </Box>
+                  <Box px={20}>
+                    <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Misi Desa</Text>
+                    <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: visiMisi.misi }} />
+                  </Box>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
+
+        <Box hiddenFrom='md'>
+          {visiMisi && (
+            <Paper p={{ base: "md", md: "xl" }} bg="white" withBorder radius="md" shadow="xs">
+              {/* Header */}
+              <Group justify="space-between" align="center" mb="md">
+                <Title order={3} c={colors['blue-button']}>
+                  Preview Visi Misi Desa
+                </Title>
+
+                <Button
+                  variant="light"
+                  color="green"
+                  radius="md"
+                  leftSection={<IconEdit size={18} />}
+                  onClick={() => router.push(`/admin/desa/profil/profil-desa/${visiMisi.id}/visi_misi_desa`)}
+                >
+                  Edit
+                </Button>
+              </Group>
+
+              {/* Content Wrapper */}
+              <Box
+                mx="auto"
+                w="100%"
+                maw={720} // batas nyaman baca
+              >
+                <Paper
+                  bg={colors['white-1']}
+                  withBorder
+                  radius="md"
+                  p={{ base: "md", md: "lg" }}
+                >
+                  {/* Logo + Title */}
+                  <Stack align="center" gap="xs">
+                    <Image
+                      src="/darmasaba-icon.png"
+                      alt="Logo Desa"
+                      w={{ base: 120, md: 200 }}
+                      loading="lazy"
+                    />
+
+                    <Paper
+                      bg={colors['blue-button']}
+                      px="md"
+                      py="sm"
+                      radius="md"
+                      mt={{ base: "sm", md: -24 }} // aman di mobile
+                    >
+                      <Text
+                        ta="center"
+                        c="white"
+                        fw={700}
+                        fz={{ base: "lg", md: "xl" }}
+                      >
+                        Visi Misi Desa
+                      </Text>
+                    </Paper>
+                  </Stack>
+
+                  <Divider my="md" color={colors['blue-button']} />
+
+                  <Stack pl={10}>
+                    <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Visi Desa</Text>
+                    <Text
+                      fz="sm"
+                      lh="1.6"
+                      ta="left"
+                      style={{ wordBreak: "break-word" }}
+                      dangerouslySetInnerHTML={{ __html: visiMisi.visi }}
+                    />
+                  </Stack>
+
+                  <Stack pl={10}>
+                    <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Misi Desa</Text>
+                    <Text
+                      fz="sm"
+                      lh="1.6"
+                      ta="left"
+                      style={{ wordBreak: "break-word" }}
+                      dangerouslySetInnerHTML={{ __html: visiMisi.misi }}
+                    />
+                  </Stack>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
 
         {/* Lambang Desa */}
-        {lambang && (
-          <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
-            <Grid align="center">
-              <GridCol span={{ base: 12, md: 11 }}>
+        <Box visibleFrom='md'>
+          {lambang && (
+            <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
+              <Group justify='space-between'>
                 <Title order={3} c={colors['blue-button']}>Preview Lambang Desa</Title>
-              </GridCol>
-              <GridCol span={{ base: 12, md: 1 }}>
-                  <Button
-                    c="green"
-                    variant="light"
-                    leftSection={<IconEdit size={18} stroke={2} />}
-                    radius="md"
-                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${lambang.id}/lambang_desa`)}
-                  >
-                    Edit
-                  </Button>
-              </GridCol>
-            </Grid>
+                <Button
+                  c="green"
+                  variant="light"
+                  leftSection={<IconEdit size={18} stroke={2} />}
+                  radius="md"
+                  onClick={() => router.push(`/admin/desa/profil/profil-desa/${lambang.id}/lambang_desa`)}
+                >
+                  Edit
+                </Button>
+              </Group>
 
-            <Box px={{ base: 0, md: 50 }} py="xl">
-              <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
-                <Stack gap={0}>
-                  <Center>
-                    <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 150, md: 250 }} alt="Logo Desa" />
-                  </Center>
-                  <Paper
-                    bg={colors['blue-button']}
-                    py="md"
-                    px="sm"
-                    radius="md"
-                    style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
-                  >
-                    <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
-                      {lambang.judul}
-                    </Text>
-                  </Paper>
-                </Stack>
-                <Divider my="md" color={colors['blue-button']} />
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: lambang.deskripsi }} />
-              </Paper>
-            </Box>
-          </Paper>
-        )}
+              <Box px={{ base: 0, md: 50 }} py="xl">
+                <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
+                  <Stack gap={0}>
+                    <Center>
+                      <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 150, md: 250 }} alt="Logo Desa" />
+                    </Center>
+                    <Paper
+                      bg={colors['blue-button']}
+                      py="md"
+                      px="sm"
+                      radius="md"
+                      style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
+                    >
+                      <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
+                        {lambang.judul}
+                      </Text>
+                    </Paper>
+                  </Stack>
+                  <Divider my="md" color={colors['blue-button']} />
+                  <Box px={20}>
+                    <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: lambang.deskripsi }} />
+                  </Box>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
+
+        <Box hiddenFrom='md'>
+          {lambang && (
+            <Paper p={{ base: "md", md: "xl" }} bg="white" withBorder radius="md" shadow="xs">
+              {/* Header */}
+              <Group justify="space-between" align="center" mb="md">
+                <Title order={3} c={colors['blue-button']}>
+                  Preview Lambang Desa
+                </Title>
+
+                <Button
+                  variant="light"
+                  color="green"
+                  radius="md"
+                  leftSection={<IconEdit size={18} />}
+                  onClick={() =>
+                    router.push(`/admin/desa/profil/profil-desa/${lambang.id}/lambang_desa`)
+                  }
+                >
+                  Edit
+                </Button>
+              </Group>
+
+              {/* Content Wrapper */}
+              <Box
+                mx="auto"
+                w="100%"
+                maw={720} // batas nyaman baca
+              >
+                <Paper
+                  bg={colors['white-1']}
+                  withBorder
+                  radius="md"
+                  p={{ base: "md", md: "lg" }}
+                >
+                  {/* Logo + Title */}
+                  <Stack align="center" gap="xs">
+                    <Image
+                      src="/darmasaba-icon.png"
+                      alt="Logo Desa"
+                      w={{ base: 120, md: 200 }}
+                      loading="lazy"
+                    />
+
+                    <Paper
+                      bg={colors['blue-button']}
+                      px="md"
+                      py="sm"
+                      radius="md"
+                      mt={{ base: "sm", md: -24 }} // aman di mobile
+                    >
+                      <Text
+                        ta="center"
+                        c="white"
+                        fw={700}
+                        fz={{ base: "lg", md: "xl" }}
+                      >
+                        {lambang.judul}
+                      </Text>
+                    </Paper>
+                  </Stack>
+
+                  <Divider my="md" color={colors['blue-button']} />
+
+                  {/* Deskripsi */}
+                  <Box pl={10}>
+                    <Text
+                      fz="sm"
+                      lh="1.6"
+                      ta="left"
+                      style={{ wordBreak: "break-word" }}
+                      dangerouslySetInnerHTML={{ __html: lambang.deskripsi }}
+                    />
+                  </Box>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
 
         {/* Maskot Desa */}
-        {maskot && (
-          <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
-            <Grid align="center">
-              <GridCol span={{ base: 12, md: 11 }}>
+        <Box visibleFrom='md'>
+          {maskot && (
+            <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
+              <Group justify='space-between'>
                 <Title order={3} c={colors['blue-button']}>Preview Maskot Desa</Title>
-              </GridCol>
-              <GridCol span={{ base: 12, md: 1 }}>
-                  <Button
-                    c="green"
-                    variant="light"
-                    leftSection={<IconEdit size={18} stroke={2} />}
-                    radius="md"
-                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${maskot.id}/maskot_desa`)}
-                  >
-                    Edit
-                  </Button>
-              </GridCol>
-            </Grid>
+                <Button
+                  c="green"
+                  variant="light"
+                  leftSection={<IconEdit size={18} stroke={2} />}
+                  radius="md"
+                  onClick={() => router.push(`/admin/desa/profil/profil-desa/${maskot.id}/maskot_desa`)}
+                >
+                  Edit
+                </Button>
+              </Group>
 
-            <Box px={{ base: 0, md: 50 }} py="xl">
-              <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
-                <Stack gap={0}>
-                  <Center>
-                    <Image loading='lazy' src="/pudak-icon.png" w={{ base: 150, md: 250 }} alt="Maskot Desa" />
-                  </Center>
-                  <Paper
-                    bg={colors['blue-button']}
-                    py="md"
-                    px="sm"
-                    radius="md"
-                    style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
-                  >
-                    <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
-                      Maskot Desa
-                    </Text>
-                  </Paper>
-                </Stack>
-                <Divider my="md" color={colors['blue-button']} />
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: maskot.deskripsi }} />
-                <Stack mt="md" gap="sm">
-                  <SimpleGrid cols={{ base: 1, md: 4 }} spacing="md">
-                    {maskot.images.map((img, idx) => (
-                      <Card withBorder key={idx} p="xs" w={{ base: '100%', md: 180 }}>
-                        <Center>
-                          <Image
-                            src={img.image.link}
-                            alt={img.label}
-                            w={150}
-                            h={150}
-                            fit="cover"
-                            radius="md"
-                            style={{ border: '1px solid #ccc' }}
-                            loading='lazy'
-                          />
-                        </Center>
-                        <Text ta="center" mt="xs" fw="bold">{img.label}</Text>
-                      </Card>
-                    ))}
-                  </SimpleGrid>
-                </Stack>
-              </Paper>
-            </Box>
-          </Paper>
-        )}
+              <Box px={{ base: 0, md: 50 }} py="xl">
+                <Paper bg={colors['white-1']} withBorder radius="md" shadow="xs" p="lg">
+                  <Stack gap={0}>
+                    <Center>
+                      <Image loading='lazy' src="/pudak-icon.png" w={{ base: 150, md: 250 }} alt="Maskot Desa" />
+                    </Center>
+                    <Paper
+                      bg={colors['blue-button']}
+                      py="md"
+                      px="sm"
+                      radius="md"
+                      style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
+                    >
+                      <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
+                        Maskot Desa
+                      </Text>
+                    </Paper>
+                  </Stack>
+                  <Divider my="md" color={colors['blue-button']} />
+                  <Box px={20}>
+                    <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: maskot.deskripsi }} />
+                  </Box>
+                  <Stack mt="md" gap="sm">
+                    <SimpleGrid cols={{ base: 1, md: 4 }} spacing="md">
+                      {maskot.images.map((img, idx) => (
+                        <Card withBorder key={idx} p="xs" w={{ base: '100%', md: 180 }}>
+                          <Center>
+                            <Image
+                              src={img.image.link}
+                              alt={img.label}
+                              w={150}
+                              h={150}
+                              fit="cover"
+                              radius="md"
+                              style={{ border: '1px solid #ccc' }}
+                              loading='lazy'
+                            />
+                          </Center>
+                          <Text ta="center" mt="xs" fw="bold">{img.label}</Text>
+                        </Card>
+                      ))}
+                    </SimpleGrid>
+                  </Stack>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
+
+        <Box hiddenFrom='md'>
+          {maskot && (
+            <Paper p={{ base: "md", md: "xl" }} bg="white" withBorder radius="md" shadow="xs">
+              {/* Header */}
+              <Group justify="space-between" align="center" mb="md">
+                <Title order={3} c={colors['blue-button']}>
+                  Preview Maskot Desa
+                </Title>
+
+                <Button
+                  variant="light"
+                  color="green"
+                  radius="md"
+                  leftSection={<IconEdit size={18} />}
+                  onClick={() =>
+                    router.push(`/admin/desa/profil/profil-desa/${maskot.id}/maskot_desa`)
+                  }
+                >
+                  Edit
+                </Button>
+              </Group>
+
+              {/* Content Wrapper */}
+              <Box
+                mx="auto"
+                w="100%"
+                maw={720} // batas nyaman baca
+              >
+                <Paper
+                  bg={colors['white-1']}
+                  withBorder
+                  radius="md"
+                  p={{ base: "md", md: "lg" }}
+                >
+                  {/* Logo + Title */}
+                  <Stack align="center" gap="xs">
+                    <Image
+                      src="/pudak-icon.png"
+                      alt="Logo Desa"
+                      w={{ base: 120, md: 200 }}
+                      loading="lazy"
+                    />
+
+                    <Paper
+                      bg={colors['blue-button']}
+                      px="md"
+                      py="sm"
+                      radius="md"
+                      mt={{ base: "sm", md: -24 }} // aman di mobile
+                    >
+                      <Text
+                        ta="center"
+                        c="white"
+                        fw={700}
+                        fz={{ base: "lg", md: "xl" }}
+                      >
+                        Maskot Desa
+                      </Text>
+                    </Paper>
+                  </Stack>
+
+                  <Divider my="md" color={colors['blue-button']} />
+
+                  {/* Deskripsi */}
+                  <Box pl={10}>
+                    <Text
+                      fz="sm"
+                      lh="1.6"
+                      ta="left"
+                      style={{ wordBreak: "break-word" }}
+                      dangerouslySetInnerHTML={{ __html: maskot.deskripsi }}
+                    />
+                  </Box>
+                  <Stack mt="md" gap="sm">
+                    <SimpleGrid cols={{ base: 1, md: 4 }} spacing="md">
+                      {maskot.images.map((img, idx) => (
+                        <Card withBorder key={idx} p="xs" w={{ base: '100%', md: 180 }}>
+                          <Center>
+                            <Image
+                              src={img.image.link}
+                              alt={img.label}
+                              w={150}
+                              h={150}
+                              fit="cover"
+                              radius="md"
+                              style={{ border: '1px solid #ccc' }}
+                              loading='lazy'
+                            />
+                          </Center>
+                          <Text ta="center" mt="xs" fw="bold">{img.label}</Text>
+                        </Card>
+                      ))}
+                    </SimpleGrid>
+                  </Stack>
+                </Paper>
+              </Box>
+            </Paper>
+          )}
+        </Box>
       </Stack>
     </Paper>
   );
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
index 8cf2e438..c83faf16 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
@@ -127,7 +127,7 @@ function EditPerbekelDariMasaKeMasa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
index bb0e2eea..95653279 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailPerbekelDariMasa() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -52,7 +52,7 @@ function DetailPerbekelDariMasa() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
index 21973331..aa4f519b 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
@@ -56,7 +56,7 @@ function CreatePerbekelDariMasaKeMasa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back button + Title */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
index 63982af1..20a1dd0b 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
@@ -1,7 +1,24 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -29,43 +46,47 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
   const state = useProxy(stateProfileDesa.mantanPerbekel)
   const router = useRouter();
   const { data, page, totalPages, loading, load } = state.findMany;
+   const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay 
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search]);
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify='space-between' mb="md">
-          <Title order={4}>List Perbekel Dari Masa Ke Masa</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/create')}
-            >
-              Tambah Baru
-            </Button>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify='space-between' mb={{ base: 'sm', md: 'md' }}>
+          <Title order={2} lh={1.2}>
+            List Perbekel Dari Masa Ke Masa
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={0}>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '35%' }}>Nama Perbekel</TableTh>
-                <TableTh style={{ width: '35%' }}>Periode</TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" c="dark.9">Nama Perbekel</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" c="dark.9">Periode</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" c="dark.9">Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -73,36 +94,32 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} lineClamp={1}>{item.nama}</Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} lineClamp={1}>{item.nama}</Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text lineClamp={1}>{item.periode}</Text>
-                      </Box>
+                      <Text fz="md" lh={1.5} lineClamp={1}>{item.periode}</Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Button
-                          size="xs"
-                          radius="md"
-                          variant="light"
-                          color="blue"
-                          leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/${item.id}`)}
-                        >
-                          Detail
-                        </Button>
-                      </Box>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() => router.push(`/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/${item.id}`)}
+                      >
+                        Detail
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data perbekel yang cocok</Text>
+                    <Center py={{ base: 'md', md: 'lg' }}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data perbekel yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -110,6 +127,47 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4} c="dark.9">Nama Perbekel</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{item.nama}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4} c="dark.9">Periode</Text>
+                      <Text fz="sm" lh={1.5}>{item.periode}</Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() => router.push(`/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/${item.id}`)}
+                        fullWidth
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="md">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data perbekel yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
@@ -120,8 +178,8 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
+          mt={{ base: 'sm', md: 'md' }}
+          mb={{ base: 'sm', md: 'md' }}
           color="blue"
           radius="md"
         />
@@ -130,4 +188,4 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
   );
 }
 
-export default PerbekelDariMasaKeMasa;
+export default PerbekelDariMasaKeMasa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
index bd26f5c1..a135b37e 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
@@ -97,7 +97,7 @@ function ProfilePerbekel() {
   }
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         {/* Header */}
         <Group mb="md">
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
index 53ad1d8c..d06dcb40 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
@@ -33,18 +33,18 @@ function Page() {
         {/* Header + tombol edit */}
         <Grid align="center">
           <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>Preview Profil PPID</Title>
+            <Title order={2} c={colors['blue-button']} lh={1.2} />
           </GridCol>
           <GridCol span={{ base: 12, md: 1 }}>
-              <Button
-                c="green"
-                variant="light"
-                leftSection={<IconEdit size={18} stroke={2} />}
-                radius="md"
-                onClick={() => router.push(`/admin/desa/profil/profil-perbekel/${perbekel.id}`)}
-              >
-                Edit
-              </Button>
+            <Button
+              c="green"
+              variant="light"
+              leftSection={<IconEdit size={18} stroke={2} />}
+              radius="md"
+              onClick={() => router.push(`/admin/desa/profil/profil-perbekel/${perbekel.id}`)}
+            >
+              Edit
+            </Button>
           </GridCol>
         </Grid>
 
@@ -58,7 +58,13 @@ function Page() {
                 </Center>
               </GridCol>
               <GridCol span={12}>
-                <Text ta="center" fz={{ base: "1.2rem", md: "1.8rem" }} fw="bold" c={colors['blue-button']}>
+                <Text
+                  ta="center"
+                  fz={{ base: 'sm', md: 'md' }}
+                  fw="bold"
+                  c={colors['blue-button']}
+                  lh={{ base: 1.45, md: 1.45 }}
+                >
                   Profil Pimpinan Badan Publik Desa Darmasaba
                 </Text>
               </GridCol>
@@ -86,25 +92,55 @@ function Page() {
               className="glass3"
               style={{ mt: -30, boxShadow: '0 4px 20px rgba(0,0,0,0.15)' }}
             >
-              <Text ta="center" c={colors['white-1']} fw="bolder" fz={{ base: "1.2rem", md: "1.6rem" }}>
-              I.B. Surya Prabhawa Manuaba, S.H., M.H.
+              <Text
+                ta="center"
+                c={colors['white-1']}
+                fw="bolder"
+                fz={{ base: 'md', md: 'lg' }}
+                lh={{ base: 1.4, md: 1.4 }}
+              >
+                I.B. Surya Prabhawa Manuaba, S.H., M.H.
               </Text>
             </Paper>
           </Stack>
 
           {/* Biodata & Info */}
           <Box mt="lg">
-            <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Biodata</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.biodata }} />
+            <Title order={3} lh={1.2} mb={4} />
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh={{ base: 1.6, md: 1.6 }}
+              ta="justify"
+              style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              dangerouslySetInnerHTML={{ __html: perbekel.biodata }}
+            />
 
-            <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Pengalaman</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.pengalaman }} />
+            <Title order={3} lh={1.2} mt="md" mb={4} />
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh={{ base: 1.6, md: 1.6 }}
+              ta="justify"
+              style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              dangerouslySetInnerHTML={{ __html: perbekel.pengalaman }}
+            />
 
-            <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Pengalaman Organisasi</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.pengalamanOrganisasi }} />
+            <Title order={3} lh={1.2} mt="md" mb={4} />
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh={{ base: 1.6, md: 1.6 }}
+              ta="justify"
+              style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              dangerouslySetInnerHTML={{ __html: perbekel.pengalamanOrganisasi }}
+            />
 
-            <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Program Kerja Unggulan</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.programUnggulan }} />
+            <Title order={3} lh={1.2} mt="md" mb={4} />
+            <Text
+              fz={{ base: 'sm', md: 'md' }}
+              lh={{ base: 1.6, md: 1.6 }}
+              ta="justify"
+              style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              dangerouslySetInnerHTML={{ __html: perbekel.programUnggulan }}
+            />
           </Box>
         </Paper>
       </Stack>
@@ -112,4 +148,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default Page;
\ No newline at end of file
-- 
2.49.1


From bf20cd55e8073234771d50aa8fd434728db6e3f5 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 19 Dec 2025 15:43:55 +0800
Subject: [PATCH 58/97] Fix QC Kak Inno 18 Des Fix UI Admin Menu Kesehatan Fix
 Search : Sudah diberi useDebounced menu Kesehatan

---
 .../desa/berita/kategori-berita/page.tsx      |   2 +-
 .../desa/berita/list-berita/page.tsx          |   5 +-
 .../(dashboard)/desa/gallery/foto/page.tsx    |   2 +-
 .../(dashboard)/desa/gallery/video/page.tsx   |   4 +-
 .../desa/layanan/ajukan_permohonan/page.tsx   |   2 +-
 .../pelayanan_surat_keterangan/[id]/page.tsx  |  16 +-
 .../pelayanan_surat_keterangan/page.tsx       |   4 +-
 .../pelayanan_telunjuk_sakti_desa/page.tsx    |   2 +-
 .../(dashboard)/desa/penghargaan/page.tsx     |   3 +-
 .../pengumuman/kategori-pengumuman/page.tsx   |   2 +-
 .../desa/pengumuman/list-pengumuman/page.tsx  |   2 +-
 .../desa/potensi/kategori-potensi/page.tsx    |   4 +-
 .../desa/potensi/list-potensi/page.tsx        |   2 +-
 .../page.tsx                                  |   4 +-
 .../data-kesehatan-warga/_lib/layoutTabs.tsx  | 127 +++--
 .../artikel_kesehatan/[id]/edit/page.tsx      |   2 +-
 .../artikel_kesehatan/[id]/page.tsx           |   4 +-
 .../artikel_kesehatan/create/page.tsx         |   2 +-
 .../artikel_kesehatan/page.tsx                |   7 +-
 .../fasilitas_kesehatan/[id]/edit/page.tsx    |   2 +-
 .../fasilitas_kesehatan/[id]/page.tsx         |  16 +-
 .../fasilitas_kesehatan/create/page.tsx       |   2 +-
 .../dokter-tenaga-medis/[id]/edit/page.tsx    |   2 +-
 .../dokter-tenaga-medis/[id]/page.tsx         |   2 +-
 .../dokter-tenaga-medis/create/page.tsx       |   2 +-
 .../dokter-tenaga-medis/page.tsx              |  98 +++-
 .../fasilitas_kesehatan/page.tsx              | 212 ++++++--
 .../tarif-layanan/[id]/page.tsx               |   2 +-
 .../tarif-layanan/create/page.tsx             |   2 +-
 .../tarif-layanan/page.tsx                    | 142 +++--
 .../jadwal_kegiatan/[id]/edit/page.tsx        |   2 +-
 .../jadwal_kegiatan/[id]/page.tsx             |   4 +-
 .../jadwal_kegiatan/create/page.tsx           |   2 +-
 .../jadwal_kegiatan/page.tsx                  | 125 +++--
 .../penderita_penyakit/[id]/edit/page.tsx     |   2 +-
 .../penderita_penyakit/[id]/page.tsx          |   4 +-
 .../penderita_penyakit/create/page.tsx        |   2 +-
 .../penderita_penyakit/page.tsx               | 243 ++++++---
 .../kelahiran/[id]/edit/page.tsx              |   2 +-
 .../kelahiran/[id]/page.tsx                   |   4 +-
 .../kelahiran/create/page.tsx                 |   2 +-
 .../kelahiran/page.tsx                        | 169 +++---
 .../kematian/[id]/edit/page.tsx               |   2 +-
 .../kematian/[id]/page.tsx                    |   4 +-
 .../kematian/create/page.tsx                  |   2 +-
 .../kematian/page.tsx                         | 161 +++---
 .../page.tsx                                  | 498 ++++++++++--------
 .../info-wabah-penyakit/[id]/edit/page.tsx    |   2 +-
 .../info-wabah-penyakit/[id]/page.tsx         |   5 +-
 .../info-wabah-penyakit/create/page.tsx       |   2 +-
 .../kesehatan/info-wabah-penyakit/page.tsx    | 122 +++--
 .../kontak-darurat/[id]/edit/page.tsx         |   2 +-
 .../kesehatan/kontak-darurat/[id]/page.tsx    |   4 +-
 .../kesehatan/kontak-darurat/create/page.tsx  |   2 +-
 .../kesehatan/kontak-darurat/page.tsx         | 103 ++--
 .../penanganan-darurat/[id]/edit/page.tsx     |   2 +-
 .../penanganan-darurat/[id]/page.tsx          |   5 +-
 .../penanganan-darurat/create/page.tsx        |   2 +-
 .../kesehatan/penanganan-darurat/page.tsx     | 117 ++--
 .../kesehatan/posyandu/[id]/edit/page.tsx     |   2 +-
 .../kesehatan/posyandu/[id]/page.tsx          |  22 +-
 .../kesehatan/posyandu/create/page.tsx        |   2 +-
 .../(dashboard)/kesehatan/posyandu/page.tsx   | 153 ++++--
 .../program-kesehatan/[id]/edit/page.tsx      |   2 +-
 .../kesehatan/program-kesehatan/[id]/page.tsx |   8 +-
 .../program-kesehatan/create/page.tsx         |   2 +-
 .../kesehatan/program-kesehatan/page.tsx      | 110 +++-
 .../kesehatan/puskesmas/[id]/edit/page.tsx    |   2 +-
 .../kesehatan/puskesmas/[id]/page.tsx         |   4 +-
 .../kesehatan/puskesmas/create/page.tsx       |   2 +-
 .../(dashboard)/kesehatan/puskesmas/page.tsx  | 159 ++++--
 .../(dashboard)/landing-page/SDGs/page.tsx    |   4 +-
 .../(dashboard)/landing-page/apbdes/page.tsx  |   2 +-
 .../kategori-desa-anti-korupsi/page.tsx       |   2 +-
 .../list-desa-anti-korupsi/page.tsx           |   2 +-
 .../responden/page.tsx                        |   6 +-
 .../kategori-prestasi-desa/page.tsx           |   2 +-
 .../prestasi-desa/list-prestasi-desa/page.tsx |   2 +-
 .../ppid/daftar-informasi-publik/page.tsx     |   4 +-
 .../responden/page.tsx                        |   6 +-
 .../ppid/permohonan-informasi-publik/page.tsx |   6 +-
 .../page.tsx                                  |   6 +-
 .../(dashboard)/ppid/profil-ppid/page.tsx     |   2 +-
 .../ppid/struktur-ppid/pegawai/page.tsx       |   4 +-
 .../struktur-ppid/posisi-organisasi/page.tsx  |   4 +-
 85 files changed, 1838 insertions(+), 956 deletions(-)

diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
index 961f11a8..842ccb3c 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
@@ -86,7 +86,7 @@ function ListKategoriBerita({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'lg' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Kategori Berita
           </Title>
           <Button
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
index ee8e27ca..ab869839 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
@@ -67,8 +67,7 @@ function ListBerita({ search }: { search: string }) {
     <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={2} visibleFrom="md">Daftar Berita</Title>
-          <Title order={3} hiddenFrom="md">Daftar Berita</Title>
+          <Title order={4}>Daftar Berita</Title>
           <Button
             leftSection={<IconCircleDashedPlus size={18} />}
             color="blue"
@@ -140,7 +139,7 @@ function ListBerita({ search }: { search: string }) {
           {filteredData.length > 0 ? (
             filteredData.map((item) => (
               <Paper key={item.id} withBorder p="md" radius="md">
-                <Stack gap={4}>
+                <Stack gap={"xs"}>
                   <Text fz="sm" fw={600} lh={1.4} c="dimmed">
                     Judul
                   </Text>
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
index 56b2f6da..0d5facf9 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
@@ -73,7 +73,7 @@ function ListFoto({ search }: { search: string }) {
     <Box py={{ base: 'md', md: 'lg' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>Daftar Foto</Title>
+          <Title order={4} lh={1.2}>Daftar Foto</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
index eb90f515..f642873e 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
@@ -73,7 +73,7 @@ function ListVideo({ search }: { search: string }) {
     <Box py={20}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Video
           </Title>
           <Button
@@ -152,7 +152,7 @@ function ListVideo({ search }: { search: string }) {
           {filteredData.length > 0 ? (
             filteredData.map((item) => (
               <Paper key={item.id} p="sm" withBorder radius="sm">
-                <Stack gap={4}>
+                <Stack gap={"xs"}>
                   <Box>
                     <Text fz="xs" fw={600} lh={1.4}>Judul Video</Text>
                     <Text fz="sm" fw={500} lh={1.45}>
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
index 53f2d47f..f9fcf6c8 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
@@ -142,7 +142,7 @@ function ListAjukanPermohonan({ search }: { search: string }) {
             {data.length > 0 ? (
               data.map((item) => (
                 <Paper key={item.id} withBorder p="md" radius="md" shadow="xs">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Box>
                       <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
                       <Text fz="sm" fw={500} lh={1.5}>{item.nama}</Text>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
index 04ab79b6..06b5af26 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
@@ -75,20 +75,21 @@ function DetailSuratKeterangan() {
 
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
             <Stack gap="sm">
-              <Box>
+              <Stack gap={"xs"}>
                 <Text fz="lg" fw="bold">
                   Nama
                 </Text>
                 <Text fz="md" c="dimmed">
                   {data?.name || '-'}
                 </Text>
-              </Box>
+              </Stack>
 
-              <Box>
+              <Stack gap={"xs"}>
                 <Text fz="lg" fw="bold">
                   Deskripsi
                 </Text>
-                <Text
+                <Box pl={10}>
+                  <Text
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{
@@ -96,9 +97,10 @@ function DetailSuratKeterangan() {
                   }}
                   style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
-              </Box>
+                </Box>
+              </Stack>
 
-              <Box>
+              <Stack gap={"xs"}>
                 <Text fz="lg" fw="bold">
                 Gambar Konten Pelayanan
                 </Text>
@@ -117,7 +119,7 @@ function DetailSuratKeterangan() {
                     Tidak ada gambar
                   </Text>
                 )}
-              </Box>
+              </Stack>
 
               <Box>
                 <Text fz="lg" fw="bold">
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
index 9de1132c..89e71ca7 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
@@ -82,7 +82,7 @@ function ListSuratKeterangan({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'md' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             List Surat Keterangan
           </Title>
           <Button
@@ -169,7 +169,7 @@ function ListSuratKeterangan({ search }: { search: string }) {
             {filteredData.length > 0 ? (
               filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="sm" radius="md">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Box>
                       <Text fz="sm" fw={600} lh={1.4}>
                         Nama
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
index 545120bf..adf3c1af 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
@@ -69,7 +69,7 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'md' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Pelayanan Telunjuk Sakti
           </Title>
           <Button
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
index ddfa1a5b..a9f01192 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
@@ -69,8 +69,7 @@ function ListPenghargaan({ search }: { search: string }) {
     <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="lg">
-          <Title order={2} visibleFrom="md">List Penghargaan</Title>
-          <Title order={3} hiddenFrom="md">List Penghargaan</Title>
+          <Title order={4}>List Penghargaan</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
index 041d07be..6966cd97 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
@@ -82,7 +82,7 @@ function ListKategoriPengumuman({ search }: { search: string }) {
             visibleFrom="md"
             style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}
           >
-            <Title order={2} lh={1.1}>
+            <Title order={4} lh={1.1}>
               List Kategori Pengumuman
             </Title>
             <Button
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
index fb7cfd87..42a77585 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
@@ -68,7 +68,7 @@ function ListPengumuman({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'md' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Pengumuman
           </Title>
           <Button
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
index 558e613f..824bcd7e 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
@@ -80,7 +80,7 @@ function ListKategoriPotensi({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Stack gap="xl">
           <Group justify="space-between" align="center">
-            <Title order={2} lh={1.2}>
+            <Title order={4} lh={1.2}>
               List Kategori Potensi
             </Title>
             <Button
@@ -174,7 +174,7 @@ function ListKategoriPotensi({ search }: { search: string }) {
             {filteredData.length > 0 ? (
               filteredData.map((item, index) => (
                 <Paper key={item.id} withBorder p="sm" radius="md">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Box>
                       <Text fz="xs" fw={600} lh={1.4}>
                         No
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
index f896e5b4..dcbbb8f4 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
@@ -76,7 +76,7 @@ function ListPotensi({ search }: { search: string }) {
     <Box py="lg">
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Potensi Desa
           </Title>
           <Button
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
index 20a1dd0b..c897bd63 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
@@ -66,7 +66,7 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'md' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify='space-between' mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             List Perbekel Dari Masa Ke Masa
           </Title>
           <Button
@@ -134,7 +134,7 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
             {filteredData.length > 0 ? (
               filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="sm" radius="md">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Box>
                       <Text fz="xs" fw={600} lh={1.4} c="dark.9">Nama Perbekel</Text>
                       <Text fz="sm" fw={500} lh={1.5}>{item.nama}</Text>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
index 90270f01..bd4c00e3 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconActivity, IconBuildingHospital, IconCalendarEvent, IconGauge, IconNotes } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -81,52 +81,93 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
+          >
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+
+        {tabs.map((tab, i) => (
+          <TabsPanel
+            key={i}
+            value={tab.value}
             style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+              padding: "1.5rem",
+              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
               borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
             }}
           >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-        </TabsList>
-      </ScrollArea>
-
-
-      {tabs.map((tab, i) => (
-        <TabsPanel
-          key={i}
-          value={tab.value}
-          style={{
-            padding: "1.5rem",
-            background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-            borderRadius: "1rem",
-            boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-          }}
-        >
-          {children}
-        </TabsPanel>
-      ))}
-    </Tabs>
+            {children}
+          </TabsPanel>
+        ))}
+      </Tabs>
     </Stack >
   );
 }
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
index 3393a626..2076ab86 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
@@ -147,7 +147,7 @@ function EditArtikelKesehatan() {
   );
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
index 10940912..8ba15f0c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
@@ -49,7 +49,7 @@ function DetailArtikelKesehatan() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -63,7 +63,7 @@ function DetailArtikelKesehatan() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: '100%', md: '50%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
index 3ffdd614..354169d8 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
@@ -94,7 +94,7 @@ function CreateArtikelKesehatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
index 16091d4a..4782cfcd 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -50,10 +50,11 @@ function ListArtikelKesehatan({ search }: { search: string }) {
   const router = useRouter();
 
   const { data, page, totalPages, loading, load } = stateArtikel.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
index 968b56e4..32db4e6b 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
@@ -131,7 +131,7 @@ function EditFasilitasKesehatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
index 63efc073..d8b953c5 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
@@ -56,7 +56,7 @@ function DetailFasilitasKesehatan() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -83,12 +83,12 @@ function DetailFasilitasKesehatan() {
 
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
             <Stack gap="sm">
-              <Box>
+              <Box pl={10}>
                 <Text fz="lg" fw="bold">Nama Fasilitas</Text>
                 <Text fz="md" c="dimmed">{data.name || '-'}</Text>
               </Box>
 
-              <Box>
+              <Box pl={10}>
                 <Text fz="lg" fw="bold">Informasi Umum</Text>
                 <Text fz="md" fw="bold">Fasilitas</Text>
                 <Text fz="md" c="dimmed">{data.informasiumum?.fasilitas || '-'}</Text>
@@ -98,22 +98,22 @@ function DetailFasilitasKesehatan() {
                 <Text fz="md" c="dimmed">{data.informasiumum?.jamOperasional || '-'}</Text>
               </Box>
 
-              <Box>
+              <Box pl={10}>
                 <Text fz="lg" fw="bold">Layanan Unggulan</Text>
                 <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.layananunggulan?.content || '-' }} />
               </Box>
 
-              <Box>
+              <Box pl={10}>
                 <Text fz="lg" fw="bold">Fasilitas Pendukung</Text>
                 <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.fasilitaspendukung?.content || '-' }} />
               </Box>
 
-              <Box>
+              <Box pl={10}>
                 <Text fz="lg" fw="bold">Prosedur Pendaftaran</Text>
                 <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.prosedurpendaftaran?.content || '-' }} />
               </Box>
 
-              <Box>
+              <Box pl={10}>
                 <Text fz="lg" fw="bold" mb="sm">Dokter & Tenaga Medis</Text>
                 {Array.isArray(data.dokterdantenagamedis) && data.dokterdantenagamedis.length > 0 ? (
                   <Box style={{ overflowX: 'auto', width: '100%' }}>
@@ -159,7 +159,7 @@ function DetailFasilitasKesehatan() {
                 )}
               </Box>
 
-              <Box mt="xl">
+              <Box pl={10} mt="xl">
                 <Text fz="lg" fw="bold" mb="sm">Tarif & Layanan</Text>
                 {Array.isArray(data.tarifdanlayanan) && data.tarifdanlayanan.length > 0 ? (
                   <Box style={{ overflowX: 'auto', width: '100%' }}>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
index fd92112c..63674dc9 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
@@ -70,7 +70,7 @@ function CreateFasilitasKesehatan() {
   }, []);
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
index af87d04a..137b1842 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
@@ -125,7 +125,7 @@ function EditDokterTenagaMedis() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx
index 8add7c1c..173a4156 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/page.tsx
@@ -50,7 +50,7 @@ function DetailDokterTenagaMedis() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
index ed4a1081..c447da01 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
@@ -56,7 +56,7 @@ function CreateDokter() {
     }
   };
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
index 87957722..e7e2bb1e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -10,13 +10,12 @@ import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
 import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 import { useState } from 'react';
 
-
 function DokterTenagaMedis() {
   const [search, setSearch] = useState("");
   const router = useRouter();
   return (
     <Box>
-      <Box mb={10}>
+      <Box mb="sm">
         <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan')}>
           <IconArrowBack color={colors['blue-button']} size={25} />
         </Button>
@@ -44,25 +43,29 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
     totalPages
   } = stateFasilitasKesehatan.findMany
 
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
   const filteredData = data || []
 
   if (loading || !data) {
     return (
-      <Box py={10}>
+      <Box py="md">
         <Skeleton h={500} />
       </Box>
     )
   }
+
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py="md">
+      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Dokter dan Tenaga Medis</Title>
+          <Title order={3} visibleFrom="md">Daftar Dokter dan Tenaga Medis</Title>
+          <Title order={4} hiddenFrom="md">Daftar Dokter dan Tenaga Medis</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -77,15 +80,15 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Nama Dokter</TableTh>
-                <TableTh>Spesialis</TableTh>
-                <TableTh>Jadwal</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Nama Dokter</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Spesialis</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Jadwal</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Aksi</Text></TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -93,21 +96,17 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" fw={500} lh={1.5}>
                         {item.specialist || '-'}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text dangerouslySetInnerHTML={{ __html: item.jadwal || '-' }} />
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} dangerouslySetInnerHTML={{ __html: item.jadwal || '-' }} />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -120,7 +119,7 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml="xs" fz="sm" fw={500}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -128,8 +127,8 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text c="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada fasilitas kesehatan yang cocok
                       </Text>
                     </Center>
@@ -139,6 +138,47 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" mb="xs" radius="sm">
+                <Box mb="xs">
+                  <Text fz="sm" fw={600} lh={1.4}>Nama Dokter</Text>
+                  <Text fz="sm" fw={500} lh={1.5}>{item.name}</Text>
+                </Box>
+                <Box mb="xs">
+                  <Text fz="sm" fw={600} lh={1.4}>Spesialis</Text>
+                  <Text fz="sm" fw={500} lh={1.5}>{item.specialist || '-'}</Text>
+                </Box>
+                <Box mb="md">
+                  <Text fz="sm" fw={600} lh={1.4}>Jadwal</Text>
+                  <Text fz="sm" fw={500} lh={1.5} dangerouslySetInnerHTML={{ __html: item.jadwal || '-' }} />
+                </Box>
+                <Button
+                  fullWidth
+                  variant="light"
+                  color="blue"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/${item.id}`
+                    )
+                  }
+                >
+                  <IconDeviceImacCog size={20} />
+                  <Text ml="xs" fz="sm" fw={500}>Detail</Text>
+                </Button>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada fasilitas kesehatan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -160,4 +200,4 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
   )
 }
 
-export default DokterTenagaMedis;
+export default DokterTenagaMedis;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
index 5943590e..8a405c04 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
@@ -5,8 +5,6 @@ import {
   Box,
   Button,
   Center,
-  Grid,
-  GridCol,
   Group,
   Pagination,
   Paper,
@@ -23,82 +21,138 @@ import {
   Title,
   Tooltip
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconCoin, IconDeviceImacCog, IconPlus, IconReportMedical, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import fasilitasKesehatanState from '../../../_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 
-
 function FasilitasKesehatan() {
   const [search, setSearch] = useState("");
-  const router = useRouter()
+  const router = useRouter();
   return (
     <Box>
-      <Grid mb={10}>
-        <GridCol span={{ base: 12, md: 8 }}>
-          <Title order={3}>Fasilitas Kesehatan</Title>
-        </GridCol>
-        <GridCol span={{ base: 12, md: 4 }}>
-          <Group gap={"xs"}>
+      <Paper p="lg" radius="md" mb="lg" bg={colors['white-1']} shadow="sm">
+        <Group justify='space-between' visibleFrom='md'>
+          <Title order={2} visibleFrom="md" size="lg" lh={1.2}>
+            Fasilitas Kesehatan
+          </Title>
+          <Title order={2} hiddenFrom="md" size="md" lh={1.2}>
+            Fasilitas Kesehatan
+          </Title>
+          <Group gap="xs" justify="flex-end">
             <Tooltip label="List Dokter" withArrow>
-              <ActionIcon onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis')} size="lg" radius="xl" color="green.6">
+              <ActionIcon
+                onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis')}
+                size="lg"
+                radius="xl"
+                color="green.6"
+              >
                 <IconReportMedical size={20} />
               </ActionIcon>
             </Tooltip>
             <Tooltip label="List Tarif Layanan" withArrow>
-              <ActionIcon onClick={()=> router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan')} size="lg" radius="xl" color="blue.6">
+              <ActionIcon
+                onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan')}
+                size="lg"
+                radius="xl"
+                color="blue.6"
+              >
                 <IconCoin size={20} />
               </ActionIcon>
             </Tooltip>
-            <Paper radius="lg" bg={colors['white-1']}>
               <TextInput
                 radius="lg"
                 placeholder='Cari nama, alamat, atau jam operasional...'
                 leftSection={<IconSearch size={20} />}
-                w="133%"
                 value={search}
                 onChange={(e) => setSearch(e.currentTarget.value)}
+                fz={{ base: 'xs', md: 'sm' }}
+                px="sm"
+                py="xs"
               />
-            </Paper>
           </Group>
-        </GridCol>
-      </Grid>
+        </Group>
+
+        <Group justify='space-between' hiddenFrom='md'>
+          <Title order={2} visibleFrom="md" size="lg" lh={1.2}>
+            Fasilitas Kesehatan
+          </Title>
+          <Title order={2} hiddenFrom="md" size="md" lh={1.2}>
+            Fasilitas Kesehatan
+          </Title>
+          <Group gap="xs" justify="flex-start">
+            <Tooltip label="List Dokter" withArrow>
+              <ActionIcon
+                onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis')}
+                size="lg"
+                radius="xl"
+                color="green.6"
+              >
+                <IconReportMedical size={20} />
+              </ActionIcon>
+            </Tooltip>
+            <Tooltip label="List Tarif Layanan" withArrow>
+              <ActionIcon
+                onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan')}
+                size="lg"
+                radius="xl"
+                color="blue.6"
+              >
+                <IconCoin size={20} />
+              </ActionIcon>
+            </Tooltip>
+              <TextInput
+                radius="lg"
+                placeholder='Cari nama, alamat, atau jam operasional...'
+                leftSection={<IconSearch size={20} />}
+                value={search}
+                onChange={(e) => setSearch(e.currentTarget.value)}
+                fz={{ base: 'xs', md: 'sm' }}
+                px="sm"
+                py="xs"
+              />
+          </Group>
+        </Group>
+      </Paper>
 
       <ListFasilitasKesehatan search={search} />
     </Box>
   );
 }
 
-
 function ListFasilitasKesehatan({ search }: { search: string }) {
-  const stateFasilitasKesehatan = useProxy(fasilitasKesehatanState.fasilitasKesehatan)
+  const stateFasilitasKesehatan = useProxy(fasilitasKesehatanState.fasilitasKesehatan);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = stateFasilitasKesehatan.findMany;
 
   useShallowEffect(() => {
-
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        {/* Judul + Tombol Tambah */}
+    <Box py="lg">
+      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Fasilitas Kesehatan</Title>
+          <Title order={3} visibleFrom="md" size="md" lh={1.2}>
+            Daftar Fasilitas Kesehatan
+          </Title>
+          <Title order={3} hiddenFrom="md" size="sm" lh={1.2}>
+            Daftar Fasilitas Kesehatan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -108,13 +162,15 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
                 '/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create'
               )
             }
+            fz={{ base: 'sm', md: 'md' }}
+            px="sm"
           >
             Tambah Baru
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
@@ -129,27 +185,23 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" lh={1.5}>
                         {item.dokterdantenagamedis?.length
                           ? `${item.dokterdantenagamedis.length} dokter`
                           : '-'}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text truncate="end" lineClamp={1}>
-                          {item.tarifdanlayanan?.length
-                            ? `${item.tarifdanlayanan.length} layanan`
-                            : '-'}
-                        </Text>
-                      </Box>
+                      <Text fz="md" lh={1.5}>
+                        {item.tarifdanlayanan?.length
+                          ? `${item.tarifdanlayanan.length} layanan`
+                          : '-'}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -160,6 +212,9 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
                             `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${item.id}`
                           )
                         }
+                        fz="sm"
+                        px="sm"
+                        h={36}
                       >
                         <IconDeviceImacCog size={20} />
                         <Text ml={5}>Detail</Text>
@@ -170,8 +225,8 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text c="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada fasilitas kesehatan yang cocok
                       </Text>
                     </Center>
@@ -181,6 +236,65 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Box mb="xs">
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Fasilitas Kesehatan
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.name}
+                  </Text>
+                </Box>
+                <Box mb="xs">
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Jumlah Dokter
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.dokterdantenagamedis?.length
+                      ? `${item.dokterdantenagamedis.length} dokter`
+                      : '-'}
+                  </Text>
+                </Box>
+                <Box mb="xs">
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Jumlah Layanan
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.tarifdanlayanan?.length
+                      ? `${item.tarifdanlayanan.length} layanan`
+                      : '-'}
+                  </Text>
+                </Box>
+                <Button
+                  variant="light"
+                  color="blue"
+                  onClick={() =>
+                    router.push(
+                      `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${item.id}`
+                    )
+                  }
+                  fullWidth
+                  fz="sm"
+                  mt="md"
+                >
+                  <IconDeviceImacCog size={20} />
+                  <Text ml={5}>Detail</Text>
+                </Button>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada fasilitas kesehatan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -199,7 +313,7 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
         />
       </Center>
     </Box>
-  )
+  );
 }
 
-export default FasilitasKesehatan;
+export default FasilitasKesehatan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
index 7ff34a37..3be7c9fa 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
@@ -95,7 +95,7 @@ function EditTarifLayanan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back Button + Title */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
index 60d23e1f..2fa033fd 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
@@ -44,7 +44,7 @@ function CreateTarifLayanan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan back button */}
       <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
index 844dc2c2..05c2095f 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -11,13 +11,12 @@ import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirma
 import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
 import { useState } from 'react';
 
-
 function TarifLayanan() {
   const [search, setSearch] = useState("");
   const router = useRouter();
   return (
     <Box>
-      <Box mb={10}>
+      <Box mb="sm">
         <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan')}>
           <IconArrowBack color={colors['blue-button']} size={25} />
         </Button>
@@ -39,6 +38,7 @@ function ListTarifLayanan({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 10000);
 
   const {
     data,
@@ -46,36 +46,39 @@ function ListTarifLayanan({ search }: { search: string }) {
     load,
     page,
     totalPages
-  } = stateFasilitasKesehatan.findMany
+  } = stateFasilitasKesehatan.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleDelete = () => {
     if (selectedId) {
       stateFasilitasKesehatan.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      load(page, 10, search);
+      load(page, 10, debouncedSearch);
     }
   };
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Box py={10}>
+      <Box py="lg">
         <Skeleton h={500} />
       </Box>
-    )
+    );
   }
+
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py="lg">
+      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Tarif dan Layanan</Title>
+          <Title order={4} lh={1.2}>
+            Daftar Tarif dan Layanan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -90,15 +93,31 @@ function ListTarifLayanan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Layanan</TableTh>
-                <TableTh>Tarif</TableTh>
-                <TableTh>Edit</TableTh>
-                <TableTh>Hapus</TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Layanan
+                  </Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Tarif
+                  </Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">
+                    Edit
+                  </Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">
+                    Hapus
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -106,18 +125,16 @@ function ListTarifLayanan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.layanan || '-'}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.tarif}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.tarif}
+                      </Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd ta="center">
                       <Button
                         variant="light"
                         color="green"
@@ -126,11 +143,12 @@ function ListTarifLayanan({ search }: { search: string }) {
                             `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/${item.id}`
                           )
                         }
+                        size="compact-sm"
                       >
                         <IconEdit size={18} />
                       </Button>
                     </TableTd>
-                    <TableTd>
+                    <TableTd ta="center">
                       <Button
                         variant="light"
                         color="red"
@@ -139,6 +157,7 @@ function ListTarifLayanan({ search }: { search: string }) {
                           setSelectedId(item.id);
                           setModalHapus(true);
                         }}
+                        size="compact-sm"
                       >
                         <IconTrash size={18} />
                       </Button>
@@ -148,8 +167,8 @@ function ListTarifLayanan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text c="dimmed">
+                    <Center py="lg">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada fasilitas kesehatan yang cocok
                       </Text>
                     </Center>
@@ -159,6 +178,64 @@ function ListTarifLayanan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" mb="xs" radius="sm">
+                <Box mb="xs">
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Layanan
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.layanan || '-'}
+                  </Text>
+                </Box>
+                <Box mb="md">
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Tarif
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.tarif}
+                  </Text>
+                </Box>
+                <Group justify="center" gap="xs">
+                  <Button
+                    variant="light"
+                    color="green"
+                    size="compact-xs"
+                    onClick={() =>
+                      router.push(
+                        `/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/${item.id}`
+                      )
+                    }
+                  >
+                    <IconEdit size={16} />
+                  </Button>
+                  <Button
+                    variant="light"
+                    color="red"
+                    size="compact-xs"
+                    disabled={stateFasilitasKesehatan.delete.loading}
+                    onClick={() => {
+                      setSelectedId(item.id);
+                      setModalHapus(true);
+                    }}
+                  >
+                    <IconTrash size={16} />
+                  </Button>
+                </Group>
+              </Paper>
+            ))
+          ) : (
+            <Center py="lg">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada fasilitas kesehatan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -176,6 +253,7 @@ function ListTarifLayanan({ search }: { search: string }) {
           radius="md"
         />
       </Center>
+
       <ModalKonfirmasiHapus
         opened={modalHapus}
         onClose={() => setModalHapus(false)}
@@ -183,7 +261,7 @@ function ListTarifLayanan({ search }: { search: string }) {
         text="Apakah anda yakin ingin menghapus tarif layanan ini?"
       />
     </Box>
-  )
+  );
 }
 
-export default TarifLayanan;
+export default TarifLayanan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
index 9252f2e4..3e1cf301 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
@@ -145,7 +145,7 @@ function EditJadwalKegiatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
index 88e80740..abf361ab 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailJadwalKegiatan() {
   const data = stateJadwalKegiatan.findUnique.data
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailJadwalKegiatan() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
index 4cf617fb..8824ac8e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
@@ -65,7 +65,7 @@ function CreateJadwalKegiatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
index c8d517a2..72be2be4 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -50,23 +50,24 @@ function ListJadwalKegiatan({ search }: { search: string }) {
   const router = useRouter();
 
   const { data, page, totalPages, loading, load } = state.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="lg">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
         <Group justify="space-between" mb="md">
@@ -83,16 +84,16 @@ function ListJadwalKegiatan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Nama</TableTh>
-                <TableTh>Tanggal</TableTh>
-                <TableTh>Waktu</TableTh>
-                <TableTh>Lokasi</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.2}>Nama</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.2}>Tanggal</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.2}>Waktu</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.2}>Lokasi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.2}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -100,14 +101,12 @@ function ListJadwalKegiatan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.informasijadwalkegiatan.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.informasijadwalkegiatan.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" lh={1.5}>
                         {new Date(item.informasijadwalkegiatan.tanggal).toLocaleDateString(
                           'id-ID',
                           {
@@ -116,19 +115,17 @@ function ListJadwalKegiatan({ search }: { search: string }) {
                             year: 'numeric',
                           }
                         )}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" lh={1.5}>
                         {item.informasijadwalkegiatan.waktu}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text truncate fz="sm" c="dimmed">
-                          {item.informasijadwalkegiatan.lokasi}
-                        </Text>
-                      </Box>
+                      <Text fz="md" lh={1.5} c="dimmed" truncate="end">
+                        {item.informasijadwalkegiatan.lokasi}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -141,7 +138,9 @@ function ListJadwalKegiatan({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.5}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -149,8 +148,8 @@ function ListJadwalKegiatan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada jadwal kegiatan yang cocok
                       </Text>
                     </Center>
@@ -160,6 +159,72 @@ function ListJadwalKegiatan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {item.informasijadwalkegiatan.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Tanggal</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {new Date(item.informasijadwalkegiatan.tanggal).toLocaleDateString(
+                        'id-ID',
+                        {
+                          day: '2-digit',
+                          month: 'long',
+                          year: 'numeric',
+                        }
+                      )}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Waktu</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {item.informasijadwalkegiatan.waktu}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Lokasi</Text>
+                    <Text fz="sm" fw={500} lh={1.5} c="dimmed">
+                      {item.informasijadwalkegiatan.lokasi}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Button
+                      fullWidth
+                      variant="light"
+                      color="blue"
+                      onClick={() =>
+                        router.push(
+                          `/admin/kesehatan/data-kesehatan-warga/jadwal_kegiatan/${item.id}`
+                        )
+                      }
+                    >
+                      <IconDeviceImacCog size={20} />
+                      <Text ml={5} fz="sm" fw={500} lh={1.5}>
+                        Detail
+                      </Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada jadwal kegiatan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -181,4 +246,4 @@ function ListJadwalKegiatan({ search }: { search: string }) {
   );
 }
 
-export default JadwalKegiatan;
+export default JadwalKegiatan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
index f135f7b2..8fb38ec1 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
@@ -110,7 +110,7 @@ function EditGrafikHasilKepuasan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/page.tsx
index 83211062..89b9c8f6 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailGrafikHasilKepuasan() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -55,7 +55,7 @@ function DetailGrafikHasilKepuasan() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
index 7cbfb5a8..3a5deb37 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
@@ -50,7 +50,7 @@ function CreateGrafikHasilKepuasanMasyarakat() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
index 884b476f..d557225f 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import colors from '@/con/colors';
 import {
   Box,
@@ -18,26 +18,32 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useMediaQuery, useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useMediaQuery, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { Bar, BarChart, Tooltip as ChartTooltip, Legend, XAxis, YAxis } from 'recharts';
+import {
+  Bar,
+  BarChart,
+  Tooltip as ChartTooltip,
+  Legend,
+  XAxis,
+  YAxis,
+} from 'recharts';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import grafikkepuasan from '../../../_state/kesehatan/data_kesehatan_warga/grafikKepuasan';
 
 function GrafikHasilKepuasanMasyarakat() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
 
   return (
     <Box>
-      {/* Header Search */}
       <HeaderSearch
-        title='Penderita Penyakit'
-        placeholder='Cari nama atau alamat...'
+        title="Penderita Penyakit"
+        placeholder="Cari nama atau alamat..."
         searchIcon={<IconSearch size={20} />}
         value={search}
         onChange={(e) => setSearch(e.currentTarget.value)}
@@ -59,9 +65,9 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
   };
 
   const stateGrafikKepuasan = useProxy(grafikkepuasan);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const [chartData, setChartData] = useState<PDKMGrafik[]>([]);
   const [mounted, setMounted] = useState(false);
-  const isTablet = useMediaQuery('(max-width: 1024px)');
   const isMobile = useMediaQuery('(max-width: 768px)');
   const router = useRouter();
 
@@ -69,21 +75,26 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
 
   useShallowEffect(() => {
     setMounted(true);
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   useEffect(() => {
     if (data) {
-      setChartData(data.map((item) => ({
-        ...item,
-        tanggal: item.tanggal instanceof Date ? item.tanggal.toISOString() : item.tanggal
-      })));
+      setChartData(
+        data.map((item) => ({
+          ...item,
+          tanggal:
+            item.tanggal instanceof Date
+              ? item.tanggal.toISOString()
+              : item.tanggal,
+        }))
+      );
     }
   }, [data]);
 
   const processDiseaseData = (data: PDKMGrafik[]) => {
     const diseaseCount: Record<string, number> = {};
-    data.forEach(item => {
+    data.forEach((item) => {
       const penyakit = item.penyakit.trim();
       if (penyakit) {
         diseaseCount[penyakit] = (diseaseCount[penyakit] || 0) + 1;
@@ -92,7 +103,7 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
     return Object.entries(diseaseCount).map(([name, count]) => ({ name, count }));
   };
 
-  const [diseaseChartData, setDiseaseChartData] = useState<{ name: string, count: number }[]>([]);
+  const [diseaseChartData, setDiseaseChartData] = useState<{ name: string; count: number }[]>([]);
 
   useEffect(() => {
     if (data && data.length > 0) {
@@ -104,18 +115,23 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Penderita Penyakit</Title>
+    <Stack gap='lg' py={{ base: 'md', md: 'lg' }}>
+      {/* Daftar Penderita Penyakit */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.15 }}
+          >
+            Daftar Penderita Penyakit
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -130,8 +146,8 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
@@ -146,29 +162,21 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>
-                      <Box w={150}>
-                        {item.nama}
-                      </Box>
+                    <TableTd fz="md" fw={500} lh={1.5}>
+                      {item.nama}
                     </TableTd>
-                    <TableTd>
-                      <Box w={150}>
-                        {new Date(item.tanggal).toLocaleDateString('id-ID', {
-                          day: '2-digit',
-                          month: 'long',
-                          year: 'numeric',
-                        })}
-                      </Box>
+                    <TableTd fz="md" fw={500} lh={1.5}>
+                      {new Date(item.tanggal).toLocaleDateString('id-ID', {
+                        day: '2-digit',
+                        month: 'long',
+                        year: 'numeric',
+                      })}
                     </TableTd>
-                    <TableTd>
-                      <Box w={150}>
-                        {item.jenisKelamin}
-                      </Box>
+                    <TableTd fz="md" fw={500} lh={1.5}>
+                      {item.jenisKelamin}
                     </TableTd>
-                    <TableTd>
-                      <Box w={150}>
-                        {item.penyakit}
-                      </Box>
+                    <TableTd fz="md" fw={500} lh={1.5}>
+                      {item.penyakit}
                     </TableTd>
                     <TableTd>
                       <Button
@@ -181,7 +189,9 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -190,7 +200,7 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={5}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data kepuasan masyarakat yang cocok
                       </Text>
                     </Center>
@@ -200,6 +210,72 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack gap="xs" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="sm">
+                <Stack gap={4}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.nama}
+                  </Text>
+
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Tanggal
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {new Date(item.tanggal).toLocaleDateString('id-ID', {
+                      day: '2-digit',
+                      month: 'long',
+                      year: 'numeric',
+                    })}
+                  </Text>
+
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Jenis Kelamin
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.jenisKelamin}
+                  </Text>
+
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Penyakit
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.penyakit}
+                  </Text>
+
+                  <Button
+                    variant="light"
+                    color="blue"
+                    fullWidth
+                    mt="xs"
+                    onClick={() =>
+                      router.push(
+                        `/admin/kesehatan/data-kesehatan-warga/penderita_penyakit/${item.id}`
+                      )
+                    }
+                  >
+                    <IconDeviceImacCog size={20} />
+                    <Text ml={5} fz="sm" fw={500}>
+                      Detail
+                    </Text>
+                  </Button>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data kepuasan masyarakat yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -218,38 +294,47 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
         />
       </Center>
 
-      {/* Chart */}
-      <Box mt="lg" style={{ width: '100%', minWidth: 300, height: 420, minHeight: 300 }}>
-        <Paper withBorder bg={colors['white-1']} p={'md'}>
-          <Title pb={10} order={4}>Penderita Penyakit</Title>
-          {mounted && diseaseChartData.length > 0 ? (
-            <Center>
-              <BarChart
-                width={isMobile ? 320 : isTablet ? 600 : 800} // kecilin biar muat
-                height={350}
-                data={diseaseChartData}
-              >
-                <XAxis
-                  dataKey="name"
-                  tick={{ fontSize: 12 }}
-                  interval={0}
-                  angle={-45}
-                  textAnchor="end"
-                  height={70}
-                />
-                <YAxis />
-                <ChartTooltip />
-                <Legend />
-                <Bar dataKey="count" fill={colors['blue-button']} name="Jumlah Kasus" />
-              </BarChart>
-            </Center>
-          ) : (
-            <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
-          )}
-        </Paper>
-      </Box>
-    </Box>
+      {/* Chart Section */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Title
+          order={2}
+          lh={{ base: 1.2, md: 1.15 }}
+          mb={{ base: 'sm', md: 'md' }}
+        >
+          Penderita Penyakit
+        </Title>
+
+        {mounted && diseaseChartData.length > 0 ? (
+          <Center>
+            <BarChart
+              width={isMobile ? 320 : 800}
+              height={350}
+              data={diseaseChartData}
+            >
+              <XAxis
+                dataKey="name"
+                tick={{ fontSize: 12 }}
+                interval={0}
+                angle={-45}
+                textAnchor="end"
+                height={70}
+              />
+              <YAxis />
+              <ChartTooltip />
+              <Legend />
+              <Bar dataKey="count" fill={colors['blue-button']} name="Jumlah Kasus" />
+            </BarChart>
+          </Center>
+        ) : (
+          <Center py={20}>
+            <Text c="dimmed" fz="sm" lh={1.4}>
+              Belum ada data untuk ditampilkan dalam grafik
+            </Text>
+          </Center>
+        )}
+      </Paper>
+    </Stack>
   );
 }
 
-export default GrafikHasilKepuasanMasyarakat;
+export default GrafikHasilKepuasanMasyarakat;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
index ae458717..5cb84c0b 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
@@ -106,7 +106,7 @@ function EditKelahiran() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
index 549a7fee..3ec0a1bf 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
@@ -50,7 +50,7 @@ function DetailKelahiran() {
 
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -65,7 +65,7 @@ function DetailKelahiran() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
index 90ea1275..559110ba 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
@@ -52,7 +52,7 @@ function CreateKelahiran() {
 
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
index 13aeebd8..4e732d9e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
@@ -20,7 +20,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -31,17 +31,15 @@ function Kelahiran() {
   const router = useRouter();
   const [search, setSearch] = useState("");
 
-
   return (
     <Box>
       {/* Tombol Back */}
-      <Box mb={10}>
+      <Box mb="sm">
         <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian')}>
           <IconArrowBack color={colors["blue-button"]} size={25} />
         </Button>
       </Box>
 
-
       {/* Header Search */}
       <HeaderSearch
         title='Data Kelahiran'
@@ -51,7 +49,6 @@ function Kelahiran() {
         onChange={(e) => setSearch(e.currentTarget.value)}
       />
 
-
       <ListKelahiran search={search} />
     </Box>
   );
@@ -61,34 +58,32 @@ function Kelahiran() {
 function ListKelahiran({ search }: { search: string }) {
   const statePersentase = useProxy(persentasekelahiran.kelahiran);
   const router = useRouter();
-
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const { data, page, totalPages, loading, load } = statePersentase.findMany;
 
-
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
-
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
-
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
-
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Stack py="md" gap="xl">
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Data Kelahiran</Title>
+        <Group justify="space-between" mb="lg">
+          <Title order={2} lh={1.2}>
+            Daftar Data Kelahiran
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -103,17 +98,16 @@ function ListKelahiran({ search }: { search: string }) {
           </Button>
         </Group>
 
-
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover fz="md">
             <TableThead>
               <TableTr>
-                <TableTh>Nama</TableTh>
-                <TableTh>Tanggal</TableTh>
-                <TableTh>Jenis Kelamin</TableTh>
-                <TableTh>Alamat</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Nama</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Tanggal</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Jenis Kelamin</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Alamat</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.4}>Aksi</Text></TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -121,32 +115,28 @@ function ListKelahiran({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.nama}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" lh={1.5}>
                         {new Date(item.tanggal).toLocaleDateString('id-ID', {
                           day: '2-digit',
                           month: 'long',
                           year: 'numeric',
                         })}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" lh={1.5}>
                         {item.jenisKelamin}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text truncate fz="sm" c="dimmed">
-                          {item.alamat}
-                        </Text>
-                      </Box>
+                      <Text fz="md" lh={1.5} c="dimmed" truncate="end" lineClamp={1}>
+                        {item.alamat}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -157,9 +147,10 @@ function ListKelahiran({ search }: { search: string }) {
                             `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/${item.id}`
                           )
                         }
+                        size="compact-sm"
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImacCog size={18} />
+                        <Text ml="xs">Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -167,8 +158,8 @@ function ListKelahiran({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="lg">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data kelahiran yang cocok
                       </Text>
                     </Center>
@@ -178,27 +169,83 @@ function ListKelahiran({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack hiddenFrom="md" gap="sm">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} p="md" withBorder radius="sm">
+                <Stack gap={4}>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Nama</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>{item.nama}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Tanggal</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {new Date(item.tanggal).toLocaleDateString('id-ID', {
+                        day: '2-digit',
+                        month: 'long',
+                        year: 'numeric',
+                      })}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Jenis Kelamin</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>{item.jenisKelamin}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Alamat</Text>
+                    <Text fz="sm" fw={500} lh={1.5} c="dimmed">{item.alamat}</Text>
+                  </Box>
+                  <Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      fullWidth
+                      onClick={() =>
+                        router.push(
+                          `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/${item.id}`
+                        )
+                      }
+                      size="sm"
+                    >
+                      <IconDeviceImacCog size={18} />
+                      <Text ml="xs">Detail</Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="lg">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data kelahiran yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
-
       {/* Pagination */}
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
-    </Box>
+      {totalPages > 1 && (
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt="md"
+            mb="md"
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
+    </Stack>
   );
 }
 
-
 export default Kelahiran;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
index 2606a523..72dac9dc 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
@@ -114,7 +114,7 @@ function EditKematian() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
index 1cab8f69..d31b938b 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
@@ -48,7 +48,7 @@ function DetailKematian() {
 
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
@@ -62,7 +62,7 @@ function DetailKematian() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
index 7248597a..37cbd016 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
@@ -60,7 +60,7 @@ function CreateKematian() {
 
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
index 52c3a269..fc1d925a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
@@ -20,28 +20,25 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconEdit, IconPlus, IconSearch } from '@tabler/icons-react';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
-
 function Kematian() {
   const [search, setSearch] = useState("");
   const router = useRouter();
 
-
   return (
     <Box>
       {/* Tombol Back */}
-      <Box mb={10}>
+      <Box mb="md">
         <Button variant="subtle" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian')}>
           <IconArrowBack color={colors["blue-button"]} size={30} />
         </Button>
       </Box>
 
-
       {/* Header dengan Search */}
       <HeaderSearch
         title='Data Kematian'
@@ -51,43 +48,38 @@ function Kematian() {
         onChange={(e) => setSearch(e.currentTarget.value)}
       />
 
-
       <ListKematian search={search} />
     </Box>
   );
 }
 
-
 function ListKematian({ search }: { search: string }) {
   const statePersentase = useProxy(persentasekelahiran.kematian);
   const router = useRouter();
-
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = statePersentase.findMany;
 
-
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
-
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
-
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
-
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py="md">
+      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Data Kematian</Title>
+          <Title order={2} visibleFrom="md">Daftar Data Kematian</Title>
+          <Title order={3} hiddenFrom="md">Daftar Data Kematian</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -102,16 +94,16 @@ function ListKematian({ search }: { search: string }) {
           </Button>
         </Group>
 
-
-        <Box style={{ overflowX: "auto" }}>
+        {/* Tabel untuk desktop */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Nama</TableTh>
-                <TableTh>Tanggal</TableTh>
-                <TableTh>Jenis Kelamin</TableTh>
-                <TableTh>Alamat</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.2}>Nama</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.2}>Tanggal</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.2}>Jenis Kelamin</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.2}>Alamat</Text></TableTh>
+                <TableTh><Text fz="sm" fw={600} lh={1.2}>Aksi</Text></TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -119,45 +111,39 @@ function ListKematian({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.nama}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
+                      <Text fz="md" fw={500} lh={1.5}>
                         {new Date(item.tanggal).toLocaleDateString('id-ID', {
                           day: '2-digit',
                           month: 'long',
                           year: 'numeric',
                         })}
-                      </Box>
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        {item.jenisKelamin}
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5}>{item.jenisKelamin}</Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text truncate fz="sm" c="dimmed">
-                          {item.alamat}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} c="dimmed" truncate="end">
+                        {item.alamat}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
                         onClick={() =>
                           router.push(
                             `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/${item.id}`
                           )
                         }
                       >
-                        <IconEdit size={18} />
-                        <Text ml={5}>Detail</Text>
+                        Detail
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -165,8 +151,8 @@ function ListKematian({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data kematian yang cocok
                       </Text>
                     </Center>
@@ -176,27 +162,80 @@ function ListKematian({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Card untuk mobile */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap="xs">
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                    <Text fz="sm" fw={500} lh={1.45}>{item.nama}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Tanggal</Text>
+                    <Text fz="sm" fw={500} lh={1.45}>
+                      {new Date(item.tanggal).toLocaleDateString('id-ID', {
+                        day: '2-digit',
+                        month: 'long',
+                        year: 'numeric',
+                      })}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Jenis Kelamin</Text>
+                    <Text fz="sm" fw={500} lh={1.45}>{item.jenisKelamin}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Alamat</Text>
+                    <Text fz="sm" fw={500} lh={1.45} c="dimmed">{item.alamat}</Text>
+                  </Box>
+                  <Box mt="xs">
+                    <Button
+                      fullWidth
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={16} />}
+                      onClick={() =>
+                        router.push(
+                          `/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/${item.id}`
+                        )
+                      }
+                    >
+                      Detail
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data kematian yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
-
       {/* Pagination */}
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10, search);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+      {totalPages > 1 && (
+        <Center mt="lg">
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10, search);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
     </Box>
   );
 }
 
-
 export default Kematian;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
index 97f198bd..fa678124 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
@@ -3,275 +3,317 @@
 'use client'
 import persentasekelahiran from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
 import colors from '@/con/colors';
-import { ActionIcon, Badge, Box, Center, Flex, Tooltip as MantineTooltip, Paper, Select, Skeleton, Stack, Table, Text, Title } from '@mantine/core';
+import { ActionIcon, Badge, Box, Center, Flex, Group, Paper, Select, Skeleton, Stack, Table, Text, Title, Tooltip as MantineTooltip } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconBabyCarriage, IconGrave2 } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { Bar, BarChart, Legend, ResponsiveContainer, Tooltip, TooltipProps, XAxis, YAxis } from 'recharts';
+import { Bar, BarChart, Legend, ResponsiveContainer, Tooltip as RechartsTooltip, TooltipProps, XAxis, YAxis } from 'recharts';
 import { useProxy } from 'valtio/utils';
 
-
 type TooltipPayload = {
- name: string;
- value: number;
- payload: any;
- color: string;
- dataKey: string;
+  name: string;
+  value: number;
+  payload: any;
+  color: string;
+  dataKey: string;
 };
 
-
 type CustomTooltipProps = TooltipProps<number, string> & {
- active?: boolean;
- payload?: TooltipPayload[];
- label?: string;
+  active?: boolean;
+  payload?: TooltipPayload[];
+  label?: string;
 };
 
-
 function PersentaseDataKelahiranKematian() {
- return (
-   <Stack gap="md">
-     <GrafikPersentaseKelahiranKematian />
-   </Stack>
- );
+  return (
+    <Stack gap="md">
+      <GrafikPersentaseKelahiranKematian />
+    </Stack>
+  );
 }
 
-
 function GrafikPersentaseKelahiranKematian() {
- const router = useRouter();
+  const router = useRouter();
 
+  type DataTahunan = {
+    tahun: string;
+    totalKelahiran: number;
+    totalKematian: number;
+    data: Array<{
+      id: string;
+      bulan: string;
+      kelahiran: number;
+      kematian: number;
+    }>;
+  };
 
- type DataTahunan = {
-   tahun: string;
-   totalKelahiran: number;
-   totalKematian: number;
-   data: Array<{
-     id: string;
-     bulan: string;
-     kelahiran: number;
-     kematian: number;
-   }>;
- };
+  // ✅ Fungsi hitung tahunan + bulanan
+  const countByYearAndMonth = (kelahiran: any[], kematian: any[]): DataTahunan[] => {
+    const dataTahunan: Record<string, DataTahunan> = {};
 
+    const namaBulan = [
+      'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni',
+      'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'
+    ];
 
- // ✅ Fungsi hitung tahunan + bulanan
- const countByYearAndMonth = (kelahiran: any[], kematian: any[]): DataTahunan[] => {
-   const dataTahunan: Record<string, DataTahunan> = {};
+    kelahiran?.forEach((item: any) => {
+      const date = new Date(item.tanggal);
+      const tahun = date.getFullYear().toString();
+      const bulanIndex = date.getMonth();
 
+      if (!dataTahunan[tahun]) {
+        dataTahunan[tahun] = {
+          tahun,
+          totalKelahiran: 0,
+          totalKematian: 0,
+          data: namaBulan.map((nama, idx) => ({
+            id: `${tahun}-${idx + 1}`,
+            bulan: nama,
+            kelahiran: 0,
+            kematian: 0
+          }))
+        };
+      }
 
-   const namaBulan = [
-     'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni',
-     'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'
-   ];
+      dataTahunan[tahun].totalKelahiran += 1;
+      dataTahunan[tahun].data[bulanIndex].kelahiran += 1;
+    });
 
+    kematian?.forEach((item: any) => {
+      const date = new Date(item.tanggal);
+      const tahun = date.getFullYear().toString();
+      const bulanIndex = date.getMonth();
 
-   // Proses kelahiran
-   kelahiran?.forEach((item: any) => {
-     const date = new Date(item.tanggal);
-     const tahun = date.getFullYear().toString();
-     const bulanIndex = date.getMonth();
+      if (!dataTahunan[tahun]) {
+        dataTahunan[tahun] = {
+          tahun,
+          totalKelahiran: 0,
+          totalKematian: 0,
+          data: namaBulan.map((nama, idx) => ({
+            id: `${tahun}-${idx + 1}`,
+            bulan: nama,
+            kelahiran: 0,
+            kematian: 0
+          }))
+        };
+      }
 
+      dataTahunan[tahun].totalKematian += 1;
+      dataTahunan[tahun].data[bulanIndex].kematian += 1;
+    });
 
-     if (!dataTahunan[tahun]) {
-       dataTahunan[tahun] = {
-         tahun,
-         totalKelahiran: 0,
-         totalKematian: 0,
-         data: namaBulan.map((nama, idx) => ({
-           id: `${tahun}-${idx + 1}`,
-           bulan: nama,
-           kelahiran: 0,
-           kematian: 0
-         }))
-       };
-     }
+    return Object.values(dataTahunan).sort((a, b) => parseInt(a.tahun) - parseInt(b.tahun));
+  };
 
+  const statePersentase = useProxy(persentasekelahiran);
+  const [chartData, setChartData] = useState<DataTahunan[]>([]);
+  const [selectedYear, setSelectedYear] = useState<string | null>(null);
 
-     dataTahunan[tahun].totalKelahiran += 1;
-     dataTahunan[tahun].data[bulanIndex].kelahiran += 1;
-   });
+  const formatNumber = (num: number) => new Intl.NumberFormat('id-ID').format(num);
 
+  const CustomTooltip = ({ active, payload, label }: CustomTooltipProps) => {
+    if (active && payload && payload.length) {
+      return (
+        <Paper p="sm" shadow="md" withBorder radius="md">
+          <Text fz="sm" fw={600} lh={1.4}>Tahun {label}</Text>
+          <Text fz="sm" c="blue.6" lh={1.4}>Kelahiran: {formatNumber(payload[0].value)}</Text>
+          <Text fz="sm" c="red.6" lh={1.4}>Kematian: {formatNumber(payload[1].value)}</Text>
+        </Paper>
+      );
+    }
+    return null;
+  };
 
-   // Proses kematian
-   kematian?.forEach((item: any) => {
-     const date = new Date(item.tanggal);
-     const tahun = date.getFullYear().toString();
-     const bulanIndex = date.getMonth();
+  useShallowEffect(() => {
+    statePersentase.kelahiran.findMany.load(1, 1000);
+    statePersentase.kematian.findMany.load(1, 1000);
+  }, []);
 
+  useEffect(() => {
+    if (statePersentase.kelahiran.findMany.data && statePersentase.kematian.findMany.data) {
+      const hasil = countByYearAndMonth(
+        statePersentase.kelahiran.findMany.data,
+        statePersentase.kematian.findMany.data
+      );
 
-     if (!dataTahunan[tahun]) {
-       dataTahunan[tahun] = {
-         tahun,
-         totalKelahiran: 0,
-         totalKematian: 0,
-         data: namaBulan.map((nama, idx) => ({
-           id: `${tahun}-${idx + 1}`,
-           bulan: nama,
-           kelahiran: 0,
-           kematian: 0
-         }))
-       };
-     }
+      setChartData(hasil);
+      setSelectedYear(hasil[0]?.tahun || null);
+    }
+  }, [statePersentase.kelahiran.findMany.data, statePersentase.kematian.findMany.data]);
 
+  if (!statePersentase.kelahiran.findMany.data || !statePersentase.kematian.findMany.data) {
+    return <Skeleton h={400} radius="lg" />;
+  }
 
-     dataTahunan[tahun].totalKematian += 1;
-     dataTahunan[tahun].data[bulanIndex].kematian += 1;
-   });
+  const selectedYearData = chartData.find(d => d.tahun === selectedYear);
 
+  return (
+    <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+      <Stack gap='md'>
+        <Group justify="space-between" align="center">
+          <Title order={3} fw={700} fz={{ base: 'sm', md: 'md' }} lh={1.2}>
+            Statistik Kelahiran & Kematian
+          </Title>
+          <Flex gap="sm">
+            <MantineTooltip label="Tambah Data Kelahiran" withArrow>
+              <ActionIcon size="lg" radius="xl" color="blue.6" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran')}>
+                <IconBabyCarriage size={22} />
+              </ActionIcon>
+            </MantineTooltip>
+            <MantineTooltip label="Tambah Data Kematian" withArrow>
+              <ActionIcon size="lg" radius="xl" color="red.6" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian')}>
+                <IconGrave2 size={22} />
+              </ActionIcon>
+            </MantineTooltip>
+          </Flex>
+        </Group>
 
-   return Object.values(dataTahunan).sort((a, b) => parseInt(a.tahun) - parseInt(b.tahun));
- };
+        {chartData.length === 0 ? (
+          <Center py={{ base: 'xl', md: '2xl' }}>
+            <Text c="dimmed" fs="italic" fz="sm" lh={1.4}>
+              Belum ada data untuk ditampilkan
+            </Text>
+          </Center>
+        ) : (
+          <>
+            <Box maw={220}>
+              <Select
+                label="Pilih Tahun"
+                placeholder="Pilih tahun data"
+                data={chartData.map((item) => ({ value: item.tahun, label: item.tahun }))}
+                value={selectedYear}
+                onChange={(value) => setSelectedYear(value || null)}
+                size="sm"
+                radius="md"
+              />
+            </Box>
 
+            <Box h={360}>
+              <ResponsiveContainer width="100%" height="100%">
+                <BarChart data={chartData} margin={{ top: 20, right: 30, left: 0, bottom: 10 }}>
+                  <XAxis dataKey="tahun" />
+                  <YAxis />
+                  <RechartsTooltip content={<CustomTooltip />} />
+                  <Legend />
+                  <Bar dataKey="totalKelahiran" name="Kelahiran" fill="#4dabf7" radius={[6, 6, 0, 0]} />
+                  <Bar dataKey="totalKematian" name="Kematian" fill="#f03e3e" radius={[6, 6, 0, 0]} />
+                </BarChart>
+              </ResponsiveContainer>
+            </Box>
 
- const statePersentase = useProxy(persentasekelahiran);
- const [chartData, setChartData] = useState<DataTahunan[]>([]);
- const [selectedYear, setSelectedYear] = useState<string | null>(null);
+            {selectedYearData && (
+              <Stack gap="md">
+                <Flex align="center" gap="sm">
+                  <Title order={4} fw={600} fz={{ base: 'xs', md: 'sm' }} lh={1.2}>
+                    Rincian Tahun {selectedYear}
+                  </Title>
+                  <Badge variant="light" color="blue" fz={{ base: 'xs', md: 'sm' }}>
+                    {formatNumber(selectedYearData.totalKelahiran)} kelahiran
+                  </Badge>
+                  <Badge variant="light" color="red" fz={{ base: 'xs', md: 'sm' }}>
+                    {formatNumber(selectedYearData.totalKematian)} kematian
+                  </Badge>
+                </Flex>
 
+                {/* Desktop: Table */}
+                <Box visibleFrom="md">
+                  <Table striped withTableBorder highlightOnHover>
+                    <Table.Thead>
+                      <Table.Tr>
+                        <Table.Th fz="sm" fw={600} lh={1.4}>Bulan</Table.Th>
+                        <Table.Th ta="right" fz="sm" fw={600} lh={1.4}>Kelahiran</Table.Th>
+                        <Table.Th ta="right" fz="sm" fw={600} lh={1.4}>Kematian</Table.Th>
+                      </Table.Tr>
+                    </Table.Thead>
+                    <Table.Tbody>
+                      {selectedYearData.data.length > 0 ? (
+                        <>
+                          {selectedYearData.data.map((item) => (
+                            <Table.Tr key={item.id}>
+                              <Table.Td fz="sm" fw={500} lh={1.5}>{item.bulan}</Table.Td>
+                              <Table.Td ta="right" fz="sm" fw={500} lh={1.5}>
+                                {formatNumber(item.kelahiran)}
+                              </Table.Td>
+                              <Table.Td ta="right" fz="sm" fw={500} lh={1.5}>
+                                {formatNumber(item.kematian)}
+                              </Table.Td>
+                            </Table.Tr>
+                          ))}
+                          <Table.Tr>
+                            <Table.Td fz="sm" fw={600} lh={1.5}>Total</Table.Td>
+                            <Table.Td ta="right" fz="sm" fw={600} lh={1.5}>
+                              {formatNumber(selectedYearData.totalKelahiran)}
+                            </Table.Td>
+                            <Table.Td ta="right" fz="sm" fw={600} lh={1.5}>
+                              {formatNumber(selectedYearData.totalKematian)}
+                            </Table.Td>
+                          </Table.Tr>
+                        </>
+                      ) : (
+                        <Table.Tr>
+                          <Table.Td colSpan={3} ta="center" c="dimmed" fz="sm" lh={1.4}>
+                            Tidak ada rincian bulanan
+                          </Table.Td>
+                        </Table.Tr>
+                      )}
+                    </Table.Tbody>
+                  </Table>
+                </Box>
 
- const formatNumber = (num: number) => new Intl.NumberFormat('id-ID').format(num);
+                {/* Mobile: Card List */}
+                <Box hiddenFrom="md">
+                  <Stack gap="xs">
+                    {selectedYearData.data.length > 0 ? (
+                      selectedYearData.data.map((item) => (
+                        <Paper key={item.id} p="sm" radius="md" withBorder>
+                          <Text fz="xs" fw={600} lh={1.4}>Bulan</Text>
+                          <Text fz="sm" fw={500} lh={1.4} mb="sm">
+                            {item.bulan}
+                          </Text>
+                          <Text fz="xs" fw={600} lh={1.4}>Kelahiran</Text>
+                          <Text fz="sm" fw={500} lh={1.4} mb="sm">
+                            {formatNumber(item.kelahiran)}
+                          </Text>
+                          <Text fz="xs" fw={600} lh={1.4}>Kematian</Text>
+                          <Text fz="sm" fw={500} lh={1.4}>
+                            {formatNumber(item.kematian)}
+                          </Text>
+                        </Paper>
+                      ))
+                    ) : (
+                      <Center py="md">
+                        <Text c="dimmed" fz="sm" lh={1.4}>Tidak ada rincian bulanan</Text>
+                      </Center>
+                    )}
 
-
- const CustomTooltip = ({ active, payload, label }: CustomTooltipProps) => {
-   if (active && payload && payload.length) {
-     return (
-       <Paper p="sm" shadow="md" withBorder radius="md">
-         <Text size="sm" fw={600}>Tahun {label}</Text>
-         <Text size="sm" c="blue.6">Kelahiran: {formatNumber(payload[0].value)}</Text>
-         <Text size="sm" c="red.6">Kematian: {formatNumber(payload[1].value)}</Text>
-       </Paper>
-     );
-   }
-   return null;
- };
-
-
- useShallowEffect(() => {
-   statePersentase.kelahiran.findMany.load(1, 1000);
-   statePersentase.kematian.findMany.load(1, 1000);
- }, []);
-
-
- useEffect(() => {
-   if (statePersentase.kelahiran.findMany.data && statePersentase.kematian.findMany.data) {
-     const hasil = countByYearAndMonth(
-       statePersentase.kelahiran.findMany.data,
-       statePersentase.kematian.findMany.data
-     );
-
-
-     setChartData(hasil);
-     setSelectedYear(hasil[0]?.tahun || null);
-   }
- }, [statePersentase.kelahiran.findMany.data, statePersentase.kematian.findMany.data]);
-
-
- if (!statePersentase.kelahiran.findMany.data || !statePersentase.kematian.findMany.data) {
-   return <Skeleton h={400} radius="lg" />;
- }
-
-
- const selectedYearData = chartData.find(d => d.tahun === selectedYear);
-
-
- return (
-   <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-     <Stack gap="lg">
-       <Flex justify="space-between" align="center">
-         <Title order={3} fw={700}>Statistik Kelahiran & Kematian</Title>
-         <Flex gap="sm">
-           <MantineTooltip label="Tambah Data Kelahiran" withArrow>
-             <ActionIcon size="lg" radius="xl" color="blue.6" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran')}>
-               <IconBabyCarriage size={22} />
-             </ActionIcon>
-           </MantineTooltip>
-           <MantineTooltip label="Tambah Data Kematian" withArrow>
-             <ActionIcon size="lg" radius="xl" color="red.6" onClick={() => router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian')}>
-               <IconGrave2 size={22} />
-             </ActionIcon>
-           </MantineTooltip>
-         </Flex>
-       </Flex>
-
-
-       {chartData.length === 0 ? (
-         <Center py="xl">
-           <Text c="dimmed" fs="italic">Belum ada data untuk ditampilkan</Text>
-         </Center>
-       ) : (
-         <>
-           <Box maw={220}>
-             <Select
-               label="Pilih Tahun"
-               placeholder="Pilih tahun data"
-               data={chartData.map((item) => ({ value: item.tahun, label: item.tahun }))}
-               value={selectedYear}
-               onChange={(value) => setSelectedYear(value || null)}
-               size="sm"
-               radius="md"
-             />
-           </Box>
-
-
-           <Box h={360}>
-             <ResponsiveContainer width="100%" height="100%">
-               <BarChart data={chartData} margin={{ top: 20, right: 30, left: 0, bottom: 10 }}>
-                 <XAxis dataKey="tahun" />
-                 <YAxis />
-                 <Tooltip content={<CustomTooltip />} />
-                 <Legend />
-                 <Bar dataKey="totalKelahiran" name="Kelahiran" fill="#4dabf7" radius={[6, 6, 0, 0]} />
-                 <Bar dataKey="totalKematian" name="Kematian" fill="#f03e3e" radius={[6, 6, 0, 0]} />
-               </BarChart>
-             </ResponsiveContainer>
-           </Box>
-
-
-           {selectedYearData && (
-             <Box>
-               <Flex align="center" gap="sm" mb="md">
-                 <Title order={4} fw={600}>Rincian Tahun {selectedYear}</Title>
-                 <Badge variant="light" color="blue">{formatNumber(selectedYearData.totalKelahiran)} kelahiran</Badge>
-                 <Badge variant="light" color="red">{formatNumber(selectedYearData.totalKematian)} kematian</Badge>
-               </Flex>
-               <Table striped withTableBorder highlightOnHover>
-                 <Table.Thead>
-                   <Table.Tr>
-                     <Table.Th>Bulan</Table.Th>
-                     <Table.Th ta="right">Kelahiran</Table.Th>
-                     <Table.Th ta="right">Kematian</Table.Th>
-                   </Table.Tr>
-                 </Table.Thead>
-                 <Table.Tbody>
-                   {selectedYearData.data.length > 0 ? (
-                     <>
-                       {selectedYearData.data.map((item) => (
-                         <Table.Tr key={item.id}>
-                           <Table.Td>{item.bulan}</Table.Td>
-                           <Table.Td ta="right">{formatNumber(item.kelahiran)}</Table.Td>
-                           <Table.Td ta="right">{formatNumber(item.kematian)}</Table.Td>
-                         </Table.Tr>
-                       ))}
-                       <Table.Tr style={{ fontWeight: 'bold' }}>
-                         <Table.Td>Total</Table.Td>
-                         <Table.Td ta="right">{formatNumber(selectedYearData.totalKelahiran)}</Table.Td>
-                         <Table.Td ta="right">{formatNumber(selectedYearData.totalKematian)}</Table.Td>
-                       </Table.Tr>
-                     </>
-                   ) : (
-                     <Table.Tr>
-                       <Table.Td colSpan={3} ta="center" c="dimmed">Tidak ada rincian bulanan</Table.Td>
-                     </Table.Tr>
-                   )}
-                 </Table.Tbody>
-               </Table>
-             </Box>
-           )}
-         </>
-       )}
-     </Stack>
-   </Paper>
- );
+                    {/* Total row mobile */}
+                    {selectedYearData.data.length > 0 && (
+                      <Paper p="sm" radius="md" withBorder bg="gray.1">
+                        <Text fz="xs" fw={600} lh={1.4}>Total</Text>
+                        <Flex justify="space-between" mt="xs">
+                          <Text fz="sm" fw={600} lh={1.4}>Kelahiran</Text>
+                          <Text fz="sm" fw={600} lh={1.4}>
+                            {formatNumber(selectedYearData.totalKelahiran)}
+                          </Text>
+                        </Flex>
+                        <Flex justify="space-between" mt="xs">
+                          <Text fz="sm" fw={600} lh={1.4}>Kematian</Text>
+                          <Text fz="sm" fw={600} lh={1.4}>
+                            {formatNumber(selectedYearData.totalKematian)}
+                          </Text>
+                        </Flex>
+                      </Paper>
+                    )}
+                  </Stack>
+                </Box>
+              </Stack>
+            )}
+          </>
+        )}
+      </Stack>
+    </Paper>
+  );
 }
 
-
 export default PersentaseDataKelahiranKematian;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
index 39473173..286a6e29 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
@@ -141,7 +141,7 @@ function EditInfoWabahPenyakit() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
index 675b4e8a..8f2f268f 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
@@ -49,7 +49,7 @@ function DetailInfoWabahPenyakit() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -63,7 +63,7 @@ function DetailInfoWabahPenyakit() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: '100%', md: '50%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -89,6 +89,7 @@ function DetailInfoWabahPenyakit() {
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Lengkap</Text>
                 <Text
+                  pl={10}
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap }}
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
index d51ddc31..7e2c682c 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
@@ -72,7 +72,7 @@ function CreateInfoWabahPenyakit() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
index c5ca0547..11ae0268 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -27,7 +27,7 @@ import HeaderSearch from '../../_com/header';
 import infoWabahPenyakit from '../../_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit';
 
 function InfoWabahPenyakit() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       {/* Header Search */}
@@ -44,8 +44,9 @@ function InfoWabahPenyakit() {
 }
 
 function ListInfoWabahPenyakit({ search }: { search: string }) {
-  const infoWabahPenyakitState = useProxy(infoWabahPenyakit)
-  const router = useRouter()
+  const infoWabahPenyakitState = useProxy(infoWabahPenyakit);
+  const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -56,25 +57,30 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
   } = infoWabahPenyakitState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py="lg">
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Info Wabah Penyakit</Title>
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.1 }}
+          >
+            Daftar Info Wabah Penyakit
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -85,8 +91,8 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
@@ -100,16 +106,19 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text truncate="end" fz="sm" c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }} />
-                      </Box>
+                      <Text
+                        fz="sm"
+                        c="dimmed"
+                        lh={1.45}
+                        truncate="end"
+                        lineClamp={1}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }}
+                      />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -118,16 +127,18 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
                         onClick={() => router.push(`/admin/kesehatan/info-wabah-penyakit/${item.id}`)}
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.45}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                  <TableTd colSpan={3}>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data info wabah penyakit yang cocok
                       </Text>
                     </Center>
@@ -137,6 +148,53 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card List */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="sm">
+                <Stack gap={"xs"}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Judul
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.45}>
+                    {item.name}
+                  </Text>
+
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Deskripsi Singkat
+                  </Text>
+                  <Text
+                    fz="sm"
+                    fw={500}
+                    lh={1.45}
+                    dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }}
+                  />
+
+                  <Button
+                    variant="light"
+                    color="blue"
+                    fullWidth
+                    mt="xs"
+                    onClick={() => router.push(`/admin/kesehatan/info-wabah-penyakit/${item.id}`)}
+                  >
+                    <IconDeviceImacCog size={20} />
+                    <Text ml={6} fz="sm" fw={500} lh={1.45}>
+                      Detail
+                    </Text>
+                  </Button>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data info wabah penyakit yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -144,8 +202,8 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
         <Pagination
           value={page}
           onChange={(newPage) => {
-            load(newPage, 10)
-            window.scrollTo({ top: 0, behavior: 'smooth' })
+            load(newPage, 10);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
           mt="md"
@@ -155,7 +213,7 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
         />
       </Center>
     </Box>
-  )
+  );
 }
 
-export default InfoWabahPenyakit;
+export default InfoWabahPenyakit;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
index 21af40ca..9244a2fc 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
@@ -128,7 +128,7 @@ function EditKontakDarurat() {
   if (loading) return <Text>Loading...</Text>;
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
index ea22b9e3..2ef5413a 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailKontakDarurat() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailKontakDarurat() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
index d35f1fb4..aabfab53 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
@@ -78,7 +78,7 @@ function CreateKontakDarurat() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
index 6a8a42b8..27e4f10f 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useShallowEffect, useDebouncedValue } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -46,45 +46,44 @@ function KontakDarurat() {
 }
 
 function ListKontakDarurat({ search }: { search: string }) {
-  const kontakDaruratState = useProxy(kontakDarurat)
+  const kontakDaruratState = useProxy(kontakDarurat);
   const router = useRouter();
 
   const { data, page, totalPages, loading, load } = kontakDaruratState.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Stack mb="md" gap="sm">
-          <Group justify="space-between">
-            <Title order={4}>Daftar Kontak Darurat</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/kesehatan/kontak-darurat/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Group>
-        </Stack>
+        <Group justify="space-between" mb="md">
+          <Title order={4}>Daftar Kontak Darurat</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/kesehatan/kontak-darurat/create')}
+          >
+            Tambah Baru
+          </Button>
+        </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
@@ -98,16 +97,12 @@ function ListKontakDarurat({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fw={500} fz="md" lh={1.45} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text truncate fz="sm" c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                      </Box>
+                      <Text fz="sm" lh={1.45} c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -116,16 +111,16 @@ function ListKontakDarurat({ search }: { search: string }) {
                         onClick={() => router.push(`/admin/kesehatan/kontak-darurat/${item.id}`)}
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.45}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
+                  <TableTd colSpan={3}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data kontak darurat yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>Tidak ada data kontak darurat yang cocok</Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -133,6 +128,40 @@ function ListKontakDarurat({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack hiddenFrom="md" gap="xs" mt="sm">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="sm">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Judul</Text>
+                    <Text fz="sm" fw={500} lh={1.45}>{item.name}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                    <Text fz="sm" fw={500} lh={1.45} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  </Box>
+                  <Button
+                    variant="light"
+                    color="blue"
+                    fullWidth
+                    onClick={() => router.push(`/admin/kesehatan/kontak-darurat/${item.id}`)}
+                    mt="xs"
+                  >
+                    <IconDeviceImacCog size={18} />
+                    <Text ml={5} fz="sm" fw={500} lh={1.45}>Detail</Text>
+                  </Button>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text c="dimmed" fz="sm" lh={1.4}>Tidak ada data kontak darurat yang cocok</Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -151,7 +180,7 @@ function ListKontakDarurat({ search }: { search: string }) {
         />
       </Center>
     </Box>
-  )
+  );
 }
 
-export default KontakDarurat;
+export default KontakDarurat;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
index ecf4d166..1cb79f35 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
@@ -144,7 +144,7 @@ function EditPenangananDarurat() {
   if (loading) return <Text>Loading...</Text>;
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
index ab622c6e..db808007 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailPenangananDarurat() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailPenangananDarurat() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -75,6 +75,7 @@ function DetailPenangananDarurat() {
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
                 <Text
+                  pl={10}
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsi }}
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
index c75878fb..74f4f434 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
@@ -77,7 +77,7 @@ function CreatePenangananDarurat() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
index a845350e..9704591f 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -47,29 +47,35 @@ function PenangananDarurat() {
 function ListPenangananDarurat({ search }: { search: string }) {
   const state = useProxy(penangananDarurat);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000)
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Penanganan Darurat</Title>
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title
+            order={4}
+            lh={1.2}
+          >
+            Daftar Penanganan Darurat
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -80,14 +86,14 @@ function ListPenangananDarurat({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Judul</TableTh>
-                <TableTh>Deskripsi</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Judul</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Deskripsi</TableTh>
+                <TableTh fz="sm" fw={600} lh={1.4}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -95,22 +101,19 @@ function ListPenangananDarurat({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text
-                          fz="sm"
-                          c="dimmed"
-                          truncate
-                          lineClamp={1}
-                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                        />
-                      </Box>
+                      <Text
+                        fz="sm"
+                        fw={400}
+                        lh={1.5}
+                        c="gray.7"
+                        lineClamp={1}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -121,16 +124,18 @@ function ListPenangananDarurat({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
+                  <TableTd colSpan={3}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data penanganan darurat</Text>
+                      <Text c="gray.6" fz="sm" fw={500} lh={1.4}>
+                        Tidak ada data penanganan darurat
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -138,6 +143,56 @@ function ListPenangananDarurat({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="sm">
+                  <Stack gap={'xs'}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Judul</Text>
+                      <Text fz="sm" fw={500} lh={1.45} lineClamp={1}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                      <Text
+                        fz="sm"
+                        fw={500}
+                        lh={1.45}
+                        c="gray.7"
+                        lineClamp={2}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        fullWidth
+                        onClick={() =>
+                          router.push(`/admin/kesehatan/penanganan-darurat/${item.id}`)
+                        }
+                      >
+                        <IconDeviceImacCog size={20} />
+                        <Text ml={5} fz="sm" fw={500}>Detail</Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="gray.6" fz="sm" fw={500} lh={1.4}>
+                  Tidak ada data penanganan darurat
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -159,4 +214,4 @@ function ListPenangananDarurat({ search }: { search: string }) {
   );
 }
 
-export default PenangananDarurat;
+export default PenangananDarurat;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
index 8882f40a..61422ed9 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
@@ -124,7 +124,7 @@ function EditPosyandu() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
index f75cda27..2aa9fe3e 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
@@ -46,7 +46,7 @@ function DetailPosyandu() {
 
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
@@ -61,7 +61,7 @@ function DetailPosyandu() {
       {/* Card utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -89,12 +89,14 @@ function DetailPosyandu() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text
-                  fz="md"
-                  c="dimmed"
-                  dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
-                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                />
+                <Box pl={10}>
+                  <Text
+                    fz="md"
+                    c="dimmed"
+                    dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                  />
+                </Box>
               </Box>
 
 
@@ -109,7 +111,7 @@ function DetailPosyandu() {
               </Box>
 
 
-              <Box>
+              <Stack gap={3}>
                 <Text fz="lg" fw="bold">Gambar</Text>
                 {data.image?.link ? (
                   <Image
@@ -124,7 +126,7 @@ function DetailPosyandu() {
                 ) : (
                   <Text fz="sm" c="dimmed">Tidak ada gambar</Text>
                 )}
-              </Box>
+              </Stack>
 
 
               {/* Aksi */}
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
index 606b21d6..63c6ec28 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
@@ -72,7 +72,7 @@ function CreatePosyandu() {
     }
   };
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
index 85691f00..1731a2be 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
@@ -18,15 +18,14 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
+import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import posyandustate from '../../_state/kesehatan/posyandu/posyandu';
 
-
 function Posyandu() {
   const [search, setSearch] = useState("");
   return (
@@ -43,11 +42,10 @@ function Posyandu() {
   );
 }
 
-
 function ListPosyandu({ search }: { search: string }) {
-  const statePosyandu = useProxy(posyandustate)
+  const statePosyandu = useProxy(posyandustate);
   const router = useRouter();
-
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const {
     data,
@@ -57,29 +55,27 @@ function ListPosyandu({ search }: { search: string }) {
     load,
   } = statePosyandu.findMany;
 
-
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
-
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
-
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
-
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Posyandu</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Posyandu
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -89,52 +85,51 @@ function ListPosyandu({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama Posyandu</TableTh>
-                <TableTh style={{ width: '20%' }}>Nomor Posyandu</TableTh>
-                <TableTh style={{ width: '30%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Nama Posyandu</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Nomor Posyandu</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Deskripsi</TableTh>
+                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Box w={150}>
-                        <Text truncate fz="sm" c="dimmed">
-                          {item.nomor || '-'}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="sm" c="dimmed" lh={1.5}>
+                        {item.nomor || '-'}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '30%' }}>
-                      <Box w={150}>
-                        <Text
-                          lineClamp={1}
-                          truncate
-                          fz="sm"
-                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                        />
-                      </Box>
+                    <TableTd>
+                      <Text
+                        fz="sm"
+                        lh={1.5}
+                        lineClamp={1}
+                        truncate
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
+                        size="xs"
+                        radius="md"
                         variant="light"
                         color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
                         onClick={() => router.push(`/admin/kesehatan/posyandu/${item.id}`)}
                       >
-                        <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        Detail
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -143,7 +138,9 @@ function ListPosyandu({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data posyandu yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data posyandu yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -151,7 +148,66 @@ function ListPosyandu({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Posyandu
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.5}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nomor Posyandu
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.5} c={item.nomor ? undefined : 'dimmed'}>
+                        {item.nomor || '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Deskripsi
+                      </Text>
+                      <Text
+                        fz="sm"
+                        fw={500}
+                        lh={1.5}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
+                    </Box>
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={16} />}
+                      onClick={() => router.push(`/admin/kesehatan/posyandu/${item.id}`)}
+                      fullWidth
+                    >
+                      Detail
+                    </Button>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data posyandu yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -170,5 +226,4 @@ function ListPosyandu({ search }: { search: string }) {
   );
 }
 
-
 export default Posyandu;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
index ec68731d..f3edf417 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
@@ -125,7 +125,7 @@ function EditProgramKesehatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
index b1a1e6ec..e493ea78 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailProgramKesehatan() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
@@ -53,7 +53,7 @@ function DetailProgramKesehatan() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -73,12 +73,12 @@ function DetailProgramKesehatan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsiSingkat || '-' }} />
+                <Text pl={10} fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsiSingkat || '-' }} />
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text pl={10} fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
index 020c8f50..1e4542c2 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
@@ -78,7 +78,7 @@ function CreateProgramKesehatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
index c033c538..306e5316 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,27 +48,30 @@ function ListProgramKesehatan({ search }: { search: string }) {
   const router = useRouter();
 
   const { data, page, totalPages, loading, load } = stateProgram.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Header List + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Program Kesehatan</Title>
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Program Kesehatan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -79,15 +82,23 @@ function ListProgramKesehatan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Judul</TableTh>
-                <TableTh>Deskripsi Singkat</TableTh>
-                <TableTh>Deskripsi</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4}>Judul</Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4}>Deskripsi Singkat</Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.4}>Aksi</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -95,28 +106,25 @@ function ListProgramKesehatan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fw={500} fz="md" lh={1.5} truncate="end" lineClamp={1}>
                         {item.name}
                       </Text>
                     </TableTd>
-                    <TableTd>
-                      <Box w={200}>
-                        <Text fz="sm" truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }} />
-                      </Box>
+                    <TableTd w={200}>
+                      <Text fz="sm" lh={1.5} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }} />
                     </TableTd>
-                    <TableTd>
-                      <Box w={200}>
-                        <Text fz="sm" truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                      </Box>
+                    <TableTd w={200}>
+                      <Text fz="sm" lh={1.5} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="blue"
                         onClick={() => router.push(`/admin/kesehatan/program-kesehatan/${item.id}`)}
+                        size="xs"
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImacCog size={18} />
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -125,7 +133,9 @@ function ListProgramKesehatan({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada program kesehatan yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada program kesehatan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -133,6 +143,52 @@ function ListProgramKesehatan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="sm">
+                  <Stack gap={'xs'}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Judul</Text>
+                      <Text fz="sm" fw={500} lh={1.4}>{item.name}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Deskripsi Singkat</Text>
+                      <Box pl={10}>
+                        <Text fz="sm" lineClamp={3} fw={500} lh={1.4} dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }} />
+                      </Box>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                      <Box pl={10}>
+                        <Text fz="sm" lineClamp={3} fw={500} lh={1.4} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                      </Box>
+                    </Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      fullWidth
+                      size="xs"
+                      onClick={() => router.push(`/admin/kesehatan/program-kesehatan/${item.id}`)}
+                    >
+                      <IconDeviceImacCog size={18} />
+                      <Text ml={5} fz="sm" fw={500} lh={1.4}>Detail</Text>
+                    </Button>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada program kesehatan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -154,4 +210,4 @@ function ListProgramKesehatan({ search }: { search: string }) {
   );
 }
 
-export default ProgramKesehatan;
+export default ProgramKesehatan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
index 4b3a4350..93fcc4d0 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
@@ -201,7 +201,7 @@ function EditPuskesmas() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan tombol back */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
index d9947978..02afb6b8 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailPuskesmas() {
   const data = statePuskesmas.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
@@ -53,7 +53,7 @@ function DetailPuskesmas() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
index 62cdc64a..f75eb7ea 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
@@ -84,7 +84,7 @@ function CreatePuskesmas() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md" component="form" onSubmit={handleSubmit}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs" component="form" onSubmit={handleSubmit}>
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
index 0ec25757..2d124640 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,46 +48,64 @@ function Puskesmas() {
 function ListPuskesmas({ search }: { search: string }) {
   const statePuskesmas = useProxy(puskesmasState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = statePuskesmas.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
           <Title order={4}>Daftar Puskesmas</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/kesehatan/puskesmas/create')}
-            >
-              Tambah Baru
-            </Button>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/kesehatan/puskesmas/create')}
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
-        <Box style={{ overflowX: "auto" }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
-                <TableTh>Nama Puskesmas</TableTh>
-                <TableTh>Alamat</TableTh>
-                <TableTh>Kontak</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.2}>
+                    Nama Puskesmas
+                  </Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.2}>
+                    Alamat
+                  </Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.2}>
+                    Kontak
+                  </Text>
+                </TableTh>
+                <TableTh>
+                  <Text fz="sm" fw={600} lh={1.2}>
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -95,34 +113,33 @@ function ListPuskesmas({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text truncate fz="sm" c="dimmed" lineClamp={1}>
-                          {item.alamat}
-                        </Text>
-                      </Box>
+                      <Text fz="sm" fw={500} lh={1.5} c="dimmed" truncate="end" lineClamp={1}>
+                        {item.alamat}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text truncate fz="sm" c="dimmed" lineClamp={1}>
-                          {item.kontak.kontakPuskesmas}
-                        </Text>
-                      </Box>
+                      <Text fz="sm" fw={500} lh={1.5} c="dimmed" truncate="end" lineClamp={1}>
+                        {item.kontak.kontakPuskesmas}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="blue"
                         onClick={() => router.push(`/admin/kesehatan/puskesmas/${item.id}`)}
+                        radius="md"
+                        px="sm"
+                        h={34}
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImacCog size={18} />
+                        <Text ml="xs" fz="sm" fw={500}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -130,8 +147,10 @@ function ListPuskesmas({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data puskesmas yang cocok</Text>
+                    <Center py={{ base: 'sm', md: 'md' }}>
+                      <Text fz="sm" c="dimmed" ta="center">
+                        Tidak ada data puskesmas yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -139,6 +158,61 @@ function ListPuskesmas({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap={'xs'}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Puskesmas
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.45}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Alamat
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.45} c="dimmed">
+                      {item.alamat}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Kontak
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.45} c="dimmed">
+                      {item.kontak.kontakPuskesmas}
+                    </Text>
+                  </Box>
+                  <Button
+                    variant="light"
+                    color="blue"
+                    onClick={() => router.push(`/admin/kesehatan/puskesmas/${item.id}`)}
+                    radius="md"
+                    fullWidth
+                    mt="xs"
+                  >
+                    <IconDeviceImacCog size={18} />
+                    <Text ml="xs" fz="sm" fw={500}>
+                      Detail
+                    </Text>
+                  </Button>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="md">
+              <Text fz="sm" c="dimmed">
+                Tidak ada data puskesmas yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -150,8 +224,7 @@ function ListPuskesmas({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
+          my="md"
           color="blue"
           radius="md"
         />
@@ -160,4 +233,4 @@ function ListPuskesmas({ search }: { search: string }) {
   );
 }
 
-export default Puskesmas;
+export default Puskesmas;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
index d9ce5d93..14a04a97 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
@@ -60,7 +60,7 @@ function ListSdgsDesa({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'lg' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Sdgs Desa
           </Title>
           <Button
@@ -148,7 +148,7 @@ function ListSdgsDesa({ search }: { search: string }) {
             <Stack gap="sm">
               {filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="md" radius="md">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Box>
                       <Text fz="sm" fw={600} lh={1.4}>Nama SDGs Desa</Text>
                       <Text fz="sm" fw={500} lh={1.4}>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index 2862a2ed..fcdaffed 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -69,7 +69,7 @@ function ListAPBDes({ search }: { search: string }) {
       <Box visibleFrom="md">
         <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
           <Group justify="space-between" mb="md">
-            <Title order={2} size="lg" lh={1.2}>
+            <Title order={4} size="lg" lh={1.2}>
               Daftar APBDes
             </Title>
             <Button
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
index 7eb4d330..f572baec 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
@@ -194,7 +194,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
     <Box py={{ base: 20, md: 20 }}>
       <Paper bg={colors['white-1']} p={{ base: 'md', md: 'xl' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Kategori Kegiatan
           </Title>
           <Button
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
index b9f45763..b2c201c6 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
@@ -66,7 +66,7 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
       <Stack gap={'md'}>
         <Paper p={{ base: 'md', md: 'lg' }} radius="lg" shadow="md" withBorder>
           <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-            <Title order={2} lh={1.2}>
+            <Title order={4} lh={1.2}>
               Daftar Program Desa Anti Korupsi
             </Title>
             <Button
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
index aa2a37c2..4372230a 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -89,7 +89,7 @@ function ListResponden({ search }: ListRespondenProps) {
         {/* Desktop Table */}
         <Box visibleFrom="md">
           <Paper p="lg" radius="lg" shadow="md" withBorder>
-            <Title order={2} size="lg" mb="md" lh={1.2}>
+            <Title order={4} size="lg" mb="md" lh={1.2}>
               Daftar Responden
             </Title>
             <Table
@@ -158,7 +158,7 @@ function ListResponden({ search }: ListRespondenProps) {
         {/* Mobile Cards */}
         <Box hiddenFrom="md">
           <Stack gap="sm">
-            <Title order={2} size="md" lh={1.2} px="md">
+            <Title order={4} size="md" lh={1.2} px="md">
               Daftar Responden
             </Title>
             {filteredData.length === 0 ? (
@@ -170,7 +170,7 @@ function ListResponden({ search }: ListRespondenProps) {
             ) : (
               filteredData.map((item) => (
                 <Paper key={item.id} p="md" radius="lg" shadow="sm" mx="md">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Text fz="sm" c="dimmed" lh={1.4}>Nama</Text>
                     <Text fz="md" lh={1.5}>{item.name}</Text>
 
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
index def0318a..f8441752 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
@@ -69,7 +69,7 @@ function ListKategoriPrestasi({ search }: { search: string }) {
       {/* DESKTOP: Table */}
       <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm" withBorder>
         <Group justify="space-between" mb="xl">
-          <Title order={2} size="lg" lh={1.2}>List Kategori Prestasi</Title>
+          <Title order={4} size="lg" lh={1.2}>List Kategori Prestasi</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
index ea426522..39824462 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
@@ -57,7 +57,7 @@ function ListPrestasi({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'md' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} size={isMobile ? 'md' : 'lg'} lh={1.2}>
+          <Title order={4} size={isMobile ? 'md' : 'lg'} lh={1.2}>
             Daftar Prestasi Desa
           </Title>
           <Button
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
index db23f080..e800acc5 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/page.tsx
@@ -69,7 +69,7 @@ function ListDaftarInformasi({ search }: { search: string }) {
     <Box py={{ base: 'md', md: 'lg' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             List Daftar Informasi Publik
           </Title>
           <Button
@@ -155,7 +155,7 @@ function ListDaftarInformasi({ search }: { search: string }) {
             <Stack hiddenFrom="md" gap="sm">
               {filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="sm" radius="md">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Box>
                       <Text fw={600} lh={1.4}>
                         Jenis Informasi
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
index d0b698d8..ef969288 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -70,7 +70,7 @@ function ListResponden({ search }: ListRespondenProps) {
     return (
       <Paper withBorder bg="white" p={{ base: 'md', sm: 'lg' }} radius="md" shadow="sm">
         <Stack gap="md">
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Data Responden
           </Title>
           <Box visibleFrom="md">
@@ -97,7 +97,7 @@ function ListResponden({ search }: ListRespondenProps) {
   return (
     <Paper withBorder bg="white" p={{ base: 'md', sm: 'lg' }} radius="md" shadow="sm">
       <Stack gap="md">
-        <Title order={2} lh={1.2}>
+        <Title order={4} lh={1.2}>
           Data Responden
         </Title>
 
@@ -166,7 +166,7 @@ function ListResponden({ search }: ListRespondenProps) {
             <Stack gap="sm">
               {filteredData.map((item, index) => (
                 <Paper key={item.id} withBorder p="sm" radius="md">
-                  <Stack gap={4}>
+                  <Stack gap={'xs'}>
                     <Box>
                       <Text fz="sm" fw={600} lh={1.4}>
                         No
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
index 2a88c9cc..c08cca7d 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
@@ -61,7 +61,7 @@ function Page() {
           <Stack gap={'sm'}>
             <Grid mb={10}>
               <GridCol span={{ base: 12, md: 9 }}>
-                <Title order={2} lh={1.2} c="dark">
+                <Title order={4} lh={1.2} c="dark">
                   Daftar Permohonan Informasi Publik
                 </Title>
               </GridCol>
@@ -100,7 +100,7 @@ function Page() {
         <Stack gap={'sm'}>
           <Grid mb={10}>
             <GridCol span={{ base: 12, md: 9 }}>
-              <Title order={2} lh={1.2} c="dark">
+              <Title order={4} lh={1.2} c="dark">
                 Daftar Permohonan Informasi Publik
               </Title>
             </GridCol>
@@ -202,7 +202,7 @@ function Page() {
               <Stack hiddenFrom="md" gap="xs">
                 {data.map((item, index) => (
                   <Paper key={item.id} p="sm" radius="md" withBorder bg="white">
-                    <Stack gap={4}>
+                    <Stack gap={'xs'}>
                       <Box>
                         <Text fz="xs" fw={600} lh={1.4} c="dark">
                           No
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index c917084a..1fa70082 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -61,7 +61,7 @@ function Page() {
           <Stack gap={'sm'}>
             <Grid mb={10}>
               <GridCol span={{ base: 12, md: 9 }}>
-                <Title order={2} lh={1.2} c="dark">
+                <Title order={4} lh={1.2} c="dark">
                   Daftar Permohonan Keberatan Informasi Publik
                 </Title>
               </GridCol>
@@ -99,7 +99,7 @@ function Page() {
         <Stack gap={'sm'}>
           <Grid mb={10}>
             <GridCol span={{ base: 12, md: 9 }}>
-              <Title order={2} lh={1.2} c="dark">
+              <Title order={4} lh={1.2} c="dark">
                 Daftar Permohonan Keberatan Informasi Publik
               </Title>
             </GridCol>
@@ -207,7 +207,7 @@ function Page() {
               <Stack hiddenFrom="md" gap="xs">
                 {data.map((item, index) => (
                   <Paper key={item.id} p="sm" radius="md" withBorder bg="white">
-                    <Stack gap={4}>
+                    <Stack gap={'xs'}>
                       <Box>
                         <Text fz="xs" fw={600} lh={1.4} c="dimmed">
                           No
diff --git a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
index ed78dc0a..cae516d7 100644
--- a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
@@ -58,7 +58,7 @@ function Page() {
                 </GridCol>
                 <GridCol span={12}>
                   <Title
-                    order={2}
+                    order={4}
                     c={colors['blue-button']}
                     ta="center"
                     lh={1.15}
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
index bf1919dd..0b8d738d 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
@@ -77,7 +77,7 @@ function ListPegawaiPPID({ search }: { search: string }) {
       <Box py="xl">
         <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
           <Group justify="space-between" mb="md">
-            <Title order={2} lh={1.2}>
+            <Title order={4} lh={1.2}>
               Daftar Pegawai PPID
             </Title>
             <Button
@@ -103,7 +103,7 @@ function ListPegawaiPPID({ search }: { search: string }) {
     <Box py="xl">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={2} lh={1.2}>
+          <Title order={4} lh={1.2}>
             Daftar Pegawai PPID
           </Title>
           <Button
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
index cc7bf48a..3db71a35 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
@@ -67,7 +67,7 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
     <Box py={{ base: 'sm', md: 'md' }}>
       <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
-          <Title order={2}>Daftar Posisi Organisasi PPID</Title>
+          <Title order={4}>Daftar Posisi Organisasi PPID</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -148,7 +148,7 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
           {filteredData.length > 0 ? (
             filteredData.map((item) => (
               <Paper key={item.id} withBorder p="sm" radius="sm">
-                <Stack gap={4}>
+                <Stack gap={'xs'}>
                   <Box>
                     <Text fz="xs" fw={600} lh={1.4}>Nama Posisi</Text>
                     <Text fz="sm" fw={600} lh={1.5}>{item.nama}</Text>
-- 
2.49.1


From 29065cb3e2de0fa4b081be1df3861623fb1aa642 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 22 Dec 2025 15:10:25 +0800
Subject: [PATCH 59/97] Fix QC Kak Inno 19 Des Fix QC Kak Ayu 19 Des Fix
 Tampilan Admin Mobile Menu Keamanan Fix Search Debounce Menu Keamanan

---
 .../admin/(dashboard)/desa/berita/layout.tsx  |  22 +++
 .../admin/(dashboard)/desa/gallery/layout.tsx |  22 +++
 .../admin/(dashboard)/desa/layanan/layout.tsx |  27 ++-
 .../(dashboard)/desa/pengumuman/layout.tsx    |  22 +++
 .../admin/(dashboard)/desa/potensi/layout.tsx |  21 +++
 .../admin/(dashboard)/desa/profil/layout.tsx  |  22 +++
 .../[id]/edit/page.tsx                        |   2 +-
 .../[id]/page.tsx                             |   8 +-
 .../create/page.tsx                           |   2 +-
 .../page.tsx                                  | 115 +++++++++---
 .../kontak-darurat/_lib/layoutTabs.tsx        |  99 +++++++---
 .../kontak-darurat-item/[id]/edit/page.tsx    |   2 +-
 .../kontak-darurat-item/[id]/page.tsx         |   4 +-
 .../kontak-darurat-item/create/page.tsx       |   2 +-
 .../kontak-darurat-item/page.tsx              | 122 ++++++++++---
 .../[id]/edit/page.tsx                        |   2 +-
 .../kontak-darurat-keamanan/[id]/page.tsx     |   4 +-
 .../kontak-darurat-keamanan/create/page.tsx   |   2 +-
 .../kontak-darurat-keamanan/page.tsx          | 103 ++++++++---
 .../keamanan/kontak-darurat/layout.tsx        |  21 +++
 .../laporan-publik/[id]/edit/page.tsx         |   2 +-
 .../keamanan/laporan-publik/[id]/page.tsx     |   4 +-
 .../keamanan/laporan-publik/create/page.tsx   |   2 +-
 .../keamanan/laporan-publik/page.tsx          | 138 +++++++++++---
 .../[id]/edit/page.tsx                        |   2 +-
 .../pencegahan-kriminalitas/[id]/page.tsx     |   4 +-
 .../pencegahan-kriminalitas/create/page.tsx   |   2 +-
 .../keamanan/pencegahan-kriminalitas/page.tsx | 169 +++++++++++++-----
 .../polsek-terdekat/[id]/edit/page.tsx        |   2 +-
 .../keamanan/polsek-terdekat/[id]/page.tsx    |   4 +-
 .../keamanan/polsek-terdekat/create/page.tsx  |   2 +-
 .../keamanan/polsek-terdekat/page.tsx         | 155 ++++++++++++----
 .../keamanan/tips-keamanan/[id]/edit/page.tsx |   2 +-
 .../keamanan/tips-keamanan/[id]/page.tsx      |   8 +-
 .../keamanan/tips-keamanan/create/page.tsx    |   2 +-
 .../keamanan/tips-keamanan/page.tsx           | 147 +++++++++++----
 .../kesehatan/data-kesehatan-warga/layout.tsx |  22 ++-
 .../page.tsx                                  |  33 +++-
 .../landing-page/desa-anti-korupsi/layout.tsx |  22 +++
 .../indeks-kepuasan-masyarakat/layout.tsx     |  22 +++
 .../landing-page/prestasi-desa/layout.tsx     |  22 +++
 .../landing-page/profil/layout.tsx            |  22 +++
 .../indeks-kepuasan-masyarakat/layout.tsx     |  20 +++
 .../(dashboard)/ppid/struktur-ppid/layout.tsx |  22 +++
 44 files changed, 1169 insertions(+), 285 deletions(-)

diff --git a/src/app/admin/(dashboard)/desa/berita/layout.tsx b/src/app/admin/(dashboard)/desa/berita/layout.tsx
index 4c8e4901..25bf8684 100644
--- a/src/app/admin/(dashboard)/desa/berita/layout.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/layout.tsx
@@ -1,8 +1,30 @@
 'use client'
 import React from 'react';
 import LayoutTabsBerita from './_com/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
+
   return (
     <LayoutTabsBerita>
       {children}
diff --git a/src/app/admin/(dashboard)/desa/gallery/layout.tsx b/src/app/admin/(dashboard)/desa/gallery/layout.tsx
index fbaf56c0..1f40b5ef 100644
--- a/src/app/admin/(dashboard)/desa/gallery/layout.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/layout.tsx
@@ -1,7 +1,29 @@
 'use client'
+import { usePathname } from "next/navigation";
 import LayoutTabsGallery from "./lib/layoutTabs"
+import { Box } from "@mantine/core";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
+
     return (
         <LayoutTabsGallery>
             {children}
diff --git a/src/app/admin/(dashboard)/desa/layanan/layout.tsx b/src/app/admin/(dashboard)/desa/layanan/layout.tsx
index 7113ca7e..c4413f87 100644
--- a/src/app/admin/(dashboard)/desa/layanan/layout.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/layout.tsx
@@ -1,10 +1,31 @@
 'use client'
+import { usePathname } from "next/navigation";
 import LayoutTabsLayanan from "../_com/layoutTabLayanan";
+import { Box } from "@mantine/core";
 
 export default function Layout({children} : {children: React.ReactNode}) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/layanan/semua → panjang 5 → list
+  // - /darmasaba/desa/layanan/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/layanan/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
     return (
-      <LayoutTabsLayanan>
+      <Box>
         {children}
-      </LayoutTabsLayanan>
-    )
+      </Box>
+    );
+  }
+
+  return (
+    <LayoutTabsLayanan>
+      {children}
+    </LayoutTabsLayanan>
+  );
 }
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/layout.tsx b/src/app/admin/(dashboard)/desa/pengumuman/layout.tsx
index 4a4acdbd..6ecbb342 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/layout.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
 import React from 'react';
 import LayoutTabs from './_com/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/pengumuman/semua → panjang 5 → list
+  // - /darmasaba/desa/pengumuman/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/pengumuman/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/desa/potensi/layout.tsx b/src/app/admin/(dashboard)/desa/potensi/layout.tsx
index b677970c..7e83e086 100644
--- a/src/app/admin/(dashboard)/desa/potensi/layout.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/layout.tsx
@@ -1,8 +1,29 @@
 'use client'
 import React from 'react';
 import LayoutTabsPotensi from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
   return (
     <LayoutTabsPotensi>
       {children}
diff --git a/src/app/admin/(dashboard)/desa/profil/layout.tsx b/src/app/admin/(dashboard)/desa/profil/layout.tsx
index f82687f5..475635df 100644
--- a/src/app/admin/(dashboard)/desa/profil/layout.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/layout.tsx
@@ -1,8 +1,30 @@
 'use client'
 
+import { usePathname } from "next/navigation";
 import LayoutTabsDetail from "./_lib/layoutTabsDetail"
+import { Box } from "@mantine/core";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+    const pathname = usePathname();
+
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+
+    if (isDetailPage) {
+        // Tampilkan tanpa tab menu
+        return (
+            <Box>
+                {children}
+            </Box>
+        );
+    }
+
+
     return (
         <LayoutTabsDetail>
             {children}
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
index 898470c5..fdf71259 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
@@ -142,7 +142,7 @@ function EditKeamananLingkungan() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
index 55b8629b..34feff31 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
@@ -44,7 +44,7 @@ function DetailKeamananLingkungan() {
   const data = keamananState.findUnique.data
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -58,7 +58,7 @@ function DetailKeamananLingkungan() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -88,7 +88,9 @@ function DetailKeamananLingkungan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                <Box pl={8}>
+                  <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                </Box>
               </Box>
 
               {/* Aksi */}
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
index bdf82527..f1d148a6 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
@@ -78,7 +78,7 @@ function CreateKeamananLingkungan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index e9791329..b3315da8 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,6 +48,7 @@ function KeamananLingkungan() {
 function ListKeamananLingkungan({ search }: { search: string }) {
   const keamananState = useProxy(keamananLingkunganState)
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000)
 
   const {
     data,
@@ -58,25 +59,27 @@ function ListKeamananLingkungan({ search }: { search: string }) {
   } = keamananState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
   const filteredData = data || []
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     )
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Keamanan Lingkungan</Title>
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Keamanan Lingkungan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -89,14 +92,18 @@ function ListKeamananLingkungan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover
+            miw={0}
+            style={{ tableLayout: 'fixed', width: '100%' }}>
             <TableThead>
               <TableTr>
                 <TableTh>Nama</TableTh>
                 <TableTh>Deskripsi</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh style={{ width: 140, textAlign: 'center' }}>
+                  Aksi
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -104,25 +111,32 @@ function ListKeamananLingkungan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd>
-                      <Box w={200}>
-                        <Text fz="sm" c="dimmed" truncate lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                      </Box>
+                    <TableTd style={{ overflow: 'hidden' }}>
+                      <Text
+                        fz="sm"
+                        c="dimmed"
+                        lh={1.5}
+                        lineClamp={1}
+                        style={{
+                          whiteSpace: 'nowrap',
+                          textOverflow: 'ellipsis',
+                          overflow: 'hidden',
+                        }}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
                     </TableTd>
-                    <TableTd>
+                    <TableTd style={{ width: 140, textAlign: 'center' }}>
                       <Button
                         variant="light"
                         color="blue"
                         onClick={() => router.push(`/admin/keamanan/keamanan-lingkungan-pecalang-patwal/${item.id}`)}
+                        leftSection={<IconDeviceImacCog size={20} />}
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        Detail
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -130,8 +144,8 @@ function ListKeamananLingkungan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py={{ base: 'sm', md: 'lg' }}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data keamanan lingkungan yang cocok
                       </Text>
                     </Center>
@@ -141,6 +155,49 @@ function ListKeamananLingkungan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder radius="md" p="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{item.name}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                      <Box pl={8}>
+                        <Text fz="sm" lineClamp={3} style={{ wordBreak: 'break-word' }} fw={500} lh={1.5} c="dimmed" dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                      </Box>
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        fullWidth
+                        onClick={() => router.push(`/admin/keamanan/keamanan-lingkungan-pecalang-patwal/${item.id}`)}
+                      >
+                        <IconDeviceImacCog size={18} />
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="lg">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data keamanan lingkungan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -152,8 +209,8 @@ function ListKeamananLingkungan({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
+          mt={{ base: 'sm', md: 'md' }}
+          mb={{ base: 'sm', md: 'md' }}
           color="blue"
           radius="md"
         />
@@ -162,4 +219,4 @@ function ListKeamananLingkungan({ search }: { search: string }) {
   );
 }
 
-export default KeamananLingkungan;
+export default KeamananLingkungan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx
index fe7c756e..d18e3c92 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconPhone, IconTag } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -57,35 +57,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
           >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
index b348d8ab..7bff7bad 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
@@ -107,7 +107,7 @@ function EditKontakItem() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx
index 5ca14f61..dd92b74d 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailKontakDarurat() {
   const data = kontakState.findUnique.data;
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -55,7 +55,7 @@ function DetailKontakDarurat() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
index aea32c66..c6789784 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
@@ -46,7 +46,7 @@ function CreateKontakItem() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
index 52f19b7c..abdde084 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -26,7 +26,6 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import kontakDarurat from '../../../_state/keamanan/kontak-darurat-keamanan';
 
-
 function KontakItem() {
   const [search, setSearch] = useState("");
 
@@ -49,6 +48,7 @@ function KontakItem() {
 function ListKontakItem({ search }: { search: string }) {
   const kontakState = useProxy(kontakDarurat.kontakDaruratItem);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -59,43 +59,54 @@ function ListKontakItem({ search }: { search: string }) {
   } = kontakState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kontak Darurat Item</Title>
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Kontak Darurat Item
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/keamanan/kontak-darurat/kontak-darurat-item/create')}
+            onClick={() =>
+              router.push('/admin/keamanan/kontak-darurat/kontak-darurat-item/create')
+            }
           >
             Tambah Baru
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop: Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama Kontak</TableTh>
-                <TableTh>Nomor Telepon</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh style={{ width: '45%' }}>Nama Kontak</TableTh>
+                <TableTh style={{ width: '35%' }}>Nomor Telepon</TableTh>
+                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -103,12 +114,12 @@ function ListKontakItem({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
                         {item.nama}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed">
+                      <Text fz="sm" c="dimmed" lh={1.5}>
                         {item.nomorTelepon || "-"}
                       </Text>
                     </TableTd>
@@ -116,19 +127,26 @@ function ListKontakItem({ search }: { search: string }) {
                       <Button
                         variant="light"
                         color="blue"
-                        onClick={() => router.push(`/admin/keamanan/kontak-darurat/kontak-darurat-item/${item.id}`)}
+                        onClick={() =>
+                          router.push(
+                            `/admin/keamanan/kontak-darurat/kontak-darurat-item/${item.id}`
+                          )
+                        }
+                        size="xs"
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImacCog size={16} />
+                        <Text ml={4} fz="sm" fw={500}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                  <TableTd colSpan={3}>
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data kontak darurat item yang cocok
                       </Text>
                     </Center>
@@ -138,6 +156,58 @@ function ListKontakItem({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile: Card */}
+        <Stack hiddenFrom="md" gap="xs">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} p="sm" withBorder radius="sm">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Kontak
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.nama}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nomor Telepon
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4} c="dimmed">
+                      {item.nomorTelepon || "-"}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      size="xs"
+                      fullWidth
+                      onClick={() =>
+                        router.push(
+                          `/admin/keamanan/kontak-darurat/kontak-darurat-item/${item.id}`
+                        )
+                      }
+                    >
+                      <IconDeviceImacCog size={16} />
+                      <Text ml={4} fz="sm" fw={500}>
+                        Detail
+                      </Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={24}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data kontak darurat item yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -159,4 +229,4 @@ function ListKontakItem({ search }: { search: string }) {
   );
 }
 
-export default KontakItem;
+export default KontakItem;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
index 0e0180e5..80a8c6f1 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
@@ -147,7 +147,7 @@ export default function EditKontakDaruratKeamanan() {
   }));
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx
index 10fb1461..2203fda5 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/page.tsx
@@ -42,7 +42,7 @@ function DetailKontakDaruratKeamanan() {
   const data = kontakState.findUnique.data;
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -56,7 +56,7 @@ function DetailKontakDaruratKeamanan() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
index 330fa818..92c0a424 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
@@ -53,7 +53,7 @@ function CreateKontakDaruratKeamanan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
index cecb0841..e4653c7d 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,6 +48,7 @@ function KontakDaruratKeamanan() {
 function ListKontakDaruratKeamanan({ search }: { search: string }) {
   const kontakState = useProxy(kontakDarurat.kontakDaruratKeamananState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -58,26 +59,28 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
   } = kontakState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
+    load(page, 10, debouncedSearch);
     kontakDarurat.kontakDaruratItem.findMany.load();
-  }, [page, search]);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kontak Darurat Keamanan</Title>
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Kontak Darurat Keamanan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -88,15 +91,22 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Kontak Darurat</TableTh>
-                <TableTh>Nama Kontak</TableTh>
-                <TableTh>Nomor Telepon</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh style={{ width: '30%' }}>Kontak Darurat</TableTh>
+                <TableTh style={{ width: '25%' }}>Nama Kontak</TableTh>
+                <TableTh style={{ width: '25%' }}>Nomor Telepon</TableTh>
+                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -104,17 +114,17 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.nama}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed" truncate lineClamp={1}>
+                      <Text fz="sm" c="dimmed" lh={1.5} truncate lineClamp={1}>
                         {item.kategori?.nama}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed">
+                      <Text fz="sm" c="dimmed" lh={1.5}>
                         {item.kategori?.nomorTelepon || "-"}
                       </Text>
                     </TableTd>
@@ -125,7 +135,7 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
                         onClick={() => router.push(`/admin/keamanan/kontak-darurat/kontak-darurat-keamanan/${item.id}`)}
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -134,7 +144,7 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data kontak darurat keamanan yang cocok
                       </Text>
                     </Center>
@@ -144,6 +154,55 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder radius="md" p="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Kontak Darurat</Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama Kontak</Text>
+                      <Text fz="sm" fw={500} lh={1.45} c="dimmed">
+                        {item.kategori?.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nomor Telepon</Text>
+                      <Text fz="sm" fw={500} lh={1.45} c="dimmed">
+                        {item.kategori?.nomorTelepon || "-"}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        fullWidth
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/keamanan/kontak-darurat/kontak-darurat-keamanan/${item.id}`)}
+                      >
+                        <IconDeviceImacCog size={18} />
+                        <Text ml={5} fz="sm" fw={500}>Detail</Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data kontak darurat keamanan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -165,4 +224,4 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
   );
 }
 
-export default KontakDaruratKeamanan;
+export default KontakDaruratKeamanan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/layout.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/layout.tsx
index 4f25d331..0a2d0beb 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/layout.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/layout.tsx
@@ -1,8 +1,29 @@
 'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
index 7aecff43..a079c8aa 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
@@ -127,7 +127,7 @@ function EditLaporanPublik() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
index 2a6ac687..f6f068b0 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
@@ -48,7 +48,7 @@ function DetailLaporanPublik() {
   const data = stateLaporan.findUnique.data;
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -61,7 +61,7 @@ function DetailLaporanPublik() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
index ffb072f6..4665545d 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
@@ -50,7 +50,7 @@ function CreateLaporanPublik() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header with Back Button */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
index e317592c..b2185739 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,6 +45,7 @@ function LaporanPublik() {
 function ListLaporanPublik({ search }: { search: string }) {
   const stateLaporan = useProxy(laporanPublikState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -55,42 +56,54 @@ function ListLaporanPublik({ search }: { search: string }) {
   } = stateLaporan.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Laporan Publik</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Laporan Publik
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
             onClick={() => router.push('/admin/keamanan/laporan-publik/create')}
+            visibleFrom="md"
           >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Judul Laporan Publik</TableTh>
-                <TableTh style={{ width: '20%' }}>Tanggal</TableTh>
-                <TableTh style={{ width: '15%' }}>Status</TableTh>
-                <TableTh style={{ width: '25%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}><Text fz="sm" fw={600} lh={1.4}>Judul Laporan Publik</Text></TableTh>
+                <TableTh style={{ width: '20%' }}><Text fz="sm" fw={600} lh={1.4}>Tanggal</Text></TableTh>
+                <TableTh style={{ width: '15%' }}><Text fz="sm" fw={600} lh={1.4}>Status</Text></TableTh>
+                <TableTh style={{ width: '25%' }}><Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text></TableTh>
+                <TableTh style={{ width: '15%' }}><Text fz="sm" fw={600} lh={1.4}>Aksi</Text></TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -98,12 +111,12 @@ function ListLaporanPublik({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fw={500} fz="md" lh={1.5} truncate="end" lineClamp={1}>
                         {item.judul}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed">
+                      <Text fz="sm" c="gray.7" lh={1.5}>
                         {new Date(item.tanggalWaktu).toLocaleDateString('id-ID')}
                       </Text>
                     </TableTd>
@@ -131,9 +144,7 @@ function ListLaporanPublik({ search }: { search: string }) {
                       </Box>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text truncate fz="sm" c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.kronologi || '' }} />
-                      </Box>
+                      <Text truncate fz="sm" c="gray.7" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.kronologi || '' }} />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -144,7 +155,7 @@ function ListLaporanPublik({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -153,7 +164,7 @@ function ListLaporanPublik({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={5}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="gray.6" fz="sm" lh={1.5}>
                         Tidak ada data laporan publik yang cocok
                       </Text>
                     </Center>
@@ -163,7 +174,88 @@ function ListLaporanPublik({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="xs">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="md">
+                <Stack gap={'xs'}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Judul Laporan Publik</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>{item.judul}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Tanggal</Text>
+                    <Text fz="sm" fw={500} lh={1.5} c="gray.7">
+                      {new Date(item.tanggalWaktu).toLocaleDateString('id-ID')}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Status</Text>
+                    <Box
+                      style={{
+                        display: 'inline-block',
+                        padding: '4px 12px',
+                        borderRadius: '16px',
+                        backgroundColor:
+                          item.status === 'Selesai' ? '#94EF95FF' :
+                            item.status === 'Proses' ? '#F1D295FF' :
+                              '#F38E8EFF',
+                        color:
+                          item.status === 'Selesai' ? '#01BA01FF' :
+                            item.status === 'Proses' ? '#B67A00FF' :
+                              '#AE1700FF',
+                        fontWeight: 900,
+                        fontSize: '0.75rem',
+                        textAlign: 'center',
+                        minWidth: '80px',
+                      }}
+                    >
+                      {item.status}
+                    </Box>
+                  </Box>
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>Deskripsi</Text>
+                    <Text fz="sm" fw={500} lh={1.5} c="gray.7" lineClamp={2} dangerouslySetInnerHTML={{ __html: item.kronologi || '' }} />
+                  </Box>
+                  <Button
+                    variant="light"
+                    color="blue"
+                    fullWidth
+                    onClick={() =>
+                      router.push(`/admin/keamanan/laporan-publik/${item.id}`)
+                    }
+                  >
+                    <IconDeviceImac size={20} />
+                    <Text ml={5} fz="sm" fw={500}>Detail</Text>
+                  </Button>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text c="gray.6" fz="sm" lh={1.5}>
+                Tidak ada data laporan publik yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
+
+        {/* Tambah Baru (Mobile only) */}
+        <Button
+          leftSection={<IconPlus size={18} />}
+          color="blue"
+          variant="light"
+          onClick={() => router.push('/admin/keamanan/laporan-publik/create')}
+          hiddenFrom="md"
+          fullWidth
+          mt="sm"
+        >
+          Tambah Baru
+        </Button>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -182,4 +274,4 @@ function ListLaporanPublik({ search }: { search: string }) {
   );
 }
 
-export default LaporanPublik;
+export default LaporanPublik;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
index cd50b6d9..9943477a 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
@@ -120,7 +120,7 @@ function EditPencegahanKriminalitas() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Back button + Title */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
index 6dfdfcb0..23049268 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailPencegahanKriminalitas() {
   const data = kriminalitasState.findUnique.data;
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailPencegahanKriminalitas() {
       {/* Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
index 50d14fa0..ab5646c8 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
@@ -59,7 +59,7 @@ function CreatePencegahanKriminalitas() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header Back Button + Title */}
       <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
index 6bea17ac..003f992a 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -46,8 +46,9 @@ function PencegahanKriminalitas() {
 }
 
 function ListPencegahanKriminalitas({ search }: { search: string }) {
-  const kriminalitasState = useProxy(pencegahanKriminalitasState)
+  const kriminalitasState = useProxy(pencegahanKriminalitasState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -58,24 +59,28 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
   } = kriminalitasState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
-
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Stack py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
         {/* Judul + Tombol Tambah */}
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pencegahan Kriminalitas</Title>
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.1 }}
+          >
+            Daftar Pencegahan Kriminalitas
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -86,15 +91,22 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
           </Button>
         </Group>
 
-        {/* Tabel */}
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama Pencegahan</TableTh>
-                <TableTh>Deskripsi</TableTh>
-                <TableTh>Deskripsi Singkat</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}>Nama Pencegahan</TableTh>
+                <TableTh style={{ width: '35%' }}>Deskripsi</TableTh>
+                <TableTh style={{ width: '25%' }}>Deskripsi Singkat</TableTh>
+                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -102,35 +114,29 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
                 data.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.judul}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.judul}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text
-                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                          fz="sm"
-                          c="dimmed"
-                          truncate
-                          lineClamp={1}
-                        />
-                      </Box>
+                      <Text
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        fz="sm"
+                        lh={1.45}
+                        truncate
+                        lineClamp={1}
+                      />
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text
-                          fz="sm"
-                          c="dimmed"
-                          truncate
-                          lineClamp={1}
-                          dangerouslySetInnerHTML={{
-                            __html: item.deskripsiSingkat || ''
-                          }}
-                        />
-                      </Box>
+                      <Text
+                        fz="sm"
+                        lh={1.45}
+                        truncate
+                        lineClamp={1}
+                        dangerouslySetInnerHTML={{
+                          __html: item.deskripsiSingkat || ''
+                        }}
+                      />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -139,7 +145,9 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
                         onClick={() => router.push(`/admin/keamanan/pencegahan-kriminalitas/${item.id}`)}
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -148,7 +156,7 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data pencegahan kriminalitas yang cocok
                       </Text>
                     </Center>
@@ -158,6 +166,71 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack hiddenFrom="md" gap="xs">
+          {data.length > 0 ? (
+            data.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="sm">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Pencegahan
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.judul}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Deskripsi Singkat
+                    </Text>
+                    <Text
+                      dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat || '' }}
+                      fz="sm"
+                      fw={500}
+                      lh={1.4}
+                      lineClamp={3}
+                      ta="justify"
+                    />
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Deskripsi
+                    </Text>
+                    <Text
+                      dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      fz="sm"
+                      fw={500}
+                      lh={1.4}
+                      lineClamp={3}
+                      ta="justify"
+                    />
+                  </Box>
+                  <Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      fullWidth
+                      onClick={() => router.push(`/admin/keamanan/pencegahan-kriminalitas/${item.id}`)}
+                    >
+                      <IconDeviceImacCog size={20} />
+                      <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                        Detail
+                      </Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data pencegahan kriminalitas yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -175,8 +248,8 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
           radius="md"
         />
       </Center>
-    </Box>
+    </Stack>
   );
 }
 
-export default PencegahanKriminalitas;
+export default PencegahanKriminalitas;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
index 736c9e4e..c1cf3ee5 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
@@ -247,7 +247,7 @@ function EditPolsekTerdekat() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Modal Tambah */}
       <Modal
         opened={modalOpen}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
index 6cbd7aba..71f18cc2 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailPolsekTerdekat() {
   const data = polsekState.findUnique.data;
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailPolsekTerdekat() {
       {/* Wrapper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
index 20b855f7..e57bbd2e 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
@@ -148,7 +148,7 @@ function CreatePolsekTerdekat() {
   }, []);
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Modal Tambah Layanan */}
       <Modal
         opened={modalOpen}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
index 721847d1..4b734bdc 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,8 +45,9 @@ function PolsekTerdekat() {
 }
 
 function ListPolsekTerdekat({ search }: { search: string }) {
-  const polsekState = useProxy(polsekTerdekat)
+  const polsekState = useProxy(polsekTerdekat);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -57,24 +58,26 @@ function ListPolsekTerdekat({ search }: { search: string }) {
   } = polsekState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Polsek Terdekat</Title>
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
+          <Title order={4} lh={{ base: 1.2, md: 1.2 }}>
+            Daftar Polsek Terdekat
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -85,14 +88,38 @@ function ListPolsekTerdekat({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama Polsek</TableTh>
-                <TableTh>Jarak</TableTh>
-                <TableTh>Alamat</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama Polsek
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Jarak
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Alamat
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '10%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -100,26 +127,31 @@ function ListPolsekTerdekat({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={150}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.nama}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.nama}
+                      </Text>
                     </TableTd>
-                    <TableTd>{item.jarakKeDesa}</TableTd>
                     <TableTd>
-                      <Box w={150}>
-                        <Text truncate="end" lineClamp={1}>{item.alamat}</Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.jarakKeDesa}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.alamat}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="blue"
                         onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${item.id}`)}
+                        w="100%"
                       >
                         <IconDeviceImac size={18} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -127,8 +159,8 @@ function ListPolsekTerdekat({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data Polsek yang cocok
                       </Text>
                     </Center>
@@ -138,6 +170,63 @@ function ListPolsekTerdekat({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Polsek
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Jarak
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.jarakKeDesa}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Alamat
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.alamat}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        fullWidth
+                        onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${item.id}`)}
+                      >
+                        <IconDeviceImac size={18} />
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={24}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data Polsek yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -149,8 +238,8 @@ function ListPolsekTerdekat({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
+          mt={{ base: 'lg', md: 'xl' }}
+          mb={{ base: 'lg', md: 'xl' }}
           color="blue"
           radius="md"
         />
@@ -159,4 +248,4 @@ function ListPolsekTerdekat({ search }: { search: string }) {
   );
 }
 
-export default PolsekTerdekat;
+export default PolsekTerdekat;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
index e6bb7f88..48de4cf7 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
@@ -132,7 +132,7 @@ function EditTipsKeamanan() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
index a241a76d..2874b250 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailTipsKeamanan() {
   const data = stateKeamanan.findUnique.data;
 
   return (
-    <Box py={10}>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -53,7 +53,7 @@ function DetailTipsKeamanan() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -73,12 +73,14 @@ function DetailTipsKeamanan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text
+                <Box pl={8}>
+                  <Text
                   fz="md"
                   c="dimmed"
                   style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
                 />
+                </Box>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
index 898d9905..8ba626d6 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
@@ -73,7 +73,7 @@ function CreateKeamananLingkungan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header Back + Title */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
index fe6aeef8..951a999d 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -43,8 +43,9 @@ function TipsKeamanan() {
 }
 
 function ListTipsKeamanan({ search }: { search: string }) {
-  const stateKeamanan = useProxy(tipsKeamananState)
+  const stateKeamanan = useProxy(tipsKeamananState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -52,24 +53,24 @@ function ListTipsKeamanan({ search }: { search: string }) {
     totalPages,
     loading,
     load,
-  } = stateKeamanan.findMany
+  } = stateKeamanan.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
+    <Box py="lg">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Tips Keamanan</Title>
@@ -82,39 +83,64 @@ function ListTipsKeamanan({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Judul</TableTh>
-                <TableTh style={{ width: '45%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.2}>
+                    Judul
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '45%' }}>
+                  <Text fz="sm" fw={600} lh={1.2}>
+                    Deskripsi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz="sm" fw={600} lh={1.2}>
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.judul}
-                        </Text>
-                      </Box>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.judul}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '45%' }}>
-                      <Box w={200}>
-                        <Text fz="sm" c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                      </Box>
+                    <TableTd>
+                      <Text
+                        fz="sm"
+                        c="dimmed"
+                        lh={1.5}
+                        lineClamp={1}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="blue"
-                        onClick={() => router.push(`/admin/keamanan/tips-keamanan/${item.id}`)}
+                        onClick={() =>
+                          router.push(`/admin/keamanan/tips-keamanan/${item.id}`)
+                        }
                       >
                         <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml="xs">Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -122,8 +148,10 @@ function ListTipsKeamanan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data tips keamanan yang cocok</Text>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data tips keamanan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -131,13 +159,66 @@ function ListTipsKeamanan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap={'xs'}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Judul
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.45}>
+                      {item.judul}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Deskripsi
+                    </Text>
+                    <Box pl={8}>
+                      <Text
+                      fz="sm"
+                      fw={500}
+                      lh={1.45}
+                      dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                    />
+                    </Box>
+                  </Box>
+                  <Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      fullWidth
+                      onClick={() =>
+                        router.push(`/admin/keamanan/tips-keamanan/${item.id}`)
+                      }
+                    >
+                      <IconDeviceImac size={20} />
+                      <Text ml="xs">Detail</Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data tips keamanan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
           onChange={(newPage) => {
-            load(newPage, 10)
-            window.scrollTo({ top: 0, behavior: 'smooth' })
+            load(newPage, 10);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
           mt="md"
@@ -150,4 +231,4 @@ function ListTipsKeamanan({ search }: { search: string }) {
   );
 }
 
-export default TipsKeamanan;
+export default TipsKeamanan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/layout.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/layout.tsx
index 9ebad0e4..db66e722 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/layout.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/layout.tsx
@@ -1,9 +1,29 @@
 'use client'
 
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layoutTabs"
+import { Box } from "@mantine/core";
 
 
-export default function Layout({children} : {children: React.ReactNode}) {
+export default function Layout({ children }: { children: React.ReactNode }) {
+    const pathname = usePathname();
+
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+
+    if (isDetailPage) {
+        // Tampilkan tanpa tab menu
+        return (
+            <Box>
+                {children}
+            </Box>
+        );
+    }
     return (
         <LayoutTabs>
             {children}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
index fa678124..851b747a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
@@ -204,17 +204,34 @@ function GrafikPersentaseKelahiranKematian() {
 
             {selectedYearData && (
               <Stack gap="md">
-                <Flex align="center" gap="sm">
+                <Group visibleFrom='md' align="center" justify='space-between'>
                   <Title order={4} fw={600} fz={{ base: 'xs', md: 'sm' }} lh={1.2}>
                     Rincian Tahun {selectedYear}
                   </Title>
-                  <Badge variant="light" color="blue" fz={{ base: 'xs', md: 'sm' }}>
-                    {formatNumber(selectedYearData.totalKelahiran)} kelahiran
-                  </Badge>
-                  <Badge variant="light" color="red" fz={{ base: 'xs', md: 'sm' }}>
-                    {formatNumber(selectedYearData.totalKematian)} kematian
-                  </Badge>
-                </Flex>
+                  <Group gap={"sm"}>
+                    <Badge variant="light" color="blue" fz={{ base: 'xs', md: 'sm' }}>
+                      {formatNumber(selectedYearData.totalKelahiran)} kelahiran
+                    </Badge>
+                    <Badge variant="light" color="red" fz={{ base: 'xs', md: 'sm' }}>
+                      {formatNumber(selectedYearData.totalKematian)} kematian
+                    </Badge>
+                  </Group>
+                </Group>
+
+                <Stack hiddenFrom='md' gap="sm">
+                  <Title order={4} fw={600} fz={{ base: 'xs', md: 'sm' }} lh={1.2}>
+                    Rincian Tahun {selectedYear}
+                  </Title>
+                  <Group>
+                    <Badge variant="light" color="blue" fz={{ base: 'xs', md: 'sm' }}>
+                      {formatNumber(selectedYearData.totalKelahiran)} kelahiran
+                    </Badge>
+                    <Badge variant="light" color="red" fz={{ base: 'xs', md: 'sm' }}>
+                      {formatNumber(selectedYearData.totalKematian)} kematian
+                    </Badge>
+                  </Group>
+                </Stack>
+
 
                 {/* Desktop: Table */}
                 <Box visibleFrom="md">
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/layout.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/layout.tsx
index 97e4e3a9..626ded1d 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/layout.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layouTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/layout.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/layout.tsx
index 0b93e229..eba71609 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/layout.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
 import React from 'react';
 import LayoutTabsKepuasan from './_lib/layoutTab';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
   return (
     <LayoutTabsKepuasan>
       {children}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/layout.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/layout.tsx
index b42a23fd..bc7df9a9 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/layout.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { Box } from '@mantine/core';
+import { usePathname } from 'next/navigation';
 
 function Layout({children} : {children: React.ReactNode}) {
+const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/landing-page/profil/layout.tsx b/src/app/admin/(dashboard)/landing-page/profil/layout.tsx
index f1a8084c..39407f47 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/layout.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
+import { Box } from '@mantine/core';
+import { usePathname } from 'next/navigation';
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/layout.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/layout.tsx
index f94af0c1..6fa1fdec 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/layout.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/layout.tsx
@@ -1,8 +1,28 @@
 'use client'
 import React from 'react';
 import LayoutTabsIKM from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
   return (
     <LayoutTabsIKM>
       {children}
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/layout.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/layout.tsx
index 57a94a4f..43d287e6 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/layout.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/layout.tsx
@@ -1,9 +1,31 @@
 'use client'
 
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layoutTabs"
+import { Box } from "@mantine/core";
 
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
+
   return (
     <LayoutTabs>
       {children}
-- 
2.49.1


From f0f201c853205969d7bbe5b92bb3abc6f8d873d3 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 23 Dec 2025 17:18:36 +0800
Subject: [PATCH 60/97] Fix QC Kak Inno 22 Des Fix QC Kak Ayu 22 Des Fix
 Tampilan Admin Mobile Device Menu Ekonomi Fix Search -> useDebounced Menu
 Ekonomi

---
 .../admin/(dashboard)/_com/modalNonaktif.tsx  |  36 +++
 .../_lib/layoutTabs.tsx                       |  99 ++++--
 .../apbdesa/[id]/edit/page.tsx                |   2 +-
 .../apbdesa/[id]/page.tsx                     |   2 +-
 .../apbdesa/create/page.tsx                   |   2 +-
 .../apbdesa/page.tsx                          | 188 ++++++++---
 .../belanja/[id]/page.tsx                     |   2 +-
 .../belanja/create/page.tsx                   |   2 +-
 .../belanja/page.tsx                          | 189 ++++++++---
 .../PADesa-pendapatan-asli-desa/layout.tsx    |  23 ++
 .../pembiayaan/[id]/page.tsx                  |   2 +-
 .../pembiayaan/create/page.tsx                |   2 +-
 .../pembiayaan/page.tsx                       | 139 ++++++--
 .../pendapatan/[id]/page.tsx                  |   2 +-
 .../pendapatan/create/page.tsx                |   2 +-
 .../pendapatan/page.tsx                       | 165 +++++++---
 .../_lib/layoutTabs.tsx                       | 171 ++++++++++
 .../layout.tsx                                |  33 ++
 .../pegawai/[id]/edit/page.tsx                |   6 +-
 .../pegawai/[id]/page.tsx                     |  15 +-
 .../pegawai/create/page.tsx                   |   6 +-
 .../pegawai/page.tsx                          | 232 +++++++++++++
 .../posisi-organisasi/[id]/page.tsx           |   4 +-
 .../posisi-organisasi/create/page.tsx         |   4 +-
 .../posisi-organisasi/page.tsx                | 305 ++++++++++++++++++
 .../struktur-organisasi/page.tsx              |   0
 .../ekonomi/demografi-pekerjaan/[id]/page.tsx |   2 +-
 .../demografi-pekerjaan/create/page.tsx       |   2 +-
 .../ekonomi/demografi-pekerjaan/page.tsx      | 167 ++++++++--
 .../jumlah-penduduk-miskin/[id]/page.tsx      |   2 +-
 .../jumlah-penduduk-miskin/create/page.tsx    |   2 +-
 .../ekonomi/jumlah-penduduk-miskin/page.tsx   | 159 +++++++--
 .../_lib/layoutTabs.tsx                       |  99 ++++--
 .../layout.tsx                                |  22 ++
 .../[id]/page.tsx                             |   2 +-
 .../create/page.tsx                           |   2 +-
 .../page.tsx                                  | 198 ++++++++++--
 .../[id]/page.tsx                             |   2 +-
 .../create/page.tsx                           |   2 +-
 .../pengangguran_berdasarkan_usia/page.tsx    | 170 ++++++++--
 .../jumlah-pengangguran/[id]/edit/page.tsx    |   2 +-
 .../ekonomi/jumlah-pengangguran/[id]/page.tsx |   4 +-
 .../jumlah-pengangguran/create/page.tsx       |   2 +-
 .../ekonomi/jumlah-pengangguran/page.tsx      | 173 +++++++---
 .../lowongan-kerja-lokal/[id]/edit/page.tsx   |   2 +-
 .../lowongan-kerja-lokal/[id]/page.tsx        |  10 +-
 .../lowongan-kerja-lokal/create/page.tsx      |   2 +-
 .../ekonomi/lowongan-kerja-lokal/page.tsx     | 136 ++++++--
 .../ekonomi/pasar-desa/_lib/layoutTabs.tsx    | 101 ++++--
 .../pasar-desa/kategori-produk/[id]/page.tsx  |   2 +-
 .../kategori-produk/create/page.tsx           |   2 +-
 .../pasar-desa/kategori-produk/page.tsx       | 200 +++++++++---
 .../(dashboard)/ekonomi/pasar-desa/layout.tsx |  22 +-
 .../produk-pasar-desa/[id]/edit/page.tsx      |   2 +-
 .../produk-pasar-desa/[id]/page.tsx           |   4 +-
 .../produk-pasar-desa/create/page.tsx         |   2 +-
 .../pasar-desa/produk-pasar-desa/page.tsx     | 102 ++++--
 .../program-kemiskinan/[id]/edit/page.tsx     |   2 +-
 .../ekonomi/program-kemiskinan/[id]/page.tsx  |   4 +-
 .../program-kemiskinan/create/page.tsx        |   2 +-
 .../ekonomi/program-kemiskinan/page.tsx       | 232 ++++++++++---
 .../sektor-unggulan-desa/[id]/edit/page.tsx   |   2 +-
 .../sektor-unggulan-desa/[id]/page.tsx        |   8 +-
 .../sektor-unggulan-desa/create/page.tsx      |   2 +-
 .../ekonomi/sektor-unggulan-desa/page.tsx     | 202 ++++++++----
 .../_lib/layoutTabs.tsx                       | 131 --------
 .../layout.tsx                                |  12 -
 .../pegawai/page.tsx                          | 185 -----------
 .../posisi-organisasi/page.tsx                | 169 ----------
 .../ppid/struktur-ppid/pegawai/[id]/page.tsx  |   3 +-
 src/app/admin/_com/list_PageAdmin.tsx         |   8 +-
 .../[id]/page.tsx                             |   0
 .../page.tsx                                  |   2 +-
 src/app/darmasaba/_com/searchUrl.tsx          |   2 +-
 src/con/navbar-list-menu.ts                   |   2 +-
 75 files changed, 3023 insertions(+), 1177 deletions(-)
 create mode 100644 src/app/admin/(dashboard)/_com/modalNonaktif.tsx
 create mode 100644 src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/_lib/layoutTabs.tsx
 create mode 100644 src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/layout.tsx
 rename src/app/admin/(dashboard)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/pegawai/[id]/edit/page.tsx (98%)
 rename src/app/admin/(dashboard)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/pegawai/[id]/page.tsx (91%)
 rename src/app/admin/(dashboard)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/pegawai/create/page.tsx (98%)
 create mode 100644 src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx
 rename src/app/admin/(dashboard)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/posisi-organisasi/[id]/page.tsx (97%)
 rename src/app/admin/(dashboard)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/posisi-organisasi/create/page.tsx (96%)
 create mode 100644 src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
 rename src/app/admin/(dashboard)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/struktur-organisasi/page.tsx (100%)
 delete mode 100644 src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx
 delete mode 100644 src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/layout.tsx
 delete mode 100644 src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx
 delete mode 100644 src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx
 rename src/app/darmasaba/(pages)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/[id]/page.tsx (100%)
 rename src/app/darmasaba/(pages)/ekonomi/{struktur-organisasi-dan-sk-pengurus-bumdesa => Struktur-Organisasi-Dan-Sk-Pengurus-BumDes}/page.tsx (99%)

diff --git a/src/app/admin/(dashboard)/_com/modalNonaktif.tsx b/src/app/admin/(dashboard)/_com/modalNonaktif.tsx
new file mode 100644
index 00000000..9b3c3826
--- /dev/null
+++ b/src/app/admin/(dashboard)/_com/modalNonaktif.tsx
@@ -0,0 +1,36 @@
+// components/modal/ModalKonfirmasiHapus.tsx
+import colors from "@/con/colors"
+import { Modal, Text, Button, Flex } from "@mantine/core"
+
+interface ModalKonfirmasiNonAktifProps {
+  opened: boolean
+  loading?: boolean
+  onClose: () => void
+  onConfirm: () => void
+  text: string
+}
+
+export function ModalKonfirmasiNonAktif({
+  opened,
+  loading = false,
+  onClose,
+  onConfirm,
+  text,
+}: ModalKonfirmasiNonAktifProps) {
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      title={<Text fw={"bold"} fz={"xl"}>Konfirmasi Non Aktif</Text>}
+      centered
+    >
+      <Text mb="md">{text}</Text>
+      <Flex justify="flex-end" gap="sm">
+        <Button style={{color: "white"}} bg={colors['blue-button']} variant="default" onClick={onClose}>Batal</Button>
+        <Button color="red" onClick={onConfirm} loading={loading}>
+          Yakin Non Aktif
+        </Button>
+      </Flex>
+    </Modal>
+  )
+}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx
index ff6d98fc..e252c31d 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/_lib/layoutTabs.tsx
@@ -2,6 +2,7 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  Box,
   ScrollArea,
   Stack,
   Tabs,
@@ -85,36 +86,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
           >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                  flexShrink: 0,
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
index 121be66a..3cd8c1f6 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
@@ -139,7 +139,7 @@ function EditAPBDesa() {
   }
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
index 67bc460f..3075f2e1 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/page.tsx
@@ -57,7 +57,7 @@ function DetailAPBDesa() {
   const data = apbState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
index ad347bc2..6ab98928 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
@@ -51,7 +51,7 @@ function CreateAPBDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
index e87b21f1..cc7cf319 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
@@ -15,13 +15,14 @@ import {
   TableTh,
   TableThead,
   TableTr,
-  Text
+  Text,
+  Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
-import { useProxy } from 'valtio/utils';
+  import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import PendapatanAsliDesa from '../../../_state/ekonomi/PADesa';
 
@@ -44,6 +45,7 @@ function APBDesa() {
 function ListAPBDesa({ search }: { search: string }) {
   const apbDesaState = useProxy(PendapatanAsliDesa.ApbDesa);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -61,26 +63,26 @@ function ListAPBDesa({ search }: { search: string }) {
     }).format(value);
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors["white-1"]} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Text fw={600} fz="lg">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors["white-1"]} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
             List APB Desa
-          </Text>
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -94,45 +96,72 @@ function ListAPBDesa({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: "15%" }}>Tahun</TableTh>
-                <TableTh style={{ width: "25%" }}>Pembiayaan</TableTh>
-                <TableTh style={{ width: "25%" }}>Belanja</TableTh>
-                <TableTh style={{ width: "25%" }}>Pendapatan</TableTh>
-                <TableTh style={{ width: "10%" }}>Aksi</TableTh>
+                <TableTh style={{ width: "15%" }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">Tahun</Text>
+                </TableTh>
+                <TableTh style={{ width: "25%" }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">Pembiayaan</Text>
+                </TableTh>
+                <TableTh style={{ width: "25%" }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">Belanja</Text>
+                </TableTh>
+                <TableTh style={{ width: "25%" }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">Pendapatan</Text>
+                </TableTh>
+                <TableTh style={{ width: "10%" }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">Aksi</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>{item.tahun}</TableTd>
                     <TableTd>
-                      {formatRupiah(
-                        item.pembiayaan.reduce(
-                          (sum, val) => sum + Number(val.value),
-                          0
-                        )
-                      )}
+                      <Text fz="md" fw={500} lh={1.5} ta="left">{item.tahun}</Text>
                     </TableTd>
                     <TableTd>
-                      {formatRupiah(
-                        item.belanja.reduce(
-                          (sum, val) => sum + Number(val.value),
-                          0
-                        )
-                      )}
+                      <Text fz="md" fw={500} lh={1.5} ta="left">
+                        {formatRupiah(
+                          item.pembiayaan.reduce(
+                            (sum, val) => sum + Number(val.value),
+                            0
+                          )
+                        )}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      {formatRupiah(
-                        item.pendapatan.reduce(
-                          (sum, val) => sum + Number(val.value),
-                          0
-                        )
-                      )}
+                      <Text fz="md" fw={500} lh={1.5} ta="left">
+                        {formatRupiah(
+                          item.belanja.reduce(
+                            (sum, val) => sum + Number(val.value),
+                            0
+                          )
+                        )}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} ta="left">
+                        {formatRupiah(
+                          item.pendapatan.reduce(
+                            (sum, val) => sum + Number(val.value),
+                            0
+                          )
+                        )}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -143,9 +172,12 @@ function ListAPBDesa({ search }: { search: string }) {
                             `/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/${item.id}`
                           )
                         }
+                        size="compact-sm"
                       >
-                        <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <IconDeviceImacCog size={16} />
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -154,7 +186,7 @@ function ListAPBDesa({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={5}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data APB Desa yang cocok
                       </Text>
                     </Center>
@@ -164,7 +196,81 @@ function ListAPBDesa({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Tahun</Text>
+                      <Text fz="sm" fw={500} lh={1.4}>{item.tahun}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Pembiayaan</Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {formatRupiah(
+                          item.pembiayaan.reduce(
+                            (sum, val) => sum + Number(val.value),
+                            0
+                          )
+                        )}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Belanja</Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {formatRupiah(
+                          item.belanja.reduce(
+                            (sum, val) => sum + Number(val.value),
+                            0
+                          )
+                        )}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Pendapatan</Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {formatRupiah(
+                          item.pendapatan.reduce(
+                            (sum, val) => sum + Number(val.value),
+                            0
+                          )
+                        )}
+                      </Text>
+                    </Box>
+                    <Button
+                      variant="light"
+                      color="green"
+                      fullWidth
+                      onClick={() =>
+                        router.push(
+                          `/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/${item.id}`
+                        )
+                      }
+                      size="sm"
+                    >
+                      <IconDeviceImacCog size={16} />
+                      <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                        Detail
+                      </Text>
+                    </Button>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data APB Desa yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -183,4 +289,4 @@ function ListAPBDesa({ search }: { search: string }) {
   );
 }
 
-export default APBDesa;
+export default APBDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
index 533a12db..96bb9ebd 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
@@ -108,7 +108,7 @@ function EditBelanja() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
index fee6e242..013ffc24 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
@@ -64,7 +64,7 @@ function CreateBelanja() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header dengan back button */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
index 1a09d875..9a45e3b6 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
@@ -19,7 +19,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -31,7 +31,7 @@ import PendapatanAsliDesa from '../../../_state/ekonomi/PADesa';
 function Belanja() {
   const [search, setSearch] = useState("");
   return (
-    <Box>
+    <Stack gap="xl">
       <HeaderSearch
         title="Belanja"
         placeholder="Cari belanja berdasarkan nama atau nilai..."
@@ -40,7 +40,7 @@ function Belanja() {
         onChange={(e) => setSearch(e.currentTarget.value)}
       />
       <ListBelanja search={search} />
-    </Box>
+    </Stack>
   );
 }
 
@@ -49,6 +49,7 @@ function ListBelanja({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -72,29 +73,35 @@ function ListBelanja({ search }: { search: string }) {
       belanjaState.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      load(page, 10, search);
+      load(page, 10, debouncedSearch);
     }
   };
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Stack gap="xl">
+      {/* Desktop Table */}
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Belanja</Title>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.1 }}
+          >
+            Daftar Belanja
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -107,14 +114,24 @@ function ListBelanja({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover striped withTableBorder withRowBorders>
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            striped
+            withTableBorder
+            withRowBorders
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama</TableTh>
-                <TableTh>Nilai</TableTh>
-                <TableTh>Persentase</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh style={{ width: '35%' }}>Nama</TableTh>
+                <TableTh style={{ width: '25%' }}>Nilai</TableTh>
+                <TableTh style={{ width: '20%' }}>Persentase</TableTh>
+                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -123,15 +140,19 @@ function ListBelanja({ search }: { search: string }) {
                   {filteredData.map((item) => (
                     <TableTr key={item.id}>
                       <TableTd>
-                        <Text fw={500} truncate="end" lineClamp={1}>
+                        <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
                           {item.name}
                         </Text>
                       </TableTd>
-                      <TableTd>{formatRupiah(item.value)}</TableTd>
                       <TableTd>
-                        {totalBelanja > 0
-                          ? ((item.value / totalBelanja) * 100).toFixed(0) + '%'
-                          : '0%'}
+                        <Text fz="md" lh={1.45}>{formatRupiah(item.value)}</Text>
+                      </TableTd>
+                      <TableTd>
+                        <Text fz="md" lh={1.45}>
+                          {totalBelanja > 0
+                            ? ((item.value / totalBelanja) * 100).toFixed(0) + '%'
+                            : '0%'}
+                        </Text>
                       </TableTd>
                       <TableTd>
                         <Group gap="xs">
@@ -165,18 +186,20 @@ function ListBelanja({ search }: { search: string }) {
                   ))}
                   <TableTr>
                     <TableTd colSpan={2}>
-                      <Text fw="bold">Total</Text>
+                      <Text fz="md" fw={600} lh={1.45}>Total</Text>
                     </TableTd>
                     <TableTd colSpan={2}>
-                      <Text fw="bold">{formatRupiah(totalBelanja)}</Text>
+                      <Text fz="md" fw={600} lh={1.45}>{formatRupiah(totalBelanja)}</Text>
                     </TableTd>
                   </TableTr>
                 </>
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada data belanja yang cocok</Text>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data belanja yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -186,21 +209,107 @@ function ListBelanja({ search }: { search: string }) {
         </Box>
       </Paper>
 
+      {/* Mobile Cards */}
+      <Stack visibleFrom="xs" hiddenFrom="md" gap="sm">
+        {filteredData.length > 0 ? (
+          filteredData.map((item) => (
+            <Paper key={item.id} withBorder p="md" radius="md">
+              <Stack gap={'xs'}>
+                <Box>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4} truncate="end">
+                    {item.name}
+                  </Text>
+                </Box>
+                <Box>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nilai
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {formatRupiah(item.value)}
+                  </Text>
+                </Box>
+                <Box>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Persentase
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {totalBelanja > 0
+                      ? ((item.value / totalBelanja) * 100).toFixed(0) + '%'
+                      : '0%'}
+                  </Text>
+                </Box>
+                <Group justify="flex-end" mt="xs">
+                  <Button
+                    size="xs"
+                    variant="light"
+                    color="green"
+                    onClick={() =>
+                      router.push(
+                        `/admin/ekonomi/PADesa-pendapatan-asli-desa/belanja/${item.id}`
+                      )
+                    }
+                  >
+                    <IconEdit size={16} />
+                  </Button>
+                  <Button
+                    size="xs"
+                    variant="light"
+                    color="red"
+                    disabled={belanjaState.delete.loading}
+                    onClick={() => {
+                      setSelectedId(item.id);
+                      setModalHapus(true);
+                    }}
+                  >
+                    <IconTrash size={16} />
+                  </Button>
+                </Group>
+              </Stack>
+            </Paper>
+          ))
+        ) : (
+          <Paper withBorder p="xl" radius="md">
+            <Center>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data belanja yang cocok
+              </Text>
+            </Center>
+          </Paper>
+        )}
+
+        {filteredData.length > 0 && (
+          <Paper withBorder p="md" radius="md">
+            <Group justify="space-between">
+              <Text fz="sm" fw={600} lh={1.4}>
+                Total
+              </Text>
+              <Text fz="sm" fw={500} lh={1.4}>
+                {formatRupiah(totalBelanja)}
+              </Text>
+            </Group>
+          </Paper>
+        )}
+      </Stack>
+
       {/* Pagination */}
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10, search);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+      {(totalPages > 1 || page > 1) && (
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10, search);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt="md"
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
@@ -209,8 +318,8 @@ function ListBelanja({ search }: { search: string }) {
         onConfirm={handleDelete}
         text="Apakah anda yakin ingin menghapus belanja ini?"
       />
-    </Box>
+    </Stack>
   );
 }
 
-export default Belanja;
+export default Belanja;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/layout.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/layout.tsx
index 3a414c77..34fe9efa 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/layout.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/layout.tsx
@@ -1,7 +1,30 @@
+'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
+
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
index c7e642dd..b0b0ed38 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
@@ -105,7 +105,7 @@ function EditPembiayaan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
index 6b808b45..56b71894 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
@@ -63,7 +63,7 @@ function CreatePembiayaan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
index f9c265a6..366c403f 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,6 +48,7 @@ function ListPembiayaan({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -71,17 +72,17 @@ function ListPembiayaan({ search }: { search: string }) {
       pembiayaanState.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      load(page, 10, search);
+      load(page, 10, debouncedSearch);
     }
   };
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={500} radius="md" />
       </Stack>
     );
@@ -90,10 +91,10 @@ function ListPembiayaan({ search }: { search: string }) {
   const filteredData = data || [];
 
   return (
-    <Box py={10}>
+    <Stack gap="xl" py="lg">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pembiayaan</Title>
+          <Title order={4} lh={1.2}>Daftar Pembiayaan</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -106,13 +107,24 @@ function ListPembiayaan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover striped withTableBorder withRowBorders>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            striped
+            withTableBorder
+            withRowBorders
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama</TableTh>
-                <TableTh>Nilai</TableTh>
-                <TableTh>Persentase</TableTh>
+                <TableTh style={{ width: '35%' }}>Nama</TableTh>
+                <TableTh style={{ width: '25%' }}>Nilai</TableTh>
+                <TableTh style={{ width: '20%' }}>Persentase</TableTh>
                 <TableTh style={{ width: '20%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
@@ -122,15 +134,19 @@ function ListPembiayaan({ search }: { search: string }) {
                   {filteredData.map((item) => (
                     <TableTr key={item.id}>
                       <TableTd>
-                        <Text fw={500} truncate="end" lineClamp={1}>
+                        <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                           {item.name}
                         </Text>
                       </TableTd>
-                      <TableTd>{formatRupiah(item.value)}</TableTd>
                       <TableTd>
-                        {totalPembiayaan > 0
-                          ? ((item.value / totalPembiayaan) * 100).toFixed(0) + '%'
-                          : '0%'}
+                        <Text fz="md" fw={500} lh={1.5}>{formatRupiah(item.value)}</Text>
+                      </TableTd>
+                      <TableTd>
+                        <Text fz="md" fw={500} lh={1.5}>
+                          {totalPembiayaan > 0
+                            ? ((item.value / totalPembiayaan) * 100).toFixed(0) + '%'
+                            : '0%'}
+                        </Text>
                       </TableTd>
                       <TableTd>
                         <Group gap="xs">
@@ -163,16 +179,20 @@ function ListPembiayaan({ search }: { search: string }) {
                   {/* Total Row */}
                   <TableTr>
                     <TableTd colSpan={2}>
-                      <Text fw="bold">Total</Text>
+                      <Text fz="md" fw={600} lh={1.5}>Total</Text>
+                    </TableTd>
+                    <TableTd colSpan={2}>
+                      <Text fz="md" fw={600} lh={1.5}>{formatRupiah(totalPembiayaan)}</Text>
                     </TableTd>
-                    <TableTd colSpan={2}>{formatRupiah(totalPembiayaan)}</TableTd>
                   </TableTr>
                 </>
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text c="dimmed">Tidak ada data pembiayaan yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data pembiayaan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -180,6 +200,79 @@ function ListPembiayaan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                    <Text fz="sm" fw={500} lh={1.4} truncate="end">
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nilai</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {formatRupiah(item.value)}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Persentase</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {totalPembiayaan > 0
+                        ? ((item.value / totalPembiayaan) * 100).toFixed(0) + '%'
+                        : '0%'}
+                    </Text>
+                  </Box>
+                  <Group justify="flex-end" mt="xs">
+                    <Button
+                      color="green"
+                      variant="light"
+                      size="xs"
+                      onClick={() =>
+                        router.push(
+                          `/admin/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/${item.id}`
+                        )
+                      }
+                    >
+                      <IconEdit size={16} />
+                    </Button>
+                    <Button
+                      color="red"
+                      variant="light"
+                      size="xs"
+                      disabled={pembiayaanState.delete.loading}
+                      onClick={() => {
+                        setSelectedId(item.id);
+                        setModalHapus(true);
+                      }}
+                    >
+                      <IconTrash size={16} />
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data pembiayaan yang cocok
+              </Text>
+            </Center>
+          )}
+
+          {filteredData.length > 0 && (
+            <Paper withBorder p="md" radius="md">
+              <Stack gap={4}>
+                <Text fz="sm" fw={600} lh={1.4}>Total</Text>
+                <Text fz="sm" fw={500} lh={1.4}>{formatRupiah(totalPembiayaan)}</Text>
+              </Stack>
+            </Paper>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -205,8 +298,8 @@ function ListPembiayaan({ search }: { search: string }) {
         onConfirm={handleDelete}
         text="Apakah anda yakin ingin menghapus pembiayaan ini?"
       />
-    </Box>
+    </Stack>
   );
 }
 
-export default Pembiayaan;
+export default Pembiayaan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
index 0ae681e0..5b68ff7e 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
@@ -114,7 +114,7 @@ function EditPendapatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header with Back Button */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
index 75fc530f..0c3ee514 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
@@ -57,7 +57,7 @@ function CreatePendapatan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header dengan tombol back + judul */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
index 9c0fe175..e7ca1ea6 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
@@ -19,7 +19,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -49,6 +49,7 @@ function ListPendapatan({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -70,19 +71,19 @@ function ListPendapatan({ search }: { search: string }) {
       pendapatanState.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      load(page, 10, search);
+      load(page, 10, debouncedSearch);
     }
   };
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
@@ -91,10 +92,12 @@ function ListPendapatan({ search }: { search: string }) {
   const totalValue = filteredData.reduce((total, item) => total + item.value, 0);
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pendapatan</Title>
+          <Title order={2} lh={1.2}>
+          Daftar Pendapatan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -107,14 +110,30 @@ function ListPendapatan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover striped withTableBorder withRowBorders>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '40%' }}>Nama</TableTh>
-                <TableTh style={{ width: '25%' }}>Nilai</TableTh>
-                <TableTh style={{ width: '15%' }}>Edit</TableTh>
-                <TableTh style={{ width: '15%' }}>Delete</TableTh>
+                <TableTh style={{ width: '40%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nilai</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Edit</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Delete</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -123,11 +142,13 @@ function ListPendapatan({ search }: { search: string }) {
                   {filteredData.map((item) => (
                     <TableTr key={item.id}>
                       <TableTd>
-                        <Text fw={500} truncate="end" lineClamp={1}>
+                        <Text fz="md" fw={500} lh={1.5} truncate="end">
                           {item.name}
                         </Text>
                       </TableTd>
-                      <TableTd>{formatRupiah(item.value)}</TableTd>
+                      <TableTd>
+                        <Text fz="md" fw={500} lh={1.5}>{formatRupiah(item.value)}</Text>
+                      </TableTd>
                       <TableTd>
                         <Button
                           variant="light"
@@ -135,8 +156,10 @@ function ListPendapatan({ search }: { search: string }) {
                           onClick={() =>
                             router.push(`/admin/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/${item.id}`)
                           }
+                          fz="sm"
+                          px="xs"
                         >
-                          <IconEdit size={18} />
+                          <IconEdit size={16} />
                           <Text ml={5}>Edit</Text>
                         </Button>
                       </TableTd>
@@ -149,8 +172,10 @@ function ListPendapatan({ search }: { search: string }) {
                             setSelectedId(item.id);
                             setModalHapus(true);
                           }}
+                          fz="sm"
+                          px="xs"
                         >
-                          <IconTrash size={18} />
+                          <IconTrash size={16} />
                           <Text ml={5}>Hapus</Text>
                         </Button>
                       </TableTd>
@@ -159,19 +184,21 @@ function ListPendapatan({ search }: { search: string }) {
 
                   {/* Row total */}
                   <TableTr>
-                    <TableTd colSpan={1}>
-                      <Text fw={'bold'}>Total</Text>
+                    <TableTd>
+                      <Text fz="md" fw={700} lh={1.5}>Total</Text>
                     </TableTd>
                     <TableTd colSpan={3}>
-                      <Text fw={'bold'}>{formatRupiah(totalValue)}</Text>
+                      <Text fz="md" fw={700} lh={1.5}>{formatRupiah(totalValue)}</Text>
                     </TableTd>
                   </TableTr>
                 </>
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data pendapatan yang cocok</Text>
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data pendapatan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -179,23 +206,85 @@ function ListPendapatan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack gap="xs" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder radius="md" p="md">
+                <Stack gap={4}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>{item.name}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nilai</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>{formatRupiah(item.value)}</Text>
+                  </Box>
+                  <Group justify="flex-end" mt="xs">
+                    <Button
+                      variant="light"
+                      color="green"
+                      size="xs"
+                      onClick={() =>
+                        router.push(`/admin/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/${item.id}`)
+                      }
+                    >
+                      <IconEdit size={14} />
+                      <Text ml={4}>Edit</Text>
+                    </Button>
+                    <Button
+                      variant="light"
+                      color="red"
+                      size="xs"
+                      disabled={pendapatanState.delete.loading}
+                      onClick={() => {
+                        setSelectedId(item.id);
+                        setModalHapus(true);
+                      }}
+                    >
+                      <IconTrash size={14} />
+                      <Text ml={4}>Hapus</Text>
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={24}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data pendapatan yang cocok
+              </Text>
+            </Center>
+          )}
+
+          {filteredData.length > 0 && (
+            <Paper withBorder radius="md" p="md">
+              <Box>
+                <Text fz="xs" fw={600} lh={1.4}>Total</Text>
+                <Text fz="sm" fw={700} lh={1.4}>{formatRupiah(totalValue)}</Text>
+              </Box>
+            </Paper>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10, search);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+      {totalPages > 1 && (
+        <Center mt={{ base: 'sm', md: 'md' }} mb={{ base: 'sm', md: 'md' }}>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10, search);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            color="blue"
+            radius="md"
+            size="sm"
+          />
+        </Center>
+      )}
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
@@ -208,4 +297,4 @@ function ListPendapatan({ search }: { search: string }) {
   );
 }
 
-export default Pendapatan;
+export default Pendapatan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/_lib/layoutTabs.tsx
new file mode 100644
index 00000000..cf134128
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/_lib/layoutTabs.tsx
@@ -0,0 +1,171 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import colors from '@/con/colors';
+import {
+  Box,
+  ScrollArea,
+  Stack,
+  Tabs,
+  TabsList,
+  TabsPanel,
+  TabsTab,
+  Title
+} from '@mantine/core';
+import {
+  IconBuildingCommunity,
+  IconHierarchy,
+  IconUsers
+} from '@tabler/icons-react';
+import { usePathname, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
+
+function LayoutTabs({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const pathname = usePathname();
+
+  const tabs = [
+    {
+      label: "Pegawai",
+      value: "pegawai",
+      href: "/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai",
+      icon: <IconUsers size={18} stroke={1.8} />
+    },
+    {
+      label: "Posisi Organisasi",
+      value: "posisiorganisasi",
+      href: "/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi",
+      icon: <IconHierarchy size={18} stroke={1.8} />
+    },
+    {
+      label: "Struktur Organisasi",
+      value: "strukturorganisasi",
+      href: "/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/struktur-organisasi",
+      icon: <IconBuildingCommunity size={18} stroke={1.8} />
+    }
+  ];
+
+  const currentTab = tabs.find((tab) => tab.href === pathname);
+  const [activeTab, setActiveTab] = useState<string | null>(
+    currentTab?.value || tabs[0].value
+  );
+
+  const handleTabChange = (value: string | null) => {
+    const tab = tabs.find((t) => t.value === value);
+    if (tab) {
+      router.push(tab.href);
+    }
+    setActiveTab(value);
+  };
+
+  useEffect(() => {
+    const match = tabs.find((tab) => tab.href === pathname);
+    if (match) {
+      setActiveTab(match.value);
+    }
+  }, [pathname]);
+
+  return (
+    <Stack gap="lg">
+      <Title order={2} fw={700} style={{ color: "#1A1B1E" }}>
+        Struktur Organisasi & SK Pengurus BUMDes
+      </Title>
+
+      <Tabs
+        color={colors["blue-button"]}
+        variant="pills"
+        value={activeTab}
+        onChange={handleTabChange}
+        radius="lg"
+        keepMounted={false}
+      >
+        {/* ✅ Scroll horizontal biar rapi kalau label panjang */}
+        <Box visibleFrom='md' pb={10}>
+                 <ScrollArea type="auto" offsetScrollbars>
+                   <TabsList
+                     p="sm"
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           transition: "all 0.2s ease",
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
+       
+               <Box hiddenFrom='md' pb={10}>
+                 <ScrollArea
+                   type="auto"
+                   offsetScrollbars={false}
+                   w="100%"
+                 >
+       
+                   <TabsList
+                     p="xs" // lebih kecil
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       width: "max-content", // ⬅️ kunci
+                       maxWidth: "100%",     // ⬅️ penting
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           paddingInline: "0.75rem", // ⬅️ lebih ramping
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
+        {tabs.map((tab, i) => (
+          <TabsPanel
+            key={i}
+            value={tab.value}
+            style={{
+              padding: "1.5rem",
+              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
+              borderRadius: "1rem",
+              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+            }}
+          >
+            {children}
+          </TabsPanel>
+        ))}
+      </Tabs>
+    </Stack >
+  );
+}
+
+export default LayoutTabs;
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/layout.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/layout.tsx
new file mode 100644
index 00000000..cfb11bcd
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/layout.tsx
@@ -0,0 +1,33 @@
+'use client'
+
+import { usePathname } from "next/navigation";
+import LayoutTabs from "./_lib/layoutTabs"
+import { Box } from "@mantine/core";
+
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
+  return (
+    <LayoutTabs>
+      {children}
+    </LayoutTabs>
+  )
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/edit/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/edit/page.tsx
index 89046ef6..ef14160e 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/edit/page.tsx
@@ -143,7 +143,7 @@ export default function EditPegawaiBumDes() {
       if (id && !stateOrganisasi.edit.id) stateOrganisasi.edit.id = id;
 
       const success = await stateOrganisasi.edit.submit();
-      if (success) router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai');
+      if (success) router.push('/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai');
     } catch (error) {
       console.error('Error updating pegawai:', error);
       toast.error(error instanceof Error ? error.message : 'Gagal memperbarui data pegawai');
@@ -153,12 +153,12 @@ export default function EditPegawaiBumDes() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
         </Button>
-        <Title order={4} ml="sm" c="dark">Edit Data Pegawai PPID</Title>
+        <Title order={4} ml="sm" c="dark">Edit Data Pegawai BumDes</Title>
       </Group>
 
       <Paper
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/page.tsx
similarity index 91%
rename from src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
rename to src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/page.tsx
index 0e0f0dd7..ab0c59a7 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/page.tsx
@@ -1,5 +1,6 @@
 'use client'
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
+import { ModalKonfirmasiNonAktif } from '@/app/admin/(dashboard)/_com/modalNonaktif';
 import stateStrukturBumDes from '@/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi';
 
 import colors from '@/con/colors';
@@ -28,7 +29,7 @@ function DetailPegawai() {
       statePegawai.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push("/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai");
+      router.push("/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai");
     }
   };
 
@@ -37,7 +38,7 @@ function DetailPegawai() {
       statePegawai.nonActive.byId(selectedId);
       setModalNonActive(false);
       setSelectedId(null);
-      router.push("/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai");
+      router.push("/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai");
     }
   };
 
@@ -52,7 +53,7 @@ function DetailPegawai() {
   const data = statePegawai.findUnique.data;
 
   return (
-    <Box>
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Box mb={10}>
         <Button variant="subtle" onClick={() => router.back()}>
           <IconArrowBack color={colors['blue-button']} size={25} />
@@ -60,7 +61,7 @@ function DetailPegawai() {
       </Box>
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -68,7 +69,7 @@ function DetailPegawai() {
       >
         <Stack gap="md">
           <Text fz="2xl" fw="bold" c={colors['blue-button']}>
-            Detail Pegawai PPID
+            Detail Pegawai BumDes
           </Text>
 
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
@@ -165,7 +166,7 @@ function DetailPegawai() {
 
                 <Button
                   color="green"
-                  onClick={() => router.push(`/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/${data.id}/edit`)}
+                  onClick={() => router.push(`/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/${data.id}/edit`)}
                   variant="light"
                   radius="md"
                   size="md"
@@ -187,7 +188,7 @@ function DetailPegawai() {
       />
 
       {/* Modal NonActive */}
-      <ModalKonfirmasiHapus
+      <ModalKonfirmasiNonAktif
         opened={modalNonActive}
         onClose={() => setModalNonActive(false)}
         onConfirm={handleNonActive}
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
rename to src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create/page.tsx
index c0f86fb0..5a8d1d1d 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create/page.tsx
@@ -72,7 +72,7 @@ function CreatePegawaiBumDes() {
       // Reset form dan redirect
       resetForm();
       toast.success("Data pegawai berhasil ditambahkan");
-      router.push("/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai");
+      router.push("/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai");
     } catch (error) {
       console.error("Error creating pegawai:", error);
       toast.error("Terjadi kesalahan saat menambahkan pegawai");
@@ -82,13 +82,13 @@ function CreatePegawaiBumDes() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
         </Button>
         <Title order={4} ml="sm" c="dark">
-          Tambah Pegawai BUMDesa
+          Tambah Pegawai BUMDes
         </Title>
       </Group>
 
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx
new file mode 100644
index 00000000..e6b6078c
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx
@@ -0,0 +1,232 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import colors from '@/con/colors';
+import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title } from '@mantine/core';
+import { IconCheck, IconDeviceImacCog, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
+import stateStrukturBumDes from '../../../_state/ekonomi/struktur-organisasi/struktur-organisasi';
+import { useDebouncedValue } from '@mantine/hooks';
+
+function PegawaiBumDes() {
+  const [search, setSearch] = useState("");
+  return (
+    <Box>
+      <HeaderSearch
+        title='Pegawai BUMDes'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListPegawaiBumdes search={search} />
+    </Box>
+  );
+}
+
+function ListPegawaiBumdes({ search }: { search: string }) {
+  const stateOrganisasi = useProxy(stateStrukturBumDes.pegawai);
+  const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+
+  const {
+    data,
+    page,
+    totalPages,
+    loading,
+    load,
+  } = stateOrganisasi.findMany;
+
+  useEffect(() => {
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
+
+  const filteredData = data || [];
+
+  // Handle loading state
+  if (loading || !data) {
+    return (
+      <Stack py="md">
+        <Skeleton height={300} />
+      </Stack>
+    );
+  }
+
+  if (data.length === 0) {
+    return (
+      <Box py="md">
+        <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+          <Group justify="space-between" mb="md">
+            <Title order={2} visibleFrom="md">Daftar Pegawai BUMDes</Title>
+            <Title order={3} hiddenFrom="md">Daftar Pegawai BUMDes</Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() => router.push('/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create')}
+            >
+              Tambah Baru
+            </Button>
+          </Group>
+          <Center py="xl">
+            <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} ta="center">
+              Tidak ada data pegawai yang ditemukan
+            </Text>
+          </Center>
+        </Paper>
+      </Box>
+    );
+  }
+
+  const sortedData = [...filteredData].sort((a, b) => {
+    if (a.isActive === b.isActive) {
+      return a.namaLengkap.localeCompare(b.namaLengkap);
+    }
+    return Number(b.isActive) - Number(a.isActive);
+  });
+
+  return (
+    <Box py="md">
+      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+        <Group justify="space-between" mb="md">
+          <Title order={2} visibleFrom="md">Daftar Pegawai BUMDes</Title>
+          <Title order={3} hiddenFrom="md">Daftar Pegawai BUMDes</Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create')}
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+
+        {/* Desktop: Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
+            <TableThead>
+              <TableTr>
+                <TableTh style={{ width: '35%' }}>Nama Lengkap</TableTh>
+                <TableTh style={{ width: '30%' }}>Posisi</TableTh>
+                <TableTh style={{ width: '20%' }}>Status</TableTh>
+                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {sortedData.map((item) => (
+                <TableTr key={item.id}>
+                  <TableTd>
+                    <Text fw={500} fz="md" lh={1.45} truncate="end">
+                      {item.namaLengkap}
+                    </Text>
+                  </TableTd>
+                  <TableTd>
+                    <Badge variant="light" color="blue" fz="sm" lh={1.4}>
+                      {item.posisi?.nama || 'Belum diatur'}
+                    </Badge>
+                  </TableTd>
+                  <TableTd>
+                    <Badge color={item.isActive ? "green" : "red"} fz="sm" lh={1.4}>
+                      {item.isActive ? "Aktif" : "Tidak Aktif"}
+                    </Badge>
+                  </TableTd>
+                  <TableTd>
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={16} />}
+                      onClick={() => router.push(`/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/${item.id}`)}
+                    >
+                      Detail
+                    </Button>
+                  </TableTd>
+                </TableTr>
+              ))}
+            </TableTbody>
+          </Table>
+        </Box>
+
+        {/* Mobile: Card List */}
+        <Stack gap="sm" hiddenFrom="md">
+          {sortedData.map((item) => (
+            <Paper key={item.id} withBorder p="md" radius="md">
+              <Stack gap="xs">
+                <Box>
+                  <Text fz="sm" fw={600} lh={1.4}>Nama Lengkap</Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.namaLengkap}
+                  </Text>
+                </Box>
+                <Box>
+                  <Text fz="sm" fw={600} lh={1.4}>Posisi</Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.posisi?.nama || 'Belum diatur'}
+                  </Text>
+                </Box>
+                <Box>
+                  <Text fz="sm" fw={600} lh={1.4}>Status</Text>
+                  <Group gap="xs">
+                    {item.isActive ? (
+                      <Group gap="xs">
+                        <ThemeIcon color="green" variant="light" size="sm">
+                          <IconCheck size={14} />
+                        </ThemeIcon>
+                        <Text fz="sm" fw={500} c="green">Aktif</Text>
+                      </Group>
+                    ) : (
+                      <Group gap="xs">
+                        <ThemeIcon color="red" variant="light" size="sm">
+                          <IconX size={14} />
+                        </ThemeIcon>
+                        <Text fz="sm" fw={500} c="red">Tidak Aktif</Text>
+                      </Group>
+                    )}
+                  </Group>
+                </Box>
+                <Box>
+                  <Button
+                    size="xs"
+                    radius="md"
+                    variant="light"
+                    color="blue"
+                    leftSection={<IconDeviceImacCog size={16} />}
+                    onClick={() => router.push(`/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/${item.id}`)}
+                  >
+                    Detail
+                  </Button>
+                </Box>
+              </Stack>
+            </Paper>
+          ))}
+        </Stack>
+
+        <Center mt="lg">
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo(0, 0);
+            }}
+            total={totalPages}
+            withEdges
+            withControls
+            radius="md"
+          />
+        </Center>
+      </Paper>
+    </Box>
+  );
+}
+
+export default PegawaiBumDes;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/[id]/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
rename to src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/[id]/page.tsx
index a58d838c..cb9f03ff 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/[id]/page.tsx
@@ -95,7 +95,7 @@ function EditPosisiOrganisasiBumDes() {
       const success = await stateOrganisasi.edit.update();
 
       if (success) {
-        router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi');
+        router.push('/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi');
       }
     } catch (err) {
       console.error('Error updating posisi organisasi:', err);
@@ -106,7 +106,7 @@ function EditPosisiOrganisasiBumDes() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create/page.tsx
similarity index 96%
rename from src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
rename to src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create/page.tsx
index 1b267c36..84aaabcf 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create/page.tsx
@@ -36,7 +36,7 @@ function CreatePosisiOrganisasiBumDes() {
 
       await stateOrganisasi.create.submit();
       toast.success('Posisi organisasi berhasil ditambahkan');
-      router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi');
+      router.push('/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi');
     } catch (error) {
       toast.error('Gagal menambahkan posisi organisasi');
       console.error('Error:', error);
@@ -46,7 +46,7 @@ function CreatePosisiOrganisasiBumDes() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
new file mode 100644
index 00000000..26d9dba1
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
@@ -0,0 +1,305 @@
+'use client'
+import colors from '@/con/colors';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
+import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
+import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import stateStrukturBumDes from '../../../_state/ekonomi/struktur-organisasi/struktur-organisasi';
+
+function PosisiOrganisasiBumDes() {
+  const [search, setSearch] = useState("");
+  return (
+    <Box>
+      <HeaderSearch
+        title='Posisi Organisasi BUMDes'
+        placeholder='Cari posisi organisasi...'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListPosisiOrganisasiBumDes search={search} />
+    </Box>
+  );
+}
+
+function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
+  const stateOrganisasi = useProxy(stateStrukturBumDes.posisiOrganisasi);
+  const router = useRouter();
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+
+  const {
+    data,
+    page,
+    totalPages,
+    loading,
+    load,
+  } = stateOrganisasi.findMany;
+
+  useShallowEffect(() => {
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
+
+  const handleHapus = async () => {
+    if (selectedId) {
+      await stateOrganisasi.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+    }
+  };
+
+  const filteredData = data || [];
+
+  if (loading || !data) {
+    return (
+      <Stack py={{ base: 'sm', md: 'md' }}>
+        <Skeleton height={600} radius="md" />
+      </Stack>
+    );
+  }
+
+  return (
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.1 }}
+          >
+            Daftar Posisi Organisasi BumDes
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create'
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
+            <TableThead>
+              <TableTr>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Nama Posisi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Deskripsi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Hierarki
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">
+                    Edit
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">
+                    Hapus
+                  </Text>
+                </TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.nama}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="sm" fw={500} lh={1.45} c="dimmed" lineClamp={2}>
+                        {item.deskripsi || '-'}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.45}>{item.hierarki || '-'}</Text>
+                    </TableTd>
+                    <TableTd ta="center">
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="xs"
+                        onClick={() =>
+                          router.push(
+                            `/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                    </TableTd>
+                    <TableTd ta="center">
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="xs"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={16} />
+                      </Button>
+                    </TableTd>
+                  </TableTr>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={5}>
+                    <Center py={{ base: 'sm', md: 'md' }}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data posisi organisasi yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Posisi
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Deskripsi
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.deskripsi || '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Hierarki
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.hierarki || '-'}
+                      </Text>
+                    </Box>
+                    <Group justify="flex-end" gap="xs" mt="xs">
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="xs"
+                        onClick={() =>
+                          router.push(
+                            `/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="xs"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={16} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="sm">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data posisi organisasi yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
+      </Paper>
+
+      {totalPages > 1 && (
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10, search);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt="md"
+            mb="md"
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
+
+      {/* Modal Hapus */}
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleHapus}
+        text="Apakah anda yakin ingin menghapus posisi organisasi BumDes ini?"
+      />
+    </Box>
+  );
+}
+
+export default PosisiOrganisasiBumDes;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/struktur-organisasi/page.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi/page.tsx
rename to src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/struktur-organisasi/page.tsx
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
index 31f4eb71..4ad28f5e 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
@@ -118,7 +118,7 @@ export default function EditDemografiPekerjaan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
index 4d280abf..d8284367 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
@@ -55,7 +55,7 @@ function CreateDemografiPekerjaan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
index ea4af5a2..b65b6172 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
@@ -106,38 +106,52 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>List Demografi Pekerjaan</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.15 }}
+          >
+            List Demografi Pekerjaan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
             onClick={() => router.push('/admin/ekonomi/demografi-pekerjaan/create')}
+            fz={{ base: 'sm', md: 'md' }}
           >
             Tambah Baru
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ minWidth: 200 }}>Pekerjaan</TableTh>
-                <TableTh style={{ minWidth: 200 }}>Laki - Laki</TableTh>
-                <TableTh style={{ minWidth: 200 }}>Perempuan</TableTh>
-                <TableTh>Edit</TableTh>
-                <TableTh>Hapus</TableTh>
+                <TableTh style={{ width: '40%' }}>Pekerjaan</TableTh>
+                <TableTh style={{ width: '20%' }}>Laki - Laki</TableTh>
+                <TableTh style={{ width: '20%' }}>Perempuan</TableTh>
+                <TableTh style={{ width: '10%' }}>Edit</TableTh>
+                <TableTh style={{ width: '10%' }}>Hapus</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ minWidth: 200 }}>{item.pekerjaan}</TableTd>
-                    <TableTd style={{ minWidth: 200 }}>{item.lakiLaki}</TableTd>
-                    <TableTd style={{ minWidth: 200 }}>{item.perempuan}</TableTd>
+                    <TableTd>{item.pekerjaan}</TableTd>
+                    <TableTd>{item.lakiLaki}</TableTd>
+                    <TableTd>{item.perempuan}</TableTd>
                     <TableTd>
                       <Button
                         variant="light"
@@ -145,8 +159,11 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
                         onClick={() =>
                           router.push(`/admin/ekonomi/demografi-pekerjaan/${item.id}`)
                         }
+                        fz="sm"
+                        px="xs"
+                        py="xs"
                       >
-                        <IconEdit size={18} />
+                        <IconEdit size={16} />
                       </Button>
                     </TableTd>
                     <TableTd>
@@ -158,17 +175,22 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
                           setSelectedId(item.id);
                           setModalHapus(true);
                         }}
+                        fz="sm"
+                        px="xs"
+                        py="xs"
                       >
-                        <IconTrash size={18} />
+                        <IconTrash size={16} />
                       </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
+                  <TableTd colSpan={5}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data demografi pekerjaan yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data demografi pekerjaan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -176,6 +198,78 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Pekerjaan
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.pekerjaan}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Laki - Laki
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.lakiLaki}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Perempuan
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.perempuan}
+                      </Text>
+                    </Box>
+                    <Group justify="flex-end" gap="xs">
+                      <Button
+                        variant="light"
+                        color="green"
+                        onClick={() =>
+                          router.push(`/admin/ekonomi/demografi-pekerjaan/${item.id}`)
+                        }
+                        fz="xs"
+                        px="xs"
+                        py="xs"
+                      >
+                        <IconEdit size={14} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        disabled={stateDemografi.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                        fz="xs"
+                        px="xs"
+                        py="xs"
+                      >
+                        <IconTrash size={14} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data demografi pekerjaan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -195,10 +289,13 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
       </Center>
 
       {/* Chart */}
-      <Box mt={30} style={{ width: '100%', minHeight: 400 }}>
-        <Paper bg={colors['white-1']} p="md" radius="md" withBorder>
-          <Stack gap={"xs"}>
-            <Title pb={10} order={4}>
+      <Box mt={{ base: 'lg', md: 'xl' }}>
+        <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="md" withBorder>
+          <Stack gap="xs">
+            <Title
+              order={4}
+              lh={{ base: 1.2, md: 1.15 }}
+            >
               Grafik Demografi Pekerjaan
             </Title>
             {mounted && chartData.length > 0 ? (
@@ -213,17 +310,23 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
                 ]}
               />
             ) : (
-              <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
+              <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} lh={1.4}>
+                Belum ada data untuk ditampilkan dalam grafik
+              </Text>
             )}
-            <Box py={10}>
-              <Group justify='center'>
-                <Flex align="center" gap={10}>
-                  <Box bg="#5082EE" w={20} h={20} />
-                  <Text>Laki - Laki</Text>
+            <Box py={{ base: 'sm', md: 'md' }}>
+              <Group justify="center" gap='md'>
+                <Flex align="center" gap={8}>
+                  <Box bg="#5082EE" w={16} h={16} />
+                  <Text fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
+                    Laki - Laki
+                  </Text>
                 </Flex>
-                <Flex align="center" gap={10}>
-                  <Box bg="#6EDF9C" w={20} h={20} />
-                  <Text>Perempuan</Text>
+                <Flex align="center" gap={8}>
+                  <Box bg="#6EDF9C" w={16} h={16} />
+                  <Text fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
+                    Perempuan
+                  </Text>
                 </Flex>
               </Group>
             </Box>
@@ -242,4 +345,4 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
   );
 }
 
-export default DemografiPekerjaan;
+export default DemografiPekerjaan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
index 8187abde..6dd1ff92 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
@@ -100,7 +100,7 @@ function EditJumlahPendudukMiskin() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
index 363688f5..b26253a1 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
@@ -45,7 +45,7 @@ export default function CreateJumlahPendudukMiskin() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
index c588820c..9825eeeb 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
@@ -1,4 +1,4 @@
-'use client'
+'use client';
 import colors from '@/con/colors';
 import {
   Box,
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -26,12 +26,10 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
 import jumlahPendudukMiskin from '../../_state/ekonomi/jumlah-penduduk-miskin';
-
-// ✅ BarChart Mantine
 import { BarChart } from '@mantine/charts';
 
 function JumlahPendudukMiskin() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -54,16 +52,15 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, loading, load, totalPages } = stateJPM.findMany;
 
-  // Load data awal
   useShallowEffect(() => {
     setMounted(true);
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  // Update chart data
   useEffect(() => {
     if (stateJPM.findMany.data) {
       setChartData(
@@ -88,18 +85,20 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      {/* Tabel */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Jumlah Penduduk Miskin</Title>
+    <Stack py={{ base: 'sm', md: 'md' }} gap='lg'>
+      {/* Main Table/Card Section */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Jumlah Penduduk Miskin
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -112,22 +111,54 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Tahun</TableTh>
-                <TableTh style={{ width: '35%' }}>Jumlah Penduduk Miskin</TableTh>
-                <TableTh style={{ width: '20%' }}>Edit</TableTh>
-                <TableTh style={{ width: '20%' }}>Delete</TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Tahun
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '35%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Jumlah Penduduk Miskin
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Edit
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Delete
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>{item.year}</TableTd>
-                    <TableTd>{item.totalPoorPopulation}</TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.year}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.totalPoorPopulation}
+                      </Text>
+                    </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
@@ -158,7 +189,9 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -166,6 +199,64 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Stack hiddenFrom="md" gap="xs">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="sm">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Tahun
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.year}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Jumlah Penduduk Miskin
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.totalPoorPopulation}
+                    </Text>
+                  </Box>
+                  <Group justify="flex-end" mt="xs">
+                    <Button
+                      variant="light"
+                      color="green"
+                      size="xs"
+                      onClick={() =>
+                        router.push(`/admin/ekonomi/jumlah-penduduk-miskin/${item.id}`)
+                      }
+                    >
+                      <IconEdit size={16} />
+                    </Button>
+                    <Button
+                      variant="light"
+                      color="red"
+                      size="xs"
+                      disabled={stateJPM.delete.loading}
+                      onClick={() => {
+                        setSelectedId(item.id);
+                        setModalHapus(true);
+                      }}
+                    >
+                      <IconTrash size={16} />
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       {/* Pagination */}
@@ -185,9 +276,9 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
       </Center>
 
       {/* Bar Chart */}
-      <Paper bg={colors['white-1']} p="md" mt="lg" withBorder radius="md">
-        <Stack>
-          <Title order={4} mb="sm">
+      <Paper bg={colors['white-1']} p={{ base: 'sm', md: 'md' }} mt="lg" withBorder radius="md">
+        <Stack gap="xs">
+          <Title order={4} lh={1.2} mb="sm">
             Grafik Jumlah Penduduk Miskin
           </Title>
           {mounted && chartData.length > 0 ? (
@@ -198,14 +289,14 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
                 value: item.totalPoorPopulation,
               }))}
               dataKey="name"
-              series={[
-                { name: 'value', color: colors['blue-button'] },
-              ]}
+              series={[{ name: 'value', color: colors['blue-button'] }]}
               withTooltip
               valueFormatter={(v) => `${v.toLocaleString()} jiwa`}
             />
           ) : (
-            <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
+            <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
+              Belum ada data untuk ditampilkan dalam grafik
+            </Text>
           )}
         </Stack>
       </Paper>
@@ -217,8 +308,8 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
         onConfirm={handleDelete}
         text="Apakah anda yakin ingin menghapus data ini?"
       />
-    </Box>
+    </Stack>
   );
 }
 
-export default JumlahPendudukMiskin;
+export default JumlahPendudukMiskin;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx
index ee70c101..495cc876 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/_lib/layoutTabs.tsx
@@ -2,6 +2,7 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  Box,
   ScrollArea,
   Stack,
   Tabs,
@@ -61,36 +62,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
           >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                  flexShrink: 0,
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/layout.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/layout.tsx
index 285fc16e..281be4c4 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/layout.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/layout.tsx
@@ -1,6 +1,28 @@
+'use client'
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layoutTabs";
+import { Box } from "@mantine/core";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
index e2991004..bb0a39e6 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
@@ -93,7 +93,7 @@ function EditGrafikBerdasarkanPendidikan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
index c530352d..73d89a1a 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
@@ -51,7 +51,7 @@ function CreateGrafikBerdasarkanPendidikan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
index 825f6358..83377da5 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Center,
   Flex,
+  Group,
   Pagination,
   Paper,
   Skeleton,
@@ -20,7 +21,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -51,6 +52,7 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const handleDelete = async () => {
     if (selectedId) {
@@ -64,8 +66,8 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
   const { data, page, totalPages, loading, load } = stategrafik.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   useEffect(() => {
     if (stategrafik.findMany.data) {
@@ -103,18 +105,20 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'lg' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      {/* Table Data */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Flex justify="space-between" align="center" mb="md">
-          <Title order={4}>List Pengangguran Berdasarkan Pendidikan</Title>
+    <Stack py={{ base: 'sm', md: 'lg' }} gap='md'>
+      {/* Section: List Table */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Flex visibleFrom='md' justify="space-between" align="center" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            List Pengangguran Berdasarkan Pendidikan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -129,17 +133,43 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
           </Button>
         </Flex>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        <Group hiddenFrom='md' align="center" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            List Pengangguran Berdasarkan Pendidikan
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push(
+                '/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create',
+              )
+            }
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>SD</TableTh>
-                <TableTh>SMP</TableTh>
-                <TableTh>SMA</TableTh>
-                <TableTh>D3</TableTh>
-                <TableTh>S1</TableTh>
-                <TableTh>Edit</TableTh>
-                <TableTh>Delete</TableTh>
+                <TableTh style={{ width: '16%' }}>SD</TableTh>
+                <TableTh style={{ width: '16%' }}>SMP</TableTh>
+                <TableTh style={{ width: '16%' }}>SMA</TableTh>
+                <TableTh style={{ width: '16%' }}>D3</TableTh>
+                <TableTh style={{ width: '16%' }}>S1</TableTh>
+                <TableTh style={{ width: '10%' }}>Edit</TableTh>
+                <TableTh style={{ width: '10%' }}>Delete</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -147,7 +177,7 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={7}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Belum ada data grafik responden
                       </Text>
                     </Center>
@@ -156,11 +186,31 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
               ) : (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>{item.SD}</TableTd>
-                    <TableTd>{item.SMP}</TableTd>
-                    <TableTd>{item.SMA}</TableTd>
-                    <TableTd>{item.D3}</TableTd>
-                    <TableTd>{item.S1}</TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.SD}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.SMP}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.SMA}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.D3}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.S1}
+                      </Text>
+                    </TableTd>
                     <TableTd>
                       <Button
                         color="green"
@@ -193,6 +243,92 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          {filteredData.length === 0 ? (
+            <Center py="sm">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Belum ada data grafik responden
+              </Text>
+            </Center>
+          ) : (
+            <Stack gap="sm">
+              {filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        SD
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.SD}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        SMP
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.SMP}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        SMA
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.SMA}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        D3
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.D3}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        S1
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.S1}
+                      </Text>
+                    </Box>
+                    <Flex gap="xs" mt="xs">
+                      <Button
+                        size="compact-sm"
+                        color="green"
+                        variant="light"
+                        onClick={() =>
+                          router.push(
+                            `/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/${item.id}`,
+                          )
+                        }
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                      <Button
+                        size="compact-sm"
+                        color="red"
+                        variant="light"
+                        disabled={stategrafik.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={16} />
+                      </Button>
+                    </Flex>
+                  </Stack>
+                </Paper>
+              ))}
+            </Stack>
+          )}
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -211,10 +347,10 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
         />
       </Center>
 
-      {/* Donut Chart */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md" mt="md">
-        <Stack>
-          <Title order={3} pb={10}>
+      {/* Section: Donut Chart */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Stack gap="md">
+          <Title order={4} lh={1.2}>
             Grafik Pengangguran Berdasarkan Pendidikan
           </Title>
           <Center>
@@ -228,7 +364,7 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
                 thickness={40}
               />
             ) : (
-              <Text color="dimmed">
+              <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
                 Belum ada data untuk ditampilkan dalam grafik
               </Text>
             )}
@@ -243,8 +379,8 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
         onConfirm={handleDelete}
         text="Apakah anda yakin ingin menghapus grafik pengangguran berdasarkan pendidikan ini?"
       />
-    </Box>
+    </Stack>
   );
 }
 
-export default GrafikBerdasarkanPendidikan;
+export default GrafikBerdasarkanPendidikan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
index ce974a57..51244c13 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
@@ -106,7 +106,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
index 677d488b..f31cf437 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
@@ -49,7 +49,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx
index 3c0fcfd6..7ea8b89b 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx
@@ -1,11 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-'use client'
+'use client';
 import colors from '@/con/colors';
 import {
   Box,
   Button,
   Center,
   Flex,
+  Group,
   Pagination,
   Paper,
   Skeleton,
@@ -19,7 +20,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -51,6 +52,7 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const handleDelete = async () => {
     if (selectedId) {
@@ -64,8 +66,8 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
   const { data, page, totalPages, loading, load } = stategrafik.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   useEffect(() => {
     if (stategrafik.findMany.data) {
@@ -87,19 +89,21 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      {/* Table */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Stack>
-          <Flex justify="space-between" align="center" mb="md">
-            <Title order={4}>List Pengangguran Berdasarkan Usia Kerja</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      {/* Table - Desktop */}
+      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md" mb="lg">
+        <Stack gap="md">
+          <Flex justify="space-between" align="center" visibleFrom='md'>
+            <Title order={4} lh={1.2}>
+              List Pengangguran Berdasarkan Usia Kerja
+            </Title>
             <Button
               leftSection={<IconPlus size={18} />}
               color="blue"
@@ -112,26 +116,58 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
             </Button>
           </Flex>
 
-          <Box style={{ overflowX: 'auto' }}>
-            <Table highlightOnHover>
+          <Group align="center" hiddenFrom='md'>
+            <Title order={4} lh={1.2}>
+              List Pengangguran Berdasarkan Usia Kerja
+            </Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() =>
+                router.push('/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create')
+              }
+            >
+              Tambah Baru
+            </Button>
+          </Group>
+
+          {/* Desktop Table */}
+          <Box visibleFrom="md">
+            <Table
+              highlightOnHover
+              miw={0}
+              style={{
+                tableLayout: 'fixed',
+                width: '100%',
+              }}
+            >
               <TableThead>
                 <TableTr>
-                  <TableTh>Usia 18-25</TableTh>
-                  <TableTh>Usia 26-35</TableTh>
-                  <TableTh>Usia 36-45</TableTh>
-                  <TableTh>Usia 46+</TableTh>
-                  <TableTh>Edit</TableTh>
-                  <TableTh>Delete</TableTh>
+                  <TableTh style={{ width: '20%' }}>Usia 18-25</TableTh>
+                  <TableTh style={{ width: '20%' }}>Usia 26-35</TableTh>
+                  <TableTh style={{ width: '20%' }}>Usia 36-45</TableTh>
+                  <TableTh style={{ width: '20%' }}>Usia 46+</TableTh>
+                  <TableTh style={{ width: '10%' }}>Edit</TableTh>
+                  <TableTh style={{ width: '10%' }}>Delete</TableTh>
                 </TableTr>
               </TableThead>
               <TableTbody>
                 {filteredData.length > 0 ? (
                   filteredData.map((item) => (
                     <TableTr key={item.id}>
-                      <TableTd>{item.usia18_25}</TableTd>
-                      <TableTd>{item.usia26_35}</TableTd>
-                      <TableTd>{item.usia36_45}</TableTd>
-                      <TableTd>{item.usia46_keatas}</TableTd>
+                      <TableTd fz="md" fw={500} lh={1.5}>
+                        {item.usia18_25}
+                      </TableTd>
+                      <TableTd fz="md" fw={500} lh={1.5}>
+                        {item.usia26_35}
+                      </TableTd>
+                      <TableTd fz="md" fw={500} lh={1.5}>
+                        {item.usia36_45}
+                      </TableTd>
+                      <TableTd fz="md" fw={500} lh={1.5}>
+                        {item.usia46_keatas}
+                      </TableTd>
                       <TableTd>
                         <Button
                           color="green"
@@ -160,7 +196,9 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
                   <TableTr>
                     <TableTd colSpan={6}>
                       <Center py={20}>
-                        <Text color="dimmed">Belum ada data grafik responden</Text>
+                        <Text c="dimmed" fz="sm" lh={1.4}>
+                          Belum ada data grafik responden
+                        </Text>
                       </Center>
                     </TableTd>
                   </TableTr>
@@ -168,6 +206,80 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
               </TableTbody>
             </Table>
           </Box>
+
+          {/* Mobile Card View */}
+          <Box hiddenFrom="md">
+            {filteredData.length > 0 ? (
+              <Stack gap="xs">
+                {filteredData.map((item) => (
+                  <Paper key={item.id} withBorder p="sm" radius="sm">
+                    <Stack gap={"xs"}>
+                      <Box>
+                        <Text fz="sm" fw={600} lh={1.4}>
+                          Usia 18-25
+                        </Text>
+                        <Text fz="sm" fw={500} lh={1.4}>
+                          {item.usia18_25}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="sm" fw={600} lh={1.4}>
+                          Usia 26-35
+                        </Text>
+                        <Text fz="sm" fw={500} lh={1.4}>
+                          {item.usia26_35}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="sm" fw={600} lh={1.4}>
+                          Usia 36-45
+                        </Text>
+                        <Text fz="sm" fw={500} lh={1.4}>
+                          {item.usia36_45}
+                        </Text>
+                      </Box>
+                      <Box>
+                        <Text fz="sm" fw={600} lh={1.4}>
+                          Usia 46+
+                        </Text>
+                        <Text fz="sm" fw={500} lh={1.4}>
+                          {item.usia46_keatas}
+                        </Text>
+                      </Box>
+                      <Flex gap="xs" mt="xs">
+                        <Button
+                          size="xs"
+                          color="green"
+                          onClick={() =>
+                            router.push(`/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/${item.id}`)
+                          }
+                        >
+                          <IconEdit size={16} />
+                        </Button>
+                        <Button
+                          size="xs"
+                          color="red"
+                          disabled={stategrafik.delete.loading}
+                          onClick={() => {
+                            setSelectedId(item.id);
+                            setModalHapus(true);
+                          }}
+                        >
+                          <IconTrash size={16} />
+                        </Button>
+                      </Flex>
+                    </Stack>
+                  </Paper>
+                ))}
+              </Stack>
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Belum ada data grafik responden
+                </Text>
+              </Center>
+            )}
+          </Box>
         </Stack>
       </Paper>
 
@@ -189,8 +301,8 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
 
       {/* Donut Chart */}
       <Paper bg={colors['white-1']} p="md" mt="lg" withBorder radius="md">
-        <Stack>
-          <Title order={3} pb={10}>
+        <Stack gap="md">
+          <Title order={4} lh={1.2}>
             Grafik Pengangguran Berdasarkan Usia Kerja
           </Title>
           {donutData.length > 0 ? (
@@ -205,7 +317,9 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
               />
             </Center>
           ) : (
-            <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
+            <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
+              Belum ada data untuk ditampilkan dalam grafik
+            </Text>
           )}
         </Stack>
       </Paper>
@@ -221,4 +335,4 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
   );
 }
 
-export default GrafikBerdasarkanUsiaKerjaYangMenganggur;
+export default GrafikBerdasarkanUsiaKerjaYangMenganggur;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
index 9b6b8872..4a3bf4f3 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
@@ -176,7 +176,7 @@ function EditDetailDataPengangguran() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx
index 3138479b..ab93008d 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailJumlahPengangguran() {
   const data = stateDetail.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailJumlahPengangguran() {
       {/* Paper Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
index d27bef0f..e7583359 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
@@ -96,7 +96,7 @@ function CreateJumlahPengangguran() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
index 698ba948..06f6c540 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
@@ -7,7 +7,7 @@ import {
   Table, TableTbody, TableTd, TableTh, TableThead, TableTr,
   Text, Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -20,7 +20,7 @@ function DetailDataPengangguran() {
   const [search, setSearch] = useState("");
 
   return (
-    <Box>
+    <Stack>
       <HeaderSearch
         title='Detail Data Pengangguran'
         placeholder='Cari bulan atau tahun...'
@@ -29,7 +29,7 @@ function DetailDataPengangguran() {
         onChange={(e) => setSearch(e.currentTarget.value)}
       />
       <ListDetailDataPengangguran search={search} />
-    </Box>
+    </Stack>
   );
 }
 
@@ -38,6 +38,7 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
   const [mounted, setMounted] = useState(false);
   const stateDetail = useProxy(jumlahPengangguranState.jumlahPengangguran);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -49,8 +50,8 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
 
   useShallowEffect(() => {
     setMounted(true);
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   useEffect(() => {
     if (data) {
@@ -68,23 +69,25 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
     }
   }, [data]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   // Loading state
   if (loading || !data) {
     return (
-      <Stack py="md">
+      <Stack py={{ base: 'md', md: 'lg' }} gap="lg">
         <Skeleton h={500} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Stack py="md" gap="lg">
-      {/* Table Section */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Detail Data Pengangguran</Title>
+    <Stack py={{ base: 'md', md: 'lg' }} gap="lg">
+      {/* Table / Card Section */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Detail Data Pengangguran
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -95,23 +98,45 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover striped withTableBorder withRowBorders>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            withTableBorder
+            withRowBorders
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Bulan</TableTh>
-                <TableTh style={{ width: '20%' }}>Terdidik</TableTh>
-                <TableTh style={{ width: '20%' }}>Tidak Terdidik</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '30%' }}>Bulan</TableTh>
+                <TableTh style={{ width: '25%' }}>Terdidik</TableTh>
+                <TableTh style={{ width: '25%' }}>Tidak Terdidik</TableTh>
+                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>{item.month} {item.year}</TableTd>
-                    <TableTd>{item.educatedUnemployment}</TableTd>
-                    <TableTd>{item.uneducatedUnemployment}</TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.month} {item.year}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.educatedUnemployment}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.uneducatedUnemployment}
+                      </Text>
+                    </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
@@ -119,7 +144,9 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
                         onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/${item.id}`)}
                       >
                         <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -128,7 +155,9 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text c="dimmed">Tidak ada data yang cocok</Text>
+                      <Text c="dimmed" fz="sm" fw={500} lh={1.4}>
+                        Tidak ada data yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -136,25 +165,85 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Bulan
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.month} {item.year}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Terdidik
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.educatedUnemployment}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Tidak Terdidik
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.uneducatedUnemployment}
+                      </Text>
+                    </Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      fullWidth
+                      onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/${item.id}`)}
+                      mt="xs"
+                    >
+                      <IconDeviceImac size={18} />
+                      <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                        Detail
+                      </Text>
+                    </Button>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" fw={500} lh={1.4}>
+                  Tidak ada data yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+
+      {/* Pagination */}
+      {totalPages > 1 && (
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt="md"
+            mb="md"
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
 
       {/* Chart Section */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Title order={4} mb="md">
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Title order={4} lh={1.2} mb={{ base: 'sm', md: 'md' }}>
           Data Pengangguran Terdidik & Tidak Terdidik
         </Title>
         {mounted && chartData.length > 0 ? (
@@ -170,11 +259,13 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
             />
           </Box>
         ) : (
-          <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
+          <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} fw={500} lh={1.5}>
+            Belum ada data untuk ditampilkan dalam grafik
+          </Text>
         )}
       </Paper>
     </Stack>
   );
 }
 
-export default DetailDataPengangguran;
+export default DetailDataPengangguran;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
index 0cc7b4b6..3fdad936 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
@@ -125,7 +125,7 @@ function EditLowonganKerja() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
index c9776908..d887a0b8 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
@@ -42,7 +42,7 @@ function DetailLowonganKerjaLokal() {
   const data = lowonganState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -99,12 +99,16 @@ function DetailLowonganKerjaLokal() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }} />
+                <Box pl={8}>
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }} />
+                </Box>
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Kualifikasi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.kualifikasi || '-' }} />
+                <Box pl={8}>
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.kualifikasi || '-' }} />
+                </Box>
               </Box>
 
               <Group gap="sm" mt="sm">
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
index 4ee31ec4..dfbb955a 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
@@ -54,7 +54,7 @@ function CreateLowonganKerja() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
index 149bed60..a1e75818 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -46,70 +46,87 @@ function LowonganKerjaLokal() {
 function ListLowonganKerjaLokal({ search }: { search: string }) {
   const stateLowongan = useProxy(lowonganKerjaState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = stateLowongan.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
+        <Group justify="space-between" mb="lg">
           <Title order={4}>Daftar Lowongan Kerja Lokal</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() =>
-                router.push('/admin/ekonomi/lowongan-kerja-lokal/create')
-              }
-            >
-              Tambah Baru
-            </Button>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/ekonomi/lowongan-kerja-lokal/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Pekerjaan</TableTh>
-                <TableTh style={{ width: '25%' }}>Nama Perusahaan</TableTh>
-                <TableTh style={{ width: '20%' }}>Lokasi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.2} c="black">Pekerjaan</Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.2} c="black">Nama Perusahaan</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.2} c="black">Lokasi</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.2} c="black">Aksi</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.posisi}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text truncate fz="sm" c="dimmed">
+                    <TableTd>
+                      <Text fz="sm" fw={500} lh={1.5} truncate="end">
                         {item.namaPerusahaan}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text truncate fz="sm" c="dimmed">
+                    <TableTd>
+                      <Text fz="sm" fw={500} lh={1.5} truncate="end">
                         {item.lokasi}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="blue"
@@ -118,9 +135,11 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
                             `/admin/ekonomi/lowongan-kerja-lokal/${item.id}`
                           )
                         }
+                        fullWidth
+                        radius="sm"
                       >
                         <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml="xs">Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -128,8 +147,8 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="xl">
+                      <Text fz="sm" c="dimmed" lh={1.4}>
                         Tidak ada data lowongan kerja yang cocok
                       </Text>
                     </Center>
@@ -139,6 +158,57 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card List */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Pekerjaan</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {item.posisi}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama Perusahaan</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {item.namaPerusahaan}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Lokasi</Text>
+                    <Text fz="sm" fw={500} lh={1.5}>
+                      {item.lokasi}
+                    </Text>
+                  </Box>
+                  <Button
+                    variant="light"
+                    color="blue"
+                    onClick={() =>
+                      router.push(
+                        `/admin/ekonomi/lowongan-kerja-lokal/${item.id}`
+                      )
+                    }
+                    fullWidth
+                    radius="sm"
+                    mt="xs"
+                  >
+                    <IconDeviceImac size={20} />
+                    <Text ml="xs">Detail</Text>
+                  </Button>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text fz="sm" c="dimmed" lh={1.4}>
+                Tidak ada data lowongan kerja yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       <Center>
@@ -159,4 +229,4 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
   );
 }
 
-export default LowonganKerjaLokal;
+export default LowonganKerjaLokal;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
index a4edbe61..e82db659 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx
@@ -2,6 +2,7 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  Box,
   ScrollArea,
   Stack,
   Tabs,
@@ -68,36 +69,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                  flexShrink: 0,
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+        <Box visibleFrom='md' pb={10}>
+                 <ScrollArea type="auto" offsetScrollbars>
+                   <TabsList
+                     p="sm"
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           transition: "all 0.2s ease",
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
+       
+               <Box hiddenFrom='md' pb={10}>
+                 <ScrollArea
+                   type="auto"
+                   offsetScrollbars={false}
+                   w="100%"
+                 >
+       
+                   <TabsList
+                     p="xs" // lebih kecil
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       width: "max-content", // ⬅️ kunci
+                       maxWidth: "100%",     // ⬅️ penting
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           paddingInline: "0.75rem", // ⬅️ lebih ramping
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
index 12c82847..1b755f90 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
@@ -95,7 +95,7 @@ function EditKategoriProduk() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header dengan tombol back */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
index f7066fa2..51ee8a3d 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
@@ -51,7 +51,7 @@ function CreateKategoriProduk() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
index 9c83d9b9..7fd3749c 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
@@ -1,7 +1,24 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -10,9 +27,8 @@ import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import pasarDesaState from '../../../_state/ekonomi/pasar-desa/pasar-desa';
 
-
 function KategoriProduk() {
-  const [search2, setSearch2] = useState("")
+  const [search2, setSearch2] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -28,63 +44,82 @@ function KategoriProduk() {
 }
 
 function ListKategoriProduk({ search2 }: { search2: string }) {
-  const statePasar = useProxy(pasarDesaState.kategoriProduk)
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-  const router = useRouter()
+  const statePasar = useProxy(pasarDesaState.kategoriProduk);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search2, 1000);
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = statePasar.findMany
+  const { data, page, totalPages, loading, load } = statePasar.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search2)
-  }, [page, search2])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleHapus = () => {
     if (selectedId) {
-      statePasar.delete.byId(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
+      statePasar.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
     }
-  }
+  };
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kategori Produk</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ekonomi/pasar-desa/kategori-produk/create')}
-            >
-              Tambah Baru
-            </Button>
+          <Title order={4} lh={1.2}>
+            Daftar Kategori Produk
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() =>
+              router.push('/admin/ekonomi/pasar-desa/kategori-produk/create')
+            }
+          >
+            Tambah Baru
+          </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '60%' }}>Nama Kategori</TableTh>
-                <TableTh style={{ width: '20%' }}>Edit</TableTh>
-                <TableTh style={{ width: '20%' }}>Delete</TableTh>
+                <TableTh style={{ width: '60%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama Kategori
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">
+                    Edit
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">
+                    Delete
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -92,38 +127,48 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
                         {item.nama}
                       </Text>
                     </TableTd>
                     <TableTd>
+                      <Center>
                         <Button
                           color="green"
                           variant="light"
-                          onClick={() => router.push(`/admin/ekonomi/pasar-desa/kategori-produk/${item.id}`)}
+                          onClick={() =>
+                            router.push(
+                              `/admin/ekonomi/pasar-desa/kategori-produk/${item.id}`
+                            )
+                          }
                         >
                           <IconEdit size={18} />
                         </Button>
+                      </Center>
                     </TableTd>
                     <TableTd>
+                      <Center>
                         <Button
                           color="red"
                           variant="light"
                           onClick={() => {
-                            setSelectedId(item.id)
-                            setModalHapus(true)
+                            setSelectedId(item.id);
+                            setModalHapus(true);
                           }}
                         >
                           <IconX size={18} />
                         </Button>
-                     </TableTd>
+                      </Center>
+                    </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data kategori produk yang cocok</Text>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data kategori produk yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -131,14 +176,69 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card */}
+        <Box hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            <Stack gap="sm">
+              {filteredData.map((item) => (
+                <Paper
+                  key={item.id}
+                  withBorder
+                  p="md"
+                  radius="md"
+                  bg={colors['white-1']}
+                >
+                  <Box mb="xs">
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Kategori
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.nama}
+                    </Text>
+                  </Box>
+                  <Group justify="flex-end" mt="md">
+                    <Button
+                      color="green"
+                      variant="light"
+                      onClick={() =>
+                        router.push(
+                          `/admin/ekonomi/pasar-desa/kategori-produk/${item.id}`
+                        )
+                      }
+                    >
+                      <IconEdit size={18} />
+                    </Button>
+                    <Button
+                      color="red"
+                      variant="light"
+                      onClick={() => {
+                        setSelectedId(item.id);
+                        setModalHapus(true);
+                      }}
+                    >
+                      <IconX size={18} />
+                    </Button>
+                  </Group>
+                </Paper>
+              ))}
+            </Stack>
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data kategori produk yang cocok
+              </Text>
+            </Center>
+          )}
+        </Box>
       </Paper>
 
       <Center>
         <Pagination
           value={page}
           onChange={(newPage) => {
-            load(newPage, 10)
-            window.scrollTo({ top: 0, behavior: 'smooth' })
+            load(newPage, 10);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
           mt="md"
@@ -156,7 +256,7 @@ function ListKategoriProduk({ search2 }: { search2: string }) {
         text='Apakah anda yakin ingin menghapus kategori produk ini?'
       />
     </Box>
-  )
+  );
 }
 
-export default KategoriProduk;
+export default KategoriProduk;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/layout.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/layout.tsx
index 9ebad0e4..db66e722 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/layout.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/layout.tsx
@@ -1,9 +1,29 @@
 'use client'
 
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layoutTabs"
+import { Box } from "@mantine/core";
 
 
-export default function Layout({children} : {children: React.ReactNode}) {
+export default function Layout({ children }: { children: React.ReactNode }) {
+    const pathname = usePathname();
+
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+
+    if (isDetailPage) {
+        // Tampilkan tanpa tab menu
+        return (
+            <Box>
+                {children}
+            </Box>
+        );
+    }
     return (
         <LayoutTabs>
             {children}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
index 70cb1458..f1116ae9 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
@@ -157,7 +157,7 @@ function EditPasarDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx
index a36b7d9d..d31ce111 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailPasarDesa() {
   const data = statePasar.pasarDesa.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -52,7 +52,7 @@ function DetailPasarDesa() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
index 10202db1..dd53014b 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
@@ -80,7 +80,7 @@ export default function CreatePasarDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+     <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
index e7e1b444..a9d18482 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,28 +45,29 @@ function PasarDesa() {
 function ListPasarDesa({ search }: { search: string }) {
   const statePasar = useProxy(pasarDesaState.pasarDesa);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = statePasar.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="lg">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Produk Pasar Desa</Title>
+          <Title order={4} lh={1.2}>Daftar Produk Pasar Desa</Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -79,15 +80,23 @@ function ListPasarDesa({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama Produk</TableTh>
-                <TableTh style={{ width: '20%' }}>Harga Produk</TableTh>
-                <TableTh style={{ width: '15%' }}>Rating</TableTh>
-                <TableTh style={{ width: '25%' }}>Alamat Usaha</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}><Text fz="sm" fw={600} lh={1.4}>Nama Produk</Text></TableTh>
+                <TableTh style={{ width: '20%' }}><Text fz="sm" fw={600} lh={1.4}>Harga Produk</Text></TableTh>
+                <TableTh style={{ width: '15%' }}><Text fz="sm" fw={600} lh={1.4}>Rating</Text></TableTh>
+                <TableTh style={{ width: '25%' }}><Text fz="sm" fw={600} lh={1.4}>Alamat Usaha</Text></TableTh>
+                <TableTh style={{ width: '15%' }}><Text fz="sm" fw={600} lh={1.4}>Aksi</Text></TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -95,18 +104,18 @@ function ListPasarDesa({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.nama}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text>Rp.{item.harga}</Text>
+                      <Text fz="md" lh={1.5}>Rp.{item.harga}</Text>
                     </TableTd>
                     <TableTd>
-                      <Text>{item.rating || '-'}</Text>
+                      <Text fz="md" lh={1.5}>{item.rating || '-'}</Text>
                     </TableTd>
                     <TableTd>
-                      <Text truncate fz="sm" c="dimmed">
+                      <Text fz="sm" lh={1.5} c="dimmed">
                         {item.alamatUsaha || '-'}
                       </Text>
                     </TableTd>
@@ -121,7 +130,7 @@ function ListPasarDesa({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>Detail</Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -129,8 +138,8 @@ function ListPasarDesa({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py={32}>
+                      <Text c="dimmed" fz="sm" lh={1.5}>
                         Tidak ada produk pasar desa yang cocok
                       </Text>
                     </Center>
@@ -140,6 +149,57 @@ function ListPasarDesa({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="sm">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="md">
+                <Stack gap={'xs'}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Nama Produk</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>{item.nama}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Harga Produk</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>Rp.{item.harga}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Rating</Text>
+                    <Text fz="sm" fw={500} lh={1.4}>{item.rating || '-'}</Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>Alamat Usaha</Text>
+                    <Text fz="sm" fw={500} lh={1.4} c="dimmed">
+                      {item.alamatUsaha || '-'}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Button
+                      fullWidth
+                      variant="light"
+                      color="blue"
+                      onClick={() =>
+                        router.push(
+                          `/admin/ekonomi/pasar-desa/produk-pasar-desa/${item.id}`
+                        )
+                      }
+                    >
+                      <IconDeviceImac size={20} />
+                      <Text ml={5} fz="sm" fw={500} lh={1.4}>Detail</Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={32}>
+              <Text c="dimmed" fz="sm" lh={1.5}>
+                Tidak ada produk pasar desa yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       <Center>
@@ -160,4 +220,4 @@ function ListPasarDesa({ search }: { search: string }) {
   );
 }
 
-export default PasarDesa;
+export default PasarDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
index 5eae8178..f3cbf5bb 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
@@ -142,7 +142,7 @@ function EditProgramKemiskinan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
index 25f58c09..0ec7cb40 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
@@ -50,7 +50,7 @@ function DetailProgramKemiskinan() {
   const data = programState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -64,7 +64,7 @@ function DetailProgramKemiskinan() {
       {/* Card utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
index 2c00adf1..674bb6a1 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
@@ -71,7 +71,7 @@ function CreateProgramKemiskinan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan tombol back */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
index 36935bee..85ea1b44 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
@@ -1,18 +1,43 @@
 'use client'
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { CartesianGrid, Legend, Line, LineChart, Tooltip as RechartTooltip, XAxis, YAxis } from 'recharts';
+import {
+  CartesianGrid,
+  Legend,
+  Line,
+  LineChart,
+  Tooltip as RechartTooltip,
+  XAxis,
+  YAxis,
+} from 'recharts';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import programKemiskinanState from '../../_state/ekonomi/program-kemiskinan';
 
 function ProgramKemiskinan() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -32,21 +57,22 @@ function ListProgramKemiskinan({ search }: { search: string }) {
   const router = useRouter();
   const [lineChart, setLineChart] = useState<any[]>([]);
   const [mounted, setMounted] = useState(false);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = programState.findMany;
 
   useShallowEffect(() => {
     setMounted(true);
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   useEffect(() => {
     if (data) {
       const chartData = data
-        .filter(item => item.statistik)
-        .map(item => ({
+        .filter((item) => item.statistik)
+        .map((item) => ({
           tahun: item.statistik?.tahun,
-          jumlah: Number(item.statistik?.jumlah)
+          jumlah: Number(item.statistik?.jumlah),
         }))
         .sort((a, b) => (a.tahun || 0) - (b.tahun || 0));
 
@@ -58,49 +84,90 @@ function ListProgramKemiskinan({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Program Kemiskinan</Title>
-          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/ekonomi/program-kemiskinan/create')}>
+    <Box py={{ base: 'md', md: 'lg' }}>
+      {/* Daftar Program Kemiskinan */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Program Kemiskinan
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ekonomi/program-kemiskinan/create')}
+          >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Judul Program</TableTh>
-                <TableTh style={{ width: '40%' }}>Deskripsi Singkat</TableTh>
-                <TableTh style={{ width: '20%' }}>Jumlah Masyarakat Miskin</TableTh>
-                <TableTh style={{ width: '10%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Judul Program
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '40%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Deskripsi Singkat
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Jumlah Masyarakat Miskin
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '10%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
-                filteredData.map(item => (
+                filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate lineClamp={1}>{item.nama}</Text>
+                      <Text fw={500} fz="md" lh={1.45} truncate lineClamp={1}>
+                        {item.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" truncate lineClamp={2} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                      <Text fz="sm" lh={1.45} truncate lineClamp={2} c="dark.9" dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="md" lh={1.45} fw={500}>
+                        {item.statistik?.jumlah || '-'}
+                      </Text>
                     </TableTd>
-                    <TableTd>{item.statistik?.jumlah || '-'}</TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="blue"
                         onClick={() => router.push(`/admin/ekonomi/program-kemiskinan/${item.id}`)}
+                        fz="sm"
+                        lh={1.4}
                       >
-                        <IconDeviceImac size={20} />
+                        <IconDeviceImac size={18} />
                         <Text ml={5}>Detail</Text>
                       </Button>
                     </TableTd>
@@ -110,7 +177,9 @@ function ListProgramKemiskinan({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data program kemiskinan yang cocok</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data program kemiskinan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -118,6 +187,61 @@ function ListProgramKemiskinan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="sm">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Judul Program
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Deskripsi Singkat
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4} c="dark.9" dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Jumlah Masyarakat Miskin
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.statistik?.jumlah || '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        fullWidth
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/ekonomi/program-kemiskinan/${item.id}`)}
+                        fz="sm"
+                        lh={1.4}
+                      >
+                        <IconDeviceImac size={18} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data program kemiskinan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Pagination */}
@@ -137,25 +261,45 @@ function ListProgramKemiskinan({ search }: { search: string }) {
       </Center>
 
       {/* Chart */}
-      <Box py={10}>
-        <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-          <Title pb={10} order={3}>Grafik Berdasarkan Responden</Title>
+      <Box pt={{ base: 'md', md: 'lg' }}>
+        <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+          <Title order={4} lh={1.2} pb={{ base: 'sm', md: 'md' }}>
+            Grafik Berdasarkan Responden
+          </Title>
           {mounted && lineChart.length > 0 ? (
-            <Box style={{ width: '100%', overflowX: 'auto' }}>
-              <LineChart width={820} height={300} data={lineChart}>
-                <CartesianGrid strokeDasharray="3 3" />
-                <XAxis dataKey="tahun" />
-                <YAxis />
-                <RechartTooltip
-                  formatter={(value: any, name: string) => [`${value} orang`, name]}
-                  labelFormatter={(label: any) => `Tahun: ${label}`}
-                />
-                <Legend />
-                <Line type="monotone" dataKey="jumlah" name="Jumlah per Tahun" stroke={colors['blue-button']} />
-              </LineChart>
+            <Box>
+              <Box
+                component="div"
+                miw={{ base: 320, md: 820 }}
+                mx="auto"
+                style={{ overflowX: 'auto' }}
+              >
+                <LineChart
+                  width={Math.max(320, lineChart.length * 60)}
+                  height={300}
+                  data={lineChart}
+                >
+                  <CartesianGrid strokeDasharray="3 3" />
+                  <XAxis dataKey="tahun" />
+                  <YAxis />
+                  <RechartTooltip
+                    formatter={(value: any) => [`${value} orang`, 'Jumlah']}
+                    labelFormatter={(label: any) => `Tahun: ${label}`}
+                  />
+                  <Legend />
+                  <Line
+                    type="monotone"
+                    dataKey="jumlah"
+                    name="Jumlah per Tahun"
+                    stroke={colors['blue-button']}
+                  />
+                </LineChart>
+              </Box>
             </Box>
           ) : (
-            <Text c='dimmed'>Belum ada data untuk ditampilkan dalam grafik</Text>
+            <Text c="dimmed" fz={{ base: 'xs', md: 'sm' }} lh={1.4}>
+              Belum ada data untuk ditampilkan dalam grafik
+            </Text>
           )}
         </Paper>
       </Box>
@@ -163,4 +307,4 @@ function ListProgramKemiskinan({ search }: { search: string }) {
   );
 }
 
-export default ProgramKemiskinan;
+export default ProgramKemiskinan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
index 51122258..592e7a35 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
@@ -101,7 +101,7 @@ function EditSektorUnggulanDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
index ee8c1561..802e099c 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
@@ -48,7 +48,7 @@ function DetailSektorUnggulanDesa() {
   const data = stateGrafik.findUnique.data;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
@@ -61,7 +61,7 @@ function DetailSektorUnggulanDesa() {
 
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -81,7 +81,9 @@ function DetailSektorUnggulanDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text ta={"justify"} fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.description || '-' }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                <Box pl={8}>
+                  <Text ta={"justify"} fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.description || '-' }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
+                </Box>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
index 09021f87..f5beda9c 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
@@ -57,7 +57,7 @@ function CreateSektorUnggulanDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan back button */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
index 74d1153d..4edd634d 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -58,6 +58,8 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
     load,
   } = state.findMany;
 
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+
   useEffect(() => {
     if (state.findMany.data) {
       setChartData(
@@ -72,14 +74,14 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
   }, [state.findMany.data]);
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
@@ -87,69 +89,131 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
 
   return (
     <Stack gap="md" py="md">
-      {/* List Table */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>List Sektor Unggulan Desa</Title>
-          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/ekonomi/sektor-unggulan-desa/create')}>
+      {/* List Section */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            List Sektor Unggulan Desa
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/ekonomi/sektor-unggulan-desa/create')}
+          >
             Tambah Baru
           </Button>
         </Group>
-        {loading ? (
-          <Skeleton height={300} radius="md" />
-        ) : (
-          <Box style={{ overflowX: 'auto' }}>
-            <Table highlightOnHover>
-              <TableThead>
-                <TableTr>
-                  <TableTh style={{ width: '30%' }}>Nama Sektor</TableTh>
-                  <TableTh style={{ width: '40%' }}>Deskripsi</TableTh>
-                  <TableTh style={{ width: '15%' }}>Detail</TableTh>
-                </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.length > 0 ? (
-                  filteredData.map((item) => (
-                    <TableTr key={item.id}>
-                      <TableTd>
-                        <Box w={200}>
-                          <Text fw={500} truncate="end" lineClamp={1}>
-                            {item.name}
-                          </Text>
-                        </Box>
-                      </TableTd>
-                      <TableTd>
-                        <Box w={200}>
-                          <Text truncate="end" fz="sm" c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.description || '-' }} />
-                        </Box>
-                      </TableTd>
-                      <TableTd>
-                        <Button
-                          variant="light"
-                          color="blue"
-                          onClick={() => router.push(`/admin/ekonomi/sektor-unggulan-desa/${item.id}`)}
-                        >
-                          <IconDeviceImac size={20} />
-                          <Text ml={6}>Detail</Text>
-                        </Button>
-                      </TableTd>
-                    </TableTr>
-                  ))
-                ) : (
-                  <TableTr>
-                    <TableTd colSpan={3}>
-                      <Center py={20}>
-                        <Text color="dimmed">Tidak ada data sektor unggulan yang cocok</Text>
-                      </Center>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
+            <TableThead>
+              <TableTr>
+                <TableTh style={{ width: '35%' }}>Nama Sektor</TableTh>
+                <TableTh style={{ width: '45%' }}>Deskripsi</TableTh>
+                <TableTh style={{ width: '20%' }}>Detail</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end">
+                        {item.name}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text fz="sm" lineClamp={3} fw={500} lh={1.4} c={item.description ? 'inherit' : 'dimmed'} dangerouslySetInnerHTML={{ __html: item.description || '-' }} />
+                    </TableTd>
+                    <TableTd>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/ekonomi/sektor-unggulan-desa/${item.id}`)}
+                        radius="md"
+                        fz="sm"
+                        px="sm"
+                      >
+                        <IconDeviceImac size={18} />
+                        <Text ml={6}>Detail</Text>
+                      </Button>
                     </TableTd>
                   </TableTr>
-                )}
-              </TableTbody>
-            </Table>
-          </Box>
-        )}
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={3}>
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data sektor unggulan yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+
+        {/* Mobile Cards */}
+        <Stack gap="sm" hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="md">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Sektor
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Deskripsi
+                    </Text>
+                    <Box pl={8}>
+                      <Text fz="sm" lineClamp={3} fw={500} lh={1.4} c={item.description ? 'inherit' : 'dimmed'} dangerouslySetInnerHTML={{ __html: item.description || '-' }} />
+                    </Box>
+                  </Box>
+                  <Box>
+                    <Button
+                      variant="light"
+                      color="blue"
+                      onClick={() => router.push(`/admin/ekonomi/sektor-unggulan-desa/${item.id}`)}
+                      fullWidth
+                      mt="xs"
+                      radius="md"
+                      fz="sm"
+                    >
+                      <IconDeviceImac size={18} />
+                      <Text ml={6}>Detail</Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={24}>
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data sektor unggulan yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
+      {/* Pagination */}
       <Center>
         <Pagination
           value={page}
@@ -158,22 +222,20 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
           color="blue"
           radius="md"
         />
       </Center>
 
-      {/* Chart */}
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Title order={4} pb="sm">
+      {/* Chart Section */}
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Title order={4} lh={1.2} pb={{ base: 'sm', md: 'md' }}>
           Grafik Sektor Unggulan Desa
         </Title>
         {loading ? (
           <Skeleton height={350} radius="md" />
         ) : chartData.length > 0 ? (
-          <Box style={{ width: '100%', height: 400 }}>
+          <Box style={{ width: '100%', height: 350 }}>
             <ResponsiveContainer>
               <BarChart data={chartData}>
                 <XAxis dataKey="name" />
@@ -186,7 +248,9 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
           </Box>
         ) : (
           <Center py={50}>
-            <Text c="dimmed">Belum ada data untuk ditampilkan dalam grafik</Text>
+            <Text c="dimmed" fz="sm" lh={1.4}>
+              Belum ada data untuk ditampilkan dalam grafik
+            </Text>
           </Center>
         )}
       </Paper>
@@ -194,4 +258,4 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
   );
 }
 
-export default SektorUnggulanDesa;
+export default SektorUnggulanDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx
deleted file mode 100644
index c85ac68f..00000000
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import colors from '@/con/colors';
-import {
-  ScrollArea,
-  Stack,
-  Tabs,
-  TabsList,
-  TabsPanel,
-  TabsTab,
-  Title
-} from '@mantine/core';
-import {
-  IconBuildingCommunity,
-  IconHierarchy,
-  IconUsers
-} from '@tabler/icons-react';
-import { usePathname, useRouter } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
-
-function LayoutTabs({ children }: { children: React.ReactNode }) {
-  const router = useRouter();
-  const pathname = usePathname();
-
-  const tabs = [
-    {
-      label: "Pegawai",
-      value: "pegawai",
-      href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai",
-      icon: <IconUsers size={18} stroke={1.8} />
-    },
-    {
-      label: "Posisi Organisasi",
-      value: "posisiorganisasi",
-      href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi",
-      icon: <IconHierarchy size={18} stroke={1.8} />
-    },
-    {
-      label: "Struktur Organisasi",
-      value: "strukturorganisasi",
-      href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/struktur-organisasi",
-      icon: <IconBuildingCommunity size={18} stroke={1.8} />
-    }
-  ];
-
-  const currentTab = tabs.find((tab) => tab.href === pathname);
-  const [activeTab, setActiveTab] = useState<string | null>(
-    currentTab?.value || tabs[0].value
-  );
-
-  const handleTabChange = (value: string | null) => {
-    const tab = tabs.find((t) => t.value === value);
-    if (tab) {
-      router.push(tab.href);
-    }
-    setActiveTab(value);
-  };
-
-  useEffect(() => {
-    const match = tabs.find((tab) => tab.href === pathname);
-    if (match) {
-      setActiveTab(match.value);
-    }
-  }, [pathname]);
-
-  return (
-    <Stack gap="lg">
-      <Title order={2} fw={700} style={{ color: "#1A1B1E" }}>
-        Struktur Organisasi & SK Pengurus BUMDesa
-      </Title>
-
-      <Tabs
-        color={colors["blue-button"]}
-        variant="pills"
-        value={activeTab}
-        onChange={handleTabChange}
-        radius="lg"
-        keepMounted={false}
-      >
-        {/* ✅ Scroll horizontal biar rapi kalau label panjang */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                  flexShrink: 0,
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
-
-        {tabs.map((tab, i) => (
-          <TabsPanel
-            key={i}
-            value={tab.value}
-            style={{
-              padding: "1.5rem",
-              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-              borderRadius: "1rem",
-              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-            }}
-          >
-            {children}
-          </TabsPanel>
-        ))}
-      </Tabs>
-    </Stack >
-  );
-}
-
-export default LayoutTabs;
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/layout.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/layout.tsx
deleted file mode 100644
index 57a94a4f..00000000
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/layout.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-'use client'
-
-import LayoutTabs from "./_lib/layoutTabs"
-
-
-export default function Layout({ children }: { children: React.ReactNode }) {
-  return (
-    <LayoutTabs>
-      {children}
-    </LayoutTabs>
-  )
-}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx
deleted file mode 100644
index fd17d099..00000000
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/page.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import colors from '@/con/colors';
-import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title } from '@mantine/core';
-import { IconCheck, IconDeviceImacCog, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../../_com/header';
-import stateStrukturBumDes from '../../../_state/ekonomi/struktur-organisasi/struktur-organisasi';
-
-
-function PegawaiBumDes() {
-  const [search, setSearch] = useState("");
-  return (
-    <Box>
-      <HeaderSearch
-        title='Pegawai BUMDesa'
-        placeholder='pencarian'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
-      <ListPegawaiBumdes search={search} />
-    </Box>
-  );
-}
-
-function ListPegawaiBumdes({ search }: { search: string }) {
-  const stateOrganisasi = useProxy(stateStrukturBumDes.pegawai);
-  const router = useRouter();
-
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = stateOrganisasi.findMany;
-
-  useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
-
-  const filteredData = data || []
-
-  // Handle loading state
-  if (loading || !data) {
-    return (
-      <Stack py={10}>
-        <Skeleton height={300} />
-      </Stack>
-    );
-  }
-
-  if (data.length === 0) {
-    return (
-      <Box py={10}>
-        <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-          <Group justify="space-between" mb="md">
-            <Title order={4}>Daftar Pegawai BUMDesa</Title>
-            <Button
-              leftSection={<IconPlus size={18} />}
-              color="blue"
-              variant="light"
-              onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create')}
-            >
-              Tambah Baru
-            </Button>
-          </Group>
-          <Center py="xl">
-            <Text c="dimmed">Tidak ada data pegawai yang ditemukan</Text>
-          </Center>
-        </Paper>
-      </Box>
-    );
-  }
-  return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pegawai BUMDesa</Title>
-          <Button
-            leftSection={<IconPlus size={18} />}
-            color="blue"
-            variant="light"
-            onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create')}
-          >
-            Tambah Baru
-          </Button>
-        </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama Lengkap</TableTh>
-                <TableTh style={{ width: '20%' }}>Posisi</TableTh>
-                <TableTh style={{ width: '10%' }}>Status</TableTh>
-                <TableTh style={{ width: '10%' }}>Aksi</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {(() => {
-                console.log('Rendering table with items:', stateOrganisasi.findMany.data);
-                return null;
-              })()}
-              {([...filteredData]
-                .sort((a, b) => {
-                  if (a.isActive === b.isActive) {
-                    return a.namaLengkap.localeCompare(b.namaLengkap); // kalau status sama, urut nama
-                  }
-                  return Number(b.isActive) - Number(a.isActive); // aktif duluan
-                }) // Aktif di atas
-              ).map((item) => (
-                <TableTr key={item.id}>
-                  <TableTd>
-                    <Box w={150}>
-                      <Text fw={500} truncate="end" lineClamp={1}>
-                        {item.namaLengkap}
-                      </Text>
-                    </Box>
-                  </TableTd>
-                  <TableTd>
-                    <Box w={150}>
-                      <Badge variant="light" color="blue">
-                        {item.posisi?.nama || 'Belum diatur'}
-                      </Badge>
-                    </Box>
-                  </TableTd>
-                  <TableTd>
-                    <Group gap="xs" wrap="nowrap">
-                      <Box visibleFrom="sm">
-                        <Badge color={item.isActive ? "green" : "red"}>
-                          {item.isActive ? "Aktif" : "Tidak Aktif"}
-                        </Badge>
-                      </Box>
-                      <Box hiddenFrom="sm">
-                        {item.isActive ? (
-                          <ThemeIcon color="green" variant="light" size="sm">
-                            <IconCheck size={16} />
-                          </ThemeIcon>
-                        ) : (
-                          <ThemeIcon color="red" variant="light" size="sm">
-                            <IconX size={16} />
-                          </ThemeIcon>
-                        )}
-                      </Box>
-                    </Group>
-                  </TableTd>
-                  <TableTd>
-                    <Button
-                      size="xs"
-                      radius="md"
-                      variant="light"
-                      color="blue"
-                      leftSection={<IconDeviceImacCog size={16} />}
-                      onClick={() => router.push(`/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/${item.id}`)}
-                    >
-                      Detail
-                    </Button>
-                  </TableTd>
-                </TableTr>
-              ))}
-            </TableTbody>
-          </Table>
-        </Box>
-        <Center mt="lg">
-          <Pagination
-            value={page}
-            onChange={(newPage) => {
-              load(newPage, 10);
-              window.scrollTo(0, 0);
-            }}
-            total={totalPages}
-            withEdges
-            withControls
-            radius="md"
-          />
-        </Center>
-      </Paper>
-    </Box>
-  );
-}
-
-export default PegawaiBumDes;
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx
deleted file mode 100644
index bf9dc0a2..00000000
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/page.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-'use client'
-import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-import { useState } from 'react';
-import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../../_com/header';
-import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
-import stateStrukturBumDes from '../../../_state/ekonomi/struktur-organisasi/struktur-organisasi';
-
-
-function PosisiOrganisasiBumDes() {
-  const [search, setSearch] = useState("");
-  return (
-    <Box>
-      <HeaderSearch
-        title='Posisi Organisasi BUMDes'
-        placeholder='Cari posisi organisasi...'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
-      <ListPosisiOrganisasiBumDes search={search} />
-    </Box>
-  );
-}
-
-function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
-  const stateOrganisasi = useProxy(stateStrukturBumDes.posisiOrganisasi)
-  const router = useRouter();
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = stateOrganisasi.findMany;
-
-  useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
-
-  const handleHapus = async () => {
-    if (selectedId) {
-      await stateOrganisasi.delete.byId(selectedId);
-      setModalHapus(false)
-      setSelectedId(null)
-    }
-  }
-
-  const filteredData = data || []
-
-  if (loading || !data) {
-    return (
-      <Stack py={10}>
-        <Skeleton height={600} radius="md" />
-      </Stack>
-    );
-  }
-
-  return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Posisi Organisasi BumDes</Title>
-          <Button
-            leftSection={<IconPlus size={18} />}
-            color="blue"
-            variant="light"
-            onClick={() => router.push('/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create')}
-          >
-            Tambah Baru
-          </Button>
-        </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ width: '20%' }}>Nama Posisi</TableTh>
-                <TableTh style={{ width: '20%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '20%' }}>Hierarki</TableTh>
-                <TableTh style={{ width: '20%' }}>Edit</TableTh>
-                <TableTh style={{ width: '20%' }}>Hapus</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length > 0 ? (
-                filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.nama}</Text>
-                    </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Box w={200}>
-                        <Text lineClamp={1} fz="sm" c="dimmed" dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }} />
-                      </Box>
-                    </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text>{item.hierarki || '-'}</Text>
-                    </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Button
-                        variant="light"
-                        color="green"
-                        size="sm"
-                        onClick={() => router.push(`/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/${item.id}`)}
-                      >
-                        <IconEdit size={18} />
-                      </Button>
-                    </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Button
-                        variant="light"
-                        color="red"
-                        size="sm"
-                        onClick={() => {
-                          setSelectedId(item.id);
-                          setModalHapus(true);
-                        }}
-                      >
-                        <IconTrash size={18} />
-                      </Button>
-                    </TableTd>
-                  </TableTr>
-                ))
-              ) : (
-                <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data posisi organisasi yang cocok</Text>
-                    </Center>
-                  </TableTd>
-                </TableTr>
-              )}
-            </TableTbody>
-          </Table>
-        </Box>
-      </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10, search);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
-      {/* Modal Hapus */}
-      <ModalKonfirmasiHapus
-        opened={modalHapus}
-        onClose={() => setModalHapus(false)}
-        onConfirm={handleHapus}
-        text="Apakah anda yakin ingin menghapus posisi organisasi BumDes ini?"
-      />
-    </Box>
-  );
-}
-
-export default PosisiOrganisasiBumDes;
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
index 3429f21d..aba452dc 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
@@ -1,5 +1,6 @@
 'use client'
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
+import { ModalKonfirmasiNonAktif } from '@/app/admin/(dashboard)/_com/modalNonaktif';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
 import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
@@ -186,7 +187,7 @@ function DetailPegawai() {
       />
 
       {/* Modal NonActive */}
-      <ModalKonfirmasiHapus
+      <ModalKonfirmasiNonAktif
         opened={modalNonActive}
         onClose={() => setModalNonActive(false)}
         onConfirm={handleNonActive}
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index 6574cdb7..02509bfd 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -223,8 +223,8 @@ export const devBar = [
       },
       {
         id: "Ekonomi_3",
-        name: "Struktur Organisasi Dan Sk Pengurus Bumdesa",
-        path: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai"
+        name: "Struktur Organisasi Dan Sk Pengurus BumDes",
+        path: "/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai"
       },
       {
         id: "Ekonomi_4",
@@ -628,7 +628,7 @@ export const navBar = [
       {
         id: "Ekonomi_3",
         name: "Struktur Organisasi Dan Sk Pengurus Bumdesa",
-        path: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai"
+        path: "/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai"
       },
       {
         id: "Ekonomi_4",
@@ -990,7 +990,7 @@ export const role1 = [
       {
         id: "Ekonomi_3",
         name: "Struktur Organisasi Dan Sk Pengurus Bumdesa",
-        path: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai"
+        path: "/admin/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai"
       },
       {
         id: "Ekonomi_4",
diff --git a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/[id]/page.tsx b/src/app/darmasaba/(pages)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/[id]/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/[id]/page.tsx
rename to src/app/darmasaba/(pages)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/[id]/page.tsx
diff --git a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/page.tsx
similarity index 99%
rename from src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
rename to src/app/darmasaba/(pages)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/page.tsx
index 8432fb34..23cc5ccc 100644
--- a/src/app/darmasaba/(pages)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/page.tsx
@@ -509,7 +509,7 @@ function NodeCard({ node, router }: any) {
                 mt={8}
                 radius="md"
                 onClick={() =>
-                  router.push(`/darmasaba/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/${node.data.id}`)
+                  router.push(`/darmasaba/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/${node.data.id}`)
                 }
                 style={{
                   height: 32,
diff --git a/src/app/darmasaba/_com/searchUrl.tsx b/src/app/darmasaba/_com/searchUrl.tsx
index 2eca0785..7e87139b 100644
--- a/src/app/darmasaba/_com/searchUrl.tsx
+++ b/src/app/darmasaba/_com/searchUrl.tsx
@@ -47,7 +47,7 @@ const getDetailUrl = (item: { type?: string; id: string | number;[key: string]:
     tipsKeamanan: () => '/darmasaba/keamanan/tips-keamanan',
     pasarDesa: () => '/darmasaba/ekonomi/pasar-desa',
     lowonganKerjaLokal: () => '/darmasaba/ekonomi/lowongan-kerja-lokal',
-    strukturOrganisasi: () => '/darmasaba/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa',
+    strukturOrganisasi: () => '/darmasaba/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes',
     jumlahPendudukUsiaKerjaYangMenganggurUsia: () => '/darmasaba/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur',
     jumlahPendudukUsiaKerjaYangMenganggurPendidikan: () => '/darmasaba/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur',
     jumlahPendudukMiskin: () => '/darmasaba/ekonomi/jumlah-penduduk-miskin',
diff --git a/src/con/navbar-list-menu.ts b/src/con/navbar-list-menu.ts
index 35fbebc2..b78fb6f8 100644
--- a/src/con/navbar-list-menu.ts
+++ b/src/con/navbar-list-menu.ts
@@ -183,7 +183,7 @@ const navbarListMenu = [
             {
                 id: "5.3",
                 name: "Struktur Organisasi dan SK Pengurus BUMDesa",
-                href: "/darmasaba/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa"
+                href: "/darmasaba/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes"
             },
             {
                 id: "5.4",
-- 
2.49.1


From 50bc54ceca203bdcb69a1b9b15780986f1d9aa43 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 24 Dec 2025 14:36:51 +0800
Subject: [PATCH 61/97] Fix QC Kak Inno 22 Des Fix QC Kak Ayu 22 Des Fix
 Tampilan Admin Menu Inovasi

---
 .../ekonomi/program-kemiskinan/page.tsx       |   2 +-
 .../inovasi/ajukan-ide-inovatif/[id]/page.tsx |   4 +-
 .../inovasi/ajukan-ide-inovatif/page.tsx      |   7 +-
 .../[id]/edit/page.tsx                        |   2 +-
 .../desa-digital-smart-village/[id]/page.tsx  |   8 +-
 .../create/page.tsx                           |   2 +-
 .../desa-digital-smart-village/page.tsx       | 135 ++++++++---
 .../[id]/edit/page.tsx                        |   2 +-
 .../info-teknologi-tepat-guna/[id]/page.tsx   |   4 +-
 .../info-teknologi-tepat-guna/create/page.tsx |   2 +-
 .../info-teknologi-tepat-guna/page.tsx        | 117 ++++++++--
 .../kolaborasi-inovasi/_lib/layoutTabs.tsx    | 100 +++++---
 .../inovasi/kolaborasi-inovasi/layout.tsx     |  22 ++
 .../[id]/edit/page.tsx                        |   2 +-
 .../list-kolaborasi-inovasi/[id]/page.tsx     |   2 +-
 .../list-kolaborasi-inovasi/create/page.tsx   |   2 +-
 .../list-kolaborasi-inovasi/page.tsx          | 195 ++++++++++++----
 .../mitra-kolaborasi/[id]/page.tsx            |   2 +-
 .../mitra-kolaborasi/create/page.tsx          |   2 +-
 .../mitra-kolaborasi/page.tsx                 | 191 +++++++++++++---
 .../layanan-online-desa/_lib/layoutTabs.tsx   | 101 +++++---
 .../administrasi-online/[id]/page.tsx         |   4 +-
 .../administrasi-online/page.tsx              | 106 +++++++--
 .../jenis-layanan/[id]/edit/page.tsx          |   2 +-
 .../jenis-layanan/[id]/page.tsx               |   4 +-
 .../jenis-layanan/create/page.tsx             |   2 +-
 .../jenis-layanan/page.tsx                    | 162 ++++++++++---
 .../jenis-pengaduan/[id]/page.tsx             |   2 +-
 .../jenis-pengaduan/create/page.tsx           |   2 +-
 .../jenis-pengaduan/page.tsx                  | 121 ++++++++--
 .../inovasi/layanan-online-desa/layout.tsx    |  21 ++
 .../pengaduan-masyarakat/[id]/page.tsx        |   4 +-
 .../pengaduan-masyarakat/page.tsx             | 133 ++++++++---
 .../program-kreatif-desa/[id]/edit/page.tsx   |   2 +-
 .../program-kreatif-desa/[id]/page.tsx        |   4 +-
 .../program-kreatif-desa/create/page.tsx      |   2 +-
 .../inovasi/program-kreatif-desa/page.tsx     | 215 +++++++++++++-----
 .../_lib/layoutTabs.tsx                       | 101 +++++---
 .../pengelolaan-sampah-bank-sampah/layout.tsx |  22 ++
 39 files changed, 1417 insertions(+), 396 deletions(-)

diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
index 85ea1b44..51291899 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
@@ -194,7 +194,7 @@ function ListProgramKemiskinan({ search }: { search: string }) {
             {filteredData.length > 0 ? (
               filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="md" radius="sm">
-                  <Stack gap={4}>
+                  <Stack gap={"xs"}>
                     <Box>
                       <Text fz="sm" fw={600} lh={1.4}>
                         Judul Program
diff --git a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
index 51a1ab7f..27d48063 100644
--- a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailAjukanIdeInofativDesa() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailAjukanIdeInofativDesa() {
       {/* Card Utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "80%", lg: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
index 24bdbd06..b4cdd99f 100644
--- a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
@@ -17,7 +17,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -44,6 +44,7 @@ function AjukanIdeInovatif() {
 function ListAjukanIdeInovatif({ search }: { search: string }) {
   const state = useProxy(ajukanIdeInovatifState)
   const router = useRouter()
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const {
     data,
@@ -54,8 +55,8 @@ function ListAjukanIdeInovatif({ search }: { search: string }) {
   } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
   const filteredData = data || []
 
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
index f22190da..350cbd38 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
@@ -111,7 +111,7 @@ function EditDigitalSmartVillage() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
index 236f2b17..2ff93106 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
@@ -49,7 +49,7 @@ function DetailDesaDigital() {
   const data = stateDesaDigital.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -63,7 +63,7 @@ function DetailDesaDigital() {
       {/* Card Utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -77,12 +77,12 @@ function DetailDesaDigital() {
           {/* Sub Card Detail */}
           <Paper bg="#ECEEF8" p="md" radius="md" shadow="xs">
             <Stack gap="sm">
-              <Box>
+              <Box pl={5}>
                 <Text fz="lg" fw="bold">Judul</Text>
                 <Text fz="md" c="dimmed">{data?.name || '-'}</Text>
               </Box>
 
-              <Box>
+              <Box pl={5}>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
                 <Text
                   fz="md"
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
index 74e1bd82..56426951 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
@@ -73,7 +73,7 @@ export default function CreateDesaDigital() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan tombol kembali */}
       <Group mb="md" align="center">
         <Button
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
index 72d12073..273fada0 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,28 +45,31 @@ function DesaDigitalSmartVillage() {
 function ListDesaDigitalSmartVillage({ search }: { search: string }) {
   const state = useProxy(desaDigitalState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="lg">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>List Desa Digital Smart Village</Title>
+          <Title order={4} lh={1.2}>
+            List Desa Digital Smart Village
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -78,15 +81,34 @@ function ListDesaDigitalSmartVillage({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="sm">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Nama Inovasi</TableTh>
-                <TableTh style={{ width: '50%' }}>
-                  Deskripsi Singkat Inovasi
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama Inovasi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '50%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Deskripsi Singkat Inovasi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Aksi
+                  </Text>
                 </TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -94,21 +116,18 @@ function ListDesaDigitalSmartVillage({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Box w={200}>
-                        <Text fw={500} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </Box>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text
-                          fz="sm"
-                          c="dimmed"
-                          lineClamp={1}
-                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
-                        />
-                      </Box>
+                      <Text
+                        fz="sm"
+                        c="dimmed"
+                        lh={1.5}
+                        lineClamp={1}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
                     </TableTd>
                     <TableTd>
                       <Button
@@ -121,7 +140,9 @@ function ListDesaDigitalSmartVillage({ search }: { search: string }) {
                         }
                       >
                         <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -129,8 +150,8 @@ function ListDesaDigitalSmartVillage({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data inovasi digital yang cocok
                       </Text>
                     </Center>
@@ -140,6 +161,64 @@ function ListDesaDigitalSmartVillage({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="sm">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="md">
+                  <Stack gap={4}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Inovasi
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.5}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Deskripsi Singkat Inovasi
+                      </Text>
+                      <Box pl={5}>
+                        <Text
+                          fz="sm"
+                          fw={500}
+                          lh={1.5}
+                          dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        />
+                      </Box>
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        fullWidth
+                        onClick={() =>
+                          router.push(
+                            `/admin/inovasi/desa-digital-smart-village/${item.id}`
+                          )
+                        }
+                      >
+                        <IconDeviceImac size={20} />
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data inovasi digital yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
       <Center>
         <Pagination
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
index 6afa83e5..e8f2d36c 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
@@ -123,7 +123,7 @@ function EditInfoTeknologiTepatGuna() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol back + title */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
index 1ddee92a..17b87de5 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailInfoTeknologiTepatGuna() {
   const data = stateInfoTekno.findUnique.data
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailInfoTeknologiTepatGuna() {
       {/* Card Utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
index 644e1e8d..035d6c0c 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
@@ -74,7 +74,7 @@ function CreateInfoTeknologiTepatGuna() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
index fe766900..dcac66fc 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -16,9 +16,9 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,28 +45,31 @@ function InfoTeknologiTepatGuna() {
 function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
   const state = useProxy(infoTeknoState);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'lg' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Info Teknologi Tepat Guna</Title>
+          <Title order={4} lh={1.2}>
+            Daftar Info Teknologi Tepat Guna
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -79,40 +82,57 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
                 <TableTh style={{ width: '30%' }}>
-                  Nama Info Teknologi
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama Info Teknologi
+                  </Text>
                 </TableTh>
                 <TableTh style={{ width: '50%' }}>
-                  Deskripsi Singkat
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Deskripsi Singkat
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Aksi
+                  </Text>
                 </TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '30%' }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.name}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '50%' }}>
+                    <TableTd>
                       <Text
+                        fz="sm"
+                        lh={1.5}
+                        c="dimmed"
                         lineClamp={1}
                         truncate
-                        fz="sm"
-                        c="dimmed"
                         dangerouslySetInnerHTML={{
                           __html: item.deskripsi || '-',
                         }}
                       />
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
+                    <TableTd>
                       <Button
                         size="xs"
                         radius="md"
@@ -134,7 +154,7 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={3}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text fz="sm" c="dimmed" ta="center">
                         Tidak ada data Info Teknologi yang cocok
                       </Text>
                     </Center>
@@ -144,6 +164,61 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="xs">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="md">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz={"sm"} fw={600} lh={1.4}>
+                      Nama Info Teknologi
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz={"sm"} fw={600} lh={1.4}>
+                      Deskripsi Singkat
+                    </Text>
+                    <Text
+                      fz="sm"
+                      fw={500}
+                      lh={1.4}
+                      dangerouslySetInnerHTML={{
+                        __html: item.deskripsi || '-',
+                      }}
+                    />
+                  </Box>
+                  <Group justify="flex-end">
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImac size={16} />}
+                      onClick={() =>
+                        router.push(
+                          `/admin/inovasi/info-teknologi-tepat-guna/${item.id}`,
+                        )
+                      }
+                    >
+                      Detail
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text fz="sm" c="dimmed" ta="center">
+                Tidak ada data Info Teknologi yang cocok
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       <Center>
@@ -164,4 +239,4 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
   );
 }
 
-export default InfoTeknologiTepatGuna;
+export default InfoTeknologiTepatGuna;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx
index c208cdac..7ee9bba3 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconListDetails, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -57,36 +57,76 @@ function LayoutTabsKolaborasi({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper biar rapi */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
 
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
+          >
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
         {tabs.map((tab, i) => (
           <TabsPanel
             key={i}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/layout.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/layout.tsx
index 5e639e29..dd5dbe55 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/layout.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
 import React from 'react';
 import LayoutTabsKolaborasi from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabsKolaborasi>
       {children}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
index 531aca12..d07058ef 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
@@ -118,7 +118,7 @@ function EditKolaborasiInovasi() {
   };
 
   return (
-    <Box px={{ base: "sm", md: "lg" }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors["blue-button"]} size={24} />
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
index 577f963f..3534971a 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailKolaborasiInovasi() {
   const data = kolaborasiState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
index deca2518..698822e7 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
@@ -55,7 +55,7 @@ function CreateProgramKreatifDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back Button */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
index 576ea0c4..ea69ed22 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
@@ -19,6 +19,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
+import { useDebouncedValue } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -45,69 +46,107 @@ function KolaborasiInovasi() {
 function ListKolaborasiInovasi({ search }: { search: string }) {
   const listState = useProxy(kolaborasiInovasiState);
   const router = useRouter();
-
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const { data, loading, page, totalPages, load } = listState.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'xs', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
+
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kolaborasi Inovasi</Title>
+    <Box py={{ base: 'xs', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Kolaborasi Inovasi
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create')}
+            onClick={() =>
+              router.push('/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create')
+            }
           >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '5%' }}>No</TableTh>
-                <TableTh style={{ width: '25%' }}>Nama Kolaborasi Inovasi</TableTh>
-                <TableTh style={{ width: '15%' }}>Tahun</TableTh>
-                <TableTh style={{ width: '35%' }}>Deskripsi Singkat</TableTh>
-                <TableTh style={{ width: '10%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '5%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="center">
+                    No
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Nama Kolaborasi Inovasi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="center">
+                    Tahun
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '35%' }}>
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Deskripsi Singkat
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '10%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="center">
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd>{index + 1}</TableTd>
-                    <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
-                        {item.name}
+                    <TableTd ta="center">
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {index + 1}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed">
+                      <Text fz="sm" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
+                    </TableTd>
+                    <TableTd ta="center">
+                      <Text fz="sm" fw={500} lh={1.45}>
                         {item.tahun}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" truncate="end" lineClamp={1} c="dimmed">
+                      <Text fz="sm" fw={500} lh={1.45} truncate="end" lineClamp={1}>
                         {item.slug}
                       </Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd ta="center">
                       <Button
                         size="xs"
                         radius="md"
@@ -115,7 +154,9 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
                         color="blue"
                         leftSection={<IconDeviceImac size={16} />}
                         onClick={() =>
-                          router.push(`/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/${item.id}`)
+                          router.push(
+                            `/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/${item.id}`
+                          )
                         }
                       >
                         Detail
@@ -127,7 +168,9 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={5}>
                     <Center py={20}>
-                      <Text color="dimmed">Tidak ada data kolaborasi inovasi yang tersedia</Text>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data kolaborasi inovasi yang tersedia
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -135,23 +178,95 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item, index) => (
+                <Paper key={item.id} withBorder radius="md" p="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        No
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {index + 1}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Kolaborasi Inovasi
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Tahun
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.tahun}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Deskripsi Singkat
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.slug}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        fullWidth
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImac size={16} />}
+                        onClick={() =>
+                          router.push(
+                            `/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/${item.id}`
+                          )
+                        }
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data kolaborasi inovasi yang tersedia
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+
+      {totalPages > 1 && (
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt={{ base: 'sm', md: 'md' }}
+            mb={{ base: 'sm', md: 'md' }}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
     </Box>
   );
 }
 
-export default KolaborasiInovasi;
+export default KolaborasiInovasi;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
index ce4516a7..a14a850b 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
@@ -136,7 +136,7 @@ function EditMitraKolaborasi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
index 195c1ab2..c6c77ad2 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
@@ -68,7 +68,7 @@ function CreateMitraKolaborasi() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back Button + Title */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
index 9fde4fb1..17cc203f 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
@@ -18,7 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
 import { IconEdit, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -27,6 +27,7 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import mitraKolaborasi from '../../../_state/inovasi/mitra-kolaborasi';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function MitraKolaborasi() {
   const [search, setSearch] = useState('');
@@ -59,27 +60,34 @@ function ListMitraKolaborasi({ search }: { search: string }) {
     }
   };
 
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+
   const { data, loading, page, totalPages, load } = listState.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="lg">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Mitra Kolaborasi</Title>
+        <Group justify="space-between" mb="lg">
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.15 }}
+          >
+            Daftar Mitra Kolaborasi
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -93,41 +101,82 @@ function ListMitraKolaborasi({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '10%' }}>No</TableTh>
-                <TableTh style={{ width: '30%' }}>Nama Mitra</TableTh>
-                <TableTh style={{ width: '25%' }}>Image</TableTh>
-                <TableTh style={{ width: '15%' }}>Delete</TableTh>
-                <TableTh style={{ width: '15%' }}>Edit</TableTh>
+                <TableTh style={{ width: '10%' }}>
+                  <Text fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.4}>
+                    No
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.4}>
+                    Nama Mitra
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.4}>
+                    Image
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.4}>
+                    Delete
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz={{ base: 'sm', md: 'md' }} fw={600} lh={1.4}>
+                    Edit
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd>{index + 1}</TableTd>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz={{ base: 'xs', md: 'sm' }} fw={500} lh={1.5}>
+                        {index + 1}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text
+                        fz={{ base: 'sm', md: 'md' }}
+                        fw={500}
+                        lh={1.5}
+                        truncate="end"
+                        lineClamp={1}
+                      >
                         {item.name}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Box
-                        w={70}
-                        h={70}
-                      >
+                      <Box w={70} h={70}>
                         {item.image?.link ? (
                           <Image
                             loading="lazy"
                             src={item.image.link}
                             alt={item.name}
                             fit="cover"
+                            radius="sm"
                           />
                         ) : (
-                          <Box bg={colors['blue-button']} w="100%" h="100%" />
+                          <Box
+                            bg={colors['blue-button']}
+                            w="100%"
+                            h="100%"
+                          />
                         )}
                       </Box>
                     </TableTd>
@@ -167,8 +216,8 @@ function ListMitraKolaborasi({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" ta="center">
                         Tidak ada data mitra kolaborasi yang tersedia
                       </Text>
                     </Center>
@@ -178,7 +227,96 @@ function ListMitraKolaborasi({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item, index) => (
+                <Paper key={item.id} withBorder p="md" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        No
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {index + 1}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Mitra
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Image
+                      </Text>
+                      <Box w="100%" h={60} mt="xs">
+                        {item.image?.link ? (
+                          <Image
+                            loading="lazy"
+                            src={item.image.link}
+                            alt={item.name}
+                            fit="cover"
+                            radius="sm"
+                            h="100%"
+                          />
+                        ) : (
+                          <Box
+                            bg={colors['blue-button']}
+                            w="100%"
+                            h="100%"
+                          />
+                        )}
+                      </Box>
+                    </Box>
+                    <Group justify="flex-end" mt="md" gap="xs">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="red"
+                        disabled={mitraKolaborasi.delete.loading || !item}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconX size={16} />
+                      </Button>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="green"
+                        disabled={!item}
+                        onClick={() =>
+                          router.push(
+                            `/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" ta="center">
+                  Tidak ada data mitra kolaborasi yang tersedia
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -187,14 +325,13 @@ function ListMitraKolaborasi({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
+          mt="lg"
+          mb="lg"
           color="blue"
           radius="md"
         />
       </Center>
 
-      {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}
         onClose={() => setModalHapus(false)}
@@ -205,4 +342,4 @@ function ListMitraKolaborasi({ search }: { search: string }) {
   );
 }
 
-export default MitraKolaborasi;
+export default MitraKolaborasi;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx
index b12c50be..cddf9e8e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/_lib/layoutTabs.tsx
@@ -2,6 +2,7 @@
 'use client'
 import colors from '@/con/colors';
 import {
+  Box,
   ScrollArea,
   Stack,
   Tabs,
@@ -84,36 +85,76 @@ function LayoutTabsLayananOnlineDesa({ children }: { children: React.ReactNode }
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal biar gak overflow */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
-
+         <Box visibleFrom='md' pb={10}>
+                  <ScrollArea type="auto" offsetScrollbars>
+                    <TabsList
+                      p="sm"
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            transition: "all 0.2s ease",
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
+        
+                <Box hiddenFrom='md' pb={10}>
+                  <ScrollArea
+                    type="auto"
+                    offsetScrollbars={false}
+                    w="100%"
+                  >
+        
+                    <TabsList
+                      p="xs" // lebih kecil
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        width: "max-content", // ⬅️ kunci
+                        maxWidth: "100%",     // ⬅️ penting
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            paddingInline: "0.75rem", // ⬅️ lebih ramping
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
         {tabs.map((tab, i) => (
           <TabsPanel
             key={i}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx
index 72f2ddd8..859dfd29 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/[id]/page.tsx
@@ -42,8 +42,8 @@ function DetailAdministrasiOnline() {
   const data = stateAdminOnline.findUnique.data;
 
   return (
-    <Box py={10}>
-      <Group justify='space-between' align='center' w={{ base: "100%", md: "50%" }} mb={10}>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
+      <Group justify='space-between' align='center' w={{ base: "100%", md: "70%" }} mb={10}>
         {/* Tombol Kembali */}
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx
index b3f7a4f6..d351b431 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx
@@ -17,7 +17,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -44,36 +44,55 @@ function AdministrasiOnline() {
 function ListAdministrasiOnline({ search }: { search: string }) {
   const state = useProxy(layananonlineDesa.administrasiOnline);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-          <Title order={4}>Daftar Administrasi Online</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Title order={4} lh={1.2} mb={{ base: 'md', md: 'lg' }}>
+          Daftar Administrasi Online
+        </Title>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama</TableTh>
-                <TableTh style={{ width: '25%' }}>Alamat</TableTh>
-                <TableTh style={{ width: '20%' }}>Nomor Telepon</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Alamat</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nomor Telepon</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Aksi</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -81,17 +100,17 @@ function ListAdministrasiOnline({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.name}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed" lineClamp={1}>
+                      <Text fz="sm" c="gray.7" lh={1.5} lineClamp={1}>
                         {item.alamat}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed" lineClamp={1}>
+                      <Text fz="sm" c="gray.7" lh={1.5} lineClamp={1}>
                         {item.nomorTelepon || '-'}
                       </Text>
                     </TableTd>
@@ -116,8 +135,10 @@ function ListAdministrasiOnline({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data administrasi online yang cocok</Text>
+                    <Center py={24}>
+                      <Text c="gray.6" fz="sm" lh={1.4}>
+                        Tidak ada data administrasi online yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -125,6 +146,55 @@ function ListAdministrasiOnline({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} p="md" withBorder>
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{item.name}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Alamat</Text>
+                      <Text fz="sm" fw={500} c="gray.7" lh={1.5}>{item.alamat}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nomor Telepon</Text>
+                      <Text fz="sm" fw={500} c="gray.7" lh={1.5}>{item.nomorTelepon || '-'}</Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImac size={16} />}
+                        onClick={() =>
+                          router.push(
+                            `/admin/inovasi/layanan-online-desa/administrasi-online/${item.id}`
+                          )
+                        }
+                        fullWidth
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={24}>
+                <Text c="gray.6" fz="sm" lh={1.4}>
+                  Tidak ada data administrasi online yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
index 780a9265..189b40cb 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
@@ -90,7 +90,7 @@ function EditJenisLayanan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
index babc24f3..f6fa5bb2 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailJenisLayanan() {
   const data = state.findUnique.data
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
@@ -54,7 +54,7 @@ function DetailJenisLayanan() {
       {/* Card utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
index 4dc93703..e705115e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
@@ -50,7 +50,7 @@ function CreateJenisLayanan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header dengan tombol back */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
index a1ea1da1..a48cf78e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
@@ -16,9 +16,10 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
+  useMantineTheme
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,28 +46,35 @@ function JenisLayanan() {
 function ListJenisLayanan({ search }: { search: string }) {
   const stateList = useProxy(layananonlineDesa.jenisLayanan);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = stateList.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
+  const theme = useMantineTheme();
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="lg">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Stack py="lg" gap="xl">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Jenis Layanan</Title>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.15 }}
+          >
+            Daftar Jenis Layanan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -80,13 +88,34 @@ function ListJenisLayanan({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Nama Jenis Layanan</TableTh>
-                <TableTh style={{ width: '40%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c={theme.black}>
+                    Nama Jenis Layanan
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '55%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c={theme.black}>
+                    Deskripsi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="center" c={theme.black}>
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -94,16 +123,29 @@ function ListJenisLayanan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd style={{ width: '30%' }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text
+                        fz="md"
+                        fw={500}
+                        lh={1.5}
+                        c={theme.black}
+                        truncate="end"
+                        lineClamp={1}
+                      >
                         {item.nama}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '40%' }}>
-                      <Text fz="sm" c="dimmed" lineClamp={2}>
+                    <TableTd style={{ width: '55%' }}>
+                      <Text
+                        fz="sm"
+                        fw={500}
+                        lh={1.5}
+                        c={theme.black}
+                        lineClamp={2}
+                      >
                         {item.deskripsi || '-'}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd style={{ width: '15%' }} ta="center">
                       <Button
                         size="xs"
                         radius="md"
@@ -124,8 +166,8 @@ function ListJenisLayanan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada jenis layanan yang cocok
                       </Text>
                     </Center>
@@ -135,22 +177,76 @@ function ListJenisLayanan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder radius="md" p="md">
+                  <Stack gap="xs">
+                    <Box pl={5}>
+                      <Text fz="sm" fw={600} lh={1.4} c={theme.black}>
+                        Nama Jenis Layanan
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.5} c={theme.black}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box pl={5}>
+                      <Text fz="sm" fw={600} lh={1.4} c={theme.black}>
+                        Deskripsi
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.5} c={theme.black}>
+                        {item.deskripsi || '-'}
+                      </Text>
+                    </Box>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImac size={16} />}
+                        onClick={() =>
+                          router.push(
+                            `/admin/inovasi/layanan-online-desa/jenis-layanan/${item.id}`
+                          )
+                        }
+                      >
+                        Detail
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada jenis layanan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
-    </Box>
+
+      {totalPages > 1 && (
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt="md"
+            color="blue"
+            radius="md"
+          />
+        </Center>
+      )}
+    </Stack>
   );
 }
 
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
index 5331bc9e..a4917449 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
@@ -105,7 +105,7 @@ function EditJenisPengaduan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
index 9167a525..00b3f210 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
@@ -47,7 +47,7 @@ function CreateJenisPengaduan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
index ecab5a98..da680ee0 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,12 +48,13 @@ function ListJenisPengaduan({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
-  const { data, page, totalPages, loading, load, } = state.findMany;
+  const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleHapus = async () => {
     if (selectedId) {
@@ -63,21 +64,23 @@ function ListJenisPengaduan({ search }: { search: string }) {
     }
   };
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Jenis Pengaduan</Title>
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Jenis Pengaduan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -92,13 +95,33 @@ function ListJenisPengaduan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '60%' }}>Nama Jenis Pengaduan</TableTh>
-                <TableTh style={{ width: '20%' }}>Edit</TableTh>
-                <TableTh style={{ width: '20%' }}>Hapus</TableTh>
+                <TableTh style={{ width: '60%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dimmed">
+                    Nama Jenis Pengaduan
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dimmed">
+                    Edit
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dimmed">
+                    Hapus
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -106,7 +129,7 @@ function ListJenisPengaduan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
                         {item.nama}
                       </Text>
                     </TableTd>
@@ -147,7 +170,7 @@ function ListJenisPengaduan({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={3}>
                     <Center py={20}>
-                      <Text color="dimmed">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada jenis pengaduan yang cocok
                       </Text>
                     </Center>
@@ -157,6 +180,63 @@ function ListJenisPengaduan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Jenis Pengaduan
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="green"
+                        leftSection={<IconEdit size={16} />}
+                        onClick={() =>
+                          router.push(
+                            `/admin/inovasi/layanan-online-desa/jenis-pengaduan/${item.id}`
+                          )
+                        }
+                      >
+                        Edit
+                      </Button>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="red"
+                        leftSection={<IconTrash size={16} />}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        Hapus
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada jenis pengaduan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
@@ -167,14 +247,13 @@ function ListJenisPengaduan({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
+          mt={{ base: 'sm', md: 'md' }}
+          mb={{ base: 'sm', md: 'md' }}
           color="blue"
           radius="md"
         />
       </Center>
 
-      {/* Modal Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}
         onClose={() => setModalHapus(false)}
@@ -185,4 +264,4 @@ function ListJenisPengaduan({ search }: { search: string }) {
   );
 }
 
-export default JenisPengaduan;
+export default JenisPengaduan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/layout.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/layout.tsx
index dcb53527..dcecdd2e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/layout.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/layout.tsx
@@ -1,7 +1,28 @@
 'use client'
+import { Box } from "@mantine/core";
 import LayoutTabsLayananOnlineDesa from "./_lib/layoutTabs";
+import { usePathname } from "next/navigation";
 
 function Layout({ children }: { children: React.ReactNode }) {
+    const pathname = usePathname();
+    
+      // Contoh path:
+      // - /darmasaba/desa/berita/semua → panjang 5 → list
+      // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+      // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+    
+      const segments = pathname.split('/').filter(Boolean);
+      const isDetailPage = segments.length >= 5;
+    
+      if (isDetailPage) {
+        // Tampilkan tanpa tab menu
+        return (
+          <Box>
+            {children}
+          </Box>
+        );
+      }
+    
     return (
         <LayoutTabsLayananOnlineDesa>
             {children}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
index 9ab1109e..070d6d11 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailPengaduanMasyarakat() {
   const data = pengaduanState.pengaduanMasyarakat.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -55,7 +55,7 @@ function DetailPengaduanMasyarakat() {
       {/* Card Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
index 429bc44f..20c657e7 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
@@ -19,8 +19,7 @@ import {
   Title
 } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
-
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -46,6 +45,7 @@ function PengaduanMasyarakat() {
 function ListPengaduanMasyarakat({ search }: { search: string }) {
   const listState = useProxy(layananonlineDesa.pengaduanMasyarakat);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
   const {
     data,
     page,
@@ -55,56 +55,84 @@ function ListPengaduanMasyarakat({ search }: { search: string }) {
   } = listState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pengaduan Masyarakat</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        {/* Section Header */}
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Pengaduan Masyarakat
+          </Title>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama</TableTh>
-                <TableTh style={{ width: '25%' }}>Email</TableTh>
-                <TableTh style={{ width: '20%' }}>Nomor Telepon</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Email</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nomor Telepon</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Aksi</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text fz="sm" c="dimmed" truncate lineClamp={1}>{item.email}</Text>
+                    <TableTd>
+                      <Text fz="sm" c="dimmed" lh={1.5} truncate lineClamp={1}>
+                        {item.email}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text fz="sm" c="dimmed" truncate lineClamp={1}>{item.nomorTelepon}</Text>
+                    <TableTd>
+                      <Text fz="sm" c="dimmed" lh={1.5} truncate lineClamp={1}>
+                        {item.nomorTelepon}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         size="xs"
                         radius="md"
                         variant="light"
                         color="blue"
                         leftSection={<IconDeviceImac size={16} />}
-                        onClick={() => router.push(`/admin/inovasi/layanan-online-desa/pengaduan-masyarakat/${item.id}`)}
+                        onClick={() =>
+                          router.push(`/admin/inovasi/layanan-online-desa/pengaduan-masyarakat/${item.id}`)
+                        }
                       >
                         Detail
                       </Button>
@@ -114,8 +142,10 @@ function ListPengaduanMasyarakat({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data pengaduan yang cocok</Text>
+                    <Center py={{ base: 'sm', md: 'lg' }}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data pengaduan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -123,7 +153,56 @@ function ListPengaduanMasyarakat({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={'xs'}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                      <Text fz="sm" fw={500} lh={1.45}>{item.name}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Email</Text>
+                      <Text fz="sm" c="dimmed" fw={500} lh={1.45}>{item.email}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nomor Telepon</Text>
+                      <Text fz="sm" c="dimmed" fw={500} lh={1.45}>{item.nomorTelepon}</Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImac size={16} />}
+                        onClick={() =>
+                          router.push(`/admin/inovasi/layanan-online-desa/pengaduan-masyarakat/${item.id}`)
+                        }
+                        fullWidth
+                      >
+                        Detail
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="lg">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data pengaduan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
+
+      {/* Pagination */}
       <Center>
         <Pagination
           value={page}
@@ -142,4 +221,4 @@ function ListPengaduanMasyarakat({ search }: { search: string }) {
   );
 }
 
-export default PengaduanMasyarakat;
+export default PengaduanMasyarakat;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
index 294d25b0..baaba7c0 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
@@ -160,7 +160,7 @@ function EditProgramKreatifDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
index f681a429..1cf3342d 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailProgramKreatifDesa() {
   const data = stateProgramKreatif.findUnique.data
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -53,7 +53,7 @@ function DetailProgramKreatifDesa() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "50%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
index b1505836..ee861f65 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
@@ -52,7 +52,7 @@ function CreateProgramKreatifDesa() {
 
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
index 7b7a647b..fa3cfc93 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
@@ -18,7 +18,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
 import {
   IconCash,
@@ -50,9 +50,10 @@ import React, { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import programKreatifState from '../../_state/inovasi/program-kreatif';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function ProgramKreatifDesa() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -71,12 +72,13 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
   const listState = useProxy(programKreatifState);
   const { data, loading, page, totalPages, load } = listState.findMany;
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   const iconMap: Record<string, React.FC<any>> = {
     ekowisata: IconLeaf,
@@ -103,7 +105,7 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'xl' }}>
         <Skeleton height={650} radius="md" />
       </Stack>
     );
@@ -111,35 +113,44 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
 
   if (data.length === 0) {
     return (
-      <Box py={10}>
-        <Paper p="md" radius="md" shadow="sm" withBorder>
-          <Stack>
-            <Group justify="space-between" mb="md">
-              <Title order={4}>Daftar Program Kreatif Desa</Title>
+      <Box py={{ base: 'sm', md: 'xl' }}>
+        <Paper p="lg" radius="md" shadow="sm" withBorder>
+          <Stack gap="xl">
+            <Group justify="space-between" wrap="nowrap">
+              <Title order={4} lh={1.15}>
+                Daftar Program Kreatif Desa
+              </Title>
               <Button
                 leftSection={<IconPlus size={18} />}
                 color="blue"
                 variant="light"
                 onClick={() =>
-                  router.push(
-                    '/admin/inovasi/program-kreatif-desa/create'
-                  )
+                  router.push('/admin/inovasi/program-kreatif-desa/create')
                 }
               >
                 Tambah Baru
               </Button>
             </Group>
-            <Table highlightOnHover striped>
-              <TableThead>
-                <TableTr>
-                  <TableTh>No</TableTh>
-                  <TableTh>Nama Program Kreatif Desa</TableTh>
-                  <TableTh>Deskripsi Singkat</TableTh>
-                  <TableTh>Ikon</TableTh>
-                  <TableTh>Detail</TableTh>
-                </TableTr>
-              </TableThead>
-            </Table>
+
+            <Box visibleFrom="md">
+              <Table
+                highlightOnHover
+                miw={0}
+                striped
+                style={{ tableLayout: 'fixed', width: '100%' }}
+              >
+                <TableThead>
+                  <TableTr>
+                    <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
+                    <TableTh style={{ width: '20%' }}>Nama Program Kreatif Desa</TableTh>
+                    <TableTh style={{ width: '35%' }}>Deskripsi Singkat</TableTh>
+                    <TableTh style={{ width: '10%', textAlign: 'center' }}>Ikon</TableTh>
+                    <TableTh style={{ width: '15%', textAlign: 'center' }}>Detail</TableTh>
+                  </TableTr>
+                </TableThead>
+              </Table>
+            </Box>
+
             <Text ta="center" c="dimmed" py="lg">
               Tidak ada data program kreatif desa yang tersedia
             </Text>
@@ -150,7 +161,7 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
   }
 
   return (
-    <Box py={10}>
+    <Box py={{ base: 'sm', md: 'xl' }}>
       <Paper
         withBorder
         bg={colors['white-1']}
@@ -159,58 +170,83 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
         radius="md"
         h={{ base: 'auto', md: 650 }}
       >
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Program Kreatif Desa</Title>
+        <Group justify="space-between" mb="xl" wrap="nowrap">
+          <Title order={4} lh={1.15}>
+            Daftar Program Kreatif Desa
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
             onClick={() =>
-              router.push(
-                '/admin/inovasi/program-kreatif-desa/create'
-              )
+              router.push('/admin/inovasi/program-kreatif-desa/create')
             }
           >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowY: 'auto' }}>
-          <Table highlightOnHover striped >
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md" style={{ height: '100%', overflowY: 'auto' }}>
+          <Table
+            highlightOnHover
+            miw={0}
+            striped
+            style={{ tableLayout: 'fixed', width: '100%' }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
-                <TableTh style={{ width: '20%' }}>
-                  <Text lineClamp={1} fw={"bold"} fz="sm">Nama Program Kreatif Desa</Text>
+                <TableTh style={{ width: '5%', textAlign: 'center' }}>
+                  <Text fz="xs" fw={600} lh={1.2}>
+                    No
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="xs" fw={600} lh={1.2}>
+                    Nama Program Kreatif Desa
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '35%' }}>
+                  <Text fz="xs" fw={600} lh={1.2}>
+                    Deskripsi Singkat
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '10%', textAlign: 'center' }}>
+                  <Text fz="xs" fw={600} lh={1.2}>
+                    Ikon
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%', textAlign: 'center' }}>
+                  <Text fz="xs" fw={600} lh={1.2}>
+                    Detail
+                  </Text>
                 </TableTh>
-                <TableTh style={{ width: '35%' }}>Deskripsi Singkat</TableTh>
-                <TableTh style={{ width: '10%', textAlign: 'center' }}>Ikon</TableTh>
-                <TableTh style={{ width: '15%', textAlign: 'center' }}>Detail</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.map((item, index) => (
                 <TableTr key={item.id}>
-                  <TableTd style={{ width: '5%', textAlign: 'center' }}>{index + 1}</TableTd>
-                  <TableTd style={{ width: '20%', wordWrap: 'break-word' }}>
-                    <Box w={200}>
-                      <Text fw={500} lineClamp={1}>{item.name}</Text>
-                    </Box>
+                  <TableTd ta="center" fz="sm" fw={500} lh={1.45}>
+                    {index + 1}
                   </TableTd>
-                  <TableTd style={{ width: '35%', wordWrap: 'break-word' }}>
-                    <Box w={150}>
-                      <Text fz="sm" c="dimmed" lineClamp={1}>
-                        {item.slug}
-                      </Text>
-                    </Box>
+                  <TableTd>
+                    <Text fz="sm" fw={500} lh={1.45} lineClamp={1}>
+                      {item.name}
+                    </Text>
                   </TableTd>
-                  <TableTd style={{ width: '10%', textAlign: 'center' }}>
+                  <TableTd>
+                    <Text fz="sm" c="dimmed" lh={1.45} lineClamp={1}>
+                      {item.slug}
+                    </Text>
+                  </TableTd>
+                  <TableTd ta="center">
                     {iconMap[item.icon] && (
                       <Box title={item.icon}>
                         {React.createElement(iconMap[item.icon], { size: 24 })}
                       </Box>
                     )}
                   </TableTd>
-                  <TableTd style={{ width: '15%', textAlign: 'center' }}>
+                  <TableTd ta="center">
                     <Button
                       size="xs"
                       radius="md"
@@ -221,7 +257,9 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
                       }
                     >
                       <IconDeviceImac size={18} />
-                      <Text ml={6}>Detail</Text>
+                      <Text ml={6} fz="sm" fw={500}>
+                        Detail
+                      </Text>
                     </Button>
                   </TableTd>
                 </TableTr>
@@ -229,7 +267,72 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.map((item, index) => (
+              <Paper key={item.id} p="md" withBorder radius="md">
+                <Stack gap={4}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      No
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {index + 1}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Program Kreatif Desa
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4} lineClamp={2}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Deskripsi Singkat
+                    </Text>
+                    <Text fz="sm" fw={500} c="dimmed" lh={1.4} lineClamp={2}>
+                      {item.slug}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Ikon
+                    </Text>
+                    <Box mt={4} ta="center">
+                      {iconMap[item.icon] && (
+                        <Box title={item.icon}>
+                          {React.createElement(iconMap[item.icon], { size: 24 })}
+                        </Box>
+                      )}
+                    </Box>
+                  </Box>
+                  <Box ta="center" mt="sm">
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      onClick={() =>
+                        router.push(`/admin/inovasi/program-kreatif-desa/${item.id}`)
+                      }
+                    >
+                      <IconDeviceImac size={18} />
+                      <Text ml={6} fz="sm" fw={500}>
+                        Detail
+                      </Text>
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -238,8 +341,8 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
-          mt="md"
-          mb="md"
+          mt="xl"
+          mb="xl"
           color="blue"
           radius="md"
         />
@@ -248,4 +351,4 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
   );
 }
 
-export default ProgramKreatifDesa;
+export default ProgramKreatifDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx
index dc178d22..5a1865f3 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconRecycle, IconTrash } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -58,35 +58,76 @@ function LayoutTabsPengelolaanSampahBankSampah({ children }: { children: React.R
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal wrapper */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
-          >
-            {tabs.map((tab, i) => (
-                <TabsTab
-                  key={i}
-                  value={tab.value}
-                  leftSection={tab.icon}
-                  style={{
-                    fontWeight: 600,
-                    fontSize: "0.9rem",
-                    transition: "all 0.2s ease",
-                  }}
-                >
-                  {tab.label}
-                </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+        <Box visibleFrom='md' pb={10}>
+                 <ScrollArea type="auto" offsetScrollbars>
+                   <TabsList
+                     p="sm"
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           transition: "all 0.2s ease",
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
+       
+               <Box hiddenFrom='md' pb={10}>
+                 <ScrollArea
+                   type="auto"
+                   offsetScrollbars={false}
+                   w="100%"
+                 >
+       
+                   <TabsList
+                     p="xs" // lebih kecil
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       width: "max-content", // ⬅️ kunci
+                       maxWidth: "100%",     // ⬅️ penting
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           paddingInline: "0.75rem", // ⬅️ lebih ramping
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/layout.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/layout.tsx
index 7a103d71..d5100bec 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/layout.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/layout.tsx
@@ -1,6 +1,28 @@
+'use client'
+import { usePathname } from 'next/navigation';
 import LayoutTabsPengelolaanSampahBankSampah from './_lib/layoutTabs';
+import { Box } from '@mantine/core';
 
 function PengelolaanSampahBankSampah({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabsPengelolaanSampahBankSampah>
       {children}
-- 
2.49.1


From f436aa2ef06ad07631827a22766d68ac1646a921 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 2 Jan 2026 16:33:15 +0800
Subject: [PATCH 62/97] Fix QC Kak Inno Mobile Done FIx QC Kak Ayu Mobile Admin
 Done Fix Tampilan Admin Mobile Device All Menu Done

---
 .../(dashboard)/_state/desa/pengumuman.ts     |   2 +-
 .../admin/(dashboard)/_state/desa/potensi.ts  |   2 +-
 .../desa/profil/profil-perbekel/page.tsx      |  32 +-
 .../info-teknologi-tepat-guna/page.tsx        |   4 +-
 .../kategori-desa-anti-korupsi/page.tsx       |  10 +-
 .../list-desa-anti-korupsi/page.tsx           |   7 +-
 .../responden/page.tsx                        |   2 +-
 .../landing-page/profil/media-sosial/page.tsx |  62 ++--
 .../landing-page/profil/pejabat-desa/page.tsx |  30 +-
 .../data-lingkungan-desa/[id]/edit/page.tsx   |   2 +-
 .../data-lingkungan-desa/[id]/page.tsx        |   8 +-
 .../data-lingkungan-desa/create/page.tsx      |   2 +-
 .../lingkungan/data-lingkungan-desa/page.tsx  | 226 ++++++++++---
 .../edukasi-lingkungan/_lib/layouTabs.tsx     | 105 +++---
 .../edit/page.tsx                             |   2 +-
 .../contoh-kegiatan-desa-darmasaba/page.tsx   |  10 +-
 .../lingkungan/edukasi-lingkungan/layout.tsx  |  21 ++
 .../edit/page.tsx                             |   2 +-
 .../materi-edukasi-yang-diberikan/page.tsx    |  10 +-
 .../tujuan-edukasi-lingkungan/edit/page.tsx   |   2 +-
 .../tujuan-edukasi-lingkungan/page.tsx        |  36 +--
 .../gotong-royong/_lib/layoutTabs.tsx         | 101 ++++--
 .../kategori-kegiatan/[id]/page.tsx           |   2 +-
 .../kategori-kegiatan/create/page.tsx         |   2 +-
 .../gotong-royong/kategori-kegiatan/page.tsx  | 158 +++++++--
 .../kegiatan-desa/[id]/edit/page.tsx          |   2 +-
 .../gotong-royong/kegiatan-desa/[id]/page.tsx |  12 +-
 .../kegiatan-desa/create/page.tsx             |   2 +-
 .../gotong-royong/kegiatan-desa/page.tsx      | 145 +++++++--
 .../lingkungan/gotong-royong/layout.tsx       |  22 ++
 .../konservasi-adat-bali/_lib/layoutTabs.tsx  | 105 +++---
 .../edit/page.tsx                             |   2 +-
 .../page.tsx                                  |  44 ++-
 .../filosofi-tri-hita-karana/edit/page.tsx    |   2 +-
 .../filosofi-tri-hita-karana/page.tsx         |  44 ++-
 .../konservasi-adat-bali/layout.tsx           |  21 ++
 .../nilai-konservasi-adat/edit/page.tsx       |   2 +-
 .../nilai-konservasi-adat/page.tsx            |  40 ++-
 .../[id]/edit/page.tsx                        |   2 +-
 .../[id]/page.tsx                             |   4 +-
 .../create/page.tsx                           |   2 +-
 .../keterangan-bank-sampah-terdekat/page.tsx  | 129 ++++++--
 .../[id]/page.tsx                             |   2 +-
 .../create/page.tsx                           |   2 +-
 .../page.tsx                                  | 176 ++++++++--
 .../program-penghijauan/[id]/edit/page.tsx    |   2 +-
 .../program-penghijauan/[id]/page.tsx         |   8 +-
 .../program-penghijauan/create/page.tsx       |   2 +-
 .../lingkungan/program-penghijauan/page.tsx   | 305 ++++++++++++++----
 .../beasiswa-desa/_lib/layoutTabs.tsx         | 101 ++++--
 .../beasiswa-pendaftar/[id]/page.tsx          |   2 +-
 .../beasiswa-desa/beasiswa-pendaftar/page.tsx | 181 ++++++++---
 .../keunggulan-program/[id]/page.tsx          |   2 +-
 .../keunggulan-program/create/page.tsx        |   2 +-
 .../beasiswa-desa/keunggulan-program/page.tsx | 114 +++++--
 .../pendidikan/beasiswa-desa/layout.tsx       |  21 ++
 .../_lib/layoutTabs.tsx                       | 101 ++++--
 .../fasilitas-yang-disediakan/edit/page.tsx   |   2 +-
 .../fasilitas-yang-disediakan/page.tsx        |  84 +++--
 .../bimbingan-belajar-desa/layout.tsx         |  22 ++
 .../lokasi-dan-jadwal/edit/page.tsx           |   2 +-
 .../lokasi-dan-jadwal/page.tsx                |  85 +++--
 .../tujuan-program/edit/page.tsx              |   2 +-
 .../tujuan-program/page.tsx                   |  85 +++--
 .../pendidikan/data-pendidikan/[id]/page.tsx  |   2 +-
 .../data-pendidikan/create/page.tsx           |   2 +-
 .../info-sekolah/_lib/layoutTabs.tsx          | 101 ++++--
 .../jenjang-pendidikan/[id]/page.tsx          |   2 +-
 .../jenjang-pendidikan/create/page.tsx        |   2 +-
 .../info-sekolah/jenjang-pendidikan/page.tsx  | 163 +++++++---
 .../pendidikan/info-sekolah/layout.tsx        |  22 ++
 .../info-sekolah/lembaga/[id]/edit/page.tsx   |   2 +-
 .../info-sekolah/lembaga/[id]/page.tsx        |   4 +-
 .../info-sekolah/lembaga/create/page.tsx      |   2 +-
 .../pendidikan/info-sekolah/lembaga/page.tsx  | 143 ++++++--
 .../info-sekolah/pengajar/[id]/edit/page.tsx  |   2 +-
 .../info-sekolah/pengajar/[id]/page.tsx       |   4 +-
 .../info-sekolah/pengajar/create/page.tsx     |   2 +-
 .../pendidikan/info-sekolah/pengajar/page.tsx | 129 ++++++--
 .../info-sekolah/siswa/[id]/edit/page.tsx     |   2 +-
 .../info-sekolah/siswa/[id]/page.tsx          |   4 +-
 .../info-sekolah/siswa/create/page.tsx        |   2 +-
 .../pendidikan/info-sekolah/siswa/page.tsx    | 166 +++++++---
 .../pendidikan-non-formal/_lib/layoutTabs.tsx |  99 ++++--
 .../edit/page.tsx                             |   2 +-
 .../page.tsx                                  |  57 ++--
 .../pendidikan-non-formal/layout.tsx          |  22 ++
 .../tempat-kegiatan/edit/page.tsx             |   2 +-
 .../tempat-kegiatan/page.tsx                  |  56 ++--
 .../tujuan-program/edit/page.tsx              |   2 +-
 .../tujuan-program/page.tsx                   |  57 ++--
 .../perpustakaan-digital/_lib/layoutTabs.tsx  | 101 ++++--
 .../data-perpustakaan/[id]/edit/page.tsx      |   2 +-
 .../data-perpustakaan/[id]/page.tsx           |   4 +-
 .../data-perpustakaan/create/page.tsx         |   2 +-
 .../data-perpustakaan/page.tsx                | 213 ++++++++++--
 .../kategori-buku/[id]/page.tsx               |   2 +-
 .../kategori-buku/create/page.tsx             |   2 +-
 .../kategori-buku/page.tsx                    | 152 ++++++---
 .../perpustakaan-digital/layout.tsx           |  21 ++
 .../perpustakaan-digital/peminjam/page.tsx    | 144 +++++++--
 .../_lib/layoutTabs.tsx                       | 101 ++++--
 .../program-pendidikan-anak/layout.tsx        |  21 ++
 .../program-unggulan/edit/page.tsx            |   2 +-
 .../program-unggulan/page.tsx                 |  57 ++--
 .../tujuan-program/edit/page.tsx              |   2 +-
 .../tujuan-program/page.tsx                   |  61 +++-
 .../responden/page.tsx                        |   5 -
 .../ppid/permohonan-informasi-publik/page.tsx |   4 +-
 .../page.tsx                                  |   4 +-
 .../admin/(dashboard)/user&role/layout.tsx    |  95 ++++--
 .../(dashboard)/user&role/role/[id]/page.tsx  |   2 +-
 .../user&role/role/create/page.tsx            |   2 +-
 .../admin/(dashboard)/user&role/role/page.tsx | 168 +++++++---
 .../admin/(dashboard)/user&role/user/page.tsx | 204 +++++++++---
 .../_lib/landing_page/apbdes/findMany.ts      |  23 +-
 .../info-sekolah-paud/pengajar/findMany.ts    |   3 -
 117 files changed, 3812 insertions(+), 1361 deletions(-)

diff --git a/src/app/admin/(dashboard)/_state/desa/pengumuman.ts b/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
index dd289918..702b006d 100644
--- a/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
+++ b/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
@@ -68,7 +68,7 @@ const category = proxy({
         const res = await ApiFetch.api.desa.kategoripengumuman[
           "findMany"
         ].get({
-          query: { page, limit },
+          query: { page, limit, search },
         });
   
         if (res.status === 200 && res.data?.success) {
diff --git a/src/app/admin/(dashboard)/_state/desa/potensi.ts b/src/app/admin/(dashboard)/_state/desa/potensi.ts
index 0c158b38..3eb55c54 100644
--- a/src/app/admin/(dashboard)/_state/desa/potensi.ts
+++ b/src/app/admin/(dashboard)/_state/desa/potensi.ts
@@ -65,7 +65,7 @@ const potensiDesa = proxy({
         const res = await ApiFetch.api.desa.potensi[
           "find-many"
         ].get({
-          query: { page, limit },
+          query: { page, limit, search },
         });
   
         if (res.status === 200 && res.data?.success) {
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
index d06dcb40..d3b1cb21 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Group, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -31,22 +31,18 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header + tombol edit */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={2} c={colors['blue-button']} lh={1.2} />
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() => router.push(`/admin/desa/profil/profil-perbekel/${perbekel.id}`)}
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify="space-between">
+          <Title order={2} c={colors['blue-button']} lh={1.2}>Profil Perbekel</Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() => router.push(`/admin/desa/profil/profil-perbekel/${perbekel.id}`)}
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Card Profil */}
         <Paper p="xl" bg={colors['white-1']} withBorder radius="md" shadow="xs">
@@ -60,7 +56,7 @@ function Page() {
               <GridCol span={12}>
                 <Text
                   ta="center"
-                  fz={{ base: 'sm', md: 'md' }}
+                  fz={{ base: 'sm', md: 'xl' }}
                   fw="bold"
                   c={colors['blue-button']}
                   lh={{ base: 1.45, md: 1.45 }}
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
index dcac66fc..ef36c286 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -183,7 +183,8 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
                     <Text fz={"sm"} fw={600} lh={1.4}>
                       Deskripsi Singkat
                     </Text>
-                    <Text
+                   <Box pl={5}>
+                     <Text
                       fz="sm"
                       fw={500}
                       lh={1.4}
@@ -191,6 +192,7 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
                         __html: item.deskripsi || '-',
                       }}
                     />
+                   </Box>
                   </Box>
                   <Group justify="flex-end">
                     <Button
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
index f572baec..9d065f85 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -50,6 +50,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
   const router = useRouter();
 
   const { data, page, totalPages, loading, load } = stateKategori.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const handleHapus = () => {
     if (selectedId) {
@@ -60,8 +61,8 @@ function ListKategoriKegiatan({ search }: { search: string }) {
   };
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -211,7 +212,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
         <Box hiddenFrom="md">{renderMobileCards()}</Box>
       </Paper>
 
-      {totalPages > 1 && (
+      
         <Center mt="xl">
           <Pagination
             value={page}
@@ -224,7 +225,6 @@ function ListKategoriKegiatan({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
 
       <ModalKonfirmasiHapus
         opened={modalHapus}
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
index b2c201c6..a2bd6831 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -29,10 +29,11 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
   const router = useRouter();
   const listState = useProxy(korupsiState.desaAntikorupsi);
   const { data, page, totalPages, loading, load } = listState.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
index 4372230a..a183535e 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -50,7 +50,7 @@ function ListResponden({ search }: ListRespondenProps) {
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10);
+    load(page, 10,);
   }, [page]);
 
   const filteredData = (data || []).filter((item) => {
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
index d37d77a0..62a05e15 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
@@ -196,6 +196,7 @@ function ListMediaSosial({ search }: { search: string }) {
             {filteredData.length > 0 ? (
               filteredData.map((item) => (
                 <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={"xs"}>
                     <Box>
                       <Text fz="sm" fw={600} lh={1.4}>Nama Media Sosial / Kontak</Text>
                       <Text fw={500} fz="sm" lh={1.45}>
@@ -221,37 +222,38 @@ function ListMediaSosial({ search }: { search: string }) {
                         return <Box bg={colors['blue-button']} w="100%" h="100%" />;
                       })()}
                     </Box>
-                  <Box>
-                    <Text fz="sm" fw={600} lh={1.4}>Link / No. Telepon</Text>
-                    <a
-                      href={item.link}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      style={{ textDecoration: 'underline' }}
-                    >
-                      <Text
-                        fz="sm"
-                        c="blue"
-                        truncate
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Link / No. Telepon</Text>
+                      <a
+                        href={item.link}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        style={{ textDecoration: 'underline' }}
                       >
-                        {item.iconUrl || item.noTelp || '-'}
-                      </Text>
-                    </a>
-                  </Box>
-                  <Group mt="sm" justify="flex-end">
-                    <Button
-                      size="xs"
-                      radius="md"
-                      variant="light"
-                      color="blue"
-                      leftSection={<IconDeviceImacCog size={16} />}
-                      onClick={() =>
-                        router.push(`/admin/landing-page/profil/media-sosial/${item.id}`)
-                      }
-                    >
-                      Detail
-                    </Button>
-                  </Group>
+                        <Text
+                          fz="sm"
+                          c="blue"
+                          truncate
+                        >
+                          {item.iconUrl || item.noTelp || '-'}
+                        </Text>
+                      </a>
+                    </Box>
+                    <Group mt="sm" justify="flex-end">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() =>
+                          router.push(`/admin/landing-page/profil/media-sosial/${item.id}`)
+                        }
+                      >
+                        Detail
+                      </Button>
+                    </Group>
+                  </Stack>
                 </Paper>
               ))
             ) : (
diff --git a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
index 9c54faab..6655dd19 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import profileLandingPageState from '@/app/admin/(dashboard)/_state/landing-page/profile';
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Group, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -29,22 +29,18 @@ function Page() {
   return (
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>Preview Pejabat Desa</Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              style={{fontSize: 15, fontWeight: "bold"}}
-              c="green"
-              variant="light"
-              radius="md"
-              onClick={() => router.push(`/admin/landing-page/profil/pejabat-desa/${allList.findUnique.data?.id}`)}
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify="space-between">
+          <Title order={3} c={colors['blue-button']}>Preview Pejabat Desa</Title>
+          <Button
+            style={{ fontSize: 15, fontWeight: "bold" }}
+            c="green"
+            variant="light"
+            radius="md"
+            onClick={() => router.push(`/admin/landing-page/profil/pejabat-desa/${allList.findUnique.data?.id}`)}
+          >
+            Edit
+          </Button>
+        </Group>
         {dataArray.map((item) => (
           <Paper key={item.id} p="xl" bg={'white'} withBorder radius="md" shadow="xs">
             <Box px={{ base: "sm", md: 100 }}>
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
index 78b5771d..c04f6acb 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
@@ -132,7 +132,7 @@ export default function EditDataLingkunganDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
index cab104f6..9538c0d3 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
@@ -79,7 +79,7 @@ function DetailDataLingkunganDesa() {
   const data = stateDataLingkungan.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back Button */}
       <Button
         variant="subtle"
@@ -93,7 +93,7 @@ function DetailDataLingkunganDesa() {
       {/* Main Card */}
       <Paper
         withBorder
-        w={{ base: '100%', md: '60%' }}
+        w={{ base: '100%', md: '70%' }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -131,7 +131,9 @@ function DetailDataLingkunganDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Box pl={5}>
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                </Box>
               </Box>
 
               {/* Action Buttons */}
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
index ad1f00dc..41e20ec8 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
@@ -49,7 +49,7 @@ function CreateDataLingkunganDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
index e87e10ca..ac7f4510 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
@@ -1,30 +1,65 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import colors from '@/con/colors';
 import {
-  Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack,
-  Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text,
-  Title
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
 } from '@mantine/core';
 import {
-  IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled,
-  IconDeviceImacCog, IconDroplet, IconHome, IconHomeEco, IconLeaf,
+  IconAlertTriangle,
+  IconAmbulance,
+  IconBuilding,
+  IconCash,
+  IconChartLine,
+  IconChristmasTreeFilled,
+  IconClipboardTextFilled,
+  IconDeviceImacCog,
+  IconDroplet,
+  IconFiretruck,
+  IconHome,
+  IconHomeEco,
+  IconHospital,
+  IconLeaf,
   IconPlus,
-  IconRecycle, IconScale, IconSearch, IconShieldFilled, IconTent,
-  IconTrashFilled, IconTree, IconTrendingUp, IconTrophy, IconTruckFilled
+  IconRecycle,
+  IconScale,
+  IconSchool,
+  IconSearch,
+  IconShieldFilled,
+  IconShoppingCart,
+  IconTent,
+  IconTrashFilled,
+  IconTree,
+  IconTrendingUp,
+  IconTrophy,
+  IconTruckFilled,
 } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import dataLingkunganDesaState from '../../_state/lingkungan/data-lingkungan-desa';
-
+import { useDebouncedValue } from '@mantine/hooks';
 
 function DataLingkunganDesa() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
-    <Box>
+    <Box py={{ base: 'md', md: 'lg' }} px={{ base: 'sm', md: 0 }}>
       <HeaderSearch
         title='Data Lingkungan Desa'
         placeholder='Cari data lingkungan...'
@@ -38,15 +73,16 @@ function DataLingkunganDesa() {
 }
 
 function ListDataLingkunganDesa({ search }: { search: string }) {
-  const listState = useProxy(dataLingkunganDesaState)
-  const { data, loading, page, totalPages, load } = listState.findMany
+  const listState = useProxy(dataLingkunganDesaState);
+  const { data, loading, page, totalPages, load } = listState.findMany;
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   const iconMap: Record<string, React.FC<any>> = {
     ekowisata: IconLeaf,
@@ -64,12 +100,22 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
     mencegahBencana: IconShieldFilled,
     rumah: IconHome,
     pohon: IconTree,
-    air: IconDroplet
+    air: IconDroplet,
+    bantuan: IconCash,
+    pelatihan: IconSchool,
+    subsidi: IconShoppingCart,
+    layananKesehatan: IconHospital,
+    polisi: IconShieldFilled,
+    ambulans: IconAmbulance,
+    pemadam: IconFiretruck,
+    rumahSakit: IconHospital,
+    bangunan: IconBuilding,
+    darurat: IconAlertTriangle
   };
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
@@ -77,46 +123,66 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
 
   if (data.length === 0) {
     return (
-      <Box py={10}>
-        <Paper withBorder shadow="md" radius="md" p="lg" bg={colors['white-1']}>
+      <Box py="md">
+        <Paper withBorder shadow="md" radius="md" p={{ base: 'md', md: 'lg' }} bg={colors['white-1']}>
           <Stack>
             <Group justify="space-between" mb="md">
-              <Title order={4}>Daftar Data Lingkungan Desa</Title>
-              <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}>
+              <Title order={4} lh={1.2}>
+                Daftar Data Lingkungan Desa
+              </Title>
+              <Button
+                leftSection={<IconPlus size={18} />}
+                color="blue"
+                variant="light"
+                onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}
+              >
                 Tambah Baru
               </Button>
             </Group>
-            <Table highlightOnHover>
-              <TableThead>
-                <TableTr>
-                  <TableTh>No</TableTh>
-                  <TableTh>Nama Data Lingkungan Desa</TableTh>
-                  <TableTh>Jumlah</TableTh>
-                  <TableTh>Ikon</TableTh>
-                  <TableTh>Detail</TableTh>
-                </TableTr>
-              </TableThead>
-            </Table>
-            <Center py={20}>
-              <Text c="dimmed">Tidak ada data lingkungan desa yang tersedia</Text>
+            <Box visibleFrom="md">
+              <Table highlightOnHover miw={0} style={{ tableLayout: 'fixed', width: '100%' }}>
+                <TableThead>
+                  <TableTr>
+                    <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
+                    <TableTh style={{ width: '25%' }}>Nama Data Lingkungan Desa</TableTh>
+                    <TableTh style={{ width: '35%' }}>Jumlah</TableTh>
+                    <TableTh style={{ width: '15%' }}>Ikon</TableTh>
+                    <TableTh style={{ width: '20%', textAlign: 'center' }}>Detail</TableTh>
+                  </TableTr>
+                </TableThead>
+              </Table>
+            </Box>
+            <Center py="xl">
+              <Text c="dimmed" fz={{ base: 'sm', md: 'md' }} lh={1.4}>
+                Tidak ada data lingkungan desa yang tersedia
+              </Text>
             </Center>
           </Stack>
         </Paper>
-      </Box >
+      </Box>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder shadow="md" radius="md" bg={colors['white-1']} p="lg">
+    <Box py="md">
+      <Paper withBorder shadow="md" radius="md" p={{ base: 'md', md: 'lg' }} bg={colors['white-1']}>
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Data Lingkungan Desa</Title>
-          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}>
+          <Title order={4} lh={1.2}>
+            Daftar Data Lingkungan Desa
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/lingkungan/data-lingkungan-desa/create')}
+          >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table highlightOnHover miw={0} style={{ tableLayout: 'fixed', width: '100%' }}>
             <TableThead>
               <TableTr>
                 <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
@@ -129,21 +195,21 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
             <TableTbody>
               {filteredData.map((item, index) => (
                 <TableTr key={item.id}>
-                  <TableTd style={{ textAlign: 'center' }}>{index + 1}</TableTd>
+                  <TableTd ta="center">{index + 1}</TableTd>
                   <TableTd>
-                    <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
+                    <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                      {item.name}
+                    </Text>
                   </TableTd>
                   <TableTd>
-                    <Text fz="sm" c="dimmed">± {item.jumlah}</Text>
+                    <Text fz="sm" c="dimmed" lh={1.5}>
+                      ± {item.jumlah}
+                    </Text>
                   </TableTd>
                   <TableTd>
-                    {iconMap[item.icon] && (
-                      <Box title={item.icon}>
-                        {React.createElement(iconMap[item.icon], { size: 22 })}
-                      </Box>
-                    )}
+                    {iconMap[item.icon] && <Box title={item.icon}>{React.createElement(iconMap[item.icon], { size: 22 })}</Box>}
                   </TableTd>
-                  <TableTd style={{ textAlign: 'center' }}>
+                  <TableTd ta="center">
                     <Button
                       size="xs"
                       radius="md"
@@ -160,7 +226,62 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.map((item, index) => (
+              <Paper key={item.id} withBorder radius="md" p="sm" bg={colors['white-1']}>
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      No
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {index + 1}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Data
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4} truncate="end">
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Jumlah
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      ± {item.jumlah}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Ikon
+                    </Text>
+                    {iconMap[item.icon] && <Box title={item.icon}>{React.createElement(iconMap[item.icon], { size: 22 })}</Box>}
+                  </Box>
+                  <Center>
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={16} />}
+                      onClick={() => router.push(`/admin/lingkungan/data-lingkungan-desa/${item.id}`)}
+                    >
+                      Detail
+                    </Button>
+                  </Center>
+                </Stack>
+              </Paper>
+            ))}
+          </Stack>
+        </Box>
       </Paper>
+
       <Center>
         <Pagination
           value={page}
@@ -178,4 +299,5 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
     </Box>
   );
 }
-export default DataLingkunganDesa;
+
+export default DataLingkunganDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx
index db1dcba1..4e44c404 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/_lib/layouTabs.tsx
@@ -59,43 +59,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
                 radius="lg"
                 keepMounted={false}
             >
-                <ScrollArea type="auto" offsetScrollbars>
-                    <TabsList
-                        p="sm"
-                        style={{
-                            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                            borderRadius: "1rem",
-                            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-                            display: "flex",
-                            flexWrap: "nowrap",
-                            gap: "0.5rem",
-                            paddingInline: "0.5rem",
-                        }}
-                    >
-                        {tabs.map((tab, i) => (
-                            <TabsTab
-                                key={i}
-                                value={tab.value}
-                                leftSection={tab.icon}
-                                style={{
-                                    fontWeight: 600,
-                                    fontSize: "0.9rem",
-                                    whiteSpace: "nowrap",
-                                    transition: "all 0.2s ease",
-                                }}
-                            >
-                                <span style={{
-                                    display: "inline-block",
-                                    maxWidth: "200px",
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis"
-                                }}>
+                <Box visibleFrom='md' pb={10}>
+                    <ScrollArea type="auto" offsetScrollbars>
+                        <TabsList
+                            p="sm"
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        transition: "all 0.2s ease",
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
                                     {tab.label}
-                                </span>
-                            </TabsTab>
-                        ))}
-                    </TabsList>
-                </ScrollArea>
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
+
+                <Box hiddenFrom='md' pb={10}>
+                    <ScrollArea
+                        type="auto"
+                        offsetScrollbars={false}
+                        w="100%"
+                    >
+
+                        <TabsList
+                            p="xs" // lebih kecil
+                            style={{
+                                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                                borderRadius: "1rem",
+                                display: "flex",
+                                flexWrap: "nowrap",
+                                gap: "0.5rem",
+                                width: "max-content", // ⬅️ kunci
+                                maxWidth: "100%",     // ⬅️ penting
+                            }}
+                        >
+                            {tabs.map((tab, i) => (
+                                <TabsTab
+                                    key={i}
+                                    value={tab.value}
+                                    leftSection={tab.icon}
+                                    style={{
+                                        fontWeight: 600,
+                                        fontSize: "0.9rem",
+                                        paddingInline: "0.75rem", // ⬅️ lebih ramping
+                                        flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                                    }}
+                                >
+                                    {tab.label}
+                                </TabsTab>
+                            ))}
+                        </TabsList>
+                    </ScrollArea>
+                </Box>
 
                 {tabs.map((tab, i) => (
                     <TabsPanel key={i} value={tab.value}>
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
index ef782f70..1dbf993d 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
@@ -96,7 +96,7 @@ export default function EditContohKegiatanDesaDarmasaba() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx
index a7b7a396..d186eb20 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -25,13 +25,10 @@ function Page() {
   return (
     <Box p="md">
       <Paper withBorder p={{ base: 'md', md: 'lg' }} radius="md">
-        <Grid align="center" mb={{ base: 'md', md: 'lg' }}>
-          <GridCol span={{ base: 12, md: 11 }}>
+        <Group justify="space-between" align="center" mb={{ base: 'md', md: 'lg' }}>
             <Title order={3} fw={600}>
               Preview Contoh Kegiatan Di Desa Darmasaba
             </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }} style={{ textAlign: 'right' }}>
             <Button
               size="sm"
               variant="light"
@@ -46,8 +43,7 @@ function Page() {
             >
               Edit
             </Button>
-          </GridCol>
-        </Grid>
+        </Group>
 
         <Stack gap="md">
           <Paper p={{ base: 'md', md: 'xl' }} bg="#ECEEF8" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/layout.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/layout.tsx
index 9554a428..6ec4734e 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/layout.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/layout.tsx
@@ -1,7 +1,28 @@
 'use client'
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layouTabs";
+import { Box } from "@mantine/core";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
index 0eb0c956..5614e6bf 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
@@ -81,7 +81,7 @@ export default function EditMateriEdukasiYangDiberikan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx
index 942d3d78..e8c43b1d 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -25,11 +25,8 @@ function Page() {
   return (
     <Box p="md">
       <Paper withBorder p={{ base: 'md', md: 'lg' }} radius="md">
-        <Grid align="center" mb={{ base: 'md', md: 'lg' }}>
-          <GridCol span={{ base: 12, md: 11 }}>
+        <Group align="center" justify='space-between' mb={{ base: 'md', md: 'lg' }}> 
             <Title order={3} fw={600}>Preview Materi Edukasi Yang Diberikan</Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }} style={{ textAlign: 'right' }}>
             <Button
               size="sm"
               variant="light"
@@ -42,8 +39,7 @@ function Page() {
             >
               Edit
             </Button>
-          </GridCol>
-        </Grid>
+        </Group>
 
         <Stack gap="md">
           <Paper p={{ base: 'md', md: 'xl' }} bg="#ECEEF8" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
index 527358ea..a1e5952a 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
@@ -84,7 +84,7 @@ export default function EditTujuanEdukasiLingkungan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx
index 48b88aa8..2dd05f54 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -25,25 +25,21 @@ function Page() {
   return (
     <Box p="md">
       <Paper withBorder p={{ base: 'md', md: 'lg' }} radius="md">
-        <Grid align="center" mb={{ base: 'md', md: 'lg' }}>
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} fw={600}>Preview Tujuan Edukasi Lingkungan</Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }} style={{ textAlign: 'right' }}>
-            <Button
-              size="sm"
-              variant="light"
-              color="green"
-              radius="md"
-              leftSection={<IconEdit size={16} />}
-              onClick={() =>
-                router.push('/admin/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit')
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group align="center" justify='space-between' mb={{ base: 'md', md: 'lg' }}>
+          <Title order={3} fw={600}>Preview Tujuan Edukasi Lingkungan</Title>
+          <Button
+            size="sm"
+            variant="light"
+            color="green"
+            radius="md"
+            leftSection={<IconEdit size={16} />}
+            onClick={() =>
+              router.push('/admin/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit')
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         <Stack gap="md">
           <Paper p={{ base: 'md', md: 'xl' }} bg="#ECEEF8" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx
index 0eb63690..7365d723 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconClipboardList, IconTags } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -59,35 +59,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         {/* ✅ Scroll horizontal */}
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+         <Box visibleFrom='md' pb={10}>
+                  <ScrollArea type="auto" offsetScrollbars>
+                    <TabsList
+                      p="sm"
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            transition: "all 0.2s ease",
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
+        
+                <Box hiddenFrom='md' pb={10}>
+                  <ScrollArea
+                    type="auto"
+                    offsetScrollbars={false}
+                    w="100%"
+                  >
+        
+                    <TabsList
+                      p="xs" // lebih kecil
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        width: "max-content", // ⬅️ kunci
+                        maxWidth: "100%",     // ⬅️ penting
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            paddingInline: "0.75rem", // ⬅️ lebih ramping
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
 
         {/* ✅ Panel dengan gaya kartu */}
         {tabs.map((tab, i) => (
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
index 5dcce580..aa1b6a11 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
@@ -83,7 +83,7 @@ function EditKategoriKegiatan() {
   if (loading) return <Text>Loading...</Text>;
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md" align="center">
         <Button variant="subtle" p="xs" radius="md" onClick={() => router.back()}>
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
index b6b937b6..9b068f04 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
@@ -39,7 +39,7 @@ function CreateKategoriKegiatan() {
   }
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md" align="center">
         <Button variant="subtle" p="xs" radius="md" onClick={() => router.back()}>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
index 2086850e..414c3273 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -28,7 +28,7 @@ import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import gotongRoyongState from '../../../_state/lingkungan/gotong-royong';
 
 function KategoriKegiatan() {
-  const [search, setSearch] = useState("")
+  const [search, setSearch] = useState("");
   return (
     <Box>
       <HeaderSearch
@@ -44,10 +44,11 @@ function KategoriKegiatan() {
 }
 
 function ListKategoriKegiatan({ search }: { search: string }) {
-  const stateKategori = useProxy(gotongRoyongState.kategoriKegiatan)
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-  const router = useRouter()
+  const stateKategori = useProxy(gotongRoyongState.kategoriKegiatan);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -55,52 +56,76 @@ function ListKategoriKegiatan({ search }: { search: string }) {
     totalPages,
     loading,
     load,
-  } = stateKategori.findMany
+  } = stateKategori.findMany;
 
   const handleHapus = () => {
     if (selectedId) {
-      stateKategori.delete.byId(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
+      stateKategori.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
     }
-  }
+  };
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'md', md: 'lg' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
+    <Box py={{ base: 'md', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kategori Kegiatan</Title>
+          <Title order={4} lh={1.2}>
+            Daftar Kategori Kegiatan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/lingkungan/gotong-royong/kategori-kegiatan/create')}
+            onClick={() =>
+              router.push('/admin/lingkungan/gotong-royong/kategori-kegiatan/create')
+            }
           >
             Tambah Baru
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '60%' }}>Nama Kategori</TableTh>
-                <TableTh style={{ width: '20%' }}>Edit</TableTh>
-                <TableTh style={{ width: '20%' }}>Delete</TableTh>
+                <TableTh style={{ width: '60%' }}>
+                  <Text fz="sm" fw={600} lh={1.2} ta="left">
+                    Nama Kategori
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.2} ta="center">
+                    Edit
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.2} ta="center">
+                    Delete
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -108,21 +133,27 @@ function ListKategoriKegiatan({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.nama}</Text>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.nama}
+                      </Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd ta="center">
                       <Button
                         size="xs"
                         radius="md"
                         variant="light"
                         color="green"
                         leftSection={<IconEdit size={16} />}
-                        onClick={() => router.push(`/admin/lingkungan/gotong-royong/kategori-kegiatan/${item.id}`)}
+                        onClick={() =>
+                          router.push(
+                            `/admin/lingkungan/gotong-royong/kategori-kegiatan/${item.id}`
+                          )
+                        }
                       >
                         Edit
                       </Button>
                     </TableTd>
-                    <TableTd>
+                    <TableTd ta="center">
                       <Button
                         size="xs"
                         radius="md"
@@ -130,8 +161,8 @@ function ListKategoriKegiatan({ search }: { search: string }) {
                         color="red"
                         leftSection={<IconTrash size={16} />}
                         onClick={() => {
-                          setSelectedId(item.id)
-                          setModalHapus(true)
+                          setSelectedId(item.id);
+                          setModalHapus(true);
                         }}
                       >
                         Hapus
@@ -142,8 +173,10 @@ function ListKategoriKegiatan({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada kategori kegiatan yang cocok</Text>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada kategori kegiatan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -151,6 +184,63 @@ function ListKategoriKegiatan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Kategori
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="green"
+                        leftSection={<IconEdit size={16} />}
+                        onClick={() =>
+                          router.push(
+                            `/admin/lingkungan/gotong-royong/kategori-kegiatan/${item.id}`
+                          )
+                        }
+                      >
+                        Edit
+                      </Button>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="red"
+                        leftSection={<IconTrash size={16} />}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        Hapus
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada kategori kegiatan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
@@ -179,4 +269,4 @@ function ListKategoriKegiatan({ search }: { search: string }) {
   );
 }
 
-export default KategoriKegiatan;
+export default KategoriKegiatan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
index 2aad0154..870d7f3b 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
@@ -162,7 +162,7 @@ export default function EditKegiatanDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
index a73c1f32..63dcbafe 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailKegiatanDesa() {
   const data = kegiatanDesaState.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -55,7 +55,7 @@ function DetailKegiatanDesa() {
       {/* Container Detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -85,13 +85,17 @@ function DetailKegiatanDesa() {
               {/* Deskripsi Singkat */}
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat || '-' }} />
+                <Box pl={5}>
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat || '-' }} />
+                </Box>
               </Box>
 
               {/* Deskripsi Lengkap */}
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }} />
+                <Box pl={5}>
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }} />
+                </Box>
               </Box>
 
               {/* Kategori */}
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
index a9605a38..10ae2d89 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
@@ -86,7 +86,7 @@ function CreateKegiatanDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx
index ab7b83f0..6039332b 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -45,6 +45,7 @@ function KegiatanDesa() {
 function ListKegiatanDesa({ search }: { search: string }) {
   const listState = useProxy(gotongRoyongState.kegiatanDesa);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -55,24 +56,26 @@ function ListKegiatanDesa({ search }: { search: string }) {
   } = listState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kegiatan Desa</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Kegiatan Desa
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -84,14 +87,39 @@ function ListKegiatanDesa({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop: Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '30%' }}>Judul</TableTh>
-                <TableTh style={{ width: '25%' }}>Kategori</TableTh>
-                <TableTh style={{ width: '25%' }}>Lokasi</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dark">
+                    Judul
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dark">
+                    Kategori
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dark">
+                    Lokasi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} c="dark">
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -99,17 +127,36 @@ function ListKegiatanDesa({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                      <Text
+                        fz="md"
+                        fw={500}
+                        lh={1.5}
+                        truncate="end"
+                        lineClamp={1}
+                        c="dark"
+                      >
                         {item.judul}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed">
+                      <Text
+                        fz="sm"
+                        fw={500}
+                        lh={1.5}
+                        c="dark"
+                      >
                         {item.kategoriKegiatan?.nama || '-'}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm">{item.lokasi}</Text>
+                      <Text
+                        fz="sm"
+                        fw={500}
+                        lh={1.5}
+                        c="dark"
+                      >
+                        {item.lokasi}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -133,7 +180,7 @@ function ListKegiatanDesa({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text c="dimmed">
+                      <Text fz="sm" c="dimmed" lh={1.4}>
                         Tidak ada kegiatan desa yang cocok dengan pencarian
                       </Text>
                     </Center>
@@ -143,6 +190,64 @@ function ListKegiatanDesa({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile: Card List */}
+        <Stack hiddenFrom="md" gap="xs">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder radius="md" p="sm">
+                <Stack gap={"xs"}>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4} c="dark">
+                      Judul
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4} c="dark" truncate="end">
+                      {item.judul}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4} c="dark">
+                      Kategori
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4} c="dark">
+                      {item.kategoriKegiatan?.nama || '-'}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4} c="dark">
+                      Lokasi
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4} c="dark">
+                      {item.lokasi}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImacCog size={16} />}
+                      onClick={() =>
+                        router.push(
+                          `/admin/lingkungan/gotong-royong/kegiatan-desa/${item.id}`
+                        )
+                      }
+                    >
+                      Detail
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py={20}>
+              <Text fz="sm" c="dimmed" lh={1.4}>
+                Tidak ada kegiatan desa yang cocok dengan pencarian
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
       <Center>
         <Pagination
@@ -162,4 +267,4 @@ function ListKegiatanDesa({ search }: { search: string }) {
   );
 }
 
-export default KegiatanDesa;
+export default KegiatanDesa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/layout.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/layout.tsx
index 285fc16e..88575fbf 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/layout.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/layout.tsx
@@ -1,6 +1,28 @@
+'use client'
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layoutTabs";
+import { Box } from "@mantine/core";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx
index badcf110..ea86ad13 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/_lib/layoutTabs.tsx
@@ -59,43 +59,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem",
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  whiteSpace: "nowrap",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                <span style={{
-                  display: "inline-block",
-                  maxWidth: "200px",
-                  overflow: "hidden",
-                  textOverflow: "ellipsis"
-                }}>
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
                   {tab.label}
-                </span>
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
+          >
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel key={i} value={tab.value}>
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
index e6694a8c..9a1821c5 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
@@ -77,7 +77,7 @@ function EditBentukKonservasiBerdasarkanAdat() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
index e8cd6000..c3a1be47 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -28,29 +28,25 @@ function Page() {
     <Box p="md">
       <Paper withBorder p={{ base: 'md', md: 'lg' }} radius="md">
         {/* Header */}
-        <Grid align="center" mb={{ base: 'md', md: 'lg' }}>
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} fw={600} c="dark">
-              Preview Bentuk Konservasi Berdasarkan Adat
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }} style={{ textAlign: 'right' }}>
-            <Button
-              size="sm"
-              variant="light"
-              color="green"
-              radius="md"
-              leftSection={<IconEdit size={16} />}
-              onClick={() =>
-                router.push(
-                  '/admin/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center" mb={{ base: 'md', md: 'lg' }}>
+          <Title order={3} fw={600} c="dark">
+            Preview Bentuk Konservasi Berdasarkan Adat
+          </Title>
+          <Button
+            size="sm"
+            variant="light"
+            color="green"
+            radius="md"
+            leftSection={<IconEdit size={16} />}
+            onClick={() =>
+              router.push(
+                '/admin/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten */}
         <Stack gap="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
index 14a4e88c..df288ba9 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
@@ -82,7 +82,7 @@ function EditFilosofiTriHitaKarana() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx
index cbacceb3..aeb37ed8 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -25,29 +25,25 @@ function Page() {
   return (
     <Box p="md">
       <Paper withBorder p={{ base: 'md', md: 'lg' }} radius="md">
-        <Grid align="center" mb={{ base: 'md', md: 'lg' }}>
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} fw={600}>
-              Preview Filosofi Tri Hita Karana
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }} style={{ textAlign: 'right' }}>
-            <Button
-              size="sm"
-              variant="light"
-              color="green"
-              radius="md"
-              leftSection={<IconEdit size={16} />}
-              onClick={() =>
-                router.push(
-                  '/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify="space-between" align="center" mb={{ base: 'md', md: 'lg' }}>
+          <Title order={3} fw={600}>
+            Preview Filosofi Tri Hita Karana
+          </Title>
+          <Button
+            size="sm"
+            variant="light"
+            color="green"
+            radius="md"
+            leftSection={<IconEdit size={16} />}
+            onClick={() =>
+              router.push(
+                '/admin/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         <Stack gap="md">
           <Paper p={{ base: 'md', md: 'xl' }} bg="#ECEEF8" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/layout.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/layout.tsx
index 1fa8572a..1cd7f2db 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/layout.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/layout.tsx
@@ -1,8 +1,29 @@
 'use client'
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layoutTabs"
+import { Box } from "@mantine/core";
 
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
index ed32c9fa..25545db1 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
@@ -76,7 +76,7 @@ function EditNilaiKonservasiAdat() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx
index 32893221..8726401d 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { Box, Button, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -25,27 +25,23 @@ function Page() {
   return (
     <Box p="md">
       <Paper withBorder p={{ base: 'md', md: 'lg' }} radius="md">
-        <Grid align="center" mb={{ base: 'md', md: 'lg' }}>
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} fw={600}>
-              Preview Nilai Konservasi Adat
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }} style={{ textAlign: 'right' }}>
-            <Button
-              size="sm"
-              variant="light"
-              color="green"
-              radius="md"
-              leftSection={<IconEdit size={16} />}
-              onClick={() =>
-                router.push('/admin/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit')
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group align="center" justify='space-between' mb={{ base: 'md', md: 'lg' }}>
+          <Title order={3} fw={600}>
+            Preview Nilai Konservasi Adat
+          </Title>
+          <Button
+            size="sm"
+            variant="light"
+            color="green"
+            radius="md"
+            leftSection={<IconEdit size={16} />}
+            onClick={() =>
+              router.push('/admin/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit')
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         <Stack gap="md">
           <Paper p={{ base: 'md', md: 'xl' }} bg="#ECEEF8" radius="md">
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
index ef0cb555..1db48752 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
@@ -120,7 +120,7 @@ function EditKeteranganBankSampahTerdekat() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx
index 195861d8..1e07360e 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx
@@ -43,7 +43,7 @@ function DetailKeteranganBankSampahTerdekat() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Box mb="md">
         <Button
           variant="light"
@@ -57,7 +57,7 @@ function DetailKeteranganBankSampahTerdekat() {
       </Box>
 
       <Paper
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         p="xl"
         radius="lg"
         withBorder
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
index 8b702830..973665ac 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
@@ -56,7 +56,7 @@ function CreateKeteranganBankSampahTerdekat() {
   }
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
index 4be0d401..e4f363b0 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -28,6 +28,7 @@ function KeteranganBankSampahTerdekat() {
 function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
   const keteranganState = useProxy(pengelolaanSampahState.keteranganSampah);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -38,42 +39,52 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
   } = keteranganState.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Bank Sampah Terdekat</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Bank Sampah Terdekat
+          </Title>
           <Button 
             leftSection={<IconPlus size={18} />} 
             color="blue" 
             variant="light" 
             onClick={() => router.push('/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create')}
-            >
-              Tambah Baru
-            </Button>
+          >
+            Tambah Baru
+          </Button>
         </Group>
         
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama Bank Sampah</TableTh>
-                <TableTh>Alamat</TableTh>
-                <TableTh>Nama Tempat di Maps</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh style={{ width: '30%' }}>Nama Bank Sampah</TableTh>
+                <TableTh style={{ width: '35%' }}>Alamat</TableTh>
+                <TableTh style={{ width: '25%' }}>Nama Tempat di Maps</TableTh>
+                <TableTh style={{ width: '10%' }}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -81,17 +92,17 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500}>{item.name}</Text>
+                      <Text fz="md" fw={500} lh={1.5}>
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Box w={200}>
-                        <Text lineClamp={2} truncate="end" fz="sm">
-                          {item.alamat || '-'}
-                        </Text>
-                      </Box>
+                      <Text fz="sm" lh={1.5} lineClamp={2}>
+                        {item.alamat || '-'}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm">
+                      <Text fz="sm" lh={1.5}>
                         {item.namaTempatMaps || '-'}
                       </Text>
                     </TableTd>
@@ -100,16 +111,19 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
                         variant="light"
                         color="blue"
                         onClick={() => router.push(`/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/${item.id}`)}
+                        p="xs"
                       >
-                          <IconDeviceImac size={20} />
-                        </Button>
+                        <IconDeviceImac size={20} />
+                      </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4} align="center" py="xl">
-                    <Text c="dimmed">Tidak ada data bank sampah terdekat</Text>
+                  <TableTd colSpan={4} ta="center" py="xl">
+                    <Text c="dimmed" fz="sm" lh={1.4}>
+                      Tidak ada data bank sampah terdekat
+                    </Text>
                   </TableTd>
                 </TableTr>
               )}
@@ -117,8 +131,60 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
           </Table>
         </Box>
 
-        {totalPages > 1 && (
-          <Center mt="xl">
+        {/* Mobile Card */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} p="sm" radius="sm" withBorder>
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Bank Sampah
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Alamat
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.alamat || '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Tempat di Maps
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.namaTempatMaps || '-'}
+                      </Text>
+                    </Box>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/${item.id}`)}
+                        p="xs"
+                      >
+                        <IconDeviceImac size={20} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data bank sampah terdekat
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
+          <Center mt={{ base: 'lg', md: 'xl' }}>
             <Pagination
               value={page}
               onChange={(newPage) => load(newPage)}
@@ -128,10 +194,9 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
               withEdges
             />
           </Center>
-        )}
       </Paper>
     </Box>
   );
 }
 
-export default KeteranganBankSampahTerdekat;
+export default KeteranganBankSampahTerdekat;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
index c1c20352..5cd5ac57 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
@@ -90,7 +90,7 @@ function EditProgramKreatifDesa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
index a3b7dc61..acd88fac 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
@@ -34,7 +34,7 @@ function CreatePengelolaanSampahBankSampah() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
           <Button 
             variant="subtle" 
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
index 1b64d087..1b2d09d7 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
@@ -1,8 +1,8 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { IconChartLine, IconClipboardTextFilled, IconEdit, IconLeaf, IconPlus, IconRecycle, IconScale, IconSearch, IconTent, IconTrashFilled, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
+import { IconAlertTriangle, IconAmbulance, IconBuilding, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled, IconDroplet, IconEdit, IconFiretruck, IconHome, IconHomeEco, IconHospital, IconLeaf, IconPlus, IconRecycle, IconScale, IconSchool, IconSearch, IconShieldFilled, IconShoppingCart, IconTent, IconTrashFilled, IconTree, IconTrendingUp, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React, { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -32,6 +32,7 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
   const router = useRouter()
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
 
   const {
     data,
@@ -42,8 +43,8 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
   } = stateList.findMany
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch])
 
 
   const handleHapus = () => {
@@ -66,6 +67,23 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
     scale: IconScale,
     clipboard: IconClipboardTextFilled,
     trash: IconTrashFilled,
+    lingkunganSehat: IconHomeEco,
+    sumberOksigen: IconChristmasTreeFilled,
+    ekonomiBerkelanjutan: IconTrendingUp,
+    mencegahBencana: IconShieldFilled,
+    rumah: IconHome,
+    pohon: IconTree,
+    air: IconDroplet,
+    bantuan: IconCash,
+    pelatihan: IconSchool,
+    subsidi: IconShoppingCart,
+    layananKesehatan: IconHospital,
+    polisi: IconShieldFilled,
+    ambulans: IconAmbulance,
+    pemadam: IconFiretruck,
+    rumahSakit: IconHospital,
+    bangunan: IconBuilding,
+    darurat: IconAlertTriangle,
   };
 
   if (loading || !data) {
@@ -77,28 +95,45 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
   }
 
   return (
-    <Box py={10}>
-      <Paper bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pengelolaan Sampah Bank Sampah</Title>
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
+          <Title
+            order={4}
+            lh={{ base: 1.2, md: 1.15 }}
+          >
+            Daftar Pengelolaan Sampah Bank Sampah
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create')}
+            onClick={() =>
+              router.push(
+                '/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create'
+              )
+            }
           >
             Tambah Baru
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama Pengelolaan Sampah</TableTh>
-                <TableTh>Icon</TableTh>
-                <TableTh>Edit</TableTh>
-                <TableTh>Delete</TableTh>
+                <TableTh style={{ width: '50%' }}>Nama Pengelolaan Sampah</TableTh>
+                <TableTh style={{ width: '20%' }}>Icon</TableTh>
+                <TableTh style={{ width: '15%' }}>Edit</TableTh>
+                <TableTh style={{ width: '15%' }}>Delete</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -106,18 +141,22 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text lineClamp={1} truncate="end" fw={500}>{item.name}</Text>
+                      <Text fz="md" fw={500} lh={1.5} lineClamp={1} truncate="end">
+                        {item.name}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       {iconMap[item.icon] ? (
                         <Box>
                           {React.createElement(iconMap[item.icon], {
                             size: 24,
-                            style: { color: colors['blue-button'] }
+                            style: { color: colors['blue-button'] },
                           })}
                         </Box>
                       ) : (
-                        <Text c="dimmed" fz="sm">-</Text>
+                        <Text c="dimmed" fz="sm">
+                          -
+                        </Text>
                       )}
                     </TableTd>
                     <TableTd>
@@ -125,7 +164,11 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
                         variant="light"
                         color="green"
                         size="sm"
-                        onClick={() => router.push(`/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/${item.id}`)}
+                        onClick={() =>
+                          router.push(
+                            `/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/${item.id}`
+                          )
+                        }
                       >
                         <IconEdit size={18} />
                       </Button>
@@ -147,8 +190,10 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={3} align="center" py="xl">
-                    <Text c="dimmed">Tidak ada data pengelolaan sampah</Text>
+                  <TableTd colSpan={4} ta="center" py="xl">
+                    <Text c="dimmed" fz="sm" lh={1.4}>
+                      Tidak ada data pengelolaan sampah
+                    </Text>
                   </TableTd>
                 </TableTr>
               )}
@@ -156,19 +201,82 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
           </Table>
         </Box>
 
-        {totalPages > 1 && (
-          <Center mt="xl">
-            <Pagination
-              value={page}
-              onChange={(newPage) => load(newPage)}
-              total={totalPages}
-              siblings={1}
-              boundaries={1}
-              withEdges
-            />
-          </Center>
-        )}
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          {filteredData.length > 0 ? (
+            <Stack gap="md">
+              {filteredData.map((item) => (
+                <Paper key={item.id} p="sm" withBorder>
+                  <Stack gap={"xs"}>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Pengelolaan Sampah
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.45} lineClamp={1}>
+                      {item.name}
+                    </Text>
+                    {iconMap[item.icon] ? (
+                      React.createElement(iconMap[item.icon], {
+                        size: 20,
+                        style: { color: colors['blue-button'] },
+                      })
+                    ) : (
+                      <Text c="dimmed" fz="sm">
+                        -
+                      </Text>
+                    )}
+                    <Group justify='right'>
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="xs"
+                        onClick={() =>
+                          router.push(
+                            `/admin/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/${item.id}`
+                          )
+                        }
+                        radius="sm"
+                        p={4}
+                      >
+                        <IconEdit size={18} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="xs"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                        radius="sm"
+                        p={4}
+                      >
+                        <IconTrashFilled size={18} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))}
+            </Stack>
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="xs" lh={1.4}>
+                Tidak ada data pengelolaan sampah
+              </Text>
+            </Center>
+          )}
+        </Box>
 
+
+        <Center mt={{ base: 'lg', md: 'xl' }}>
+          <Pagination
+            value={page}
+            onChange={(newPage) => load(newPage)}
+            total={totalPages}
+            siblings={1}
+            boundaries={1}
+            withEdges
+          />
+        </Center>
       </Paper>
 
       {/* Modal Konfirmasi Hapus */}
@@ -182,4 +290,4 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
   );
 }
 
-export default PengelolaanSampahBankSampah;
+export default PengelolaanSampahBankSampah;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
index 3ebf74e0..b8c2b6bb 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
@@ -129,7 +129,7 @@ function EditProgramPenghijauan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
index 307e30af..938dc046 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
@@ -79,7 +79,7 @@ function DetailProgramPenghijauan() {
   const data = stateProgramPenghijauan.findUnique.data
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol kembali */}
       <Button
         variant="subtle"
@@ -93,7 +93,7 @@ function DetailProgramPenghijauan() {
       {/* Konten detail */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
@@ -129,7 +129,9 @@ function DetailProgramPenghijauan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Box pl={5}>
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                </Box>
               </Box>
 
               {/* Tombol aksi */}
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
index e06a98d1..7ea44521 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
@@ -49,7 +49,7 @@ function CreateProgramPenghijauan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol back + title */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
index da424701..ff55c48d 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
@@ -6,6 +6,7 @@ import {
   Box,
   Button,
   Center,
+  Group,
   Pagination,
   Paper,
   Skeleton,
@@ -17,22 +18,33 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
 import {
+  IconAlertTriangle,
+  IconAmbulance,
+  IconBuilding,
+  IconCash,
   IconChartLine,
   IconChristmasTreeFilled,
   IconClipboardTextFilled,
   IconDeviceImac,
+  IconDroplet,
+  IconFiretruck,
+  IconHome,
   IconHomeEco,
+  IconHospital,
   IconLeaf,
   IconPlus,
   IconRecycle,
   IconScale,
+  IconSchool,
   IconSearch,
   IconShieldFilled,
+  IconShoppingCart,
   IconTent,
   IconTrashFilled,
+  IconTree,
   IconTrendingUp,
   IconTrophy,
   IconTruckFilled,
@@ -42,9 +54,10 @@ import React, { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import programPenghijauanState from '../../_state/lingkungan/program-penghijauan';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function ProgramPenghijauan() {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
@@ -60,15 +73,16 @@ function ProgramPenghijauan() {
 }
 
 function ListProgramPenghijauan({ search }: { search: string }) {
-  const listState = useProxy(programPenghijauanState)
-  const { data, loading, page, totalPages, load } = listState.findMany
+  const listState = useProxy(programPenghijauanState);
+  const { data, loading, page, totalPages, load } = listState.findMany;
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   const iconMap: Record<string, React.FC<any>> = {
     ekowisata: IconLeaf,
@@ -84,87 +98,244 @@ function ListProgramPenghijauan({ search }: { search: string }) {
     sumberOksigen: IconChristmasTreeFilled,
     ekonomiBerkelanjutan: IconTrendingUp,
     mencegahBencana: IconShieldFilled,
+    rumah: IconHome,
+    pohon: IconTree,
+    air: IconDroplet,
+    bantuan: IconCash,
+    pelatihan: IconSchool,
+    subsidi: IconShoppingCart,
+    layananKesehatan: IconHospital,
+    polisi: IconShieldFilled,
+    ambulans: IconAmbulance,
+    pemadam: IconFiretruck,
+    rumahSakit: IconHospital,
+    bangunan: IconBuilding,
+    darurat: IconAlertTriangle,
   };
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         {/* Header Section */}
-        <Box mb="md" display="flex" style={{ justifyContent: 'space-between', alignItems: 'center' }}>
-          <Title order={4}>Daftar Program Penghijauan</Title>
+        <Box mb="lg" visibleFrom="md">
+          <Group
+            justify="space-between"
+            align="center"
+            mb="md"
+          >
+            <Title order={4} size="md" lh={1.2}>
+              Daftar Program Penghijauan
+            </Title>
+            <Button
+              leftSection={<IconPlus size={18} />}
+              color="blue"
+              variant="light"
+              onClick={() =>
+                router.push('/admin/lingkungan/program-penghijauan/create')
+              }
+            >
+              Tambah Baru
+            </Button>
+          </Group>
+
+          {/* Desktop Table */}
+          <Box miw={0}>
+            <Table
+              highlightOnHover
+              miw={0}
+              style={{ tableLayout: 'fixed', width: '100%' }}
+            >
+              <TableThead>
+                <TableTr>
+                  <TableTh style={{ width: '5%', textAlign: 'center' }}>
+                    <Text fz="xs" fw={600} lh={1.4} ta="center">
+                      No
+                    </Text>
+                  </TableTh>
+                  <TableTh style={{ width: '25%' }}>
+                    <Text fz="xs" fw={600} lh={1.4}>
+                      Nama Program
+                    </Text>
+                  </TableTh>
+                  <TableTh style={{ width: '35%' }}>
+                    <Text fz="xs" fw={600} lh={1.4}>
+                      Judul / Deskripsi
+                    </Text>
+                  </TableTh>
+                  <TableTh style={{ width: '15%', textAlign: 'center' }}>
+                    <Text fz="xs" fw={600} lh={1.4} ta="center">
+                      Ikon
+                    </Text>
+                  </TableTh>
+                  <TableTh style={{ width: '20%', textAlign: 'center' }}>
+                    <Text fz="xs" fw={600} lh={1.4} ta="center">
+                      Aksi
+                    </Text>
+                  </TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                {filteredData.length > 0 ? (
+                  filteredData.map((item, index) => (
+                    <TableTr key={item.id}>
+                      <TableTd ta="center">
+                        <Text fz="sm" fw={500} lh={1.5}>
+                          {index + 1}
+                        </Text>
+                      </TableTd>
+                      <TableTd>
+                        <Text fz="sm" fw={500} lh={1.5} truncate="end">
+                          {item.name}
+                        </Text>
+                      </TableTd>
+                      <TableTd>
+                        <Text
+                          fz="sm"
+                          fw={500}
+                          lh={1.5}
+                          lineClamp={1}
+                          dangerouslySetInnerHTML={{ __html: item.judul }}
+                        />
+                      </TableTd>
+                      <TableTd ta="center">
+                        {iconMap[item.icon] && (
+                          <Box mx="auto" title={item.icon}>
+                            {React.createElement(iconMap[item.icon], {
+                              size: 22,
+                            })}
+                          </Box>
+                        )}
+                      </TableTd>
+                      <TableTd ta="center">
+                        <Button
+                          size="xs"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImac size={16} />}
+                          onClick={() =>
+                            router.push(
+                              `/admin/lingkungan/program-penghijauan/${item.id}`
+                            )
+                          }
+                        >
+                          Detail
+                        </Button>
+                      </TableTd>
+                    </TableTr>
+                  ))
+                ) : (
+                  <TableTr>
+                    <TableTd colSpan={5}>
+                      <Center py="xl">
+                        <Text c="dimmed" fz="sm" lh={1.4}>
+                          Tidak ada data program penghijauan yang cocok
+                        </Text>
+                      </Center>
+                    </TableTd>
+                  </TableTr>
+                )}
+              </TableTbody>
+            </Table>
+          </Box>
+        </Box>
+
+        {/* Mobile View – Card Layout */}
+        <Box hiddenFrom="md">
+          <Box mb="md">
+            <Title order={4} size="sm" lh={1.2}>
+              Daftar Program Penghijauan
+            </Title>
+          </Box>
+
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/lingkungan/program-penghijauan/create')}
+            mb="lg"
+            fullWidth
+            onClick={() =>
+              router.push('/admin/lingkungan/program-penghijauan/create')
+            }
           >
             Tambah Baru
           </Button>
-        </Box>
 
-        {/* Table Section */}
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
-                <TableTh style={{ width: '25%' }}>Nama Program</TableTh>
-                <TableTh style={{ width: '35%' }}>Judul / Deskripsi</TableTh>
-                <TableTh style={{ width: '15%', textAlign: 'center' }}>Ikon</TableTh>
-                <TableTh style={{ width: '15%', textAlign: 'center' }}>Aksi</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length > 0 ? (
-                filteredData.map((item, index) => (
-                  <TableTr key={item.id}>
-                    <TableTd style={{ textAlign: 'center' }}>{index + 1}</TableTd>
-                    <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.name}</Text>
-                    </TableTd>
-                    <TableTd>
-                      <Text lineClamp={1} fz="sm" c="dimmed" dangerouslySetInnerHTML={{ __html: item.judul }} />
-                    </TableTd>
-                    <TableTd style={{ textAlign: 'center' }}>
+          {filteredData.length > 0 ? (
+            filteredData.map((item, index) => (
+              <Paper key={item.id} withBorder p="md" mb="sm" radius="md">
+                <Stack gap="xs">
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      No
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {index + 1}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Nama Program
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Judul / Deskripsi
+                    </Text>
+                    <Text
+                      fz="sm"
+                      fw={500}
+                      lh={1.5}
+                      dangerouslySetInnerHTML={{ __html: item.judul }}
+                    />
+                  </Box>
+                  <Box>
+                    <Text fz="sm" fw={600} lh={1.4}>
+                      Ikon
+                    </Text>
+                    <Box mt="xs" ta="center">
                       {iconMap[item.icon] && (
-                        <Box title={item.icon} mx="auto">
-                          {React.createElement(iconMap[item.icon], { size: 22 })}
-                        </Box>
+                        React.createElement(iconMap[item.icon], { size: 24 })
                       )}
-                    </TableTd>
-                    <TableTd style={{ textAlign: 'center' }}>
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImac size={16} />}
-                        onClick={() => router.push(`/admin/lingkungan/program-penghijauan/${item.id}`)}
-                      >
-                        Detail
-                      </Button>
-                    </TableTd>
-                  </TableTr>
-                ))
-              ) : (
-                <TableTr>
-                  <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada data program penghijauan yang cocok</Text>
-                    </Center>
-                  </TableTd>
-                </TableTr>
-              )}
-            </TableTbody>
-          </Table>
+                    </Box>
+                  </Box>
+                  <Box>
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImac size={16} />}
+                      onClick={() =>
+                        router.push(
+                          `/admin/lingkungan/program-penghijauan/${item.id}`
+                        )
+                      }
+                    >
+                      Detail
+                    </Button>
+                  </Box>
+                </Stack>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data program penghijauan yang cocok
+              </Text>
+            </Center>
+          )}
         </Box>
       </Paper>
 
@@ -187,4 +358,4 @@ function ListProgramPenghijauan({ search }: { search: string }) {
   );
 }
 
-export default ProgramPenghijauan;
+export default ProgramPenghijauan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx
index b4fa8877..7bae982f 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconSchool, IconStar } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -56,35 +56,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+         <Box visibleFrom='md' pb={10}>
+                  <ScrollArea type="auto" offsetScrollbars>
+                    <TabsList
+                      p="sm"
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            transition: "all 0.2s ease",
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
+        
+                <Box hiddenFrom='md' pb={10}>
+                  <ScrollArea
+                    type="auto"
+                    offsetScrollbars={false}
+                    w="100%"
+                  >
+        
+                    <TabsList
+                      p="xs" // lebih kecil
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        width: "max-content", // ⬅️ kunci
+                        maxWidth: "100%",     // ⬅️ penting
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            paddingInline: "0.75rem", // ⬅️ lebih ramping
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
index 3ee48259..56a793b1 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailBeasiswaPendaftar() {
   const data = state.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx
index 011f4489..8a56006f 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx
@@ -2,23 +2,24 @@
 'use client'
 import colors from '@/con/colors';
 import {
-    Box,
-    Button,
-    Center,
-    Group,
-    Pagination,
-    Paper,
-    Skeleton,
-    Stack,
-    Table,
-    TableTbody,
-    TableTd,
-    TableTh,
-    TableThead,
-    TableTr,
-    Text,
-    Title
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title
 } from '@mantine/core';
+import { useDebouncedValue } from '@mantine/hooks';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -45,60 +46,81 @@ function BeasiswaPendaftar() {
 function ListBeasiswaPendaftar({ search }: { search: string }) {
   const state = useProxy(beasiswaDesaState.beasiswaPendaftar);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Beasiswa Pendaftar</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Beasiswa Pendaftar
+          </Title>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop: Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>No</TableTh>
-                <TableTh>Nama Lengkap</TableTh>
-                <TableTh>Alamat</TableTh>
-                <TableTh>Tanggal Lahir</TableTh>
-                <TableTh>Jenis Kelamin</TableTh>
-                <TableTh>Aksi</TableTh>
+                <TableTh w="5%">No</TableTh>
+                <TableTh w="25%">Nama Lengkap</TableTh>
+                <TableTh w="30%">Alamat</TableTh>
+                <TableTh w="15%">Tanggal Lahir</TableTh>
+                <TableTh w="15%">Jenis Kelamin</TableTh>
+                <TableTh w="10%">Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd>{index + 1}</TableTd>
                     <TableTd>
-                      <Text truncate fz="sm">{item.namaLengkap}</Text>
+                      <Text fz="md" fw={500} lh={1.45}>
+                        {index + 1}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text truncate fz="sm">{item.alamatKTP}</Text>
+                      <Text truncate fz="md" fw={500} lh={1.45}>
+                        {item.namaLengkap}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text truncate fz="sm">
+                      <Text truncate fz="md" fw={500} lh={1.45}>
+                        {item.alamatKTP}
+                      </Text>
+                    </TableTd>
+                    <TableTd>
+                      <Text truncate fz="md" fw={500} lh={1.45}>
                         {item.tanggalLahir ? new Date(item.tanggalLahir).toLocaleDateString() : '-'}
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text truncate fz="sm">{item.jenisKelamin}</Text>
+                      <Text truncate fz="md" fw={500} lh={1.45}>
+                        {item.jenisKelamin}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -107,6 +129,9 @@ function ListBeasiswaPendaftar({ search }: { search: string }) {
                         onClick={() =>
                           router.push(`/admin/pendidikan/beasiswa-desa/beasiswa-pendaftar/${item.id}`)
                         }
+                        fz="sm"
+                        fw={500}
+                        lh={1.4}
                       >
                         <IconDeviceImacCog size={20} />
                         <Text ml={5}>Detail</Text>
@@ -117,8 +142,10 @@ function ListBeasiswaPendaftar({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={6}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada data pendaftar yang cocok</Text>
+                    <Center py={{ base: 'sm', md: 'md' }}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data pendaftar yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -126,6 +153,82 @@ function ListBeasiswaPendaftar({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile: Card */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item, index) => (
+                <Paper key={item.id} withBorder p="sm" radius="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        No
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {index + 1}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Lengkap
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4} truncate>
+                        {item.namaLengkap}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Alamat
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4} truncate>
+                        {item.alamatKTP}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Tanggal Lahir
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.tanggalLahir ? new Date(item.tanggalLahir).toLocaleDateString() : '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Jenis Kelamin
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.jenisKelamin}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() =>
+                          router.push(`/admin/pendidikan/beasiswa-desa/beasiswa-pendaftar/${item.id}`)
+                        }
+                        fullWidth
+                        fz="sm"
+                        fw={500}
+                        lh={1.4}
+                      >
+                        <IconDeviceImacCog size={20} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="sm">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data pendaftar yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
@@ -146,4 +249,4 @@ function ListBeasiswaPendaftar({ search }: { search: string }) {
   );
 }
 
-export default BeasiswaPendaftar;
+export default BeasiswaPendaftar;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
index 18728c2c..91c42c6a 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
@@ -93,7 +93,7 @@ function EditProgramKreatifDesa() {
     }
   }
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
index 00b7bc4b..c05524a7 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
@@ -37,7 +37,7 @@ function CreateKeunggulanProgram() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button
           variant="subtle"
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
index 1aed7859..e31f1f40 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrashFilled } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -48,12 +48,13 @@ function ListKeunggulanProgram({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = stateList.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleHapus = () => {
     if (selectedId) {
@@ -67,14 +68,14 @@ function ListKeunggulanProgram({ search }: { search: string }) {
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Keunggulan Program</Title>
@@ -92,34 +93,44 @@ function ListKeunggulanProgram({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ minWidth: 200 }}>Nama Keunggulan Program</TableTh>
-                <TableTh style={{ minWidth: 200 }}>Deskripsi</TableTh>
-                <TableTh style={{ minWidth: 200 }}>Edit</TableTh>
-                <TableTh style={{ minWidth: 200 }}>Delete</TableTh>
+                <TableTh style={{ width: '30%' }}>Nama Keunggulan Program</TableTh>
+                <TableTh style={{ width: '40%' }}>Deskripsi</TableTh>
+                <TableTh style={{ width: '15%' }}>Edit</TableTh>
+                <TableTh style={{ width: '15%' }}>Delete</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ minWidth: 200 }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
                         {item.judul}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ minWidth: 200 }}>
+                    <TableTd>
                       <Text
+                        fz="md"
                         fw={500}
+                        lh={1.45}
                         truncate="end"
                         lineClamp={1}
                         dangerouslySetInnerHTML={{ __html: item.deskripsi }}
                       />
                     </TableTd>
-                    <TableTd style={{ minWidth: 200 }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="green"
@@ -133,7 +144,7 @@ function ListKeunggulanProgram({ search }: { search: string }) {
                         <IconEdit size={18} />
                       </Button>
                     </TableTd>
-                    <TableTd style={{ minWidth: 200 }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="red"
@@ -151,8 +162,8 @@ function ListKeunggulanProgram({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text c="dimmed">
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data keunggulan program yang cocok
                       </Text>
                     </Center>
@@ -162,9 +173,70 @@ function ListKeunggulanProgram({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama Keunggulan Program</Text>
+                      <Text fz="sm" fw={500} lh={1.4} truncate="end">
+                        {item.judul}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
+                      <Text
+                        fz="sm"
+                        fw={500}
+                        lh={1.4}
+                        truncate="end"
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      />
+                    </Box>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="xs"
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/beasiswa-desa/keunggulan-program/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="xs"
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrashFilled size={16} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data keunggulan program yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
-      {totalPages > 1 && (
+     
         <Center>
           <Pagination
             value={page}
@@ -179,9 +251,7 @@ function ListKeunggulanProgram({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
 
-      {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}
         onClose={() => setModalHapus(false)}
@@ -192,4 +262,4 @@ function ListKeunggulanProgram({ search }: { search: string }) {
   );
 }
 
-export default KeunggulanProgram;
+export default KeunggulanProgram;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/layout.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/layout.tsx
index 4f25d331..e50ab83a 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/layout.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/layout.tsx
@@ -1,8 +1,29 @@
 'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx
index 179de0fb..2c4be590 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBuildingCommunity, IconCalendar, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -62,35 +62,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+         <Box visibleFrom='md' pb={10}>
+                  <ScrollArea type="auto" offsetScrollbars>
+                    <TabsList
+                      p="sm"
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            transition: "all 0.2s ease",
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
+        
+                <Box hiddenFrom='md' pb={10}>
+                  <ScrollArea
+                    type="auto"
+                    offsetScrollbars={false}
+                    w="100%"
+                  >
+        
+                    <TabsList
+                      p="xs" // lebih kecil
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        width: "max-content", // ⬅️ kunci
+                        maxWidth: "100%",     // ⬅️ penting
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            paddingInline: "0.75rem", // ⬅️ lebih ramping
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
index 15beadd4..ebea0187 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
@@ -116,7 +116,7 @@ function EditFasilitasYangDisediakan() {
   }
 
   return (
-    <Box>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
index 05fa285e..cbf4f70c 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Divider, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,28 +29,24 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Pratinjau Fasilitas Yang Disediakan
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Pratinjau Fasilitas Yang Disediakan
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -59,6 +55,7 @@ function Page() {
           withBorder
           radius="md"
           shadow="xs"
+          visibleFrom='md'
         >
           <Box px={{ base: 'sm', md: 50 }}>
             <Stack gap="lg">
@@ -84,6 +81,47 @@ function Page() {
             </Stack>
           </Box>
         </Paper>
+
+        <Paper
+          p="xl"
+          bg={colors['white-1']}
+          withBorder
+          radius="md"
+          shadow="xs"
+          hiddenFrom='md'
+        >
+          <Box px={{ base: 'sm', md: 50 }}>
+            <Stack gap="lg">
+              {/* Judul */}
+              <Text
+                ta="center"
+                fz={{ base: '1.3rem', md: '1.8rem' }}
+                fw="bold"
+                c={colors['blue-button']}
+                dangerouslySetInnerHTML={{ __html: data.judul }}
+              />
+              <Divider my="md" color={colors['blue-button']} />
+
+              {/* Deskripsi */}
+              <Text
+                fz={{ base: '0.95rem', md: '1.2rem' }}
+                lh={1.7}
+                ta={{ base: 'left', md: 'justify' }}
+                c="dimmed"
+                dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
+              />
+            </Stack>
+          </Box>
+        </Paper>
       </Stack>
     </Paper>
   );
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/layout.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/layout.tsx
index 3a414c77..e50ab83a 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/layout.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
index 4b2a8156..51b9185e 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
@@ -113,7 +113,7 @@ function EditLokasiDanJadwal() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
index c2a83d5d..1829ee2d 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Divider, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,28 +29,24 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Pratinjau Lokasi & Jadwal
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Pratinjau Lokasi & Jadwal
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -59,6 +55,7 @@ function Page() {
           withBorder
           radius="md"
           shadow="xs"
+          visibleFrom='md'
         >
           <Box px={{ base: 'sm', md: 50 }}>
             <Stack gap="lg">
@@ -85,6 +82,48 @@ function Page() {
             </Stack>
           </Box>
         </Paper>
+
+        <Paper
+          p="xl"
+          bg={colors['white-1']}
+          withBorder
+          radius="md"
+          shadow="xs"
+          hiddenFrom='md'
+        >
+          <Box px={{ base: 'sm', md: 50 }}>
+            <Stack gap="lg">
+              {/* Judul */}
+              <Text
+                ta="center"
+                fz={{ base: '1.3rem', md: '1.8rem' }}
+                fw="bold"
+                c={colors['blue-button']}
+                dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              />
+              <Divider my="md" color={colors['blue-button']} />
+
+              {/* Deskripsi */}
+              <Text
+                fz={{ base: '0.95rem', md: '1.2rem' }}
+                lh={1.7}
+                ta={{ base: 'left', md: 'justify' }}
+                c="dimmed"
+                dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
+              />
+            </Stack>
+          </Box>
+        </Paper>
       </Stack>
     </Paper>
   );
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
index be02e0d6..9697085a 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
@@ -109,7 +109,7 @@ function EditTujuanProgram() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
index a7429917..d59db998 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
@@ -4,8 +4,7 @@ import {
   Box,
   Button,
   Divider,
-  Grid,
-  GridCol,
+  Group,
   Paper,
   Skeleton,
   Stack,
@@ -40,28 +39,24 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Pratinjau Tujuan Program
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/bimbingan-belajar-desa/tujuan-program/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Pratinjau Tujuan Program
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/bimbingan-belajar-desa/tujuan-program/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -70,6 +65,7 @@ function Page() {
           withBorder
           radius="md"
           shadow="xs"
+          visibleFrom='md'
         >
           <Box px={{ base: 'sm', md: 50 }}>
             <Stack gap="lg">
@@ -95,6 +91,47 @@ function Page() {
             </Stack>
           </Box>
         </Paper>
+
+         <Paper
+          p="xl"
+          bg={colors['white-1']}
+          withBorder
+          radius="md"
+          shadow="xs"
+          hiddenFrom='md'
+        >
+          <Box px={{ base: 'sm', md: 50 }}>
+            <Stack gap="lg">
+              {/* Judul */}
+              <Text
+                ta="center"
+                fz={{ base: '1.3rem', md: '1.8rem' }}
+                fw="bold"
+                c={colors['blue-button']}
+                dangerouslySetInnerHTML={{ __html: data.judul }}
+              />
+              <Divider my="md" color={colors['blue-button']} />
+
+              {/* Deskripsi */}
+              <Text
+                fz={{ base: '0.95rem', md: '1.2rem' }}
+                lh={1.7}
+                ta={{ base: 'left', md: 'justify' }}
+                c="dimmed"
+                dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
+              />
+            </Stack>
+          </Box>
+        </Paper>
       </Stack>
     </Paper>
   );
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
index 731b4f22..15e2fd1f 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
@@ -76,7 +76,7 @@ export default function EditDataPendidikan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'xl' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md" gap="sm">
         <Button variant="subtle" onClick={() => router.back()} radius="md">
           <IconArrowBack size={20} stroke={2} />
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
index dcfb0a49..982c2d0b 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
@@ -39,7 +39,7 @@ export default function CreateDataPendidikan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'xl' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md" gap="sm">
         <Button variant="subtle" onClick={() => router.back()} radius="md">
           <IconArrowBack size={20} stroke={2} />
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
index e8de7280..d015ba5e 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBuilding, IconChalkboard, IconMicroscope, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -68,35 +68,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+        <Box visibleFrom='md' pb={10}>
+                 <ScrollArea type="auto" offsetScrollbars>
+                   <TabsList
+                     p="sm"
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           transition: "all 0.2s ease",
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
+       
+               <Box hiddenFrom='md' pb={10}>
+                 <ScrollArea
+                   type="auto"
+                   offsetScrollbars={false}
+                   w="100%"
+                 >
+       
+                   <TabsList
+                     p="xs" // lebih kecil
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       width: "max-content", // ⬅️ kunci
+                       maxWidth: "100%",     // ⬅️ penting
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           paddingInline: "0.75rem", // ⬅️ lebih ramping
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
index 252eed16..5e90fcdb 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
@@ -90,7 +90,7 @@ function EditJenjangPendidikan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
index dacee6d5..27f52ec5 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
@@ -51,7 +51,7 @@ function CreateJenjangPendidikan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Back button + Title */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
index d48b0a4a..6ac01e51 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
@@ -1,6 +1,23 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -9,29 +26,25 @@ import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import infoSekolahPaud from '../../../_state/pendidikan/info-sekolah-paud';
 
-
 function JenjangPendidikan() {
-  // const [search, setSearch] = useState("")
   return (
     <Box>
-      <Title order={4}>Jenjang Pendidikan</Title>
-      {/* <HeaderSearch
-        title='Jenjang Pendidikan'
-        placeholder='Cari jenjang pendidikan...'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      /> */}
+      <Title order={2} visibleFrom="md">
+        Jenjang Pendidikan
+      </Title>
+      <Title order={2} hiddenFrom="md">
+        Jenjang Pendidikan
+      </Title>
       <ListJenjangPendidikan />
     </Box>
   );
 }
 
 function ListJenjangPendidikan() {
-  const stateList = useProxy(infoSekolahPaud.jenjangPendidikan)
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-  const router = useRouter()
+  const stateList = useProxy(infoSekolahPaud.jenjangPendidikan);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const router = useRouter();
 
   const {
     data,
@@ -39,50 +52,65 @@ function ListJenjangPendidikan() {
     totalPages,
     loading,
     load,
-  } = stateList.findMany
+  } = stateList.findMany;
 
   const handleHapus = () => {
     if (selectedId) {
-      stateList.delete.byId(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
+      stateList.delete.byId(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
     }
-  }
+  };
 
   useShallowEffect(() => {
-    load(page, 10)
-  }, [page])
+    load(page, 10);
+  }, [page]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton h={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper bg={colors['white-1']} p="lg" withBorder shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Jenjang Pendidikan</Title>
+          <Title order={3} visibleFrom="md">
+            Daftar Jenjang Pendidikan
+          </Title>
+          <Title order={3} hiddenFrom="md">
+            Daftar Jenjang Pendidikan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/pendidikan/info-sekolah/jenjang-pendidikan/create')}
+            onClick={() =>
+              router.push('/admin/pendidikan/info-sekolah/jenjang-pendidikan/create')
+            }
           >
             Tambah Baru
           </Button>
         </Group>
 
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Nama Jenjang Pendidikan</TableTh>
+                <TableTh style={{ width: '70%' }}>Nama Jenjang Pendidikan</TableTh>
                 <TableTh style={{ width: '15%' }}>Edit</TableTh>
                 <TableTh style={{ width: '15%' }}>Delete</TableTh>
               </TableTr>
@@ -92,13 +120,19 @@ function ListJenjangPendidikan() {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end">{item.nama}</Text>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end">
+                        {item.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
                         color="green"
                         variant="light"
-                        onClick={() => router.push(`/admin/pendidikan/info-sekolah/jenjang-pendidikan/${item.id}`)}
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/info-sekolah/jenjang-pendidikan/${item.id}`
+                          )
+                        }
                       >
                         <IconEdit size={20} />
                       </Button>
@@ -108,8 +142,8 @@ function ListJenjangPendidikan() {
                         color="red"
                         variant="light"
                         onClick={() => {
-                          setSelectedId(item.id)
-                          setModalHapus(true)
+                          setSelectedId(item.id);
+                          setModalHapus(true);
                         }}
                       >
                         <IconX size={20} />
@@ -120,8 +154,10 @@ function ListJenjangPendidikan() {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data jenjang pendidikan</Text>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data jenjang pendidikan
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -129,6 +165,55 @@ function ListJenjangPendidikan() {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Stack hiddenFrom="md" gap="sm">
+          {filteredData.length > 0 ? (
+            filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="sm" radius="md">
+                <Box>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama Jenjang Pendidikan
+                  </Text>
+                  <Text fz="sm" fw={500} lh={1.4}>
+                    {item.nama}
+                  </Text>
+                </Box>
+                <Group mt="sm" justify="flex-end" gap="xs">
+                  <Button
+                    color="green"
+                    variant="light"
+                    size="compact-sm"
+                    onClick={() =>
+                      router.push(
+                        `/admin/pendidikan/info-sekolah/jenjang-pendidikan/${item.id}`
+                      )
+                    }
+                  >
+                    <IconEdit size={16} />
+                  </Button>
+                  <Button
+                    color="red"
+                    variant="light"
+                    size="compact-sm"
+                    onClick={() => {
+                      setSelectedId(item.id);
+                      setModalHapus(true);
+                    }}
+                  >
+                    <IconX size={16} />
+                  </Button>
+                </Group>
+              </Paper>
+            ))
+          ) : (
+            <Center py="xl">
+              <Text c="dimmed" fz="sm" lh={1.4}>
+                Tidak ada data jenjang pendidikan
+              </Text>
+            </Center>
+          )}
+        </Stack>
       </Paper>
 
       <Center>
@@ -151,10 +236,10 @@ function ListJenjangPendidikan() {
         opened={modalHapus}
         onClose={() => setModalHapus(false)}
         onConfirm={handleHapus}
-        text='Apakah anda yakin ingin menghapus jenjang pendidikan ini?'
+        text="Apakah anda yakin ingin menghapus jenjang pendidikan ini?"
       />
     </Box>
   );
 }
 
-export default JenjangPendidikan;
+export default JenjangPendidikan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/layout.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/layout.tsx
index 3a414c77..e50ab83a 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/layout.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/layout.tsx
@@ -1,7 +1,29 @@
+'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
index 3b5107f8..bd1d769e 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
@@ -96,7 +96,7 @@ export default function EditLembaga() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx
index 8861f852..8a6000bc 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailLembaga() {
   const data = detailState.findUnique.data;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -53,7 +53,7 @@ function DetailLembaga() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
index 447e6938..7061d96b 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
@@ -52,7 +52,7 @@ function CreateLembaga() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
index eadabed2..93765bb0 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -27,7 +27,7 @@ import HeaderSearch from '../../../_com/header';
 import infoSekolahPaud from '../../../_state/pendidikan/info-sekolah-paud';
 
 function Lembaga() {
-  const [search, setSearch] = useState("")
+  const [search, setSearch] = useState("");
   return (
     <Box>
       <HeaderSearch
@@ -43,8 +43,9 @@ function Lembaga() {
 }
 
 function ListLembaga({ search }: { search: string }) {
-  const stateList = useProxy(infoSekolahPaud.lembagaPendidikan)
-  const router = useRouter()
+  const stateList = useProxy(infoSekolahPaud.lembagaPendidikan);
+  const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -55,40 +56,65 @@ function ListLembaga({ search }: { search: string }) {
   } = stateList.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Lembaga</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Lembaga
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/pendidikan/info-sekolah/lembaga/create')}
+            onClick={() =>
+              router.push('/admin/pendidikan/info-sekolah/lembaga/create')
+            }
           >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '40%' }}>Nama Lembaga</TableTh>
-                <TableTh style={{ width: '30%' }}>Jenjang Pendidikan</TableTh>
-                <TableTh style={{ width: '15%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '40%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Nama Lembaga
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Jenjang Pendidikan
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -96,19 +122,29 @@ function ListLembaga({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.nama}</Text>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" c="dimmed">{item.jenjangPendidikan?.nama || '-'}</Text>
+                      <Text fz="sm" fw={500} lh={1.5} c="gray.7">
+                        {item.jenjangPendidikan?.nama || '-'}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="blue"
-                        onClick={() => router.push(`/admin/pendidikan/info-sekolah/lembaga/${item.id}`)}
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/info-sekolah/lembaga/${item.id}`
+                          )
+                        }
                       >
                         <IconDeviceImac size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -116,8 +152,10 @@ function ListLembaga({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data lembaga yang cocok</Text>
+                    <Center py={{ base: 20, md: 24 }}>
+                      <Text c="gray.6" fz="sm" lh={1.5}>
+                        Tidak ada data lembaga yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -125,6 +163,59 @@ function ListLembaga({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} p="sm" withBorder bg="white">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4} c="gray.7">
+                        Nama Lembaga
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4} c="gray.7">
+                        Jenjang Pendidikan
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4} c="gray.7">
+                        {item.jenjangPendidikan?.nama || '-'}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        fullWidth
+                        variant="light"
+                        color="blue"
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/info-sekolah/lembaga/${item.id}`
+                          )
+                        }
+                      >
+                        <IconDeviceImac size={18} />
+                        <Text ml={6} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="gray.6" fz="sm" lh={1.5}>
+                  Tidak ada data lembaga yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
@@ -145,4 +236,4 @@ function ListLembaga({ search }: { search: string }) {
   );
 }
 
-export default Lembaga;
+export default Lembaga;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
index 4df0541d..0b0922ab 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
@@ -100,7 +100,7 @@ function EditPengajar() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header Back + Title */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
index b78a3edc..d10f34d8 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailPengajar() {
   const data = detailState.findUnique.data;
 
   return (
-    <Box py={10}>
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -53,7 +53,7 @@ function DetailPengajar() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
index a0395acc..5edea688 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
@@ -57,7 +57,7 @@ function CreatePengajar() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header Back + Title */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
index 7ea5a217..02f9cd36 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
@@ -11,6 +11,7 @@ import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import infoSekolahPaud from '../../../_state/pendidikan/info-sekolah-paud';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function Pengajar() {
   const [search, setSearch] = useState('');
@@ -29,8 +30,9 @@ function Pengajar() {
 }
 
 function ListPengajar({ search }: { search: string }) {
-  const listState = useProxy(infoSekolahPaud.pengajar)
+  const listState = useProxy(infoSekolahPaud.pengajar);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -41,24 +43,26 @@ function ListPengajar({ search }: { search: string }) {
   } = listState.findMany;
 
   useEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton h={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Pengajar</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Pengajar
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -69,13 +73,33 @@ function ListPengajar({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover striped withRowBorders style={{ minWidth: '700px' }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '35%' }}>Nama Pengajar</TableTh>
-                <TableTh style={{ width: '35%' }}>Lembaga</TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '35%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Nama Pengajar
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '35%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Lembaga
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '30%' }}>
+                  <Text fz="sm" fw={600} lh={1.4} ta="left">
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -83,10 +107,14 @@ function ListPengajar({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.nama}</Text>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
+                        {item.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text truncate="end" fz="sm" c="dimmed">{item.lembaga.nama}</Text>
+                      <Text fz="md" fw={500} lh={1.5} c="gray.7" truncate="end">
+                        {item.lembaga.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
@@ -95,7 +123,9 @@ function ListPengajar({ search }: { search: string }) {
                         onClick={() => router.push(`/admin/pendidikan/info-sekolah/pengajar/${item.id}`)}
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -103,8 +133,10 @@ function ListPengajar({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada data pengajar yang cocok</Text>
+                    <Center py={{ base: 'md', md: 'lg' }}>
+                      <Text c="gray.6" fz="sm" lh={1.4}>
+                        Tidak ada data pengajar yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -112,14 +144,63 @@ function ListPengajar({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder radius="md" p="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Pengajar
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Lembaga
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4} c="gray.7">
+                        {item.lembaga.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        fullWidth
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/pendidikan/info-sekolah/pengajar/${item.id}`)}
+                      >
+                        <IconDeviceImacCog size={18} />
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="md">
+                <Text c="gray.6" fz="sm" lh={1.4}>
+                  Tidak ada data pengajar yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
         <Pagination
           value={page}
           onChange={(newPage) => {
-            load(newPage, 10, search)
-            window.scrollTo({ top: 0, behavior: 'smooth' })
+            load(newPage, 10, search);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
           mt="md"
@@ -129,7 +210,7 @@ function ListPengajar({ search }: { search: string }) {
         />
       </Center>
     </Box>
-  )
+  );
 }
 
-export default Pengajar;
+export default Pengajar;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
index 6d283d2e..e2b8d002 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
@@ -107,7 +107,7 @@ function EditSiswa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
index 0f29a36f..d23062c1 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
@@ -41,7 +41,7 @@ function DetailSiswa() {
   const data = detailState.findUnique.data
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Button
         variant="subtle"
@@ -55,7 +55,7 @@ function DetailSiswa() {
       {/* Card Utama */}
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
index 0cd59c97..97c93a45 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
@@ -52,7 +52,7 @@ function CreateSiswa() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header + Back Button */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
index 7d1c28da..5301ba06 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-'use client'
+'use client';
 import colors from '@/con/colors';
 import {
   Box,
@@ -17,7 +17,7 @@ import {
   TableThead,
   TableTr,
   Text,
-  Title
+  Title,
 } from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -25,6 +25,7 @@ import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import infoSekolahPaud from '../../../_state/pendidikan/info-sekolah-paud';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function Siswa() {
   const [search, setSearch] = useState('');
@@ -43,30 +44,33 @@ function Siswa() {
 }
 
 function ListSiswa({ search }: { search: string }) {
-  const stateSiswa = useProxy(infoSekolahPaud.siswa)
+  const stateSiswa = useProxy(infoSekolahPaud.siswa);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = stateSiswa.findMany;
 
   useEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = data || []
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Siswa</Title>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Siswa
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -77,13 +81,35 @@ function ListSiswa({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover striped withRowBorders style={{ minWidth: '700px' }}>
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            striped
+            withRowBorders
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '35%' }}>Nama Siswa</TableTh>
-                <TableTh style={{ width: '35%' }}>Lembaga</TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '35%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama Siswa
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '35%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Lembaga
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Aksi
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
@@ -91,19 +117,27 @@ function ListSiswa({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
-                      <Text fw={500} truncate="end">{item.nama}</Text>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      <Text truncate="end" c="dimmed">{item.lembaga.nama}</Text>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.lembaga.nama}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="blue"
-                        onClick={() => router.push(`/admin/pendidikan/info-sekolah/siswa/${item.id}`)}
+                        onClick={() =>
+                          router.push(`/admin/pendidikan/info-sekolah/siswa/${item.id}`)
+                        }
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -111,8 +145,10 @@ function ListSiswa({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={3}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data siswa yang cocok</Text>
+                    <Center py={{ base: 'sm', md: 'md' }}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data siswa yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -120,24 +156,76 @@ function ListSiswa({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="xs">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Siswa
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Lembaga
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.lembaga.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Button
+                        fullWidth
+                        variant="light"
+                        color="blue"
+                        onClick={() =>
+                          router.push(`/admin/pendidikan/info-sekolah/siswa/${item.id}`)
+                        }
+                      >
+                        <IconDeviceImacCog size={20} />
+                        <Text ml={5} fz="sm" fw={500} lh={1.4}>
+                          Detail
+                        </Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="sm">
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data siswa yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+     
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt={{ base: 'sm', md: 'md' }}
+            mb={{ base: 'sm', md: 'md' }}
+            color="blue"
+            radius="md"
+          />
+        </Center>
     </Box>
-  )
+  );
 }
 
-export default Siswa;
+export default Siswa;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx
index 57da173d..e47ac810 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBook2, IconMapPin, IconSchool } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -63,35 +63,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
           >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
index 30117ce0..d066c347 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
@@ -113,7 +113,7 @@ function EditJenisProgramYangDiselenggarakan() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         {/* Back Button + Title */}
         <Group mb="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
index 1a7b12bc..88ad47b0 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
@@ -4,8 +4,7 @@ import {
   Box,
   Button,
   Divider,
-  Grid,
-  GridCol,
+  Group,
   Paper,
   Skeleton,
   Stack,
@@ -40,28 +39,24 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Preview Jenis Program Yang Diselenggarakan
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Preview Jenis Program Yang Diselenggarakan
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -86,12 +81,20 @@ function Page() {
 
               {/* Deskripsi */}
               <Text
-                fz={{ base: '1rem', md: '1.2rem' }}
+                fz={{ base: '0.95rem', md: '1.2rem' }}
                 lh={1.7}
-                ta="justify"
+                ta={{ base: 'left', md: 'justify' }}
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/layout.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/layout.tsx
index 4f25d331..34fe9efa 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/layout.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/layout.tsx
@@ -1,8 +1,30 @@
 'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
+
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
index 699e9839..c0670869 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
@@ -120,7 +120,7 @@ function EditTempatKegiatan() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         {/* Back Button + Title */}
         <Group mb="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
index a377409e..80e037ac 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Divider, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,28 +29,24 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Preview Tempat Kegiatan
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Preview Tempat Kegiatan
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -75,12 +71,20 @@ function Page() {
 
               {/* Deskripsi */}
               <Text
-                fz={{ base: '1rem', md: '1.2rem' }}
+                fz={{ base: '0.95rem', md: '1.2rem' }}
                 lh={1.7}
-                ta="justify"
+                ta={{ base: 'left', md: 'justify' }}
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
index 111cd506..881e88d4 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
@@ -111,7 +111,7 @@ function EditTujuanProgram() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
index 00b36c7a..680f117c 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
@@ -4,8 +4,7 @@ import {
   Box,
   Button,
   Divider,
-  Grid,
-  GridCol,
+  Group,
   Paper,
   Skeleton,
   Stack,
@@ -42,28 +41,24 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Pratinjau Pendidikan Non Formal
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/pendidikan-non-formal/tujuan-program/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Pratinjau Pendidikan Non Formal
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/pendidikan-non-formal/tujuan-program/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -88,12 +83,20 @@ function Page() {
 
               {/* Deskripsi */}
               <Text
-                fz={{ base: '1rem', md: '1.2rem' }}
+                fz={{ base: '0.95rem', md: '1.2rem' }}
                 lh={1.7}
-                ta="justify"
+                ta={{ base: 'left', md: 'justify' }}
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
index 3c89d5ea..29b2f3f9 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBook2, IconCategory, IconUser } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -62,35 +62,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+         <Box visibleFrom='md' pb={10}>
+                  <ScrollArea type="auto" offsetScrollbars>
+                    <TabsList
+                      p="sm"
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            transition: "all 0.2s ease",
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
+        
+                <Box hiddenFrom='md' pb={10}>
+                  <ScrollArea
+                    type="auto"
+                    offsetScrollbars={false}
+                    w="100%"
+                  >
+        
+                    <TabsList
+                      p="xs" // lebih kecil
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        width: "max-content", // ⬅️ kunci
+                        maxWidth: "100%",     // ⬅️ penting
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            paddingInline: "0.75rem", // ⬅️ lebih ramping
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
index 52208e15..9484e58d 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
@@ -116,7 +116,7 @@ function EditPerpustakaanDigital() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
index 469211c1..af558326 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
@@ -40,7 +40,7 @@ function DetailDataPerpustakaan() {
   const data = stateDetail.findUnique.data;
 
   return (
-    <Box py={10}>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Button
         variant="subtle"
         onClick={() => router.back()}
@@ -52,7 +52,7 @@ function DetailDataPerpustakaan() {
 
       <Paper
         withBorder
-        w={{ base: "100%", md: "60%" }}
+        w={{ base: "100%", md: "70%" }}
         bg={colors['white-1']}
         p="lg"
         radius="md"
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
index a85c0caa..54a28cd6 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
@@ -63,7 +63,7 @@ function CreateDataPerpustakaan() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Tombol Kembali */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
index c28486ee..5cd77208 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
@@ -1,13 +1,31 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import perpustakaanDigitalState from '../../../_state/pendidikan/perpustakaan-digital';
+import { useDebouncedValue } from '@mantine/hooks';
 
 function DataPerpustakaan() {
   const [search, setSearch] = useState('');
@@ -26,85 +44,138 @@ function DataPerpustakaan() {
 }
 
 function ListDataPerpustakaan({ search }: { search: string }) {
-  const listDataState = useProxy(perpustakaanDigitalState.dataPerpustakaan)
+  const listDataState = useProxy(perpustakaanDigitalState.dataPerpustakaan);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = listDataState.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py="md">
         <Skeleton height={500} radius="md" />
       </Stack>
-    )
+    );
   }
 
   return (
-    <Box py={10}>
+    <Box py="md">
       <Paper withBorder bg={colors['white-1']} p="md" shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>List Data Perpustakaan</Title>
+          <Title order={4} size="md" lh={1.2}>
+            List Data Perpustakaan
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/pendidikan/perpustakaan-digital/data-perpustakaan/create')}
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/perpustakaan-digital/data-perpustakaan/create'
+              )
+            }
           >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table striped highlightOnHover withRowBorders style={{ minWidth: '700px' }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            striped
+            highlightOnHover
+            withRowBorders
+            miw={0}
+            style={{ tableLayout: 'fixed', width: '100%' }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '5%' }}>No</TableTh>
-                <TableTh style={{ width: '25%' }}>Judul</TableTh>
-                <TableTh style={{ width: '25%' }}>Kategori</TableTh>
-                <TableTh style={{ width: '23%' }}>Deskripsi</TableTh>
-                <TableTh style={{ width: '22%' }}>Detail</TableTh>
+                <TableTh style={{ width: '5%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="center">
+                    No
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Judul
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Kategori
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '23%' }}>
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Deskripsi
+                  </Text>
+                </TableTh>
+                <TableTh style={{ width: '22%' }}>
+                  <Text fz="xs" fw={600} lh={1.4}>
+                    Detail
+                  </Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '5%' }}>
-                      <Text truncate fz="sm">{index + 1}</Text>
+                    <TableTd ta="center">
+                      <Text fz="sm" lh={1.5} truncate>
+                        {index + 1}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text truncate fz="sm">{item.judul}</Text>
+                    <TableTd>
+                      <Text fz="sm" lh={1.5} truncate>
+                        {item.judul}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text truncate fz="sm">{item.kategori.name}</Text>
+                    <TableTd>
+                      <Text fz="sm" lh={1.5} truncate>
+                        {item.kategori.name}
+                      </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Box w={150}>
-                        <Text dangerouslySetInnerHTML={{ __html: item.deskripsi }} lineClamp={1} truncate fz="sm" />
-                      </Box>
+                    <TableTd>
+                      <Text
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        lineClamp={1}
+                        fz="sm"
+                        lh={1.5}
+                        truncate
+                      />
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color="blue"
-                        onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/data-perpustakaan/${item.id}`)}
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/perpustakaan-digital/data-perpustakaan/${item.id}`
+                          )
+                        }
                       >
                         <IconDeviceImacCog size={20} />
-                        <Text ml={5}>Detail</Text>
+                        <Text ml={5} fz="sm" fw={500}>
+                          Detail
+                        </Text>
                       </Button>
                     </TableTd>
                   </TableTr>
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text color="dimmed">Tidak ada data perpustakaan yang cocok</Text>
+                  <TableTd colSpan={5}>
+                    <Center py="xl">
+                      <Text c="dimmed" fz="sm" lh={1.5}>
+                        Tidak ada data perpustakaan yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -112,6 +183,80 @@ function ListDataPerpustakaan({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item, index) => (
+                <Paper key={item.id} withBorder p="sm" radius="md">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        No
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {index + 1}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Judul
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4} truncate>
+                        {item.judul}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Kategori
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4} truncate>
+                        {item.kategori.name}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Deskripsi
+                      </Text>
+                      <Text
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        fz="sm"
+                        fw={500}
+                        lh={1.4}
+                        lineClamp={2}
+                      />
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        fullWidth
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/perpustakaan-digital/data-perpustakaan/${item.id}`
+                          )
+                        }
+                      >
+                        <IconDeviceImacCog size={20} />
+                        <Text ml={5} fz="sm" fw={500}>
+                          Detail
+                        </Text>
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="xl">
+                <Text c="dimmed" fz="sm" lh={1.5}>
+                  Tidak ada data perpustakaan yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
+
         <Center>
           <Pagination
             value={page}
@@ -128,7 +273,7 @@ function ListDataPerpustakaan({ search }: { search: string }) {
         </Center>
       </Paper>
     </Box>
-  )
+  );
 }
 
-export default DataPerpustakaan;
+export default DataPerpustakaan;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
index 67a51242..fcaeae24 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
@@ -75,7 +75,7 @@ function EditKategoriBuku() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
index ec7ca529..fd38dded 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
@@ -34,7 +34,7 @@ function CreateKategoriBuku() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
index a5ff8cac..4d6f84bb 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -31,6 +31,7 @@ function ListKategoriBuku({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -41,8 +42,8 @@ function ListKategoriBuku({ search }: { search: string }) {
   } = stateKategori.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search]);
+    load(page, 10, debouncedSearch)
+  }, [page, debouncedSearch]);
 
   const handleDelete = () => {
     if (selectedId) {
@@ -64,10 +65,12 @@ function ListKategoriBuku({ search }: { search: string }) {
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Kategori Buku</Title>
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Kategori Buku
+          </Title>
           <Button
             leftSection={<IconPlus size={18} />}
             color="blue"
@@ -77,40 +80,62 @@ function ListKategoriBuku({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '10%' }}>No</TableTh>
-                <TableTh style={{ width: '60%' }}>Nama Kategori</TableTh>
-                <TableTh style={{ width: '15%' }}>Edit</TableTh>
-                <TableTh style={{ width: '15%' }}>Hapus</TableTh>
+                <TableTh style={{ width: '10%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} c="dimmed" ta="center">No</Text>
+                </TableTh>
+                <TableTh style={{ width: '60%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} c="dimmed">Nama Kategori</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} c="dimmed" ta="center">Edit</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} c="dimmed" ta="center">Hapus</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd>{index + 1}</TableTd>
-                    <TableTd>
-                      <Text truncate fz="sm">{item.name}</Text>
+                    <TableTd ta="center">
+                      <Text fz="sm" fw={500} lh={1.5}>{index + 1}</Text>
                     </TableTd>
                     <TableTd>
-                      <Button variant="light" color="green" onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/kategori-buku/${item.id}`)}>
-                        <IconEdit size={20} />
+                      <Text truncate fz="sm" fw={500} lh={1.5}>
+                        {item.name}
+                      </Text>
+                    </TableTd>
+                    <TableTd ta="center">
+                      <Button variant="light" color="green" size="xs" onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/kategori-buku/${item.id}`)}>
+                        <IconEdit size={16} />
                       </Button>
                     </TableTd>
-                    <TableTd>
+                    <TableTd ta="center">
                       <Button
                         variant="light"
                         color="red"
+                        size="xs"
                         disabled={perpustakaanDigitalState.kategoriBuku.delete.loading}
                         onClick={() => {
                           setSelectedId(item.id)
                           setModalHapus(true)
                         }}
                       >
-                        <IconTrash size={20} />
+                        <IconTrash size={16} />
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -119,7 +144,9 @@ function ListKategoriBuku({ search }: { search: string }) {
                 <TableTr>
                   <TableTd colSpan={4}>
                     <Center py={20}>
-                      <Text c="dimmed">Tidak ada data kategori buku yang cocok</Text>
+                      <Text c="dimmed" fz="sm" fw={500} lh={1.5}>
+                        Tidak ada data kategori buku yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -127,21 +154,74 @@ function ListKategoriBuku({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item, index) => (
+                <Paper key={item.id} withBorder radius="md" p="md" bg={colors['white-1']}>
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>No</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{index + 1}</Text>
+                    </Box>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>Nama Kategori</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>{item.name}</Text>
+                    </Box>
+                    <Group justify="flex-end" mt="xs">
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="xs"
+                        onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/kategori-buku/${item.id}`)}
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="xs"
+                        disabled={perpustakaanDigitalState.kategoriBuku.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id)
+                          setModalHapus(true)
+                        }}
+                      >
+                        <IconTrash size={16} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={20}>
+                <Text c="dimmed" fz="sm" fw={500} lh={1.5}>
+                  Tidak ada data kategori buku yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => {
-            load(newPage, 10);
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-          }}
-          total={totalPages}
-          mt="md"
-          mb="md"
-          color="blue"
-          radius="md"
-        />
-      </Center>
+
+      
+        <Center>
+          <Pagination
+            value={page}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            total={totalPages}
+            mt={{ base: 'sm', md: 'md' }}
+            mb={{ base: 'sm', md: 'md' }}
+            color="blue"
+            radius="md"
+          />
+        </Center>
+
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
@@ -154,4 +234,4 @@ function ListKategoriBuku({ search }: { search: string }) {
   )
 }
 
-export default KategoriBuku;
+export default KategoriBuku;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/layout.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/layout.tsx
index 4f25d331..e50ab83a 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/layout.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/layout.tsx
@@ -1,8 +1,29 @@
 'use client'
 import React from 'react';
 import LayoutTabs from './_lib/layoutTabs';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
 
 function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
index 16ebda74..f62201ec 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
@@ -18,7 +18,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -47,10 +47,11 @@ function ListPeminjamBuku({ search }: { search: string }) {
   const router = useRouter();
 
   const { data, page, totalPages, loading, load } = statePeminjam.findMany;
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -81,41 +82,61 @@ function ListPeminjamBuku({ search }: { search: string }) {
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
-        <Title order={4} mb="md">Daftar Peminjam Buku</Title>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Title order={4} lh={1.2} mb={{ base: 'md', md: 'lg' }}>
+          Daftar Peminjam Buku
+        </Title>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '10%' }}>No</TableTh>
-                <TableTh style={{ width: '25%' }}>Nama Peminjam</TableTh>
-                <TableTh style={{ width: '25%' }}>Status</TableTh>
-                <TableTh style={{ width: '25%' }}>Alamat</TableTh>
-                <TableTh style={{ width: '25%' }}>Detail</TableTh>
+                <TableTh style={{ width: '8%' }}>No</TableTh>
+                <TableTh style={{ width: '28%' }}>Nama Peminjam</TableTh>
+                <TableTh style={{ width: '20%' }}>Status</TableTh>
+                <TableTh style={{ width: '28%' }}>Alamat</TableTh>
+                <TableTh style={{ width: '16%' }}>Detail</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd>{index + 1}</TableTd>
                     <TableTd>
-                      <Text truncate fz="sm">{item.nama}</Text>
+                      <Text fz="sm" lh={1.5}>
+                        {index + 1}
+                      </Text>
                     </TableTd>
                     <TableTd>
-                      {renderStatusBadge(item.status)}
+                      <Text fz="sm" lh={1.5} truncate>
+                        {item.nama}
+                      </Text>
                     </TableTd>
+                    <TableTd>{renderStatusBadge(item.status)}</TableTd>
                     <TableTd>
-                      {item.alamat}
+                      <Text fz="sm" lh={1.5} truncate>
+                        {item.alamat}
+                      </Text>
                     </TableTd>
                     <TableTd>
                       <Button
                         variant="light"
                         color="green"
                         onClick={() =>
-                          router.push(`/admin/pendidikan/perpustakaan-digital/peminjam/${item.id}`)
+                          router.push(
+                            `/admin/pendidikan/perpustakaan-digital/peminjam/${item.id}`
+                          )
                         }
+                        radius="md"
                       >
                         <IconDeviceImacCog size={20} />
                       </Button>
@@ -124,9 +145,9 @@ function ListPeminjamBuku({ search }: { search: string }) {
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={20}>
-                      <Text c="dimmed">
+                  <TableTd colSpan={5}>
+                    <Center py={32}>
+                      <Text c="dimmed" fz="sm" lh={1.5}>
                         Tidak ada data Peminjam buku yang cocok
                       </Text>
                     </Center>
@@ -136,10 +157,84 @@ function ListPeminjamBuku({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item, index) => (
+                <Paper
+                  key={item.id}
+                  withBorder
+                  p="md"
+                  radius="md"
+                  bg={colors['white-1']}
+                >
+                  <Stack gap="xs">
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        No
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {index + 1}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Nama Peminjam
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Status
+                      </Text>
+                      {renderStatusBadge(item.status)}
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Alamat
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.4}>
+                        {item.alamat}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>
+                        Detail
+                      </Text>
+                      <Button
+                        variant="light"
+                        color="green"
+                        onClick={() =>
+                          router.push(
+                            `/admin/pendidikan/perpustakaan-digital/peminjam/${item.id}`
+                          )
+                        }
+                        mt="xs"
+                        radius="md"
+                        fullWidth
+                      >
+                        <IconDeviceImacCog size={20} />
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={32}>
+                <Text c="dimmed" fz="sm" lh={1.5}>
+                  Tidak ada data Peminjam buku yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
-      {totalPages > 1 && (
-        <Center>
+        <Center mt={{ base: 'sm', md: 'lg' }}>
           <Pagination
             value={page}
             onChange={(newPage) => {
@@ -153,9 +248,8 @@ function ListPeminjamBuku({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
     </Box>
   );
 }
 
-export default PeminjamBuku;
+export default PeminjamBuku;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx
index 9b5b10b7..ab63c34a 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconSchool, IconTarget } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -57,35 +57,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <ScrollArea type="auto" offsetScrollbars>
-          <TabsList
-            p="sm"
-            style={{
-              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-              borderRadius: "1rem",
-              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-              display: "flex",
-              flexWrap: "nowrap",
-              gap: "0.5rem",
-              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-            }}
-          >
-            {tabs.map((tab, i) => (
-              <TabsTab
-                key={i}
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            ))}
-          </TabsList>
-        </ScrollArea>
+        <Box visibleFrom='md' pb={10}>
+                 <ScrollArea type="auto" offsetScrollbars>
+                   <TabsList
+                     p="sm"
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           transition: "all 0.2s ease",
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
+       
+               <Box hiddenFrom='md' pb={10}>
+                 <ScrollArea
+                   type="auto"
+                   offsetScrollbars={false}
+                   w="100%"
+                 >
+       
+                   <TabsList
+                     p="xs" // lebih kecil
+                     style={{
+                       background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                       borderRadius: "1rem",
+                       display: "flex",
+                       flexWrap: "nowrap",
+                       gap: "0.5rem",
+                       width: "max-content", // ⬅️ kunci
+                       maxWidth: "100%",     // ⬅️ penting
+                     }}
+                   >
+                     {tabs.map((tab, i) => (
+                       <TabsTab
+                         key={i}
+                         value={tab.value}
+                         leftSection={tab.icon}
+                         style={{
+                           fontWeight: 600,
+                           fontSize: "0.9rem",
+                           paddingInline: "0.75rem", // ⬅️ lebih ramping
+                           flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                         }}
+                       >
+                         {tab.label}
+                       </TabsTab>
+                     ))}
+                   </TabsList>
+                 </ScrollArea>
+               </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/layout.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/layout.tsx
index 1fa8572a..1cd7f2db 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/layout.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/layout.tsx
@@ -1,8 +1,29 @@
 'use client'
+import { usePathname } from "next/navigation";
 import LayoutTabs from "./_lib/layoutTabs"
+import { Box } from "@mantine/core";
 
 
 export default function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  
+    // Contoh path:
+    // - /darmasaba/desa/berita/semua → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+    // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+  
+    const segments = pathname.split('/').filter(Boolean);
+    const isDetailPage = segments.length >= 5;
+  
+    if (isDetailPage) {
+      // Tampilkan tanpa tab menu
+      return (
+        <Box>
+          {children}
+        </Box>
+      );
+    }
+  
   return (
     <LayoutTabs>
       {children}
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
index 383a7f9f..90d73802 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
@@ -125,7 +125,7 @@ function EditTujuanProgram() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         <Group mb="md">
           <Button variant="subtle" onClick={handleBack} p="xs" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
index e264957e..31da5b7c 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Divider, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,28 +29,24 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Pratinjau Program Unggulan
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  '/admin/pendidikan/program-pendidikan-anak/program-unggulan/edit'
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Pratinjau Program Unggulan
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                '/admin/pendidikan/program-pendidikan-anak/program-unggulan/edit'
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -75,13 +71,22 @@ function Page() {
 
               {/* Deskripsi */}
               <Text
-                fz={{ base: '1rem', md: '1.2rem' }}
+                fz={{ base: '0.95rem', md: '1.2rem' }}
                 lh={1.7}
-                ta="justify"
+                ta={{ base: 'left', md: 'justify' }}
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
-                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
               />
+
             </Stack>
           </Box>
         </Paper>
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
index e9bef0b8..6bd64c4b 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
@@ -111,7 +111,7 @@ function EditTujuanProgram() {
   }
 
   return (
-    <Box>
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Stack gap="xs">
         {/* Back Button + Title */}
         <Group mb="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
index c8ab9b53..fd4f9a82 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Divider, Grid, GridCol, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Divider, Group, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,14 +29,11 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']}>
-              Pratinjau Tujuan Program
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']}>
+            Pratinjau Tujuan Program
+          </Title>
+          <Button
               c="green"
               variant="light"
               leftSection={<IconEdit size={18} stroke={2} />}
@@ -49,8 +46,7 @@ function Page() {
             >
               Edit
             </Button>
-          </GridCol>
-        </Grid>
+        </Group>
 
         {/* Konten Preview */}
         <Paper
@@ -59,6 +55,7 @@ function Page() {
           withBorder
           radius="md"
           shadow="xs"
+          visibleFrom='md'
         >
           <Box px={{ base: 'sm', md: 50 }}>
             <Stack gap="lg">
@@ -85,6 +82,48 @@ function Page() {
             </Stack>
           </Box>
         </Paper>
+
+        <Paper
+          p="xl"
+          bg={colors['white-1']}
+          withBorder
+          radius="md"
+          shadow="xs"
+          hiddenFrom='md'
+        >
+          <Box px={{ base: 'sm', md: 50 }} maw={900} mx="auto">
+            <Stack gap="lg">
+              {/* Judul */}
+              <Text
+                ta="center"
+                fz={{ base: '1.3rem', md: '1.8rem' }}
+                fw="bold"
+                c={colors['blue-button']}
+                dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
+              />
+              <Divider my="md" color={colors['blue-button']} />
+
+              {/* Deskripsi */}
+              <Text
+                fz={{ base: '0.95rem', md: '1.2rem' }}
+                lh={1.7}
+                ta={{ base: 'left', md: 'justify' }}
+                c="dimmed"
+                dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{
+                  wordBreak: 'break-word',
+                  whiteSpace: 'normal',
+                  textWrap: 'pretty',
+                  hyphens: 'auto',
+                  '& p': {
+                    marginBottom: '0.8em',
+                  },
+                }}
+              />
+            </Stack>
+          </Box>
+        </Paper>
       </Stack>
     </Paper>
   );
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
index ef969288..5631fe9d 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -16,7 +16,6 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -49,10 +48,6 @@ function ListResponden({ search }: ListRespondenProps) {
   const router = useRouter();
   const { data, page, totalPages, loading, load } = state.findMany;
 
-  useShallowEffect(() => {
-    load(page, 10);
-  }, [page]);
-
   const filteredData = (data || []).filter((item) => {
     const keyword = search.toLowerCase();
     return item.name.toLowerCase().includes(keyword);
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
index c08cca7d..7c16dfb0 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
@@ -57,7 +57,7 @@ function Page() {
   if (!data || data.length === 0) {
     return (
       <Box py={{ base: 'md', md: 'lg' }}>
-        <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+        <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="md" shadow="sm" withBorder>
           <Stack gap={'sm'}>
             <Grid mb={10}>
               <GridCol span={{ base: 12, md: 9 }}>
@@ -96,7 +96,7 @@ function Page() {
 
   return (
     <Box py={{ base: 'sm', md: 'md' }}>
-      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="md" shadow="sm" withBorder>
         <Stack gap={'sm'}>
           <Grid mb={10}>
             <GridCol span={{ base: 12, md: 9 }}>
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 1fa70082..09b65e77 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -57,7 +57,7 @@ function Page() {
   if (!data || data.length === 0) {
     return (
       <Box py={{ base: 'md', md: 'lg' }}>
-        <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+        <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="md" shadow="sm" withBorder>
           <Stack gap={'sm'}>
             <Grid mb={10}>
               <GridCol span={{ base: 12, md: 9 }}>
@@ -95,7 +95,7 @@ function Page() {
 
   return (
     <Box py={{ base: 'md', md: 'lg' }}>
-      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="xl" shadow="sm" withBorder>
+      <Paper bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} radius="md" shadow="sm" withBorder>
         <Stack gap={'sm'}>
           <Grid mb={10}>
             <GridCol span={{ base: 12, md: 9 }}>
diff --git a/src/app/admin/(dashboard)/user&role/layout.tsx b/src/app/admin/(dashboard)/user&role/layout.tsx
index 929c905b..05048967 100644
--- a/src/app/admin/(dashboard)/user&role/layout.tsx
+++ b/src/app/admin/(dashboard)/user&role/layout.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBrush, IconForms, IconUser } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -62,29 +62,76 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         radius="lg"
         keepMounted={false}
       >
-        <TabsList
-          p="sm"
-          style={{
-            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-            borderRadius: "1rem",
-            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-          }}
-        >
-          {tabs.map((tab, i) => (
-            <TabsTab
-              key={i}
-              value={tab.value}
-              leftSection={tab.icon}
-              style={{
-                fontWeight: 600,
-                fontSize: "0.9rem",
-                transition: "all 0.2s ease",
-              }}
-            >
-              {tab.label}
-            </TabsTab>
-          ))}
-        </TabsList>
+         <Box visibleFrom='md' pb={10}>
+                  <ScrollArea type="auto" offsetScrollbars>
+                    <TabsList
+                      p="sm"
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            transition: "all 0.2s ease",
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
+        
+                <Box hiddenFrom='md' pb={10}>
+                  <ScrollArea
+                    type="auto"
+                    offsetScrollbars={false}
+                    w="100%"
+                  >
+        
+                    <TabsList
+                      p="xs" // lebih kecil
+                      style={{
+                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                        borderRadius: "1rem",
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: "0.5rem",
+                        width: "max-content", // ⬅️ kunci
+                        maxWidth: "100%",     // ⬅️ penting
+                      }}
+                    >
+                      {tabs.map((tab, i) => (
+                        <TabsTab
+                          key={i}
+                          value={tab.value}
+                          leftSection={tab.icon}
+                          style={{
+                            fontWeight: 600,
+                            fontSize: "0.9rem",
+                            paddingInline: "0.75rem", // ⬅️ lebih ramping
+                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                          }}
+                        >
+                          {tab.label}
+                        </TabsTab>
+                      ))}
+                    </TabsList>
+                  </ScrollArea>
+                </Box>
 
         {tabs.map((tab, i) => (
           <TabsPanel
diff --git a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
index 9aacd720..9d973491 100644
--- a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
@@ -79,7 +79,7 @@ function EditRole() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/user&role/role/create/page.tsx b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
index 70033316..cbfbe801 100644
--- a/src/app/admin/(dashboard)/user&role/role/create/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
@@ -50,7 +50,7 @@ export default function CreateRole() {
   };
 
   return (
-    <Box px={{ base: 'sm', md: 'lg' }} py="md">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
diff --git a/src/app/admin/(dashboard)/user&role/role/page.tsx b/src/app/admin/(dashboard)/user&role/role/page.tsx
index d57ab4e7..cc8a174d 100644
--- a/src/app/admin/(dashboard)/user&role/role/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/page.tsx
@@ -1,7 +1,22 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title } from '@mantine/core';
+import {
+  Box,
+  Button,
+  Group,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title
+} from '@mantine/core';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -10,9 +25,6 @@ import HeaderSearch from '../../_com/header';
 import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
 import user from '../../_state/user/user-state';
 
-
-
-
 function Role() {
   const [search, setSearch] = useState('');
   return (
@@ -30,75 +42,107 @@ function Role() {
 }
 
 function ListRole({ search }: { search: string }) {
-  const listDataState = useProxy(user.roleState)
+  const listDataState = useProxy(user.roleState);
   const router = useRouter();
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
 
   useEffect(() => {
-    listDataState.findMany.load()
-  }, [])
+    listDataState.findMany.load();
+  }, []);
 
   const handleDelete = () => {
     if (selectedId) {
-      listDataState.delete.delete(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
-
-      listDataState.findMany.load()
+      listDataState.delete.delete(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      listDataState.findMany.load();
     }
-  }
+  };
 
-  const filteredData = (listDataState.findMany.data || []).filter(item => {
+  const filteredData = (listDataState.findMany.data || []).filter((item) => {
     const keyword = search.toLowerCase();
-    return (
-      item.name.toLowerCase().includes(keyword)
-    );
+    return item.name.toLowerCase().includes(keyword);
   });
 
   if (!listDataState.findMany.data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton h={500} />
       </Stack>
-    )
+    );
   }
+
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
-        <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar Role</Title>
-          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/user&role/role/create')}>
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'sm', md: 'md' }}>
+          <Title order={4} lh={1.2}>
+            Daftar Role
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/user&role/role/create')}
+            fz={{ base: 'sm', md: 'md' }}
+            px={{ base: 'xs', md: 'sm' }}
+            py={{ base: 'xs', md: 'sm' }}
+          >
             Tambah Baru
           </Button>
         </Group>
-        <Box style={{ overflowX: 'auto' }}>
-          <Table striped withRowBorders style={{ minWidth: '700px' }}>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            striped
+            highlightOnHover
+            withRowBorders
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh>Role</TableTh>
-                <TableTh>Edit</TableTh>
-                <TableTh>Hapus</TableTh>
+                <TableTh w="70%">Role</TableTh>
+                <TableTh w="15%">Edit</TableTh>
+                <TableTh w="15%">Hapus</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.map((item) => (
                 <TableTr key={item.id}>
-                  <TableTd>{item.name}</TableTd>
+                  <TableTd fz="md" fw={500} lh={1.5}>
+                    {item.name}
+                  </TableTd>
                   <TableTd>
-                    <Button variant="light" color='green' onClick={() => router.push(`/admin/user&role/role/${item.id}`)}>
+                    <Button
+                      variant="light"
+                      color="green"
+                      onClick={() => router.push(`/admin/user&role/role/${item.id}`)}
+                      fz="sm"
+                      px="xs"
+                      py="xs"
+                    >
                       <IconEdit size={20} />
                     </Button>
                   </TableTd>
                   <TableTd>
                     <Button
                       variant="light"
-                      color='red'
+                      color="red"
                       disabled={listDataState.delete.loading}
                       onClick={() => {
-                        setSelectedId(item.id)
-                        setModalHapus(true)
-                      }}>
+                        setSelectedId(item.id);
+                        setModalHapus(true);
+                      }}
+                      fz="sm"
+                      px="xs"
+                      py="xs"
+                    >
                       <IconTrash size={20} />
                     </Button>
                   </TableTd>
@@ -107,6 +151,52 @@ function ListRole({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.map((item) => (
+              <Paper key={item.id} withBorder p="md" radius="sm">
+                <Stack gap="xs">
+                  <Box>
+                    <Text fz="xs" fw={600} lh={1.4}>
+                      Role
+                    </Text>
+                    <Text fz="sm" fw={500} lh={1.4}>
+                      {item.name}
+                    </Text>
+                  </Box>
+                  <Group justify="flex-end" gap="xs">
+                    <Button
+                      variant="light"
+                      color="green"
+                      onClick={() => router.push(`/admin/user&role/role/${item.id}`)}
+                      fz="xs"
+                      px="xs"
+                      py="xs"
+                    >
+                      <IconEdit size={18} />
+                    </Button>
+                    <Button
+                      variant="light"
+                      color="red"
+                      disabled={listDataState.delete.loading}
+                      onClick={() => {
+                        setSelectedId(item.id);
+                        setModalHapus(true);
+                      }}
+                      fz="xs"
+                      px="xs"
+                      py="xs"
+                    >
+                      <IconTrash size={18} />
+                    </Button>
+                  </Group>
+                </Stack>
+              </Paper>
+            ))}
+          </Stack>
+        </Box>
       </Paper>
 
       {/* Modal Konfirmasi Hapus */}
@@ -117,7 +207,7 @@ function ListRole({ search }: { search: string }) {
         text='Apakah anda yakin ingin menghapus kategori Berita ini?'
       />
     </Box>
-  )
+  );
 }
 
-export default Role;
+export default Role;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/user&role/user/page.tsx b/src/app/admin/(dashboard)/user&role/user/page.tsx
index 6147337d..0fa1ec94 100644
--- a/src/app/admin/(dashboard)/user&role/user/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/user/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Select, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconCheck, IconSearch, IconTrash, IconX } from '@tabler/icons-react';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -31,6 +31,7 @@ function ListUser({ search }: { search: string }) {
   const stateRole = useProxy(user.roleState);
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
@@ -51,29 +52,24 @@ function ListUser({ search }: { search: string }) {
 
   useShallowEffect(() => {
     stateRole.findMany.load();
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  // ✅ Helper function untuk nama role
   const getRoleName = (roleId: string) => {
-    // Cari dari data role yang sudah diload
     const role = stateRole.findMany.data.find((r) => r.id === roleId);
     return role?.name || "Unknown Role";
   };
 
-  // ✅ Handler untuk perubahan role dengan konfirmasi
   const handleRoleChange = async (
     userId: string,
     username: string,
     oldRoleId: string,
     newRoleId: string
   ) => {
-    // Skip jika sama
     if (oldRoleId === newRoleId) {
       return true;
     }
 
-    // ✅ Konfirmasi perubahan role
     const confirmed = window.confirm(
       `⚠️ PERINGATAN\n\n` +
       `Mengubah role untuk "${username}" akan:\n` +
@@ -84,20 +80,16 @@ function ListUser({ search }: { search: string }) {
     );
 
     if (!confirmed) {
-      // Reload data untuk reset dropdown ke nilai lama
       stateUser.findMany.load(page, 10, search);
       return false;
     }
 
-    // ✅ Submit update
     const success = await stateUser.update.submit({
       id: userId,
       roleId: newRoleId,
-
     });
 
     if (success) {
-      // ✅ Logout user jika sedang mengedit diri sendiri
       const currentUserId = authStore.user?.id;
       if (currentUserId === userId) {
         authStore.setUser(null);
@@ -107,14 +99,12 @@ function ListUser({ search }: { search: string }) {
         return;
       }
 
-      // Reload data
       stateUser.findMany.load(page, 10, search);
     }
 
     return success;
   };
 
-  // ✅ Handler untuk toggle isActive
   const handleToggleActive = async (userId: string, currentStatus: boolean) => {
     const success = await stateUser.update.submit({
       id: userId,
@@ -122,7 +112,6 @@ function ListUser({ search }: { search: string }) {
     });
 
     if (success) {
-      // ✅ Logout user jika sedang mengedit diri sendiri
       const currentUserId = authStore.user?.id;
       if (currentUserId === userId) {
         authStore.setUser(null);
@@ -132,7 +121,6 @@ function ListUser({ search }: { search: string }) {
         return;
       }
 
-      // Reload data
       stateUser.findMany.load(page, 10, search);
     }
   };
@@ -141,51 +129,71 @@ function ListUser({ search }: { search: string }) {
     return item.roleId !== "0" && item.roleId !== "1";
   });
 
-
   if (loading || !data) {
     return (
-      <Stack py={10}>
+      <Stack py={{ base: 'sm', md: 'md' }}>
         <Skeleton height={600} radius="md" />
       </Stack>
     );
   }
 
   return (
-    <Box py={10}>
-      <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
+    <Box py={{ base: 'sm', md: 'md' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
-          <Title order={4}>Daftar User</Title>
+          <Title order={4} lh={1.2}>
+            Daftar User
+          </Title>
         </Group>
-        <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md">
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '25%' }}>Nama User</TableTh>
-                <TableTh style={{ width: '20%' }}>Nomor</TableTh>
-                <TableTh style={{ width: '20%' }}>Role</TableTh>
-                <TableTh style={{ width: '15%' }}>Aktif / Nonaktif</TableTh>
-                <TableTh style={{ width: '15%' }}>Hapus</TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="left">Nama User</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="left">Nomor</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="left">Role</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="left">Aktif / Nonaktif</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="xs" fw={600} lh={1.4} ta="left">Hapus</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ width: '25%' }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.username}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
-                      <Text truncate fz="sm" c="dimmed">
+                    <TableTd>
+                      <Text fz="sm" fw={500} lh={1.5} c="gray.7">
                         {item.nomor}
                       </Text>
                     </TableTd>
-                    <TableTd style={{ width: '20%' }}>
+                    <TableTd>
                       <Select
                         placeholder="Pilih role"
                         data={stateRole.findMany.data
-                          .filter(r => r.id !== "0" && r.id !== "1") // ❌ Sembunyikan SUPERADMIN dan DEVELOPER
+                          .filter(r => r.id !== "0" && r.id !== "1")
                           .map(r => ({
                             label: r.name,
                             value: r.id,
@@ -193,8 +201,6 @@ function ListUser({ search }: { search: string }) {
                         value={item.roleId}
                         onChange={(val) => {
                           if (!val) return;
-
-                          // ✅ Panggil handleRoleChange dengan konfirmasi
                           handleRoleChange(
                             item.id,
                             item.username,
@@ -206,10 +212,16 @@ function ListUser({ search }: { search: string }) {
                         clearable={false}
                         nothingFoundMessage="Role tidak ditemukan"
                         disabled={stateUser.update.loading}
+                        styles={{
+                          input: {
+                            fontSize: '1rem',
+                            fontWeight: 500,
+                            lineHeight: 1.5,
+                          }
+                        }}
                       />
                     </TableTd>
-
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Tooltip
                         label={item.isActive ? "Nonaktifkan user" : "Aktifkan user"}
                         withArrow
@@ -219,13 +231,13 @@ function ListUser({ search }: { search: string }) {
                           color={item.isActive ? "green" : "red"}
                           onClick={() => handleToggleActive(item.id, item.isActive)}
                           disabled={stateUser.update.loading}
+                          size="compact-sm"
                         >
-                          {item.isActive ? <IconCheck size={20} /> : <IconX size={20} />}
+                          {item.isActive ? <IconCheck size={18} /> : <IconX size={18} />}
                         </Button>
                       </Tooltip>
                     </TableTd>
-
-                    <TableTd style={{ width: '15%' }}>
+                    <TableTd>
                       <Button
                         variant="light"
                         color='red'
@@ -234,8 +246,9 @@ function ListUser({ search }: { search: string }) {
                           setSelectedId(item.id);
                           setModalHapus(true);
                         }}
+                        size="compact-sm"
                       >
-                        <IconTrash size={20} />
+                        <IconTrash size={18} />
                       </Button>
                     </TableTd>
                   </TableTr>
@@ -243,8 +256,10 @@ function ListUser({ search }: { search: string }) {
               ) : (
                 <TableTr>
                   <TableTd colSpan={5}>
-                    <Center py={20}>
-                      <Text c="dimmed">Tidak ada data user yang cocok</Text>
+                    <Center py={{ base: 'sm', md: 'md' }}>
+                      <Text c="gray.6" fz="sm" lh={1.5}>
+                        Tidak ada data user yang cocok
+                      </Text>
                     </Center>
                   </TableTd>
                 </TableTr>
@@ -252,6 +267,104 @@ function ListUser({ search }: { search: string }) {
             </TableTbody>
           </Table>
         </Box>
+
+        {/* Mobile Card View */}
+        <Box hiddenFrom="md">
+          <Stack gap="md">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="md" radius="md">
+                  <Stack gap="xs">
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Nama User</Text>
+                      <Text fz="sm" fw={500} lh={1.5}>
+                        {item.username}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Nomor</Text>
+                      <Text fz="sm" fw={500} lh={1.5} c="gray.7">
+                        {item.nomor}
+                      </Text>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Role</Text>
+                      <Select
+                        placeholder="Pilih role"
+                        data={stateRole.findMany.data
+                          .filter(r => r.id !== "0" && r.id !== "1")
+                          .map(r => ({
+                            label: r.name,
+                            value: r.id,
+                          }))}
+                        value={item.roleId}
+                        onChange={(val) => {
+                          if (!val) return;
+                          handleRoleChange(
+                            item.id,
+                            item.username,
+                            item.roleId,
+                            val
+                          );
+                        }}
+                        searchable
+                        clearable={false}
+                        nothingFoundMessage="Role tidak ditemukan"
+                        disabled={stateUser.update.loading}
+                        size="xs"
+                        styles={{
+                          input: {
+                            fontSize: '0.875rem',
+                            fontWeight: 500,
+                            lineHeight: 1.5,
+                          }
+                        }}
+                      />
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Aktif / Nonaktif</Text>
+                      <Tooltip
+                        label={item.isActive ? "Nonaktifkan user" : "Aktifkan user"}
+                        withArrow
+                      >
+                        <Button
+                          variant="light"
+                          color={item.isActive ? "green" : "red"}
+                          onClick={() => handleToggleActive(item.id, item.isActive)}
+                          disabled={stateUser.update.loading}
+                          size="compact-xs"
+                        >
+                          {item.isActive ? <IconCheck size={16} /> : <IconX size={16} />}
+                        </Button>
+                      </Tooltip>
+                    </Box>
+                    <Box>
+                      <Text fz="xs" fw={600} lh={1.4}>Hapus</Text>
+                      <Button
+                        variant="light"
+                        color='red'
+                        disabled={stateUser.deleteUser.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                        size="compact-xs"
+                      >
+                        <IconTrash size={16} />
+                      </Button>
+                    </Box>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py="sm">
+                <Text c="gray.6" fz="sm" lh={1.5}>
+                  Tidak ada data user yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
       </Paper>
 
       <Center>
@@ -263,13 +376,12 @@ function ListUser({ search }: { search: string }) {
           }}
           total={totalPages}
           mt="md"
-          mb="md"
+          mb={{ base: 'sm', md: 'md' }}
           color="blue"
           radius="md"
         />
       </Center>
 
-      {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}
         onClose={() => setModalHapus(false)}
diff --git a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts
index ea695268..455d1430 100644
--- a/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/landing_page/apbdes/findMany.ts
@@ -4,7 +4,11 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 export default async function apbdesFindMany(context: Context) {
-  const { page = "1", limit = "10", tahun } = context.query as {
+  const {
+    page = "1",
+    limit = "10",
+    tahun,
+  } = context.query as {
     page?: string;
     limit?: string;
     tahun?: string;
@@ -12,11 +16,24 @@ export default async function apbdesFindMany(context: Context) {
 
   const pageNumber = Math.max(1, parseInt(page, 10) || 1);
   const limitNumber = Math.min(100, Math.max(1, parseInt(limit, 10) || 10));
-
+  const search = (context.query.search as string) || "";
   const skip = (pageNumber - 1) * limitNumber;
 
   try {
     const where: any = { isActive: true };
+    
+    if (search) {
+      where.OR = [
+        { name: { contains: search, mode: "insensitive" } },
+        { deskripsi: { contains: search, mode: "insensitive" } },
+      ];
+
+      // Kalau search berupa angka, anggap itu tahun
+      if (!isNaN(Number(search))) {
+        where.OR.push({ tahun: Number(search) });
+      }
+    }
+
     if (tahun) {
       where.tahun = parseInt(tahun, 10);
     }
@@ -54,4 +71,4 @@ export default async function apbdesFindMany(context: Context) {
       message: "Gagal mengambil daftar APBDes",
     };
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts
index 982e173c..891fccb7 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts
@@ -72,9 +72,6 @@ async function pengajarFindMany(context: Context) {
       })
     ]);
 
-    console.log('Fetched pengajar data count:', data.length);
-    console.log('Total pengajar count:', total);
-
     return {
       success: true,
       message: "Success fetch pengajar with pagination",
-- 
2.49.1


From daaed8089b8e410013b018af5b52468ae19b2cae Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 5 Jan 2026 17:11:30 +0800
Subject: [PATCH 63/97] Fix All Search Admin

---
 .../_state/ekonomi/pasar-desa/pasar-desa.ts   |   8 +-
 .../struktur-organisasi.ts                    |   2 +-
 .../_state/landing-page/indeks-kepuasan.ts    |   9 +-
 .../_state/pendidikan/data-pendidikan.ts      |  46 ++-
 .../(dashboard)/_state/user/user-state.ts     |  31 +-
 .../desa/_com/layoutTabLayanan.tsx            |   6 +-
 .../(dashboard)/desa/gallery/video/page.tsx   | 112 ++++---
 .../pelayanan_penduduk_non_permanent/page.tsx |  52 ++-
 .../pelayanan_perizinan_berusaha/page.tsx     |  58 ++--
 .../apbdesa/page.tsx                          |   4 +-
 .../belanja/page.tsx                          |  16 +-
 .../pembiayaan/page.tsx                       |  20 +-
 .../pendapatan/page.tsx                       |   2 -
 .../posisi-organisasi/page.tsx                |  22 +-
 .../ekonomi/demografi-pekerjaan/page.tsx      |   8 +-
 .../pasar-desa/kategori-produk/page.tsx       |  12 +-
 .../list-kolaborasi-inovasi/page.tsx          |   8 +-
 .../jenis-layanan/page.tsx                    |  15 +-
 .../tarif-layanan/page.tsx                    |   2 +-
 .../kesehatan/kontak-darurat/page.tsx         |   6 +-
 .../kesehatan/program-kesehatan/page.tsx      |   4 +-
 .../responden/page.tsx                        |  12 +-
 .../profil/program-inovasi/[id]/page.tsx      |   4 +-
 .../profil/program-inovasi/page.tsx           |   8 +-
 .../pendidikan/data-pendidikan/page.tsx       |  25 +-
 .../program-unggulan/page.tsx                 |   2 +-
 .../responden/[id]/edit/page.tsx              | 232 ++++++++-----
 .../responden/[id]/page.tsx                   |   4 +-
 .../responden/create/page.tsx                 |  55 ++-
 .../responden/page.tsx                        | 314 +++++++++---------
 .../admin/(dashboard)/user&role/layout.tsx    | 155 ---------
 .../admin/(dashboard)/user&role/role/page.tsx |  41 ++-
 src/app/admin/_com/list_PageAdmin.tsx         |  48 +--
 .../pasar-desa/kategori-produk/findMany.ts    |   8 +-
 .../pasar-desa/kategori-produk/findManyAll.ts |   8 +-
 .../struktur-bumdes/pegawai/findMany.ts       |  54 ++-
 .../struktur-bumdes/pegawai/findManyAll.ts    |  48 +++
 .../pendidikan/data-pendidikan/findMany.ts    |  53 ++-
 .../[[...slugs]]/_lib/user/role/findMany.ts   |  52 ++-
 39 files changed, 872 insertions(+), 694 deletions(-)
 delete mode 100644 src/app/admin/(dashboard)/user&role/layout.tsx
 create mode 100644 src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findManyAll.ts

diff --git a/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts b/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts
index 21d8e7b4..c25a99ff 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts
@@ -312,15 +312,15 @@ const kategoriProduk = proxy({
     page: 1,
     totalPages: 1,
     loading: false,
-    search2: "",
-   load: async (page = 1, limit = 10, search2 = "") => {
+    search: "",
+   load: async (page = 1, limit = 10, search = "") => {
       kategoriProduk.findMany.loading = true; // ✅ Akses langsung via nama path
       kategoriProduk.findMany.page = page;
-      kategoriProduk.findMany.search2 = search2;
+      kategoriProduk.findMany.search = search;
   
       try {
         const query: any = { page, limit };
-        if (search2) query.search2 = search2;
+        if (search) query.search = search;
     
         const res = await ApiFetch.api.ekonomi.kategoriproduk["find-many"].get({ query });
     
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi.ts b/src/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi.ts
index cef5c3fa..e347f63c 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi.ts
@@ -194,7 +194,7 @@ const posisiOrganisasi = proxy({
 
       try {
         this.loading = true;
-        const res = await ApiFetch.api.ekonomi['struktur-organisasi']['posisi-organisasi']['create'].post(this.form);
+        const res = await ApiFetch.api.ekonomi["struktur-organisasi"]["posisi-organisasi"]["create"].post(this.form);
         if (res.status === 200) {
           toast.success("Berhasil menambahkan posisi organisasi");
           posisiOrganisasi.findMany.load();
diff --git a/src/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan.ts b/src/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan.ts
index 48d707b7..9caeb019 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan.ts
@@ -60,13 +60,18 @@ const responden = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    load: async (page = 1, limit = 10) => {
+    search: "",
+    load: async (page = 1, limit = 10, search = "") => {
       // Change to arrow function
       responden.findMany.loading = true; // Use the full path to access the property
       responden.findMany.page = page;
+      responden.findMany.search = search;
       try {
+        const query: any = { page, limit };
+        if (search) query.search = search;
+        
         const res = await ApiFetch.api.landingpage.responden["findMany"].get({
-          query: { page, limit },
+          query,
         });
 
         if (res.status === 200 && res.data?.success) {
diff --git a/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts b/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts
index f8ffa416..5e6d4cb1 100644
--- a/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts
+++ b/src/app/admin/(dashboard)/_state/pendidikan/data-pendidikan.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -65,13 +66,46 @@ const dataPendidikan = proxy({
           select: { id: true; name: true; jumlah: true };
         }>[]
       | null,
+    page: 1,
+    totalPages: 1,
+    total: 0,
     loading: false,
-    async load() {
-      const res = await ApiFetch.api.pendidikan.datapendidikan[
-        "findMany"
-      ].get();
-      if (res.status === 200) {
-        dataPendidikan.findMany.data = res.data?.data ?? [];
+    search: "",
+    load: async (page = 1, limit = 10, search = "") => {
+      // Change to arrow function
+      dataPendidikan.findMany.loading = true; // Use the full path to access the property
+      dataPendidikan.findMany.page = page;
+      dataPendidikan.findMany.search = search;
+      try {
+        const query: any = { page, limit };
+        if (search) query.search = search;
+
+        const res = await ApiFetch.api.pendidikan.datapendidikan[
+          "findMany"
+        ].get({
+          query,
+        });
+
+        if (res.status === 200 && res.data?.success) {
+          dataPendidikan.findMany.data = res.data.data || [];
+          dataPendidikan.findMany.total = res.data.total || 0;
+          dataPendidikan.findMany.totalPages = res.data.totalPages || 1;
+        } else {
+          console.error(
+            "Failed to load data pendidikan:",
+            res.data?.message
+          );
+          dataPendidikan.findMany.data = [];
+          dataPendidikan.findMany.total = 0;
+          dataPendidikan.findMany.totalPages = 1;
+        }
+      } catch (error) {
+        console.error("Error loading data pendidikan:", error);
+        dataPendidikan.findMany.data = [];
+        dataPendidikan.findMany.total = 0;
+        dataPendidikan.findMany.totalPages = 1;
+      } finally {
+        dataPendidikan.findMany.loading = false;
       }
     },
   },
diff --git a/src/app/admin/(dashboard)/_state/user/user-state.ts b/src/app/admin/(dashboard)/_state/user/user-state.ts
index e3864904..c049d703 100644
--- a/src/app/admin/(dashboard)/_state/user/user-state.ts
+++ b/src/app/admin/(dashboard)/_state/user/user-state.ts
@@ -220,11 +220,34 @@ const roleState = proxy({
         isActive: true;
       };
     }>[],
+    page: 1,
+    totalPages: 1,
     loading: false,
-    async load() {
-      const res = await ApiFetch.api.role["findMany"].get();
-      if (res.status === 200) {
-        roleState.findMany.data = res.data?.data ?? [];
+    search: "",
+    load: async (page = 1, limit = 10, search = "") => {
+      roleState.findMany.loading = true; // ✅ Akses langsung via nama path
+      roleState.findMany.page = page;
+      roleState.findMany.search = search;
+
+      try {
+        const query: any = { page, limit };
+        if (search) query.search = search;
+
+        const res = await ApiFetch.api.role["findMany"].get({ query });
+
+        if (res.status === 200 && res.data?.success) {
+          roleState.findMany.data = res.data.data ?? [];
+          roleState.findMany.totalPages = res.data.totalPages ?? 1;
+        } else {
+          roleState.findMany.data = [];
+          roleState.findMany.totalPages = 1;
+        }
+      } catch (err) {
+        console.error("Gagal fetch role paginated:", err);
+        roleState.findMany.data = [];
+        roleState.findMany.totalPages = 1;
+      } finally {
+        roleState.findMany.loading = false;
       }
     },
   },
diff --git a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
index 56029f20..c0cf829b 100644
--- a/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
+++ b/src/app/admin/(dashboard)/desa/_com/layoutTabLayanan.tsx
@@ -73,17 +73,17 @@ function LayoutTabsLayanan({ children }: { children: React.ReactNode }) {
             >
                 {/* ✅ Scroll horizontal wrapper */}
                 <Box visibleFrom='md' pb={10}>
-                    <ScrollArea type="auto" offsetScrollbars>
+                    <ScrollArea type="auto" offsetScrollbars w="100%">
                         <TabsList
                             p="sm"
                             style={{
                                 background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
                                 borderRadius: "1rem",
-                                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
                                 display: "flex",
                                 flexWrap: "nowrap",
                                 gap: "0.5rem",
-                                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+                                width: "max-content", // ⬅️ kunci
+                                maxWidth: "100%",   
                             }}
                         >
                             {tabs.map((tab, i) => (
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
index f642873e..df15c04d 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
@@ -88,63 +88,65 @@ function ListVideo({ search }: { search: string }) {
 
         {/* Desktop Table */}
         <Box visibleFrom="md">
-          <Table highlightOnHover w="100%">
-            <TableThead>
-              <TableTr>
-                <TableTh>Judul Video</TableTh>
-                <TableTh>Tanggal</TableTh>
-                <TableTh>Deskripsi</TableTh>
-                <TableTh>Aksi</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length > 0 ? (
-                filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd>
-                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
-                        {item.name}
-                      </Text>
-                    </TableTd>
-                    <TableTd>
-                      <Text fz="sm" c="dimmed" lh={1.45}>
-                        {new Date(item.createdAt).toLocaleDateString('id-ID', {
-                          day: 'numeric',
-                          month: 'long',
-                          year: 'numeric',
-                        })}
-                      </Text>
-                    </TableTd>
-                    <TableTd>
-                      <Text fz="sm" lh={1.45} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                    </TableTd>
-                    <TableTd>
-                      <Button
-                        variant="light"
-                        color="blue"
-                        onClick={() => router.push(`/admin/desa/gallery/video/${item.id}`)}
-                        fz="sm"
-                        px="xs"
-                      >
-                        <IconDeviceImac size={18} />
-                        <Text ml={5}>Detail</Text>
-                      </Button>
+          <Box style={{ overflowX: 'auto' }}>
+           <Table highlightOnHover striped verticalSpacing="sm">
+              <TableThead>
+                <TableTr>
+                  <TableTh>Judul Video</TableTh>
+                  <TableTh>Tanggal</TableTh>
+                  <TableTh>Deskripsi</TableTh>
+                  <TableTh>Aksi</TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                {filteredData.length > 0 ? (
+                  filteredData.map((item) => (
+                    <TableTr key={item.id}>
+                      <TableTd style={{ maxWidth: 250 }}>
+                        <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                          {item.name}
+                        </Text>
+                      </TableTd>
+                      <TableTd style={{ maxWidth: 250 }}>
+                        <Text fz="sm" c="dimmed" lh={1.45}>
+                          {new Date(item.createdAt).toLocaleDateString('id-ID', {
+                            day: 'numeric',
+                            month: 'long',
+                            year: 'numeric',
+                          })}
+                        </Text>
+                      </TableTd>
+                      <TableTd style={{ maxWidth: 250 }}>
+                        <Text fz="sm" lh={1.45} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                      </TableTd>
+                      <TableTd style={{ maxWidth: 250 }}>
+                        <Button
+                          variant="light"
+                          color="blue"
+                          onClick={() => router.push(`/admin/desa/gallery/video/${item.id}`)}
+                          fz="sm"
+                          px="xs"
+                        >
+                          <IconDeviceImac size={18} />
+                          <Text ml={5}>Detail</Text>
+                        </Button>
+                      </TableTd>
+                    </TableTr>
+                  ))
+                ) : (
+                  <TableTr>
+                    <TableTd colSpan={4}>
+                      <Center py={24}>
+                        <Text c="dimmed" fz="sm" lh={1.4}>
+                          Tidak ada video yang cocok
+                        </Text>
+                      </Center>
                     </TableTd>
                   </TableTr>
-                ))
-              ) : (
-                <TableTr>
-                  <TableTd colSpan={4}>
-                    <Center py={24}>
-                      <Text c="dimmed" fz="sm" lh={1.4}>
-                        Tidak ada video yang cocok
-                      </Text>
-                    </Center>
-                  </TableTd>
-                </TableTr>
-              )}
-            </TableTbody>
-          </Table>
+                )}
+              </TableTbody>
+            </Table>
+          </Box>
         </Box>
 
         {/* Mobile Cards */}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
index f6b93484..48a3e4dd 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
@@ -5,8 +5,7 @@ import {
   Button,
   Center,
   Divider,
-  Grid,
-  GridCol,
+  Group,
   Paper,
   Skeleton,
   Stack,
@@ -43,32 +42,29 @@ function PelayananPendudukNonPermanent() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title
-              order={3}
-              lh={1.2}
-              c={colors['blue-button']}
-            >
-              Preview Pelayanan Penduduk Non Permanen
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  `/admin/desa/layanan/pelayanan_penduduk_non_permanent/${data.id}`
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+
+          <Title
+            order={3}
+            lh={1.2}
+            c={colors['blue-button']}
+          >
+            Preview Pelayanan Penduduk Non Permanen
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                `/admin/desa/layanan/pelayanan_penduduk_non_permanent/${data.id}`
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Content */}
         <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
index 43854e4c..712eadc1 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
@@ -6,8 +6,6 @@ import {
   Button,
   Center,
   Divider,
-  Grid,
-  GridCol,
   Group,
   Paper,
   Skeleton,
@@ -76,28 +74,24 @@ function PerizinanBerusaha() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Grid align="center">
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={3} c={colors['blue-button']} lh={1.2}>
-              Preview Pelayanan Perizinan Berusaha
-            </Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button
-              c="green"
-              variant="light"
-              leftSection={<IconEdit size={18} stroke={2} />}
-              radius="md"
-              onClick={() =>
-                router.push(
-                  `/admin/desa/layanan/pelayanan_perizinan_berusaha/${data.id}`
-                )
-              }
-            >
-              Edit
-            </Button>
-          </GridCol>
-        </Grid>
+        <Group justify='space-between' align="center">
+          <Title order={3} c={colors['blue-button']} lh={1.2}>
+            Preview Pelayanan Perizinan Berusaha
+          </Title>
+          <Button
+            c="green"
+            variant="light"
+            leftSection={<IconEdit size={18} stroke={2} />}
+            radius="md"
+            onClick={() =>
+              router.push(
+                `/admin/desa/layanan/pelayanan_perizinan_berusaha/${data.id}`
+              )
+            }
+          >
+            Edit
+          </Button>
+        </Group>
 
         {/* Content */}
         <Paper p="xl" bg={'white'} withBorder radius="md" shadow="xs">
@@ -136,7 +130,7 @@ function PerizinanBerusaha() {
                 umum:
               </Text>
 
-               <Box p="xl" w="100%" visibleFrom='md'>
+              <Box p="xl" w="100%" visibleFrom='md'>
                 <Stepper
                   active={active}
                   onStepClick={setActive}
@@ -221,37 +215,37 @@ function PerizinanBerusaha() {
                 >
                   <StepperStep label="Langkah Pertama" description="Pendaftaran Akun">
                     <Text fz="sm" lh={1.5}>
-                      
+
                     </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Kedua" description="Pengisian Data Perusahaan">
                     <Text fz="sm" lh={1.5}>
-                      
+
                     </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Ketiga" description="Pemilihan KBLI">
                     <Text fz="sm" lh={1.5}>
-                      
+
                     </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Keempat" description="Pengunggahan Dokumen">
                     <Text fz="sm" lh={1.5}>
-                      
+
                     </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Kelima" description="Verifikasi dan Persetujuan">
                     <Text fz="sm" lh={1.5}>
-                      
+
                     </Text>
                   </StepperStep>
                   <StepperStep label="Langkah Keenam" description="Penerimaan NIB">
                     <Text fz="sm" lh={1.5}>
-                      
+
                     </Text>
                   </StepperStep>
                   <StepperCompleted>
                     <Text fz="sm" lh={1.5}>
-                      
+
                     </Text>
                   </StepperCompleted>
                 </Stepper>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
index cc7cf319..5015c2a4 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
@@ -166,7 +166,7 @@ function ListAPBDesa({ search }: { search: string }) {
                     <TableTd>
                       <Button
                         variant="light"
-                        color="green"
+                        color="blue"
                         onClick={() =>
                           router.push(
                             `/admin/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/${item.id}`
@@ -243,7 +243,7 @@ function ListAPBDesa({ search }: { search: string }) {
                     </Box>
                     <Button
                       variant="light"
-                      color="green"
+                      color="blue"
                       fullWidth
                       onClick={() =>
                         router.push(
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
index 9a45e3b6..91e6d440 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
@@ -128,10 +128,18 @@ function ListBelanja({ search }: { search: string }) {
           >
             <TableThead>
               <TableTr>
-                <TableTh style={{ width: '35%' }}>Nama</TableTh>
-                <TableTh style={{ width: '25%' }}>Nilai</TableTh>
-                <TableTh style={{ width: '20%' }}>Persentase</TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
+                <TableTh style={{ width: '40%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nilai</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Edit</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Delete</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
index 366c403f..dc9a132f 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
@@ -120,12 +120,20 @@ function ListPembiayaan({ search }: { search: string }) {
               width: '100%',
             }}
           >
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ width: '35%' }}>Nama</TableTh>
-                <TableTh style={{ width: '25%' }}>Nilai</TableTh>
-                <TableTh style={{ width: '20%' }}>Persentase</TableTh>
-                <TableTh style={{ width: '20%' }}>Aksi</TableTh>
+            <TableThead>       
+               <TableTr>
+                <TableTh style={{ width: '40%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nama</Text>
+                </TableTh>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Nilai</Text>
+                </TableTh>
+                <TableTh style={{ width: '15%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Edit</Text>
+                </TableTh>
+                <TableTh style={{ width: '20%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>Delete</Text>
+                </TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
index e7ca1ea6..5fb4137b 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
@@ -160,7 +160,6 @@ function ListPendapatan({ search }: { search: string }) {
                           px="xs"
                         >
                           <IconEdit size={16} />
-                          <Text ml={5}>Edit</Text>
                         </Button>
                       </TableTd>
                       <TableTd>
@@ -176,7 +175,6 @@ function ListPendapatan({ search }: { search: string }) {
                           px="xs"
                         >
                           <IconTrash size={16} />
-                          <Text ml={5}>Hapus</Text>
                         </Button>
                       </TableTd>
                     </TableTr>
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
index 26d9dba1..a86edc28 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
@@ -153,9 +153,14 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" fw={500} lh={1.45} c="dimmed" lineClamp={2}>
-                        {item.deskripsi || '-'}
-                      </Text>
+                      <Text 
+                        fz="sm" 
+                        fw={500} 
+                        lh={1.45} 
+                        c="dimmed" 
+                        lineClamp={2} 
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
+                      />
                     </TableTd>
                     <TableTd>
                       <Text fz="md" fw={500} lh={1.45}>{item.hierarki || '-'}</Text>
@@ -223,9 +228,14 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
                       <Text fz="sm" fw={600} lh={1.4}>
                         Deskripsi
                       </Text>
-                      <Text fz="sm" fw={500} lh={1.4}>
-                        {item.deskripsi || '-'}
-                      </Text>
+                      <Text 
+                        fz="sm" 
+                        fw={500} 
+                        lh={1.45} 
+                        c="dimmed" 
+                        lineClamp={2} 
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
+                      />
                     </Box>
                     <Box>
                       <Text fz="sm" fw={600} lh={1.4}>
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
index b65b6172..b3b14f74 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
@@ -21,7 +21,7 @@ import {
   Text,
   Title
 } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -59,6 +59,8 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
   const [chartData, setChartData] = useState<DemografiPekerjaan[]>([]);
   const [mounted, setMounted] = useState(false);
   const [modalHapus, setModalHapus] = useState(false);
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  
   const [selectedId, setSelectedId] = useState<string | null>(null);
 
   const {
@@ -79,8 +81,8 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
 
   useShallowEffect(() => {
     setMounted(true);
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   useEffect(() => {
     if (data) {
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
index 7fd3749c..048d4099 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
@@ -28,27 +28,27 @@ import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import pasarDesaState from '../../../_state/ekonomi/pasar-desa/pasar-desa';
 
 function KategoriProduk() {
-  const [search2, setSearch2] = useState('');
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
         title='Kategori Produk'
         placeholder='Cari nama kategori produk...'
         searchIcon={<IconSearch size={20} />}
-        value={search2}
-        onChange={(e) => setSearch2(e.currentTarget.value)}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
       />
-      <ListKategoriProduk search2={search2} />
+      <ListKategoriProduk search={search} />
     </Box>
   );
 }
 
-function ListKategoriProduk({ search2 }: { search2: string }) {
+function ListKategoriProduk({ search }: { search: string }) {
   const statePasar = useProxy(pasarDesaState.kategoriProduk);
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const router = useRouter();
-  const [debouncedSearch] = useDebouncedValue(search2, 1000);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const { data, page, totalPages, loading, load } = statePasar.findMany;
 
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
index ea69ed22..77ef345e 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
@@ -142,9 +142,7 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
                       </Text>
                     </TableTd>
                     <TableTd>
-                      <Text fz="sm" fw={500} lh={1.45} truncate="end" lineClamp={1}>
-                        {item.slug}
-                      </Text>
+                      <Text dangerouslySetInnerHTML={{ __html: item.slug }} fz="sm" fw={500} lh={1.45} truncate="end" lineClamp={1} />
                     </TableTd>
                     <TableTd ta="center">
                       <Button
@@ -214,9 +212,7 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
                       <Text fz="sm" fw={600} lh={1.4}>
                         Deskripsi Singkat
                       </Text>
-                      <Text fz="sm" fw={500} lh={1.4}>
-                        {item.slug}
-                      </Text>
+                       <Text dangerouslySetInnerHTML={{ __html: item.slug }} fz="sm" fw={500} lh={1.45} truncate="end" lineClamp={1} />
                     </Box>
                     <Box>
                       <Button
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
index a48cf78e..b63b5c2b 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
@@ -141,9 +141,8 @@ function ListJenisLayanan({ search }: { search: string }) {
                         lh={1.5}
                         c={theme.black}
                         lineClamp={2}
-                      >
-                        {item.deskripsi || '-'}
-                      </Text>
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
+                      />
                     </TableTd>
                     <TableTd style={{ width: '15%' }} ta="center">
                       <Button
@@ -197,9 +196,13 @@ function ListJenisLayanan({ search }: { search: string }) {
                       <Text fz="sm" fw={600} lh={1.4} c={theme.black}>
                         Deskripsi
                       </Text>
-                      <Text fz="sm" fw={500} lh={1.5} c={theme.black}>
-                        {item.deskripsi || '-'}
-                      </Text>
+                      <Text 
+                        fz="sm" 
+                        fw={500} 
+                        lh={1.5} 
+                        c={theme.black}
+                        dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
+                      />
                     </Box>
                     <Group justify="flex-end" mt="xs">
                       <Button
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
index 05c2095f..f32c05b1 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
@@ -38,7 +38,7 @@ function ListTarifLayanan({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
-  const [debouncedSearch] = useDebouncedValue(search, 10000);
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
 
   const {
     data,
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
index 27e4f10f..7c6d09e4 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
@@ -96,15 +96,15 @@ function ListKontakDarurat({ search }: { search: string }) {
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>
+                    <TableTd w={335}>
                       <Text fw={500} fz="md" lh={1.45} truncate="end" lineClamp={1}>
                         {item.name}
                       </Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd w={335}>
                       <Text fz="sm" lh={1.45} c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </TableTd>
-                    <TableTd>
+                    <TableTd w={335}>
                       <Button
                         variant="light"
                         color="blue"
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
index 306e5316..c1acbd1b 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
@@ -110,10 +110,10 @@ function ListProgramKesehatan({ search }: { search: string }) {
                         {item.name}
                       </Text>
                     </TableTd>
-                    <TableTd w={200}>
+                    <TableTd>
                       <Text fz="sm" lh={1.5} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat }} />
                     </TableTd>
-                    <TableTd w={200}>
+                    <TableTd>
                       <Text fz="sm" lh={1.5} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                     </TableTd>
                     <TableTd>
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
index a183535e..69b078c2 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -2,7 +2,7 @@
 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import {
   Box,
   Button,
@@ -47,16 +47,14 @@ interface ListRespondenProps {
 function ListResponden({ search }: ListRespondenProps) {
   const state = useProxy(indeksKepuasanState.responden);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const { data, page, totalPages, loading, load } = state.findMany;
 
   useShallowEffect(() => {
-    load(page, 10,);
-  }, [page]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
-  const filteredData = (data || []).filter((item) => {
-    const keyword = search.toLowerCase();
-    return item.name.toLowerCase().includes(keyword);
-  });
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
index 27f270ce..c2e26cf6 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
@@ -84,7 +84,9 @@ function DetailProgramInovasi() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.description || '-' }}></Text>
+               <Box pl={5}>
+                 <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.description || '-' }}></Text>
+               </Box>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
index 0ed25cfb..938afd30 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
@@ -34,8 +34,8 @@ function ListProgramInovasi({ search }: { search: string }) {
   const { data, page, totalPages, loading, load } = stateProgramInovasi.findMany;
 
   useShallowEffect(() => {
-    load(page, 10, debouncedSearch);
-  }, [page, debouncedSearch]);
+      load(page, 10, debouncedSearch);
+    }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -144,9 +144,7 @@ function ListProgramInovasi({ search }: { search: string }) {
                   {/* Description */}
                   <Box>
                     <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
-                    <Text fz="sm" c="gray.7" lineClamp={2}>
-                      {item.description || '-'}
-                  </Text>
+                    <Text dangerouslySetInnerHTML={{ __html: item.description || '-' }} fz="sm" c="gray.7" lineClamp={2} />
                   </Box>
 
                   {/* Link */}
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx
index 8485cc9d..2598154c 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconDatabase, IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -35,6 +35,8 @@ function ListDataPendidikan({ search }: { search: string }) {
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const { data, page, totalPages, loading, load } = dataPendidikan.findMany;
 
   const handleDelete = () => {
     if (selectedId) {
@@ -47,8 +49,8 @@ function ListDataPendidikan({ search }: { search: string }) {
 
   useShallowEffect(() => {
     setMounted(true);
-    stateDPM.findMany.load();
-  }, []);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   useEffect(() => {
     setMounted(true);
@@ -68,9 +70,9 @@ function ListDataPendidikan({ search }: { search: string }) {
     return item.name.toLowerCase().includes(keyword) || item.jumlah.toString().includes(keyword);
   });
 
-  if (!stateDPM.findMany.data) {
+  if (loading || !data) {
     return (
-      <Stack gap="sm">
+      <Stack py={20}>
         <Skeleton height={500} radius="md" />
       </Stack>
     );
@@ -137,6 +139,17 @@ function ListDataPendidikan({ search }: { search: string }) {
               </TableTbody>
             </Table>
           )}
+          <Center mt="md">
+            <Pagination
+              value={page}
+              onChange={(newPage) => {
+                load(newPage, 10);
+                window.scrollTo({ top: 0, behavior: 'smooth' });
+              }}
+              total={totalPages}
+              color="blue"
+            />
+          </Center>
         </Paper>
 
         <Paper withBorder p="md" bg={colors['white-1']} shadow="sm" radius="md">
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
index 31da5b7c..a6ca6274 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
@@ -29,7 +29,7 @@ function Page() {
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="md">
         {/* Header */}
-        <Group align="center">
+        <Group justify='space-between' align="center">
           <Title order={3} c={colors['blue-button']}>
             Pratinjau Program Unggulan
           </Title>
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
index 516c8e1c..ba7deb02 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
@@ -1,11 +1,23 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-'use client'
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+'use client';
 import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Select, Stack, TextInput, Title } from '@mantine/core';
-import { IconArrowBack, IconDeviceFloppy } from '@tabler/icons-react';
+import {
+  Box,
+  Button,
+  Group,
+  Loader,
+  Paper,
+  Select,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+} from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { ChangeEvent, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 
@@ -20,9 +32,13 @@ interface FormResponden {
 function EditResponden() {
   const router = useRouter();
   const params = useParams() as { id: string };
-  const state = useProxy(indeksKepuasanState.responden);
   const id = params.id;
 
+  // ✅ proxy asli untuk mutasi
+  const state = indeksKepuasanState.responden;
+  // ✅ snapshot untuk re-render (read-only)
+  const snapshot = useProxy(indeksKepuasanState.responden);
+
   const [formData, setFormData] = useState<FormResponden>({
     name: '',
     tanggal: '',
@@ -31,59 +47,107 @@ function EditResponden() {
     kelompokUmurId: '',
   });
 
-  // Helper untuk membuat data Select dari state
-  const mapSelectData = (data: any[] | null | undefined) =>
-    (data || [])
-      .filter(Boolean)
-      .map((v: any) => ({
-        value: v.id || '',
-        label: typeof v.name === 'string' ? v.name : 'Tanpa Nama',
-      }));
+  const [originalData, setOriginalData] = useState<FormResponden>({
+    name: '',
+    tanggal: '',
+    jenisKelaminId: '',
+    ratingId: '',
+    kelompokUmurId: '',
+  });
 
-  useEffect(() => {
-    // Load opsi dropdown
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // 🔹 Load data pilihan select
+  const loadSelectOptions = useCallback(() => {
     indeksKepuasanState.jenisKelaminResponden.findMany.load();
     indeksKepuasanState.pilihanRatingResponden.findMany.load();
     indeksKepuasanState.kelompokUmurResponden.findMany.load();
+  }, []);
 
-    const loadResponden = async () => {
-      if (!id) return;
+  // 🔹 Load data responden by ID
+  const loadResponden = useCallback(async () => {
+    if (!id) return;
+    try {
+      const data = await state.update.load(id);
+      if (!data) return;
 
-      try {
-        const data = await state.update.load(id);
-        if (data) {
-          state.update.id = id;
+      const newForm = {
+        name: data.name || '',
+        tanggal: data.tanggal || '',
+        jenisKelaminId: data.jenisKelaminId || '',
+        ratingId: data.ratingId || '',
+        kelompokUmurId: data.kelompokUmurId || '',
+      };
 
-          // **formData lokal tetap controlled**, tidak overwrite tiap render
-          setFormData({
-            name: data.name || '',
-            tanggal: data.tanggal || '',
-            jenisKelaminId: data.jenisKelaminId || '',
-            ratingId: data.ratingId || '',
-            kelompokUmurId: data.kelompokUmurId || '',
-          });
-        }
-      } catch (error) {
-        console.error("Error loading responden:", error);
-        toast.error("Gagal memuat data responden");
-      }
-    };
+      setFormData(newForm);
+      setOriginalData(newForm);
+    } catch (error) {
+      console.error('Error loading responden:', error);
+      toast.error('Gagal memuat data responden');
+    }
+  }, [id]);
 
+  useEffect(() => {
+    loadSelectOptions();
     loadResponden();
-  }, [id, state.update]);
-
-  const handleChange = (field: keyof FormResponden) => (e: ChangeEvent<HTMLInputElement> | string | null) => {
-    const value = typeof e === 'string' || e === null ? e || '' : e.currentTarget.value;
-    setFormData((prev) => ({ ...prev, [field]: value }));
-  };
+  }, [loadSelectOptions, loadResponden]);
 
+  // 🔹 Submit data
   const handleSubmit = async () => {
-    state.update.id = id;
-    state.update.form = { ...formData }; // hanya update global state saat submit
-    await state.update.submit();
-    router.push('/admin/ppid/ikm-desa-darmasaba/responden');
+    try {
+      setIsSubmitting(true);
+      state.update.id = id;
+      state.update.form = { ...formData }; // mutasi proxy asli ✅
+      await state.update.submit();
+      toast.success('Responden berhasil diperbarui!');
+      router.push('/admin/ppid/indeks-kepuasan-masyarakat/responden');
+    } catch (error) {
+      console.error('Error updating responden:', error);
+      toast.error('Gagal memperbarui responden');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
+  // 🔹 Reset form ke data awal
+  const handleResetForm = () => {
+    setFormData({ ...originalData });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  // 🔹 Reusable Select component
+  const ControlledSelect = ({
+    label,
+    value,
+    onChange,
+    options,
+    error,
+    placeholder = 'Pilih',
+    loading = false,
+  }: {
+    label: string;
+    value: string;
+    onChange: (val: string) => void;
+    options: { value: string; label: string }[];
+    error?: string;
+    placeholder?: string;
+    loading?: boolean;
+  }) => (
+    <Select
+      label={<Text fw="bold" fz="sm" mb={4}>{label}</Text>}
+      value={value}
+      onChange={(val) => onChange(val || '')}
+      data={options}
+      placeholder={placeholder}
+      disabled={loading}
+      clearable
+      searchable
+      required
+      radius="md"
+      error={error}
+    />
+  );
+
   return (
     <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
@@ -108,72 +172,72 @@ function EditResponden() {
             label="Nama Responden"
             placeholder="Masukkan nama responden"
             value={formData.name}
-            onChange={handleChange('name')}
+            onChange={(e) => setFormData({ ...formData, name: e.currentTarget.value })}
             radius="md"
             required
           />
+
           <TextInput
             label="Tanggal"
             type="date"
             value={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
-            onChange={handleChange('tanggal')}
+            onChange={(e) => setFormData({ ...formData, tanggal: e.currentTarget.value })}
             radius="md"
             required
           />
 
-          <Select
+          <ControlledSelect
             label="Jenis Kelamin"
-            placeholder="Pilih jenis kelamin"
             value={formData.jenisKelaminId}
-            onChange={handleChange('jenisKelaminId')}
-            data={mapSelectData(indeksKepuasanState.jenisKelaminResponden.findMany.data)}
-            disabled={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
-            clearable
-            searchable
-            required
-            radius="md"
-            error={!formData.jenisKelaminId ? "Pilih jenis kelamin" : undefined}
+            onChange={(val) => setFormData({ ...formData, jenisKelaminId: val })}
+            options={(indeksKepuasanState.jenisKelaminResponden.findMany.data || [])
+              .map((v) => ({ value: v.id || '', label: v.name || 'Tanpa Nama' }))}
+            loading={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
+            error={!formData.jenisKelaminId ? 'Pilih jenis kelamin' : undefined}
           />
 
-          <Select
+          <ControlledSelect
             label="Rating"
-            placeholder="Pilih rating"
             value={formData.ratingId}
-            onChange={handleChange('ratingId')}
-            data={mapSelectData(indeksKepuasanState.pilihanRatingResponden.findMany.data)}
-            disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
-            clearable
-            searchable
-            required
-            radius="md"
-            error={!formData.ratingId ? "Pilih rating" : undefined}
+            onChange={(val) => setFormData({ ...formData, ratingId: val })}
+            options={(indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
+              .map((v) => ({ value: v.id || '', label: v.name || 'Tanpa Nama' }))}
+            loading={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
+            error={!formData.ratingId ? 'Pilih rating' : undefined}
           />
 
-          <Select
+          <ControlledSelect
             label="Kelompok Umur"
-            placeholder="Pilih kelompok umur"
             value={formData.kelompokUmurId}
-            onChange={handleChange('kelompokUmurId')}
-            data={mapSelectData(indeksKepuasanState.kelompokUmurResponden.findMany.data)}
-            disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
-            clearable
-            searchable
-            required
-            radius="md"
-            error={!formData.kelompokUmurId ? "Pilih kelompok umur" : undefined}
+            onChange={(val) => setFormData({ ...formData, kelompokUmurId: val })}
+            options={(indeksKepuasanState.kelompokUmurResponden.findMany.data || [])
+              .map((v) => ({ value: v.id || '', label: v.name || 'Tanpa Nama' }))}
+            loading={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
+            error={!formData.kelompokUmurId ? 'Pilih kelompok umur' : undefined}
           />
 
-          <Group justify="flex-end" mt="md">
-            <Button variant="light" color="red" onClick={() => router.back()}>
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
               Batal
             </Button>
+
             <Button
-              leftSection={<IconDeviceFloppy size={20} />}
               onClick={handleSubmit}
-              loading={state.update.loading}
-              color={colors['blue-button']}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
             >
-              Simpan
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
             </Button>
           </Group>
         </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
index dc74a8b0..d288b980 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/page.tsx
@@ -26,7 +26,7 @@ export default function DetailResponden() {
       stateDetail.delete.byId(selectedId)
       setModalHapus(false)
       setSelectedId(null)
-      router.push("/admin/ppid/ikm-desa-darmasaba/responden")
+      router.push("/admin/ppid/indeks-kepuasan-masyarakat/responden")
     }
   }
 
@@ -108,7 +108,7 @@ export default function DetailResponden() {
                     variant="light"
                     onClick={() => {
                       if (stateDetail.findUnique.data) {
-                        router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${stateDetail.findUnique.data.id}/edit`);
+                        router.push(`/admin/ppid/indeks-kepuasan-masyarakat/responden/${stateDetail.findUnique.data.id}/edit`);
                       }
                     }}
                     disabled={!stateDetail.findUnique.data}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
index 166001f9..37d33418 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
@@ -1,21 +1,20 @@
 'use client'
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { useRouter } from 'next/navigation';
-import grafikBerdasarkanJenisKelamin from '@/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanJenisKelamin';
-import { useProxy } from 'valtio/utils';
-import { useState } from 'react';
-import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Title, TextInput, Select, Text } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
 import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
+import colors from '@/con/colors';
+import { Box, Button, Group, Loader, Paper, Select, Stack, TextInput, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
 
 function RespondenCreate() {
   const router = useRouter();
   const stategrafikBerdasarkanResponden = useProxy(indeksKepuasanState.responden)
   const [donutData, setDonutData] = useState<any[]>([]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const resetForm = () => {
     stategrafikBerdasarkanResponden.create.form = {
@@ -35,6 +34,7 @@ function RespondenCreate() {
   })
 
   const handleSubmit = async () => {
+    setIsSubmitting(true);
     try {
       const id = await stategrafikBerdasarkanResponden.create.create();
       if (typeof id !== 'undefined') {
@@ -45,13 +45,15 @@ function RespondenCreate() {
         }
       }
       resetForm();
-      router.push("/admin/ppid/ikm-desa-darmasaba/responden");
+      router.push("/admin/ppid/indeks-kepuasan-masyarakat/responden");
     } catch (error) {
       console.error('Error submitting form:', error);
+    } finally {
+      setIsSubmitting(false);
     }
   }
   return (
-    <Box px={{ base: 0, md: 'lg' }} py="xs">
+    <Box>
       <Box mb={10}>
         <Button variant="subtle" onClick={() => router.back()}>
           <IconArrowBack size={20} />
@@ -132,13 +134,32 @@ function RespondenCreate() {
             }
             disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
           />
-          <Button
-            mt={10}
-            bg={colors['blue-button']}
-            onClick={handleSubmit}
-          >
-            Submit
-          </Button>
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
         </Stack>
       </Paper>
     </Box>
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
index 5631fe9d..c9e16300 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -1,4 +1,8 @@
 'use client';
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import {
   Box,
   Button,
@@ -16,10 +20,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-import { useState } from 'react';
-import { useProxy } from 'valtio/utils';
+import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import HeaderSearch from '../../../_com/header';
 import indeksKepuasanState from '../../../_state/landing-page/indeks-kepuasan';
 
@@ -28,7 +29,7 @@ function Responden() {
   return (
     <Box>
       <HeaderSearch
-        title="Responden"
+        title="Data Responden"
         placeholder="Cari nama responden..."
         searchIcon={<IconSearch size={18} />}
         value={search}
@@ -46,193 +47,182 @@ interface ListRespondenProps {
 function ListResponden({ search }: ListRespondenProps) {
   const state = useProxy(indeksKepuasanState.responden);
   const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
   const { data, page, totalPages, loading, load } = state.findMany;
 
-  const filteredData = (data || []).filter((item) => {
-    const keyword = search.toLowerCase();
-    return item.name.toLowerCase().includes(keyword);
-  });
+  useShallowEffect(() => {
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
+
+  const filteredData = data || [];
 
   if (loading || !data) {
     return (
-      <Stack py="xl">
-        <Skeleton height={750} radius="lg" />
+      <Stack py={{ base: 'md', md: 'lg' }}>
+        <Skeleton height={650} radius="lg" />
       </Stack>
     );
   }
 
   if (data.length === 0) {
     return (
-      <Paper withBorder bg="white" p={{ base: 'md', sm: 'lg' }} radius="md" shadow="sm">
-        <Stack gap="md">
-          <Title order={4} lh={1.2}>
-            Data Responden
-          </Title>
-          <Box visibleFrom="md">
-            <Table striped withRowBorders>
-              <TableThead>
-                <TableTr>
-                  <TableTh ta="center">No</TableTh>
-                  <TableTh>Nama</TableTh>
-                  <TableTh>Tanggal</TableTh>
-                  <TableTh>Jenis Kelamin</TableTh>
-                  <TableTh ta="center">Aksi</TableTh>
-                </TableTr>
-              </TableThead>
-            </Table>
-          </Box>
-          <Text c="dimmed" ta="center" py="md" fz={{ base: 'sm', md: 'md' }} lh={1.4}>
-            Belum ada data responden yang tersedia
-          </Text>
-        </Stack>
-      </Paper>
+      <Box py={{ base: 'md', md: 'lg' }}>
+        <Paper p={{ base: 'md', md: 'lg' }} radius="lg" shadow="md" withBorder>
+          <Stack align="center" gap="sm">
+            <Title order={2} lh={1.2}>
+              Data Responden
+            </Title>
+            <Text c="dimmed" ta="center" fz={{ base: 'sm', md: 'md' }} lh={1.5}>
+              Belum ada data responden yang tersedia
+            </Text>
+          </Stack>
+        </Paper>
+      </Box>
     );
   }
 
   return (
-    <Paper withBorder bg="white" p={{ base: 'md', sm: 'lg' }} radius="md" shadow="sm">
-      <Stack gap="md">
-        <Title order={4} lh={1.2}>
-          Data Responden
-        </Title>
-
+    <Box>
+      <Stack gap={'lg'}>
         {/* Desktop Table */}
         <Box visibleFrom="md">
-          <Table striped withRowBorders>
-            <TableThead>
-              <TableTr>
-                <TableTh w="5%" ta="center">
-                  No
-                </TableTh>
-                <TableTh w="25%">Nama</TableTh>
-                <TableTh w="25%">Tanggal</TableTh>
-                <TableTh w="20%">Jenis Kelamin</TableTh>
-                <TableTh w="15%" ta="center">
-                  Aksi
-                </TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length === 0 ? (
+          <Paper p="lg" radius="lg" shadow="md" withBorder>
+            <Title order={4} size="lg" mb="md" lh={1.2}>
+              Daftar Responden
+            </Title>
+            <Table
+              striped
+              highlightOnHover
+              withRowBorders
+              verticalSpacing="sm"
+            >
+              <TableThead>
                 <TableTr>
-                  <TableTd colSpan={5}>
-                    <Text c="dimmed" ta="center" py="md" fz="sm" lh={1.4}>
-                      Tidak ada data yang cocok dengan pencarian
-                    </Text>
-                  </TableTd>
+                  <TableTh fz="sm" fw={600} w={60}>No</TableTh>
+                  <TableTh fz="sm" fw={600}>Nama</TableTh>
+                  <TableTh fz="sm" fw={600}>Tanggal</TableTh>
+                  <TableTh fz="sm" fw={600}>Jenis Kelamin</TableTh>
+                  <TableTh fz="sm" fw={600} w={120}>Aksi</TableTh>
                 </TableTr>
-              ) : (
-                filteredData.map((item, index) => (
-                  <TableTr key={item.id}>
-                    <TableTd ta="center">{index + 1}</TableTd>
-                    <TableTd>{item.name}</TableTd>
-                    <TableTd>
-                      {item.tanggal ? new Date(item.tanggal).toLocaleDateString('id-ID') : '-'}
-                    </TableTd>
-                    <TableTd>{item.jenisKelamin.name}</TableTd>
-                    <TableTd ta="center">
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() =>
-                          router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${item.id}`)
-                        }
-                      >
-                        Detail
-                      </Button>
+              </TableThead>
+              <TableTbody>
+                {filteredData.length === 0 ? (
+                  <TableTr>
+                    <TableTd colSpan={5}>
+                      <Text ta="center" c="dimmed" fz="sm" lh={1.5}>
+                        Tidak ditemukan data dengan kata kunci pencarian
+                      </Text>
                     </TableTd>
                   </TableTr>
-                ))
-              )}
-            </TableTbody>
-          </Table>
+                ) : (
+                  filteredData.map((item, index) => (
+                    <TableTr key={item.id}>
+                      <TableTd fz="md" lh={1.5}>{index + 1}</TableTd>
+                      <TableTd fz="md" lh={1.5}>{item.name}</TableTd>
+                      <TableTd fz="md" lh={1.5}>
+                        {item.tanggal
+                          ? new Date(item.tanggal).toLocaleDateString('id-ID', {
+                              day: '2-digit',
+                              month: 'long',
+                              year: 'numeric',
+                            })
+                          : '-'}
+                      </TableTd>
+                      <TableTd fz="md" lh={1.5}>{item.jenisKelamin.name}</TableTd>
+                      <TableTd>
+                        <Button
+                          size="xs"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImac size={16} />}
+                          onClick={() =>
+                            router.push(
+                              `/admin/ppid/indeks-kepuasan-masyarakat/responden/${item.id}`
+                            )
+                          }
+                        >
+                          Detail
+                        </Button>
+                      </TableTd>
+                    </TableTr>
+                  ))
+                )}
+              </TableTbody>
+            </Table>
+          </Paper>
         </Box>
 
-        {/* Mobile Card View */}
+        {/* Mobile Cards */}
         <Box hiddenFrom="md">
-          {filteredData.length === 0 ? (
-            <Text c="dimmed" ta="center" py="md" fz="sm" lh={1.4}>
-              Tidak ada data yang cocok dengan pencarian
-            </Text>
-          ) : (
-            <Stack gap="sm">
-              {filteredData.map((item, index) => (
-                <Paper key={item.id} withBorder p="sm" radius="md">
+          <Stack gap="sm">
+            <Title order={4} size="md" lh={1.2} px="md">
+              Daftar Responden
+            </Title>
+            {filteredData.length === 0 ? (
+              <Paper p="md" radius="lg" shadow="sm" mx="md">
+                <Text ta="center" c="dimmed" fz="sm" lh={1.5}>
+                  Tidak ditemukan data dengan kata kunci pencarian
+                </Text>
+              </Paper>
+            ) : (
+              filteredData.map((item) => (
+                <Paper key={item.id} p="md" radius="lg" shadow="sm" mx="md">
                   <Stack gap={'xs'}>
-                    <Box>
-                      <Text fz="sm" fw={600} lh={1.4}>
-                        No
-                      </Text>
-                      <Text fz="sm" fw={500} lh={1.4}>
-                        {index + 1}
-                      </Text>
-                    </Box>
-                    <Box>
-                      <Text fz="sm" fw={600} lh={1.4}>
-                        Nama
-                      </Text>
-                      <Text fz="sm" fw={500} lh={1.4}>
-                        {item.name}
-                      </Text>
-                    </Box>
-                    <Box>
-                      <Text fz="sm" fw={600} lh={1.4}>
-                        Tanggal
-                      </Text>
-                      <Text fz="sm" fw={500} lh={1.4}>
-                        {item.tanggal
-                          ? new Date(item.tanggal).toLocaleDateString('id-ID')
-                          : '-'}
-                      </Text>
-                    </Box>
-                    <Box>
-                      <Text fz="sm" fw={600} lh={1.4}>
-                        Jenis Kelamin
-                      </Text>
-                      <Text fz="sm" fw={500} lh={1.4}>
-                        {item.jenisKelamin.name}
-                      </Text>
-                    </Box>
-                    <Box ta="center">
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() =>
-                          router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${item.id}`)
-                        }
-                      >
-                        Detail
-                      </Button>
-                    </Box>
+                    <Text fz="sm" c="dimmed" lh={1.4}>Nama</Text>
+                    <Text fz="md" lh={1.5}>{item.name}</Text>
+
+                    <Text fz="sm" c="dimmed" lh={1.4}>Tanggal</Text>
+                    <Text fz="md" lh={1.5}>
+                      {item.tanggal
+                        ? new Date(item.tanggal).toLocaleDateString('id-ID', {
+                            day: '2-digit',
+                            month: 'long',
+                            year: 'numeric',
+                          })
+                        : '-'}
+                    </Text>
+
+                    <Text fz="sm" c="dimmed" lh={1.4}>Jenis Kelamin</Text>
+                    <Text fz="md" lh={1.5}>{item.jenisKelamin.name}</Text>
+
+                    <Button
+                      size="xs"
+                      radius="md"
+                      variant="light"
+                      color="blue"
+                      leftSection={<IconDeviceImac size={16} />}
+                      onClick={() =>
+                        router.push(
+                          `/admin/ppid/indeks-kepuasan-masyarakat/responden/${item.id}`
+                        )
+                      }
+                      mt="xs"
+                    >
+                      Detail
+                    </Button>
                   </Stack>
                 </Paper>
-              ))}
-            </Stack>
-          )}
+              ))
+            )}
+          </Stack>
         </Box>
 
-        {filteredData.length > 0 && (
-          <Center>
-            <Pagination
-              value={page}
-              total={totalPages}
-              onChange={(newPage) => {
-                load(newPage, 10);
-                window.scrollTo({ top: 0, behavior: 'smooth' });
-              }}
-              size="md"
-              radius="md"
-            />
-          </Center>
-        )}
+        <Center>
+          <Pagination
+            value={page}
+            total={totalPages}
+            onChange={(newPage) => {
+              load(newPage, 10);
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            }}
+            size="md"
+            radius="md"
+            mt={{ base: 'md', md: 'lg' }}
+          />
+        </Center>
       </Stack>
-    </Paper>
+    </Box>
   );
 }
 
diff --git a/src/app/admin/(dashboard)/user&role/layout.tsx b/src/app/admin/(dashboard)/user&role/layout.tsx
deleted file mode 100644
index 05048967..00000000
--- a/src/app/admin/(dashboard)/user&role/layout.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import colors from '@/con/colors';
-import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
-import { IconBrush, IconForms, IconUser } from '@tabler/icons-react';
-import { usePathname, useRouter } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
-
-function LayoutTabs({ children }: { children: React.ReactNode }) {
-  const router = useRouter();
-  const pathname = usePathname();
-
-  const tabs = [
-    {
-      label: "User",
-      value: "user",
-      href: "/admin/user&role/user",
-      icon: <IconUser size={18} stroke={1.8} />,
-    },
-    {
-      label: "Role",
-      value: "role",
-      href: "/admin/user&role/role",
-      icon: <IconForms size={18} stroke={1.8} />,
-    },
-    {
-      label: "Menu Access",
-      value: "menu-access",
-      href: "/admin/user&role/menu-access",
-      icon: <IconBrush size={18} stroke={1.8} />,
-    }
-  ];
-
-  const currentTab = tabs.find(tab => tab.href === pathname);
-  const [activeTab, setActiveTab] = useState<string | null>(currentTab?.value || tabs[0].value);
-
-  const handleTabChange = (value: string | null) => {
-    const tab = tabs.find(t => t.value === value);
-    if (tab) {
-      router.push(tab.href);
-    }
-    setActiveTab(value);
-  };
-
-  useEffect(() => {
-    const match = tabs.find(tab => tab.href === pathname);
-    if (match) {
-      setActiveTab(match.value);
-    }
-  }, [pathname]);
-
-  return (
-    <Stack gap="lg">
-      <Title order={2} fw={700} style={{ color: "#1A1B1E" }}>
-        User & Role
-      </Title>
-      <Tabs
-        color={colors['blue-button']}
-        variant="pills"
-        value={activeTab}
-        onChange={handleTabChange}
-        radius="lg"
-        keepMounted={false}
-      >
-         <Box visibleFrom='md' pb={10}>
-                  <ScrollArea type="auto" offsetScrollbars>
-                    <TabsList
-                      p="sm"
-                      style={{
-                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                        borderRadius: "1rem",
-                        boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-                        display: "flex",
-                        flexWrap: "nowrap",
-                        gap: "0.5rem",
-                        paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
-                      }}
-                    >
-                      {tabs.map((tab, i) => (
-                        <TabsTab
-                          key={i}
-                          value={tab.value}
-                          leftSection={tab.icon}
-                          style={{
-                            fontWeight: 600,
-                            fontSize: "0.9rem",
-                            transition: "all 0.2s ease",
-                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
-                          }}
-                        >
-                          {tab.label}
-                        </TabsTab>
-                      ))}
-                    </TabsList>
-                  </ScrollArea>
-                </Box>
-        
-                <Box hiddenFrom='md' pb={10}>
-                  <ScrollArea
-                    type="auto"
-                    offsetScrollbars={false}
-                    w="100%"
-                  >
-        
-                    <TabsList
-                      p="xs" // lebih kecil
-                      style={{
-                        background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-                        borderRadius: "1rem",
-                        display: "flex",
-                        flexWrap: "nowrap",
-                        gap: "0.5rem",
-                        width: "max-content", // ⬅️ kunci
-                        maxWidth: "100%",     // ⬅️ penting
-                      }}
-                    >
-                      {tabs.map((tab, i) => (
-                        <TabsTab
-                          key={i}
-                          value={tab.value}
-                          leftSection={tab.icon}
-                          style={{
-                            fontWeight: 600,
-                            fontSize: "0.9rem",
-                            paddingInline: "0.75rem", // ⬅️ lebih ramping
-                            flexShrink: 0, // ✅ jangan mengecil aneh-aneh
-                          }}
-                        >
-                          {tab.label}
-                        </TabsTab>
-                      ))}
-                    </TabsList>
-                  </ScrollArea>
-                </Box>
-
-        {tabs.map((tab, i) => (
-          <TabsPanel
-            key={i}
-            value={tab.value}
-            style={{
-              padding: "1.5rem",
-              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-              borderRadius: "1rem",
-              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-            }}
-          >
-            {children}
-          </TabsPanel>
-        ))}
-      </Tabs>
-    </Stack>
-  );
-}
-
-export default LayoutTabs;
diff --git a/src/app/admin/(dashboard)/user&role/role/page.tsx b/src/app/admin/(dashboard)/user&role/role/page.tsx
index cc8a174d..b4439700 100644
--- a/src/app/admin/(dashboard)/user&role/role/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/page.tsx
@@ -1,10 +1,11 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
 import {
   Box,
   Button,
+  Center,
   Group,
+  Pagination,
   Paper,
   Skeleton,
   Stack,
@@ -17,9 +18,10 @@ import {
   Text,
   Title
 } from '@mantine/core';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
@@ -46,10 +48,12 @@ function ListRole({ search }: { search: string }) {
   const router = useRouter();
   const [modalHapus, setModalHapus] = useState(false);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [debouncedSearch] = useDebouncedValue(search, 1000); // 500ms delay
+  const { data, page, totalPages, loading, load } = listDataState.findMany;
 
-  useEffect(() => {
-    listDataState.findMany.load();
-  }, []);
+  useShallowEffect(() => {
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const handleDelete = () => {
     if (selectedId) {
@@ -65,13 +69,14 @@ function ListRole({ search }: { search: string }) {
     return item.name.toLowerCase().includes(keyword);
   });
 
-  if (!listDataState.findMany.data) {
-    return (
-      <Stack py={{ base: 'sm', md: 'md' }}>
-        <Skeleton h={500} />
-      </Stack>
-    );
-  }
+  if (loading || !data) {
+      return (
+        <Stack py={20}>
+          <Skeleton height={500} radius="md" />
+        </Stack>
+      );
+    }
+  
 
   return (
     <Box py={{ base: 'sm', md: 'md' }}>
@@ -199,6 +204,18 @@ function ListRole({ search }: { search: string }) {
         </Box>
       </Paper>
 
+      <Center mt="md">
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 10);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
+          total={totalPages}
+          color="blue"
+        />
+      </Center>
+
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index 02509bfd..bd810e00 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -14,23 +14,23 @@ export const devBar = [
         name: "Desa Anti Korupsi",
         path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
       },
+      // {
+      //   id: "Landing_Page_3",
+      //   name: "Indeks Kepuasan Masyarakat",
+      //   path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+      // },
       {
         id: "Landing_Page_3",
-        name: "Indeks Kepuasan Masyarakat",
-        path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
-      },
-      {
-        id: "Landing_Page_4",
         name: "SDGs",
         path: "/admin/landing-page/SDGs"
       },
       {
-        id: "Landing_Page_5",
+        id: "Landing_Page_4",
         name: "APBDes",
         path: "/admin/landing-page/apbdes"
       },
       {
-        id: "Landing_Page_6",
+        id: "Landing_Page_5",
         name: "Prestasi Desa",
         path: "/admin/landing-page/prestasi-desa/list-prestasi-desa"
       }
@@ -354,7 +354,7 @@ export const devBar = [
       {
         id: "Pendidikan_3",
         name: "Program Pendidikan Anak",
-        path: "/admin/pendidikan/program-pendidikan-anak/program-unggulan"
+        path: "/admin/pendidikan/program-pendidikan-anak/tujuan-program"
       },
       {
         id: "Pendidikan_4",
@@ -418,23 +418,23 @@ export const navBar = [
         name: "Desa Anti Korupsi",
         path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
       },
+      // {
+      //   id: "Landing_Page_3",
+      //   name: "Indeks Kepuasan Masyarakat",
+      //   path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+      // },
       {
         id: "Landing_Page_3",
-        name: "Indeks Kepuasan Masyarakat",
-        path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
-      },
-      {
-        id: "Landing_Page_4",
         name: "SDGs",
         path: "/admin/landing-page/SDGs"
       },
       {
-        id: "Landing_Page_5",
+        id: "Landing_Page_4",
         name: "APBDes",
         path: "/admin/landing-page/apbdes"
       },
       {
-        id: "Landing_Page_6",
+        id: "Landing_Page_5",
         name: "Prestasi Desa",
         path: "/admin/landing-page/prestasi-desa/list-prestasi-desa"
       }
@@ -758,7 +758,7 @@ export const navBar = [
       {
         id: "Pendidikan_3",
         name: "Program Pendidikan Anak",
-        path: "/admin/pendidikan/program-pendidikan-anak/program-unggulan"
+        path: "/admin/pendidikan/program-pendidikan-anak/tujuan-program"
       },
       {
         id: "Pendidikan_4",
@@ -822,23 +822,23 @@ export const role1 = [
         name: "Desa Anti Korupsi",
         path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
       },
+      // {
+      //   id: "Landing_Page_3",
+      //   name: "Indeks Kepuasan Masyarakat",
+      //   path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+      // },
       {
         id: "Landing_Page_3",
-        name: "Indeks Kepuasan Masyarakat",
-        path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
-      },
-      {
-        id: "Landing_Page_4",
         name: "SDGs",
         path: "/admin/landing-page/SDGs"
       },
       {
-        id: "Landing_Page_5",
+        id: "Landing_Page_4",
         name: "APBDes",
         path: "/admin/landing-page/apbdes"
       },
       {
-        id: "Landing_Page_6",
+        id: "Landing_Page_5",
         name: "Prestasi Desa",
         path: "/admin/landing-page/prestasi-desa/list-prestasi-desa"
       }
@@ -1170,7 +1170,7 @@ export const role3 = [
       {
         id: "Pendidikan_3",
         name: "Program Pendidikan Anak",
-        path: "/admin/pendidikan/program-pendidikan-anak/program-unggulan"
+        path: "/admin/pendidikan/program-pendidikan-anak/tujuan-program"
       },
       {
         id: "Pendidikan_4",
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findMany.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findMany.ts
index 25fb8d3c..8f50c579 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findMany.ts
@@ -7,20 +7,20 @@ async function kategoriProdukFindMany(context: Context) {
   // Ambil parameter dari query
   const page = Number(context.query.page) || 1;
   const limit = Number(context.query.limit) || 10;
-  const search2 = (context.query.search as string) || '';
+  const search = (context.query.search as string) || '';
   const skip = (page - 1) * limit;
 
   // Buat where clause
   const where: any = { isActive: true };
 
   // Tambahkan pencarian (jika ada)
-  if (search2) {
+  if (search) {
     where.OR = [
-      { nama: { contains: search2, mode: 'insensitive' } },
+      { nama: { contains: search, mode: 'insensitive' } },
       {KategoriToPasar : {
         some: {
           kategori: {
-            nama: { contains: search2, mode: 'insensitive' }
+            nama: { contains: search, mode: 'insensitive' }
           }
         }
       }}
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findManyAll.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findManyAll.ts
index 3373f148..e364ecf2 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findManyAll.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findManyAll.ts
@@ -5,19 +5,19 @@ import { Context } from "elysia";
 
 async function kategoriProdukFindManyAll(context: Context) {
   // Ambil query search (opsional)
-  const search2 = (context.query.search as string) || "";
+  const search = (context.query.search as string) || "";
 
   // Buat where clause
   const where: any = { isActive: true };
 
-  if (search2) {
+  if (search) {
     where.OR = [
-      { nama: { contains: search2, mode: "insensitive" } },
+      { nama: { contains: search, mode: "insensitive" } },
       {
         KategoriToPasar: {
           some: {
             kategori: {
-              nama: { contains: search2, mode: "insensitive" },
+              nama: { contains: search, mode: "insensitive" },
             },
           },
         },
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findMany.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findMany.ts
index aa7a6e53..fd8ed0e4 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findMany.ts
@@ -1,48 +1,72 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
-// Di findMany.ts
 export default async function pegawaiFindMany(context: Context) {
   const page = Number(context.query.page) || 1;
   const limit = Number(context.query.limit) || 10;
+  const search = (context.query.search as string) || "";
   const skip = (page - 1) * limit;
+  const isActiveParam = context.query.isActive;
+
+  // where clause dinamis
+  const where: any = {};
+  if (isActiveParam !== undefined) {
+    where.isActive = isActiveParam === "true";
+  }
+
+  if (search) {
+    where.OR = [
+      { namaLengkap: { contains: search, mode: "insensitive" } },
+      { alamat: { contains: search, mode: "insensitive" } },
+      { posisi: { nama: { contains: search, mode: "insensitive" } } },
+    ];
+  }
 
   try {
-    const [data, total] = await Promise.all([
+    // Ambil semua data terlebih dahulu (tanpa pagination)
+    const [allData, total] = await Promise.all([
       prisma.pegawaiBumDes.findMany({
-        where: { isActive: true },
+        where,
         include: {
           posisi: true,
           image: true,
         },
-        skip,
-        take: limit,
-        orderBy: { createdAt: 'desc' },
       }),
-      prisma.pegawaiBumDes.count({
-        where: { isActive: true }
-      })
+      prisma.pegawaiBumDes.count({ where }),
     ]);
 
+    // Sort manual berdasarkan hierarki posisi
+    const sortedData = allData.sort((a, b) => {
+      // Sort berdasarkan hierarki terlebih dahulu
+      if (a.posisi.hierarki !== b.posisi.hierarki) {
+        return a.posisi.hierarki - b.posisi.hierarki;
+      }
+      // Jika hierarki sama, sort berdasarkan nama posisi
+      return a.posisi.nama.localeCompare(b.posisi.nama);
+    });
+
+    // Lakukan pagination manual setelah sorting
+    const paginatedData = sortedData.slice(skip, skip + limit);
     const totalPages = Math.ceil(total / limit);
 
     return {
       success: true,
-      message: "Success fetch pegawai with pagination",
-      data,
+      message: "Success fetch pegawai with hierarchy order",
+      data: paginatedData,
       page,
       totalPages,
       total,
     };
-  } catch (e) {
-    console.error("Find many paginated error:", e);
+  } catch (error) {
+    console.error("Find many pegawai error:", error);
     return {
       success: false,
-      message: "Failed fetch pegawai with pagination",
+      message: "Failed fetch pegawai",
       data: [],
       page: 1,
       totalPages: 1,
       total: 0,
     };
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findManyAll.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findManyAll.ts
new file mode 100644
index 00000000..fbef28a0
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/struktur-bumdes/pegawai/findManyAll.ts
@@ -0,0 +1,48 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+export default async function pegawaiFindManyAll(context: Context) {
+  const search = (context.query.search as string) || "";
+  const isActiveParam = context.query.isActive;
+
+  // Buat where clause dinamis
+  const where: any = {};
+
+  if (isActiveParam !== undefined) {
+    where.isActive = isActiveParam === "true";
+  }
+
+  if (search) {
+    where.OR = [
+      { namaLengkap: { contains: search, mode: "insensitive" } },
+      { alamat: { contains: search, mode: "insensitive" } },
+    ];
+  }
+
+  try {
+    const data = await prisma.pegawaiBumDes.findMany({
+      where,
+      include: {
+        posisi: true,
+        image: true,
+      },
+      orderBy: { posisi: { hierarki: "asc" } },
+    });
+
+    return {
+      success: true,
+      message: "Success fetch all pegawai (non-paginated)",
+      total: data.length,
+      data,
+    };
+  } catch (error) {
+    console.error("Find many all error:", error);
+    return {
+      success: false,
+      message: "Failed fetch all pegawai",
+      total: 0,
+      data: [],
+    };
+  }
+}
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/data-pendidikan/findMany.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/data-pendidikan/findMany.ts
index 395beef9..addb6970 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/data-pendidikan/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/data-pendidikan/findMany.ts
@@ -1,8 +1,49 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
+import { Context } from "elysia";
 
-export default async function dataPendidikanFindMany() {
-    const res = await prisma.dataPendidikan.findMany();
-    return {
-        data: res,
-    };
-}
\ No newline at end of file
+export default async function dataPendidikanFindMany(context: Context) {
+    const page = Number(context.query.page) || 1;
+      const limit = Number(context.query.limit) || 10;
+      const search = (context.query.search as string) || '';
+      const skip = (page - 1) * limit;
+    
+      const where: any = { isActive: true };
+    
+      // Tambahkan pencarian (jika ada)
+      if (search) {
+        where.OR = [
+          { name: { contains: search, mode: 'insensitive' } },
+          { jumlah: { contains: search, mode: 'insensitive' } },
+        ];
+      }
+    
+      try {
+        const [data, total] = await Promise.all([
+          prisma.dataPendidikan.findMany({
+            where,
+            skip,
+            take: limit,
+            orderBy: { name: "asc" }, // opsional, kalau mau urut berdasarkan waktu
+          }),
+          prisma.dataPendidikan.count({
+            where: { isActive: true },
+          }),
+        ]);
+    
+        return {
+          success: true,
+          message: "Success fetch program inovasi with pagination",
+          data,
+          page,
+          totalPages: Math.ceil(total / limit),
+          total,
+        };
+      } catch (e) {
+        console.error("Find many paginated error:", e);
+        return {
+          success: false,
+          message: "Failed fetch program inovasi with pagination",
+        };
+      }
+    }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/user/role/findMany.ts b/src/app/api/[[...slugs]]/_lib/user/role/findMany.ts
index f4a3a343..cf8bc346 100644
--- a/src/app/api/[[...slugs]]/_lib/user/role/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/user/role/findMany.ts
@@ -1,11 +1,49 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
+import { Context } from "elysia";
 
-export default async function roleFindMany() {
-  const data = await prisma.role.findMany();
+export default async function roleFindMany(context: Context) {
+  const page = Number(context.query.page) || 1;
+  const limit = Number(context.query.limit) || 10;
+  const search = (context.query.search as string) || '';
+  const skip = (page - 1) * limit;
 
-  return {
-    success: true,
-    message: "Success get all role",
-    data,
-  };
+  const where: any = { isActive: true };
+
+  // Tambahkan pencarian (jika ada)
+  if (search) {
+    where.OR = [
+      { name: { contains: search, mode: 'insensitive' } },
+      { description: { contains: search, mode: 'insensitive' } },
+    ];
+  }
+
+  try {
+    const [data, total] = await Promise.all([
+      prisma.role.findMany({
+        where,
+        skip,
+        take: limit,
+        orderBy: { name: "asc" }, // opsional, kalau mau urut berdasarkan waktu
+      }),
+      prisma.role.count({
+        where: { isActive: true },
+      }),
+    ]);
+
+    return {
+      success: true,
+      message: "Success fetch role with pagination",
+      data,
+      page,
+      totalPages: Math.ceil(total / limit),
+      total,
+    };
+  } catch (e) {
+    console.error("Find many paginated error:", e);
+    return {
+      success: false,
+      message: "Failed fetch role with pagination",
+    };
+  }
 }
-- 
2.49.1


From 503da91ce60e717cbf518f3970bae670cade3f9d Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 6 Jan 2026 17:54:21 +0800
Subject: [PATCH 64/97] Tambah seeder di bagian landing page

---
 prisma/data/fetchWithRetry.ts                 |  30 +++
 prisma/data/file-storage.json                 | 193 ++++++++----------
 .../landing-page/profile/mediaSosial.json     |   8 +-
 prisma/data/landing-page/profile/profile.json |   2 +-
 .../landing-page/profile/programInovasi.json  |  21 +-
 prisma/data/resolveImageId.ts                 |  11 +
 prisma/data/safeImageId.ts                    |  24 +++
 .../migration.sql                             | 142 +++++++++++++
 prisma/safeseedUnique.ts                      |  63 ++++--
 prisma/seed.ts                                | 175 +++++++++-------
 prisma/seed_assets.ts                         |  94 +++++++--
 11 files changed, 541 insertions(+), 222 deletions(-)
 create mode 100644 prisma/data/fetchWithRetry.ts
 create mode 100644 prisma/data/resolveImageId.ts
 create mode 100644 prisma/data/safeImageId.ts
 create mode 100644 prisma/migrations/20260106072549_nico_6_jan2025/migration.sql

diff --git a/prisma/data/fetchWithRetry.ts b/prisma/data/fetchWithRetry.ts
new file mode 100644
index 00000000..e561ed00
--- /dev/null
+++ b/prisma/data/fetchWithRetry.ts
@@ -0,0 +1,30 @@
+export default async function fetchWithRetry(
+  url: string,
+  retries = 3,
+  timeoutMs = 20000
+) {
+  for (let attempt = 1; attempt <= retries; attempt++) {
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), timeoutMs);
+
+    try {
+      const res = await fetch(url, { signal: controller.signal });
+
+      if (!res.ok) {
+        throw new Error(`HTTP ${res.status} ${res.statusText}`);
+      }
+
+      return res;
+    } catch (err) {
+      console.warn(`⚠️ Download attempt ${attempt} failed`);
+
+      if (attempt === retries) {
+        throw err;
+      }
+    } finally {
+      clearTimeout(timeout);
+    }
+  }
+
+  throw new Error("Unreachable");
+}
diff --git a/prisma/data/file-storage.json b/prisma/data/file-storage.json
index 53c27a0b..3e978084 100644
--- a/prisma/data/file-storage.json
+++ b/prisma/data/file-storage.json
@@ -1,137 +1,120 @@
 [
   {
-    "id": "cmff0rr4z0002vn0twp333m2",
-    "name": "S6RIjFaPvdQm3oq4rM4X9-desktop.webp",
-    "realName": "bares.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/S6RIjFaPvdQm3oq4rM4X9-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff0tnf00003vn0t3kgzi0u0",
-    "name": "_pVNEmThU5ICGa8gv3gh_-desktop.webp",
-    "realName": "bicara-darma.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/_pVNEmThU5ICGa8gv3gh_-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff0uykf0004vn0trmmxpgfh",
-    "name": "bv6rdKvjxkkjUSGLQ0lvB-desktop.webp",
-    "realName": "daves.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/bv6rdKvjxkkjUSGLQ0lvB-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff0z34f0005vn0tjtvq519p",
-    "name": "Z4hWaV04CvoE20MjccQsV-desktop.webp",
-    "realName": "mangan.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Z4hWaV04CvoE20MjccQsV-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff38cyq000bvn0t9f01cz3f",
-    "name": "LvLAtOqWojx4sn6NjJWB9-desktop.webp",
-    "realName": "gelah-melah.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/LvLAtOqWojx4sn6NjJWB9-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff0zqvd0007vn0tv6o5hjcq",
-    "name": "gR2mcvAQVgJ2-rM5coYJj-desktop.webp",
-    "realName": "inovasi-desa-darmasaba.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/gR2mcvAQVgJ2-rM5coYJj-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff1013m0008vn0th7t0d64d",
-    "name": "JpL-9F8-IGztMn8E2ce02-desktop.webp",
-    "realName": "pdkt.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/JpL-9F8-IGztMn8E2ce02-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff10cwq0009vn0tse8dzu3j",
-    "name": "bxAk4AsGbJTC705_IVdes-desktop.webp",
-    "realName": "sajjiana-dharma-raksaka.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/bxAk4AsGbJTC705_IVdes-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff2w5ly000avn0telhct71k",
-    "name": "Vbj_osnMJUkGEQGDTLwV--desktop.webp",
+    "id": "cmk27746i0000vnso2aspwf9g",
+    "name": "Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
     "realName": "perbekel.png",
     "path": "uploads/images",
     "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Vbj_osnMJUkGEQGDTLwV--desktop.webp",
+    "link": "/api/fileStorage/findUnique/Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
+    "category": "image"
+  }
+  ,
+  {
+    "id": "cmk20mg320000vnevxy0k73fr",
+    "name": "thpgPSJkBxUIRajZt3AVo-desktop.webp",
+    "realName": "bares.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/thpgPSJkBxUIRajZt3AVo-desktop.webp",
     "category": "image"
   },
   {
-    "id": "cmff3joae0000vn6h8sgs0ilg",
-    "name": "7hox9spUxj56hY_EBYLnj-desktop.webp",
+    "id": "cmk20nqmu0001vnevfte29rk0",
+    "name": "ubna9N6r7RgVWN5plO5mq-desktop.webp",
+    "realName": "bicara-darma.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/ubna9N6r7RgVWN5plO5mq-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk228urs0007vnevi5b66bqn",
+    "name": "Z4i2RRnnlHq2iWj94ldyo-desktop.webp",
+    "realName": "daves.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Z4i2RRnnlHq2iWj94ldyo-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk20nyen0002vnevd0hfr3u8",
+    "name": "y4yaE4XdUP1TSUGhWPW9h-desktop.webp",
+    "realName": "mangan.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/y4yaE4XdUP1TSUGhWPW9h-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk20o7mf0003vnevohrksm1d",
+    "name": "Vr7CoaYDpk2dIkHx9PxRj-desktop.webp",
+    "realName": "gelah-melah.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Vr7CoaYDpk2dIkHx9PxRj-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk20of8m0004vnev9ujy5o0l",
+    "name": "ceoB_sg-HOzljN8j_2nZA-desktop.webp",
+    "realName": "inovasi-desa-darmasaba.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/ceoB_sg-HOzljN8j_2nZA-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk20omzq0005vnevgi6f4edu",
+    "name": "vOy5YVUXfHXfiFOHylIN7-desktop.webp",
+    "realName": "pdkt.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/vOy5YVUXfHXfiFOHylIN7-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk20pf3d0006vnev3mkoqpyy",
+    "name": "gE_qcqIbY0mqI6FV9V4CL-desktop.webp",
+    "realName": "sajjiana-dharma-raksaka.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/gE_qcqIbY0mqI6FV9V4CL-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk2cgqgm0003vn96jun52pik",
+    "name": "q1G995W7cLkC_qquLTlKN-desktop.webp",
     "realName": "youtube.png",
     "path": "uploads/images",
     "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/7hox9spUxj56hY_EBYLnj-desktop.webp",
+    "link": "/api/fileStorage/findUnique/q1G995W7cLkC_qquLTlKN-desktop.webp",
     "category": "image"
   },
   {
-    "id": "cmff3ll130001vn6hkhls3f5y",
-    "name": "ChihV7_1eS-AGtSg9UwMv-desktop.webp",
-    "realName": "gmail.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/ChihV7_1eS-AGtSg9UwMv-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff3mtat0002vn6hs8vyyhdd",
-    "name": "z8v9ZREwOJHKGIRYauROt-desktop.webp",
+    "id": "cmk2cmr000006vn96qepq6gvl",
+    "name": "I6mlQ4nRmPX26gm79C_rM-desktop.webp",
     "realName": "facebook.png",
     "path": "uploads/images",
     "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/z8v9ZREwOJHKGIRYauROt-desktop.webp",
+    "link": "/api/fileStorage/findUnique/I6mlQ4nRmPX26gm79C_rM-desktop.webp",
     "category": "image"
   },
   {
-    "id": "cmff3nv180003vn6h5jvedidq",
-    "name": "BLjMxTKoCNE31uOURR3IU-desktop.webp",
-    "realName": "telephone-call.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/BLjMxTKoCNE31uOURR3IU-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmff3oouh0004vn6hd94brzv9",
-    "name": "hkJYAeTNWK_vYaYS20w3I-desktop.webp",
+    "id": "cmk2cpeba0009vn966jcrpf3u",
+    "name": "WArLC_yvU33MjoqEnQeQ1-desktop.webp",
     "realName": "instagram.png",
     "path": "uploads/images",
     "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/hkJYAeTNWK_vYaYS20w3I-desktop.webp",
+    "link": "/api/fileStorage/findUnique/WArLC_yvU33MjoqEnQeQ1-desktop.webp",
     "category": "image"
   },
   {
-    "id": "cmff3q12g0005vn6h5ojov2qa",
-    "name": "6XEoZ9SFu59COpil03Gya-desktop.webp",
+    "id": "cmk2crcl1000cvn96j8pmgmo5",
+    "name": "D3RPbNiaNSCjacLjeR_qO-desktop.webp",
     "realName": "tiktok.png",
     "path": "uploads/images",
     "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/6XEoZ9SFu59COpil03Gya-desktop.webp",
+    "link": "/api/fileStorage/findUnique/D3RPbNiaNSCjacLjeR_qO-desktop.webp",
     "category": "image"
   }
 ]
diff --git a/prisma/data/landing-page/profile/mediaSosial.json b/prisma/data/landing-page/profile/mediaSosial.json
index 9af092a0..3f0ba929 100644
--- a/prisma/data/landing-page/profile/mediaSosial.json
+++ b/prisma/data/landing-page/profile/mediaSosial.json
@@ -3,24 +3,24 @@
     "id": "cmds9023u0008vnbe3oxmhwyf",
     "name": "Desa Darmasaba",
     "iconUrl": "https://www.youtube.com/channel/UCtPw9WOQO7d2HIKzKgel4Xg",
-    "imageId": "cmff3joae0000vn6h8sgs0ilg"
+    "imageId": "cmk2cgqgm0003vn96jun52pik"
   },
   {
     "id": "cmds90oul000bvnbe2bqkptoi",
     "name": "Pemerintah Desa Darmasaba",
     "iconUrl": "https://www.facebook.com/DarmasabaDesaku",
-    "imageId": "cmff3mtat0002vn6hs8vyyhdd"
+    "imageId": "cmk2cmr000006vn96qepq6gvl"
   },
   {
     "id": "cmds91i4e000evnbe8gtf1gub",
     "name": "ddarmasaba",
     "iconUrl": "https://www.instagram.com/ddarmasaba/",
-    "imageId": "cmff3oouh0004vn6hd94brzv9"
+    "imageId": "cmk2cpeba0009vn966jcrpf3u"
   },
   {
     "id": "cmds92de5000hvnbemlu6sq5x",
     "name": "desa.darmasaba",
     "iconUrl": "https://www.tiktok.com/@desa.darmasaba?is_from_webapp=1&sender_device=pc",
-    "imageId": "cmff3q12g0005vn6h5ojov2qa"
+    "imageId": "cmk2crcl1000cvn96j8pmgmo5"
   }
 ]
diff --git a/prisma/data/landing-page/profile/profile.json b/prisma/data/landing-page/profile/profile.json
index a83a8f62..1073354f 100644
--- a/prisma/data/landing-page/profile/profile.json
+++ b/prisma/data/landing-page/profile/profile.json
@@ -3,6 +3,6 @@
     "id": "edit",
     "name": "I.B Surya Prabhawa Manuaba, S.H., M.H.",
     "position": "Perbekel Darmasaba periode 2021-2027",
-    "imageId": "cmff2w5ly000avn0telhct71k"
+    "imageId": "cmk2a2dl6001nvngck1n0k8qc"
   }
 ]
diff --git a/prisma/data/landing-page/profile/programInovasi.json b/prisma/data/landing-page/profile/programInovasi.json
index f6603f6d..5f0d894b 100644
--- a/prisma/data/landing-page/profile/programInovasi.json
+++ b/prisma/data/landing-page/profile/programInovasi.json
@@ -4,48 +4,55 @@
     "name": "Dmangan",
     "description": "Darmasaba Aman Pangan",
     "link": "https://darmasaba.desa.id/berita/61452-kader-d-mangan-berhasil-meraih-prestasi-dalam-ajang-lomba-banjar-bali-quis-bbq-tahun-2024",
-    "imageId" : "cmff0z34f0005vn0tjtvq519p"
+    "imageId" : "cmk20nyen0002vnevd0hfr3u8"
   },
   {
     "id": "cmdr76nqk0008vn5rdddvcxnr",
     "name": "Bicara Darmasaba",
     "description": "Bicara Darmasaba",
     "link": "https://darmasaba.desa.id/berita/42506-bicara-darmasaba",
-    "imageId" : "cmff0tnf00003vn0t3kgzi0u0"
+    "imageId" : "cmk20nqmu0001vnevfte29rk0"
   },
   {
     "id": "cmdr77vbw000bvn5rvpmoq31s",
     "name": "Bares",
     "description": "Darmasaba Recycling Stock/Exchange",
     "link": "http://darmasaba.desa.id/berita/56722-bares",
-    "imageId" : "cmff0rr4z0002vn0twp333m2"
+    "imageId" : "cmk20mg320000vnevxy0k73fr"
   },
   {
     "id": "cmdr7bxtp000evn5rmy85wihx",
     "name": "Sajjana Dharma Raksaka",
     "description": "Sajjana Dharma Raksaka",
     "link": "https://ppid.badungkab.go.id/storage/dokumen/5RS9dldGkrgzMQq6bKdZsqsVRHI8gffWv4PGfb3r.pdf",
-    "imageId" : "cmff10cwq0009vn0tse8dzu3j"
+    "imageId" : "cmk20pf3d0006vnev3mkoqpyy"
   },
   {
     "id": "cmdr7dlnk000hvn5r9lur3z35",
     "name": "PDKT",
     "description": "Perangkat Desa Kuat Teknologi",
     "link": "https://darmasaba.desa.id/berita/53752-p-d-k-t",
-    "imageId" : "cmff1013m0008vn0th7t0d64d"
+    "imageId" : "cmk20omzq0005vnevgi6f4edu"
   },
   {
     "id": "cmdr7ftob000mvn5rfhgdtg8v",
     "name": "GM",
     "description": "Galah Melah",
     "link": "https://darmasaba.desa.id/berita/52880-galah-melah",
-    "imageId" : "cmff38cyq000bvn0t9f01cz3f"
+    "imageId" : "cmk20o7mf0003vnevohrksm1d"
   },
   {
     "id": "cmdr7glue000pvn5r6onzslju",
     "name": "Inovasi Desa Darmasaba",
     "description": "Inovasi Desa Darmasaba",
     "link": "https://darmasaba.desa.id/produk-lokal-desa",
-    "imageId" : "cmff0zqvd0007vn0tv6o5hjcq"
+    "imageId" : "cmk20of8m0004vnev9ujy5o0l"
+  },
+  {
+    "id": "cmk228ust0009vnev5p8i377o",
+    "name": "Davest",
+    "description": "<p>DAVEST (Darmasaba Investment) merupakan program inovasi Desa Darmasaba yang bertujuan mempromosikan potensi investasi desa secara terintegrasi melalui media digital dan pendampingan langsung. Program ini menjadi sarana penghubung antara pemerintah desa, pelaku usaha, dan investor dalam rangka mendorong pertumbuhan ekonomi desa yang berkelanjutan.</p><p>DAVEST menyajikan informasi potensi unggulan desa seperti sektor UMKM, pariwisata, ekonomi kreatif, serta peluang investasi berbasis sumber daya lokal dengan prinsip transparansi dan kemudahan akses informasi.</p><p>Di tahun 2024 ini Davest (Darmasaba Village Festival) akan diadakan lagi, dengan berbagai kegiatan pemerdayaan, edukasi dan hiburan yang tentunya lebih waahhhh dari dua tahun lalu. Untuk memantapkan hal tersebut, Pemdes Darmasaba melakukan rapat koordinasi (rakor) Davest 2024 yang dipimpin langsung oleh Perbekel Darmasaba I. B. Surya Prabhawa Manuaba, S.H.,M.H. pada hari Senin (22/1/2024) bertempat di Ruang Shanti Gosana Kantor Perbekel Darmasaba.</p><hr><h3>Tujuan Program</h3><ul><li><p>Meningkatkan daya tarik investasi di Desa Darmasaba</p></li><li><p>Mempromosikan potensi unggulan desa secara profesional</p></li><li><p>Mendorong pertumbuhan ekonomi dan penciptaan lapangan kerja</p></li><li><p>Mendukung visi Desa Darmasaba sebagai desa inovatif dan berdaya saing</p></li></ul><hr><h3>Sasaran Program</h3><ul><li><p>Calon investor lokal dan regional</p></li><li><p>Pelaku UMKM dan kelompok usaha desa</p></li><li><p>Masyarakat Desa Darmasaba</p></li></ul><hr><h3>Bentuk Inovasi</h3><ul><li><p>Inovasi ekonomi desa</p></li><li><p>Inovasi digital</p></li><li><p>Inovasi tata kelola pelayanan investasi</p></li></ul><hr><h3>Ruang Lingkup Kegiatan</h3><ul><li><p>Penyusunan profil potensi investasi desa</p></li><li><p>Digitalisasi informasi investasi desa</p></li><li><p>Promosi peluang investasi melalui media online</p></li><li><p>Fasilitasi komunikasi antara investor dan desa</p></li><li><p>Pendampingan awal investasi berbasis desa</p></li></ul>",
+    "link": "https://darmasaba.desa.id/berita/55862-rakor-davest-2024",
+    "imageId" : "cmk228urs0007vnevi5b66bqn"
   }
 ]
diff --git a/prisma/data/resolveImageId.ts b/prisma/data/resolveImageId.ts
new file mode 100644
index 00000000..58227739
--- /dev/null
+++ b/prisma/data/resolveImageId.ts
@@ -0,0 +1,11 @@
+import safeImageId from "./safeImageId";
+
+export default async function resolveImageIdForSeed(
+  existingImageId: string | null | undefined,
+  seedImageId: string | null | undefined
+) {
+  if (existingImageId) return existingImageId;
+  
+  // ✅ Skip validasi saat seed
+  return await safeImageId(seedImageId, true);
+}
\ No newline at end of file
diff --git a/prisma/data/safeImageId.ts b/prisma/data/safeImageId.ts
new file mode 100644
index 00000000..ab01a8e6
--- /dev/null
+++ b/prisma/data/safeImageId.ts
@@ -0,0 +1,24 @@
+import prisma from "@/lib/prisma";
+
+export default async function safeImageId(
+  imageId?: string | null,
+  skipValidation = false // ✅ tambah param
+) {
+  if (!imageId) return null;
+  
+  if (skipValidation) {
+    console.log(`⚠️ Skipping validation for ${imageId} (seed mode)`);
+    return imageId; // langsung return tanpa cek DB
+  }
+
+  const exists = await prisma.fileStorage.findUnique({
+    where: { id: imageId },
+  });
+
+  if (!exists) {
+    console.warn(`⚠️ imageId ${imageId} not found in FileStorage`);
+    return null;
+  }
+
+  return imageId;
+}
\ No newline at end of file
diff --git a/prisma/migrations/20260106072549_nico_6_jan2025/migration.sql b/prisma/migrations/20260106072549_nico_6_jan2025/migration.sql
new file mode 100644
index 00000000..6952c280
--- /dev/null
+++ b/prisma/migrations/20260106072549_nico_6_jan2025/migration.sql
@@ -0,0 +1,142 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `dokterdanTenagaMedisId` on the `FasilitasKesehatan` table. All the data in the column will be lost.
+  - You are about to drop the column `tarifDanLayananId` on the `FasilitasKesehatan` table. All the data in the column will be lost.
+  - You are about to drop the `User` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `UserSession` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `permissions` table. If the table is not empty, all the data it contains will be lost.
+
+*/
+-- DropForeignKey
+ALTER TABLE "FasilitasKesehatan" DROP CONSTRAINT "FasilitasKesehatan_dokterdanTenagaMedisId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "FasilitasKesehatan" DROP CONSTRAINT "FasilitasKesehatan_tarifDanLayananId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "User" DROP CONSTRAINT "User_roleId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "UserSession" DROP CONSTRAINT "UserSession_userId_fkey";
+
+-- AlterTable
+ALTER TABLE "DokterdanTenagaMedis" ADD COLUMN     "jadwalLibur" TEXT,
+ADD COLUMN     "jamBukaLibur" TEXT,
+ADD COLUMN     "jamBukaOperasional" TEXT,
+ADD COLUMN     "jamTutupLibur" TEXT,
+ADD COLUMN     "jamTutupOperasional" TEXT;
+
+-- AlterTable
+ALTER TABLE "FasilitasKesehatan" DROP COLUMN "dokterdanTenagaMedisId",
+DROP COLUMN "tarifDanLayananId";
+
+-- AlterTable
+ALTER TABLE "MediaSosial" ADD COLUMN     "icon" TEXT;
+
+-- AlterTable
+ALTER TABLE "roles" ALTER COLUMN "permissions" DROP NOT NULL;
+
+-- DropTable
+DROP TABLE "User";
+
+-- DropTable
+DROP TABLE "UserSession";
+
+-- DropTable
+DROP TABLE "permissions";
+
+-- CreateTable
+CREATE TABLE "users" (
+    "id" TEXT NOT NULL,
+    "username" TEXT NOT NULL,
+    "nomor" TEXT NOT NULL,
+    "roleId" TEXT NOT NULL DEFAULT '2',
+    "isActive" BOOLEAN NOT NULL DEFAULT false,
+    "sessionInvalid" BOOLEAN NOT NULL DEFAULT false,
+    "lastLogin" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "permissions" JSONB,
+
+    CONSTRAINT "users_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "user_sessions" (
+    "id" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "userId" TEXT NOT NULL,
+
+    CONSTRAINT "user_sessions_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "UserMenuAccess" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "menuId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "UserMenuAccess_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "_Tarif" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL,
+
+    CONSTRAINT "_Tarif_AB_pkey" PRIMARY KEY ("A","B")
+);
+
+-- CreateTable
+CREATE TABLE "_Dokter" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL,
+
+    CONSTRAINT "_Dokter_AB_pkey" PRIMARY KEY ("A","B")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "users_nomor_key" ON "users"("nomor");
+
+-- CreateIndex
+CREATE INDEX "user_sessions_userId_idx" ON "user_sessions"("userId");
+
+-- CreateIndex
+CREATE INDEX "user_sessions_token_idx" ON "user_sessions"("token");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "UserMenuAccess_userId_menuId_key" ON "UserMenuAccess"("userId", "menuId");
+
+-- CreateIndex
+CREATE INDEX "_Tarif_B_index" ON "_Tarif"("B");
+
+-- CreateIndex
+CREATE INDEX "_Dokter_B_index" ON "_Dokter"("B");
+
+-- AddForeignKey
+ALTER TABLE "users" ADD CONSTRAINT "users_roleId_fkey" FOREIGN KEY ("roleId") REFERENCES "roles"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "user_sessions" ADD CONSTRAINT "user_sessions_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "UserMenuAccess" ADD CONSTRAINT "UserMenuAccess_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_Tarif" ADD CONSTRAINT "_Tarif_A_fkey" FOREIGN KEY ("A") REFERENCES "FasilitasKesehatan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_Tarif" ADD CONSTRAINT "_Tarif_B_fkey" FOREIGN KEY ("B") REFERENCES "TarifDanLayanan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_Dokter" ADD CONSTRAINT "_Dokter_A_fkey" FOREIGN KEY ("A") REFERENCES "DokterdanTenagaMedis"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_Dokter" ADD CONSTRAINT "_Dokter_B_fkey" FOREIGN KEY ("B") REFERENCES "FasilitasKesehatan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/safeseedUnique.ts b/prisma/safeseedUnique.ts
index 92d16071..75f942dd 100644
--- a/prisma/safeseedUnique.ts
+++ b/prisma/safeseedUnique.ts
@@ -1,30 +1,63 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-// helpers/safeSeedUnique.ts
+import prisma from "@/lib/prisma";
 import { PrismaClient } from "@prisma/client";
 
-const prisma = new PrismaClient();
+type SafeSeedOptions = {
+  skipUpdate?: boolean;
+};
 
-/**
- * Helper generic buat seed dengan upsert aman
- */
+// prisma/safeseedUnique.ts
 export async function safeSeedUnique<T extends keyof PrismaClient>(
   model: T,
   where: Record<string, any>,
-  data: Record<string, any>
+  data: Record<string, any>,
+  options: SafeSeedOptions = {}
 ) {
-  const m = prisma[model];
-
-  if (!m) throw new Error(`Model ${String(model)} tidak ditemukan di PrismaClient`);
+  const m = prisma[model] as any;
+  if (!m) throw new Error(`Model ${String(model)} tidak ditemukan`);
 
   try {
-    // @ts-expect-error upsert dynamic
-    await m.upsert({
+    // Pastikan `where` berisi field yang benar-benar unique (misal: `id`)
+    const result = await m.upsert({
       where,
-      update: data,
-      create: { ...where, ...data },
+      update: options.skipUpdate ? {} : data,
+      create: data, // ✅ Jangan duplikasi `where` ke `create`
     });
-    console.log(`✅ Seeded ${String(model)} -> ${JSON.stringify(where)}`);
+    console.log(`✅ Seed ${String(model)}:`, where);
+    return result;
   } catch (err) {
-    console.error(`❌ Gagal seed ${String(model)} -> ${JSON.stringify(where)}`, err);
+    console.error(`❌ Gagal seed ${String(model)}:`, where, err);
+    throw err; // ✅ Rethrow agar seeding berhenti jika kritis
   }
 }
+
+// /* eslint-disable @typescript-eslint/no-explicit-any */
+// import { PrismaClient } from "@prisma/client";
+
+// const prisma = new PrismaClient();
+
+// type SafeSeedOptions = {
+//   skipUpdate?: boolean;
+// };
+
+// export async function safeSeedUnique<T extends keyof PrismaClient>(
+//   model: T,
+//   where: Record<string, any>,
+//   data: Record<string, any>,
+//   options: SafeSeedOptions = {}
+// ) {
+//   const m = prisma[model] as any;
+//   if (!m) throw new Error(`Model ${String(model)} tidak ditemukan`);
+
+//   try {
+//     await m.upsert({
+//       where,
+//       update: options.skipUpdate ? {} : data,
+//       create: { ...where, ...data },
+//     });
+
+//     console.log(`✅ Seed ${String(model)}:`, where);
+//   } catch (err) {
+//     console.error(`❌ Gagal seed ${String(model)}:`, where, err);
+//   }
+// }
diff --git a/prisma/seed.ts b/prisma/seed.ts
index bb52224d..e5a2f912 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -60,8 +60,37 @@ import jenjangPendidikan from "./data/pendidikan/info-sekolah/jenjang-pendidikan
 import seedAssets from "./seed_assets";
 import users from "./data/user/users.json";
 import { safeSeedUnique } from "./safeseedUnique";
+import safeImageId from "./data/safeImageId";
+import resolveImageIdForSeed from "./data/resolveImageId";
 
 (async () => {
+  // seed assets
+  await prisma.fileStorage.deleteMany();
+  console.log("🗑️ Cleared existing fileStorage records");
+  await seedAssets();
+
+  // // =========== FILE STORAGE ===========
+  console.log("🔄 Seeding file storage...");
+  for (const f of fileStorage) {
+    await safeSeedUnique(
+      "fileStorage",
+      { name: f.name },
+      {
+        id: f.id,
+        name: f.name,
+        realName: f.realName,
+        path: f.path,
+        mimeType: f.mimeType,
+        link: f.link,
+        category: f.category,
+        deletedAt: null,
+        isActive: true,
+      }
+    );
+  }
+
+  console.log("✅ File storage seeded");
+
   console.log("🔄 Seeding roles...");
 
   for (const r of roles) {
@@ -131,112 +160,119 @@ import { safeSeedUnique } from "./safeseedUnique";
     }
   }
   console.log("✅ Users seeding completed");
-
-  // =========== FILE STORAGE ===========
-  console.log("🔄 Seeding file storage...");
-  for (const f of fileStorage) {
-    try {
-      await prisma.fileStorage.upsert({
-        where: { id: f.id },
-        update: {
-          name: f.name,
-          realName: f.realName,
-          path: f.path,
-          mimeType: f.mimeType,
-          link: f.link,
-          category: f.category,
-        },
-        create: {
-          id: f.id,
-          name: f.name,
-          realName: f.realName,
-          path: f.path,
-          mimeType: f.mimeType,
-          link: f.link,
-          category: f.category,
-        },
-      });
-    } catch (error: any) {
-      console.error(`❌ Failed to seed file storage ${f.name}:`, error.message);
-    }
-  }
-  console.log("✅ File storage seeded");
   // =========== LANDING PAGE ===========
   // =========== SUBMENU PROFILE ===========
   // =========== PROFILE PEJABAT DESA ===========
+  // In your seed.ts file, update the PejabatDesa seeding section to:
+  console.log("🔄 Seeding Pejabat Desa...");
   for (const p of profilePejabatDesa) {
-    await prisma.pejabatDesa.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        position: p.position,
-        imageId: p.imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        position: p.position,
-        imageId: p.imageId,
-      },
-    });
+    try {
+      // First, verify the image exists
+      if (p.imageId) {
+        const imageExists = await prisma.fileStorage.findUnique({
+          where: { id: p.imageId },
+        });
+
+        if (!imageExists) {
+          console.warn(
+            `⚠️ Image not found for PejabatDesa ${p.name}, skipping...`
+          );
+          continue;
+        }
+      }
+
+      await safeSeedUnique(
+        "pejabatDesa",
+        { id: p.id },
+        {
+          id: p.id,
+          name: p.name,
+          position: p.position,
+          imageId: p.imageId,
+        }
+      );
+      console.log(`✅ Seeded Pejabat Desa -> ${p.name}`);
+    } catch (error: any) {
+      console.error(`❌ Failed to seed Pejabat Desa ${p.name}:`, error.message);
+    }
   }
-  console.log(
-    "✅ profilePejabatDesa seeded without imageId (editable later via UI)"
-  );
+  console.log("✅ Pejabat Desa seeding completed");
 
   // =========== PROGRAM INOVASI ===========
-  for (const p of programInovasi) {
-    let imageId: string | null = null;
+  // Add this section after the other seed operations in seed.ts
+  console.log("🔄 Seeding Program Inovasi...");
 
-    if (p.imageId) {
-      const imageExists = await prisma.fileStorage.findUnique({
+  for (const p of programInovasi) {
+    const existing = await prisma.programInovasi.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
         where: { id: p.imageId },
+        select: { id: true, name: true },
       });
 
-      if (imageExists) {
-        imageId = p.imageId;
-      } else {
-        console.warn(
-          `⚠️ imageId ${p.imageId} tidak ditemukan untuk ProgramInovasi ${p.name}`
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
         );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
       }
     }
+
     await prisma.programInovasi.upsert({
       where: { id: p.id },
       update: {
         name: p.name,
         description: p.description,
         link: p.link,
-        imageId: p.imageId,
+        imageId,
       },
       create: {
         id: p.id,
         name: p.name,
         description: p.description,
         link: p.link,
-        imageId: p.imageId,
+        imageId,
       },
     });
   }
-  console.log("program inovasi success ...");
 
   // =========== MEDIA SOSIAL ===========
-  for (const p of mediaSosial) {
+  for (const m of mediaSosial) {
+    const existing = await prisma.mediaSosial.findUnique({
+      where: { id: m.id },
+      select: { imageId: true },
+    });
+
+    const imageId = await resolveImageIdForSeed(existing?.imageId, m.imageId);
+
     await prisma.mediaSosial.upsert({
-      where: { id: p.id },
+      where: { id: m.id },
       update: {
-        name: p.name,
-        iconUrl: p.iconUrl,
-        imageId: p.imageId,
+        name: m.name,
+        iconUrl: m.iconUrl,
+        // ⛔ JANGAN overwrite imageId sembarangan
+        imageId,
       },
       create: {
-        id: p.id,
-        name: p.name,
-        iconUrl: p.iconUrl,
-        imageId: p.imageId,
+        id: m.id,
+        name: m.name,
+        iconUrl: m.iconUrl,
+        imageId,
       },
     });
   }
+
   console.log("media sosial success ...");
 
   // =========== SUBMENU DESA ANTI KORUPSI ===========
@@ -1245,9 +1281,6 @@ import { safeSeedUnique } from "./safeseedUnique";
   }
 
   console.log("✅ Jenjang Pendidikan seeded successfully");
-
-  // seed assets
-  await seedAssets();
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index f92c0d36..64317887 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -1,10 +1,11 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 // prisma/seedAssets.ts
+import prisma from "@/lib/prisma";
+import AdmZip from "adm-zip";
 import fs from "fs/promises";
 import path from "path";
 import sharp from "sharp";
-import fetch from "node-fetch";
-import AdmZip from "adm-zip";
-import prisma from "@/lib/prisma";
+import fetchWithRetry from "./data/fetchWithRetry";
 
 const UPLOADS_DIR =
   process.env.WIBU_UPLOAD_DIR || path.join(process.cwd(), "uploads");
@@ -18,7 +19,10 @@ function detectCategory(filename: string): "image" | "document" | "other" {
 }
 
 // --- Helper: recursive walk dir ---
-async function walkDir(dir: string, fileList: string[] = []): Promise<string[]> {
+async function walkDir(
+  dir: string,
+  fileList: string[] = []
+): Promise<string[]> {
   const entries = await fs.readdir(dir, { withFileTypes: true });
 
   for (const entry of entries) {
@@ -41,18 +45,45 @@ export default async function seedAssets() {
 
   // 1. Download zip
   const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/ffd5a548a04f47939474/?dl=1";
-  const res = await fetch(url);
-  if (!res.ok) throw new Error(`Gagal download assets: ${res.statusText}`);
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/90dd12c9713e42379fcd/?dl=1";
+  const res = await fetchWithRetry(url, 3, 20000);
+
+  // Validasi content-type
+  const contentType = res.headers.get("content-type");
+  if (!contentType?.includes("zip")) {
+    throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
+  }
+
   const buffer = Buffer.from(await res.arrayBuffer());
 
+  // Validasi ukuran file
+  if (buffer.length < 100) {
+    throw new Error("Downloaded ZIP is empty or corrupted");
+  }
+
+  // Validasi signature ZIP ("PK")
+  if (buffer.toString("utf8", 0, 2) !== "PK") {
+    throw new Error("Invalid ZIP signature (PK not found)");
+  }
+
   // 2. Extract zip ke folder tmp
   const extractDir = path.join(process.cwd(), "tmp_assets");
   await fs.rm(extractDir, { recursive: true, force: true });
   await fs.mkdir(extractDir, { recursive: true });
 
-  const zip = new AdmZip(buffer);
-  zip.extractAllTo(extractDir, true);
+  let zip: AdmZip;
+
+  try {
+    zip = new AdmZip(buffer);
+  } catch (err) {
+    throw new Error("Failed to parse ZIP file (corrupted or invalid)");
+  }
+
+  try {
+    zip.extractAllTo(extractDir, true);
+  } catch (err) {
+    throw new Error("Failed to extract ZIP contents");
+  }
 
   // 3. Cari semua file valid (recursive)
   const files = await walkDir(extractDir);
@@ -84,18 +115,41 @@ export default async function seedAssets() {
       await fs.copyFile(filePath, targetPath);
     }
 
-    // 5. Simpan ke DB
-    await prisma.fileStorage.create({
-      data: {
-        name: finalName,
-        realName: entryName,
-        path: targetPath,
-        mimeType,
-        link: `/uploads/${category}/${finalName}`,
-        category,
-      },
+    const existing = await prisma.fileStorage.findUnique({
+      where: { name: finalName },
     });
 
+    if (existing) {
+      // Restore kalau soft deleted
+      await prisma.fileStorage.update({
+        where: { name: finalName },
+        data: {
+          path: targetPath,
+          realName: entryName,
+          mimeType,
+          link: `/uploads/${category}/${finalName}`,
+          category,
+          deletedAt: null,
+          isActive: true,
+        },
+      });
+
+      console.log(`♻️ restored: ${category}/${finalName}`);
+    } else {
+      await prisma.fileStorage.create({
+        data: {
+          name: finalName,
+          realName: entryName,
+          path: targetPath,
+          mimeType,
+          link: `/uploads/${category}/${finalName}`,
+          category,
+        },
+      });
+
+      console.log(`📂 created: ${category}/${finalName}`);
+    }
+
     console.log(`📂 saved: ${category}/${finalName}`);
   }
 
@@ -103,6 +157,8 @@ export default async function seedAssets() {
   await fs.rm(extractDir, { recursive: true, force: true });
 
   console.log("✅ Selesai seed assets!");
+  console.log("DB URL (asset):", process.env.DATABASE_URL);
+
 }
 
 // --- Auto run kalau dipanggil langsung ---
-- 
2.49.1


From 903dc74ccac21343f68e1cb04a15043958548df2 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 12 Jan 2026 14:03:44 +0800
Subject: [PATCH 65/97] Seeder data Landing Page - Desa

---
 prisma/data/category-pengumuman.json          |   8 -
 prisma/data/desa/berita/berita.json           | 146 ++++
 prisma/data/desa/berita/kategori-berita.json  |  12 +-
 prisma/data/desa/gallery/video/video.json     |  20 +
 .../layanan/pelayananSuratKeterangan.json     | 134 +--
 prisma/data/desa/penghargaan/penghargaan.json |  30 +
 .../desa/pengumuman/kategori-pengumuman.json  |   8 +
 prisma/data/desa/pengumuman/pengumuman.json   |  37 +
 .../data/desa/potensi/kategori-potensi.json   |  14 +
 prisma/data/desa/potensi/potensi-desa.json    | 126 +--
 prisma/data/desa/profile/profil_perbekel.json |  17 +-
 .../desa/profile/profile-perbekel-lalu.json   |  65 ++
 prisma/data/file-storage.json                 | 814 +++++++++++++++++-
 prisma/data/kesehatan/posyandu/posyandu.json  |  10 +
 .../prestasi-desa/prestasi-desa.json          |  32 +-
 .../landing-page/profile/programInovasi.json  |  80 +-
 .../landing-page/sdgs-desa/sdgs-desa.json     |  36 +-
 .../daftarInformasi.json                      |   8 +-
 .../data/ppid/profile-ppid/profilePPid.json   |   3 +-
 prisma/resolveImageByName.ts                  |  25 +
 prisma/schema.prisma                          |   4 +-
 prisma/seed.ts                                | 467 ++++++++--
 prisma/seed_assets.ts                         |   2 +-
 .../(dashboard)/desa/gallery/video/page.tsx   |  29 +-
 .../pelayanan_surat_keterangan/page.tsx       | 106 +--
 .../darmasaba/_com/main-page/apbdes/index.tsx |  16 +-
 26 files changed, 1898 insertions(+), 351 deletions(-)
 delete mode 100644 prisma/data/category-pengumuman.json
 create mode 100644 prisma/data/desa/berita/berita.json
 create mode 100644 prisma/data/desa/gallery/video/video.json
 create mode 100644 prisma/data/desa/penghargaan/penghargaan.json
 create mode 100644 prisma/data/desa/pengumuman/kategori-pengumuman.json
 create mode 100644 prisma/data/desa/pengumuman/pengumuman.json
 create mode 100644 prisma/data/desa/potensi/kategori-potensi.json
 create mode 100644 prisma/data/desa/profile/profile-perbekel-lalu.json
 create mode 100644 prisma/data/kesehatan/posyandu/posyandu.json
 create mode 100644 prisma/resolveImageByName.ts

diff --git a/prisma/data/category-pengumuman.json b/prisma/data/category-pengumuman.json
deleted file mode 100644
index 5bacc742..00000000
--- a/prisma/data/category-pengumuman.json
+++ /dev/null
@@ -1,8 +0,0 @@
-[
-  { "name": "Sosial & Kesehatan" },
-  { "name": "Ekonomi & UMKM" },
-  { "name": "Pendidikan & Kepemudaan" },
-  { "name": "Lingkungan & Bencana" },
-  { "name": "Adat & Budaya" },
-  { "name": "Digitalisasi Desa" }
-]
diff --git a/prisma/data/desa/berita/berita.json b/prisma/data/desa/berita/berita.json
new file mode 100644
index 00000000..73ba5bb2
--- /dev/null
+++ b/prisma/data/desa/berita/berita.json
@@ -0,0 +1,146 @@
+[
+  {
+    "id": "cmk6ae8rz00003b6r06x7hsqi",
+    "judul": "TP. Posyandu Bali Gelar Aksi Sosial ‘Membina dan Berbagi’ di Desa Darmasaba",
+    "deskripsi": "<p>Kegiatan pembinaan dan bantuan kepada kader Posyandu Desa Darmasaba oleh TP Posyandu Provinsi Bali.</p>",
+    "content": "<p>Sebanyak 50 kader posyandu mendapatkan pembinaan dan sembako sebagai dukungan terhadap peran Posyandu dalam pemberdayaan masyarakat. Kegiatan ini menunjukkan peran strategis posyandu dalam layanan publik desa.</p>",
+    "kategoriBeritaId": "cmk69tghy000vvnv8xeouenv5",
+    "imageId": "cmk6bk2va0003vnadn9w0mxc4"
+  },
+  {
+    "id": "cmk6af7vf00013b6rj2br4nv8",
+    "judul": "Desa Darmasaba Gelar Temu Sadar Hukum, Bahas Isu KDRT",
+    "deskripsi": "<p>Temu Sadar Hukum untuk meningkatkan kesadaran hukum warga Desa Darmasaba.</p>",
+    "content": "<p>Kegiatan ini membahas isu kekerasan dalam rumah tangga dengan narasumber dari Kanwil Kemenkum Bali, menjadi forum penting dalam membangun masyarakat yang melek hukum.</p>",
+    "kategoriBeritaId": "cmk69tghy000vvnv8xeouenv5",
+    "imageId": "cmk6bo3290006vnadzhgalacy"
+  },
+  {
+    "id": "cmk6afo0g00033b6rjc2pae67",
+    "judul": "Bicara Darmasaba Bahas Berbagai Persoalan, Dorong Warga Sampaikan Aspirasi",
+    "deskripsi": "<p>Ruang dialog terbuka di Desa Darmasaba untuk membahas persoalan sampah dan partisipasi publik.</p>",
+    "content": "<p>Forum dialog ini membantu pemerintahan desa menyusun kebijakan tepat sasaran, terutama terkait permasalahan lingkungan dan aspirasi warga.</p>",
+    "kategoriBeritaId": "cmk69tghy000vvnv8xeouenv5",
+    "imageId": "cmk6bptid0009vnad6my1w4s1"
+  },
+  {
+    "id": "cmk6ag56y00053b6rj9481z6m",
+    "judul": "Bicara Darmasaba Bahas ‘Sampah Kita, Tanggung Jawab Siapa?’",
+    "deskripsi": "<p>Diskusi terbuka antara pemerintah desa dan warga mengenai isu sampah.</p>",
+    "content": "<p>Acara ini mendukung perumusan kebijakan desa yang sesuai kebutuhan warga dan meningkatkan partisipasi dalam pembangunan lingkungan.</p>",
+    "kategoriBeritaId": "cmk69tghx000tvnv8g2d206wv",
+    "imageId": "cmk6c86dc000cvnadlh54q7xr"
+  },
+  {
+    "id": "cmk6agzxx00073b6rr3vhxcsj",
+    "judul": "Penutupan KKN-PMM Periode II Universitas Warmadewa di Desa Darmasaba",
+    "deskripsi": "<p>Penutupan program KKN-PMM yang berjalan dengan berbagai kegiatan pemberdayaan masyarakat.</p>",
+    "content": "<p>Kegiatan KKN meliputi edukasi kesehatan, pengelolaan sampah, literasi keuangan, dan upaya ekonomi lokal sebagai bagian dari pembangunan desa berkelanjutan.</p>",
+    "kategoriBeritaId": "cmk69tghx000tvnv8g2d206wv",
+    "imageId": "cmk6cbbtw000fvnadk862le38"
+  },
+  {
+    "id": "cmk6agzxx00073b6rr3vhxasj",
+    "judul": "Desa Darmasaba Siap Kelola Sampah Mandiri, Anggarkan Rp1,5 Miliar",
+    "deskripsi": "<p>Desa Darmasaba mengalokasikan anggaran untuk pengelolaan sampah berbasis komunitas.</p>",
+    "content": "<p>Pengelolaan sampah mandiri melalui TPS3R, kader penyuluh, dan inovasi CINtA menjadi strategi desa dalam penanganan sampah sesuai kebijakan provinsi dan desa.</p>",
+    "kategoriBeritaId": "cmk69tghx000tvnv8g2d206wv",
+    "imageId": "cmk6cdmjp000ivnadeejerm59"
+  },
+  {
+    "id": "cmk6agzxx00073b6rr3vhxbsj",
+    "judul": "Sekda Adi Arnawa Buka Darmasaba Village Festival II",
+    "deskripsi": "<p>Pembukaan festival desa untuk mendorong UMKM dan ekonomi lokal.</p>",
+    "content": "<p>Kegiatan ini menampilkan berbagai UMKM yang membantu meningkatkan pendapatan masyarakat setempat.</p>",
+    "kategoriBeritaId": "cmk69tghx000uvnv847ppcxqh",
+    "imageId": "cmk6crib4000lvnadqtrhnb14"
+  },
+  {
+    "id": "cmk6agzxx00073b6rr3vhxdsj",
+    "judul": "Membangun Desa Berkelanjutan Melalui Ekowisata dan Kuliner di Darmasaba",
+    "deskripsi": "<p>Program inovatif untuk memperkuat ekonomi lokal melalui ekowisata dan kuliner.</p>",
+    "content": "<p>Kegiatan mencakup pembangunan green house, edukasi pemasaran digital, literasi bahasa Inggris, dan pengembangan potensi kuliner desa.</p>",
+    "kategoriBeritaId": "cmk69tghx000uvnv847ppcxqh",
+    "imageId": "cmk6czfag000ovnad7kjz36lj"
+  },
+  {
+    "id": "cmk6agzxx00073b6rr3vhxesj",
+    "judul": "Inovasi Desa Darmasaba Lanjutkan Perjuangan ke Tingkat Nasional",
+    "deskripsi": "<p>Desa Darmasaba meraih penghargaan juara dalam evaluasi perkembangan desa untuk mendukung perekonomian dan pemerintahan lokal.</p>",
+    "content": "<p>Prestasi desa ditandai dengan keberhasilan dalam lomba evaluasi perkembangan desa di tingkat provinsi dan kabupaten, yang berdampak positif pada ekonomi desa.</p>",
+    "kategoriBeritaId": "cmk69tghx000uvnv847ppcxqh",
+    "imageId": "cmk6d3zow000rvnades3btqrh"
+  },
+  {
+    "id": "cmk6agzxx00073b6rr3vhxfsj",
+    "judul": "Desa Darmasaba Kembali Ukir Prestasi Internasional BAJRA",
+    "deskripsi": "<p>Prestasi desa dalam forum internasional mengenai penanggulangan rabies.</p>",
+    "content": "<p>Partisipasi dalam konferensi Rabies in Borneo menunjukkan kolaborasi lintas sektor dan penggunaan data dalam pelayanan publik desa.</p>",
+    "kategoriBeritaId": "cmk69tght000svnv8ok5rid2v",
+    "imageId": "cmk6hgl8r000uvnadwchcqigp"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp1z",
+    "judul": "Cegah Penyebaran Rabies, Darmasaba Keluarkan Larangan Membuang Hewan",
+    "deskripsi": "<p>Pemasangan spanduk larangan buang hewan sebagai langkah proteksi kesehatan masyarakat.</p>",
+    "content": "<p>Pemerintah desa bersama Tim Bajra aktif dalam kampanye dan regulasi untuk mencegah rabies di tingkat desa.</p>",
+    "kategoriBeritaId": "cmk69tght000svnv8ok5rid2v",
+     "imageId": "cmk6hh34d000xvnadr74cs014"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp2z",
+    "judul": "TP. Posyandu Bali dan Pemerintah Desa Kolaborasi Tingkatkan Pelayanan",
+    "deskripsi": "<p>Kolaborasi pemerintahan desa dengan TP Posyandu untuk meningkatkan layanan masyarakat.</p>",
+    "content": "<p>Kegiatan ini menunjukkan peran pemerintahan desa dalam mendukung layanan kesehatan dan pemberdayaan masyarakat.</p>",
+    "kategoriBeritaId": "cmk69tght000svnv8ok5rid2v",
+    "imageId": "cmk6hhl5p0010vnadx09hrg3n"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp3z",
+    "judul": "Membangun Desa Berkelanjutan Melalui Inovasi Pengelolaan Sampah",
+    "deskripsi": "<p>Inisiatif pengelolaan sampah desa sebagai bagian dari inovasi teknologi lokal.</p>",
+    "content": "<p>Penerapan metode pengelolaan sampah dan biopori menunjukkan upaya Desa Darmasaba dalam menggunakan solusi teknologi sederhana untuk masalah lingkungan.</p>",
+    "kategoriBeritaId": "cmk69tghz000xvnv8kxzzt24h",
+    "imageId": "cmk6hz5640013vnadwdmfzyoa"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp4z",
+    "judul": "Inovasi BAJRA Integrasikan Pelaporan Cepat Berbasis Data",
+    "deskripsi": "<p>Program BAJRA menerapkan mekanisme pelaporan cepat berbasis data untuk penanggulangan rabies.</p>",
+    "content": "<p>Penggunaan teknologi informasi dalam pelaporan kasus rabies membantu respons cepat pemerintahan desa dan komunitas.</p>",
+    "kategoriBeritaId": "cmk69tghz000xvnv8kxzzt24h",
+    "imageId": "cmk6hzlrg0016vnaduf57rp2i"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp5z",
+    "judul": "Digitalisasi Desa Darmasaba",
+    "deskripsi": "<p>Digitalisasi Desa Darmasaba Bersama PT. Bali Interaktif Perkasa.</p>",
+    "content": "<p>Digitalisasi Desa Darmasaba Bersama PT. Bali Interaktif Perkasa<br><br>Dalam rangka mendukung transformasi digital dan inovasi desa, Desa Darmasaba bekerja sama dengan PT. Bali Interaktif Perkasa melaksanakan kegiatan Digitalisasi Desa.<br><br>Program ini bertujuan untuk memperkuat kapasitas desa dalam pemanfaatan teknologi informasi dan komunikasi, sehingga pelayanan publik menjadi lebih efektif, transparan, dan cepat. Masyarakat juga diberikan pemahaman terkait pemanfaatan platform digital untuk kegiatan administrasi, komunikasi, dan pengembangan potensi desa.<br><br>Kegiatan digitalisasi ini menjadi bagian dari komitmen Desa Darmasaba untuk mewujudkan desa cerdas (smart village) yang mampu bersaing dan beradaptasi di era digital, sekaligus meningkatkan inovasi dan pemberdayaan masyarakat.<br><br>Dengan kolaborasi ini, Desa Darmasaba menegaskan tekadnya untuk terus berinovasi, menghadirkan kemudahan bagi masyarakat, dan memperkuat tata kelola desa berbasis teknologi modern.<br><br>? Digitalisasi hari ini, kemajuan desa esok!<br><br>#DesaDarmasaba #DigitalisasiDesa #DesaCerdas #InovasiDesa #TransformasiDigital<br>#PemdesDarmasaba<br>#PerbekelDarmasaba<br>#DesaDarmasaba<br> #KitaDarmasaba<br> #DarmasabaBisa<br> <br> @kostergubernurbali<br> @giri.prasta<br> @iwayanadiarnawa<br> @gus.bota<br> @puturasniathiadiarnawa<br> @yunita_oktarini<br> @surya.suamba<br> @budhi.argawakba<br> @pemkabbadung<br> @ppidbadung<br> @dinaspmddukcapilprovbali<br> @surya_prabhawa<br> @kecamatanabiansemal<br> @dpmdbadungkab<br> @pemprov_bali<br> @prokompimbadung<br> @seputar_darmasaba</p>",
+    "kategoriBeritaId": "cmk69tghz000xvnv8kxzzt24h",
+    "imageId": "cmk6hzz1i0019vnadwdymqlrf"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp6z",
+    "judul": "Festival Desa Tingkatkan Kreativitas Digital UMKM",
+    "deskripsi": "<p>Festival Darmasaba Village Festival II melibatkan promosi digital produk UMKM.</p>",
+    "content": "<p>Promosi dan dokumentasi digital menjadi bagian dari strategi pemasaran UMKM dalam festival desa.</p>",
+    "kategoriBeritaId": "cmk69tghy000wvnv8umg2vloa",
+    "imageId": "cmk6i925x001cvnadm3y2m04b"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp7z",
+    "judul": "Sekda Adi Arnawa dan Pementasan Seni Tradisional di Festival Darmasaba",
+    "deskripsi": "<p>Pementasan seni tradisional menjadi bagian dari Darmasaba Village Festival II.</p>",
+    "content": "<p>Kegiatan ini mengangkat warisan budaya lokal melalui pertunjukan dan lomba di festival desa.</p>",
+    "kategoriBeritaId": "cmk69tghy000wvnv8umg2vloa",
+    "imageId": "cmk6i9cc7001fvnadn9xnl8xq"
+  },
+  {
+    "id": "cmk6aih8f00093b6rqw63yp8z",
+    "judul": "Dialog Publik Tingkatkan Partisipasi Budaya Lokal",
+    "deskripsi": "<p>Forum dialog desa mengangkat tema partisipasi masyarakat dalam kegiatan budaya lokal.</p>",
+    "content": "<p>Diskusi ini memperkuat peran budaya dalam pembangunan desa melalui keterlibatan warga dalam kegiatan adat dan sosial.</p>",
+    "kategoriBeritaId": "cmk69tghy000wvnv8umg2vloa",
+    "imageId": "cmk6i9qff001ivnadgrrghebr"
+  }
+]
diff --git a/prisma/data/desa/berita/kategori-berita.json b/prisma/data/desa/berita/kategori-berita.json
index 4d777965..e301a584 100644
--- a/prisma/data/desa/berita/kategori-berita.json
+++ b/prisma/data/desa/berita/kategori-berita.json
@@ -1,8 +1,8 @@
 [
-  { "name": "Pemerintahan" },
-  { "name": "Pembangunan" },
-  { "name": "Ekonomi" },
-  { "name": "Sosial" },
-  { "name": "Budaya" },
-  { "name": "Teknologi" }
+  { "id": "cmk69tght000svnv8ok5rid2v", "name": "Pemerintahan" },
+  { "id": "cmk69tghx000tvnv8g2d206wv", "name": "Pembangunan" },
+  { "id": "cmk69tghx000uvnv847ppcxqh", "name": "Ekonomi" },
+  { "id": "cmk69tghy000vvnv8xeouenv5", "name": "Sosial" },
+  { "id": "cmk69tghy000wvnv8umg2vloa", "name": "Budaya" },
+  { "id": "cmk69tghz000xvnv8kxzzt24h", "name": "Teknologi" }
 ]
diff --git a/prisma/data/desa/gallery/video/video.json b/prisma/data/desa/gallery/video/video.json
new file mode 100644
index 00000000..e3ae007f
--- /dev/null
+++ b/prisma/data/desa/gallery/video/video.json
@@ -0,0 +1,20 @@
+[
+  {
+    "id": "cmk6kvn6b0000vn6qzg5z6qa6",
+    "judul": "TAHAP PENILAIAN VERIFIKASI LAPANGAN AJANG MANGUPURA AWARD TAHUN 2025",
+    "deskripsi": "<p>TAHAP PENILAIAN VERIFIKASI LAPANGAN AJANG MANGUPURA AWARD Senin, 29 September 2025 – Pemerintah Desa Darmasaba mengikuti tahap penilaian verifikasi lapangan dalam rangkaian Ajang Mangupura Award Tahun 2025 pada kategori Pemerintah Desa. Ajang bergengsi ini merupakan bentuk apresiasi Pemerintah Kabupaten Badung kepada desa-desa yang berprestasi dalam tata kelola aset, keuangan, arsip, tata kelola sumber daya manusia, pelayanan publik dan persampahan, inovasi, sinergitas, dan akuntabilitas. Proses verifikasi lapangan diawali di Kantor Perbekel Darmasaba dengan pemeriksaan langsung kepada masing-masing pengampu indikator, kemudian dilanjutkan dengan kunjungan ke BUMDes Pudak Mesari serta TPS 3R Pudak Mesari sebagai bentuk evaluasi nyata terhadap kinerja dan program desa. Kegiatan ini menjadi langkah penting dalam menilai implementasi tata kelola pemerintahan desa yang transparan, inovatif, dan berkelanjutan. Melalui tahapan ini, Pemerintah Desa Darmasaba berharap dapat terus menghadirkan pelayanan terbaik bagi masyarakat, mengembangkan inovasi desa, serta memperkuat sinergi antara pemerintah, desa adat, dan masyarakat dalam mewujudkan pembangunan daerah yang maju, berdaya saing, dan berkelanjutan. #MangupuraAward2025 #Darmasaba #DesaBerprestasi #PemerintahDesa #Badung #Abiansemal #PemdesDarmasaba #PerbekelDarmasaba #DesaDarmasaba #KitaDarmasaba #DarmasabaBisa</p>",
+    "linkVideo": "https://www.youtube.com/watch?v=e2tSRnNkYDE"
+  },
+  {
+    "id": "cmk6kvn6b0000vn6qzg5z6qb7",
+    "judul": "Vaksinasi Rabies di Desa Darmasaba",
+    "deskripsi": "<p>Vaksinasi Rabies di Desa Darmasaba Selasa, 7 Oktober 2025 Pemerintah Desa Darmasaba melalui Tim Bajra Desa Darmasaba, bekerja sama dengan Dinas Pertanian dan Pangan Kabupaten Badung Bidang Kesehatan Hewan, menyelenggarakan kegiatan Vaksinasi Rabies bagi hewan penular rabies (HPR) yang meliputi anjing, kucing, dan kera di wilayah Desa Darmasaba. Kegiatan ini dilaksanakan sebagai langkah preventif untuk menekan penyebaran virus rabies sekaligus memberikan perlindungan kesehatan bagi hewan peliharaan maupun masyarakat. Melalui program vaksinasi ini, diharapkan Desa Darmasaba dapat terbebas dari ancaman rabies dan semakin meningkatkan kesadaran masyarakat akan pentingnya menjaga kesehatan hewan peliharaan. Pemerintah Desa Darmasaba mengimbau seluruh warga untuk memastikan hewan kesayangan mendapatkan vaksinasi sesuai jadwal yang telah ditentukan. Informasi lengkap mengenai jadwal vaksinasi dapat dilihat pada pengumuman yang tertera. Selain itu, demi kelancaran proses vaksinasi, diharapkan pemilik hewan dapat mengikat atau mengandangkan hewan peliharaannya saat proses vaksinasi berlangsung. Dengan adanya kolaborasi antara pemerintah desa, dinas terkait, dan partisipasi aktif masyarakat, kegiatan ini diharapkan mampu memberikan manfaat nyata serta menciptakan lingkungan Desa Darmasaba yang lebih sehat, aman, dan terbebas dari rabies. #VaksinasiRabies #KesehatanHewan #BebasRabies #Badung #Abiansemal #TimBajraDarmasaba #PemdesDarmasaba #PerbekelDarmasaba #DesaDarmasaba #KitaDarmasaba #DarmasabaBisa</p>",
+    "linkVideo": "https://www.youtube.com/watch?v=bc99y94FBx8"
+  },
+  {
+    "id": "cmk6kvn6b0000vn6qzg5z6qc8",
+    "judul": "Musyawarah Perencanaan Pembangunan Desa Darmasaba Tahun 2026",
+    "deskripsi":"<p>Musyawarah Perencanaan Pembangunan Desa Darmasaba Tahun 2026 Pemerintah Desa Darmasaba menyelenggarakan Musyawarah Perencanaan Pembangunan Desa (Musrenbangdes)dalam rangka penyusunan Rencana Kerja Pemerintah Desa (RKP Desa) Tahun 2026. Musrenbangdes ini merupakan forum resmi yang mempertemukan perwakilan dari DPMD Kab. Badung, Kecamatan Abiansemal, Pemerintah Desa, Lembaga Desa, Tokoh Masyarakat, serta perwakilan unsur lainnya untuk bersama-sama merumuskan arah pembangunan desa di tahun mendatang. Melalui kegiatan ini, seluruh peserta diberikan ruang untuk menyampaikan usulan, gagasan, serta masukan yang berkaitan dengan prioritas pembangunan, baik di bidang infrastruktur, pemberdayaan masyarakat, ekonomi, sosial, maupun pelestarian adat dan budaya. Proses musyawarah ini menjadi bagian penting dalam mewujudkan pembangunan desa yang partisipatif, transparan, dan berorientasi pada kebutuhan masyarakat. Dengan terselenggaranya Musrenbangdes ini, Pemerintah Desa Darmasaba berharap RKP Desa Tahun 2026 dapat disusun secara komprehensif, berkelanjutan, dan selaras dengan visi pembangunan daerah. Selain itu, kegiatan ini juga menegaskan komitmen Pemerintah Desa Darmasaba untuk terus menghadirkan pembangunan yang inklusif, berkeadilan, dan bermanfaat bagi seluruh lapisan masyarakat. #Musrenbangdes2026 #RKPDarmasaba2026 #PemdesDarmasaba #PerbekelDarmasaba #DesaDarmasaba #KitaDarmasaba #DarmasabaBisa</p>",
+    "linkVideo": "https://www.youtube.com/watch?v=7pirwEmyP-4"
+  }
+]
diff --git a/prisma/data/desa/layanan/pelayananSuratKeterangan.json b/prisma/data/desa/layanan/pelayananSuratKeterangan.json
index 9f13159c..ccbfa85d 100644
--- a/prisma/data/desa/layanan/pelayananSuratKeterangan.json
+++ b/prisma/data/desa/layanan/pelayananSuratKeterangan.json
@@ -1,57 +1,79 @@
 [
-    {
-        "id" : "cmdxyb9zi0010vniiaeyi55ui",
-        "name" : "Surat Keterangan Beda Biodata Diri",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Fotocopy dokumen bersangkutan yang terdapat perbedaan biodata diri misal : Sertifikat Tanah/Ijazah/Polis Asuransi dan lainnya.</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxycqz40014vniidftrixvf",
-        "name" : "Surat Keterangan Yatim Piatu",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau KIA atau Kartu Keluarga</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdwx3wph0003vnr74us2t7h7",
-        "name" : "Surat Keterangan Domisili Organisasi",
-        "deskripsi" : "<p>Persyaratan Dokumen:</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy Surat Keterangan Terdaftar (SKT) organisasi atau Pengukuhan Kelompok</p></li><li><p>Jika Pengajuan baru pembuatan SKT maka melengkapi Susunan Pengurus lengkap dengan Kop Organisasi</p></li><li><p>Tanggal berdiri/Tahun berdiri/Sejak kapan berdirinya organisasi</p></li></ul><p>Alur Pelayanan:</p>"
-    },
-    {
-        "id" : "cmdxxv3i80004vniidg1mrucc",
-        "name" : "Surat Keterangan Penghasilan",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP orang tua atau Fotocopy Kartu keluarga</p></li><li><p>Membuat Surat Pernyataan Penghasilan bermaterai (disertai jumlah penghasilan)</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxxwp070008vnii9jbdcto7",
-        "name" : "Surat Keterangan Tidak Mampu",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP/KIA atau Kartu Keluarga</p></li><li><p>Fotocopy Kartu Indonesia Pintar/Kartu Perlindungan Sosial/Terdaftar dalam DTKS</p></li><li><p>Jika tidak memiliki Kartu tersebut diatas diwajibkan membuat Surat Pernyataan Tidak Mampu</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxxyfkl000cvnii1bxinnfi",
-        "name" : "Surat Keterangan Kelahiran",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy Surat lahir dari dokter/bidan (jika ada)</p></li><li><p>Fotocopy Kartu Keluarga</p></li><li><p>Fotocopy KTP 2 orang saksi</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxy23pl000gvniihsg38aq4",
-        "name" : "Surat Keterangan Usaha",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Foto Lokasi dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxy4mgt000kvniib1nemjem",
-        "name" : "Surat Keterangan Kematian",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Surat Kematian dari rumah sakit atau dokter (jika ada)</p></li><li><p>tanggal kematian</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxy61a1000ovniif4ytb9hs",
-        "name" : "Surat Keterangan Tempat Usaha",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Foto Lokasi&nbsp;dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</p></li><li><p>Surat Perjanjian Sewa/Kontrak atau Kwintansi Pembayaran Sewa 3 bulan terakhir bagi yang mengontrak tempat usaha, apabila tempat usaha milik sendiri lampiri dengan dokumen kepemilikan tempat usaha (dapat berupa fotocopy sppt atau Fotocopy Sertipikat Hak Milik)</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxy754q000svniiiz8oqyo0",
-        "name" : "Surat Keterangan Belum Kawin",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Khusus bagi yang berstatus duda atau janda melampirkan fotocopy akta cerai atau dokumen pendukung lainnya</p></li></ul><p>Alur Pelayanan :</p>"
-    },
-    {
-        "id" : "cmdxy8pi2000wvnii48fc1sxd",
-        "name" : "Surat Keterangan Kelakuan Baik",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li></ul><p>Alur Pelayanan :</p>"
-    }
-]
\ No newline at end of file
+  {
+    "id": "cmdxyb9zi0010vniiaeyi55ui",
+    "name": "Surat Keterangan Beda Biodata Diri",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Fotocopy dokumen bersangkutan yang terdapat perbedaan biodata diri misal : Sertifikat Tanah/Ijazah/Polis Asuransi dan lainnya.</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6n68k80005vn6qtdbshoqi",
+    "image2": "cmk6n68vw0006vn6qv65lrdw8"
+  },
+  {
+    "id": "cmdxycqz40014vniidftrixvf",
+    "name": "Surat Keterangan Yatim Piatu",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau KIA atau Kartu Keluarga</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6n8rwv0007vn6q312rawvt",
+    "image2": "cmk6n8s9b0008vn6qwd02eyjf"
+  },
+  {
+    "id": "cmdwx3wph0003vnr74us2t7h7",
+    "name": "Surat Keterangan Domisili Organisasi",
+    "deskripsi": "<p>Persyaratan Dokumen:</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy Surat Keterangan Terdaftar (SKT) organisasi atau Pengukuhan Kelompok</p></li><li><p>Jika Pengajuan baru pembuatan SKT maka melengkapi Susunan Pengurus lengkap dengan Kop Organisasi</p></li><li><p>Tanggal berdiri/Tahun berdiri/Sejak kapan berdirinya organisasi</p></li></ul><p>Alur Pelayanan:</p>",
+    "image": "cmk6n9ti90009vn6qt48wbklu",
+    "image2": "cmk6n9tvx000avn6qwkguha7w"
+  },
+  {
+    "id": "cmdxxv3i80004vniidg1mrucc",
+    "name": "Surat Keterangan Penghasilan",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP orang tua atau Fotocopy Kartu keluarga</p></li><li><p>Membuat Surat Pernyataan Penghasilan bermaterai (disertai jumlah penghasilan)</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6nb69n000bvn6qx67n06ee",
+    "image2": "cmk6nb6nq000cvn6q75730cr3"
+  },
+  {
+    "id": "cmdxxwp070008vnii9jbdcto7",
+    "name": "Surat Keterangan Tidak Mampu",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP/KIA atau Kartu Keluarga</p></li><li><p>Fotocopy Kartu Indonesia Pintar/Kartu Perlindungan Sosial/Terdaftar dalam DTKS</p></li><li><p>Jika tidak memiliki Kartu tersebut diatas diwajibkan membuat Surat Pernyataan Tidak Mampu</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6nc438000dvn6q723r7phi",
+    "image2": "cmk6nc4aa000evn6qwl5t53h4"
+  },
+  {
+    "id": "cmdxxyfkl000cvnii1bxinnfi",
+    "name": "Surat Keterangan Kelahiran",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy Surat lahir dari dokter/bidan (jika ada)</p></li><li><p>Fotocopy Kartu Keluarga</p></li><li><p>Fotocopy KTP 2 orang saksi</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6ndw2z000fvn6q3b9wxswd",
+    "image2": "cmk6ndwbf000gvn6qusd4mkhq"
+  },
+  {
+    "id": "cmdxy23pl000gvniihsg38aq4",
+    "name": "Surat Keterangan Usaha",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Foto Lokasi dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6nf4pu000hvn6qszs6xyp5",
+    "image2": "cmk6nf53c000ivn6qawvoxndb"
+  },
+  {
+    "id": "cmdxy4mgt000kvniib1nemjem",
+    "name": "Surat Keterangan Kematian",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Surat Kematian dari rumah sakit atau dokter (jika ada)</p></li><li><p>tanggal kematian</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6ng6yk000jvn6q0ditzufj",
+    "image2": "cmk6ng77b000kvn6q51j2s4q7"
+  },
+  {
+    "id": "cmdxy61a1000ovniif4ytb9hs",
+    "name": "Surat Keterangan Tempat Usaha",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Foto Lokasi&nbsp;dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</p></li><li><p>Surat Perjanjian Sewa/Kontrak atau Kwintansi Pembayaran Sewa 3 bulan terakhir bagi yang mengontrak tempat usaha, apabila tempat usaha milik sendiri lampiri dengan dokumen kepemilikan tempat usaha (dapat berupa fotocopy sppt atau Fotocopy Sertipikat Hak Milik)</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6nh7ez000lvn6qjfkqeufn",
+    "image2": "cmk6nh7pq000mvn6qor967hjh"
+  },
+  {
+    "id": "cmdxy754q000svniiiz8oqyo0",
+    "name": "Surat Keterangan Belum Kawin",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Khusus bagi yang berstatus duda atau janda melampirkan fotocopy akta cerai atau dokumen pendukung lainnya</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6n37tp0003vn6qqyvelh5s",
+    "image2": "cmk6n388d0004vn6qby5fkuz8"
+  },
+  {
+    "id": "cmdxy8pi2000wvnii48fc1sxd",
+    "name": "Surat Keterangan Kelakuan Baik",
+    "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li></ul><p>Alur Pelayanan :</p>",
+    "image": "cmk6mvhwh0001vn6qa6ddzqfm",
+    "image2": "cmk6mvi8c0002vn6q9vfyv6yt"
+  }
+]
diff --git a/prisma/data/desa/penghargaan/penghargaan.json b/prisma/data/desa/penghargaan/penghargaan.json
new file mode 100644
index 00000000..d0e0c15c
--- /dev/null
+++ b/prisma/data/desa/penghargaan/penghargaan.json
@@ -0,0 +1,30 @@
+[
+  {
+    "id": "cmkal9dd70002vnexhvn4j2fv",
+    "name": "Perbekel Darmasaba Terima Penghargaan pada Indonesia Alternative Dispute Resolution Awards 2025",
+    "juara": "Penghargaan IADRA 2025",
+    "deskripsi": "<p>Perbekel Darmasaba, Ida Bagus Surya Prabhawa Manuaba menerima penghargaan pada Indonesia Alternative Dispute Resolution Awards 2025 atas kontribusi dalam penyelesaian sengketa secara damai dan berkeadilan.</p>",
+    "imageId": "cmkal9d2p0000vnexf8flpunj"
+  },
+  {
+    "id": "cmkalfbux0005vnexj8zplube",
+    "name": "Penghargaan Bhawana Sewaka Nugraha kepada Perbekel Darmasaba",
+    "juara": "Penghargaan Bhawana Sewaka Nugraha",
+    "deskripsi": "<p>Penghargaan Bhawana Sewaka Nugraha diberikan kepada Perbekel Desa Darmasaba atas dedikasi dan komitmen dalam menjaga kelestarian lingkungan serta menginspirasi masyarakat untuk menciptakan desa yang hijau, bersih, dan berkelanjutan.</p>",
+    "imageId": "cmkalfbsn0003vnex3bbsx5ja"
+  },
+  {
+    "id": "cmkalg6hk0008vnexmsqwd3n7",
+    "name": "Desa Darmasaba Raih Juara 1 Lomba Desa Tingkat Provinsi Bali Tahun 2025",
+    "juara": "Juara 1 Lomba Desa Provinsi Bali 2025",
+    "deskripsi": "<p>Desa Darmasaba meraih juara 1 dalam Lomba Desa Tingkat Provinsi Bali Tahun 2025 melalui sinergi elemen desa serta inovasi dalam pelayanan publik dan pemberdayaan masyarakat.</p>",
+    "imageId": "cmkalg6fh0006vnexid4z9vlg"
+  },
+  {
+    "id": "cmkalgucu000bvnexw2blt1v3",
+    "name": "Pemerintah Desa Darmasaba Raih Peringkat IV dalam Ajang Mangupura Award Tahun 2025",
+    "juara": "Peringkat IV Mangupura Award 2025",
+    "deskripsi": "<p>Desa Darmasaba mendapatkan penghargaan Peringkat IV pada Mangupura Award 2025 dari Pemerintah Kabupaten Badung atas tata kelola pemerintahan, inovasi layanan, dan pemberdayaan masyarakat.</p>",
+    "imageId": "cmkalguac0009vnex5dpixivn"
+  }
+]
diff --git a/prisma/data/desa/pengumuman/kategori-pengumuman.json b/prisma/data/desa/pengumuman/kategori-pengumuman.json
new file mode 100644
index 00000000..dd97e2b8
--- /dev/null
+++ b/prisma/data/desa/pengumuman/kategori-pengumuman.json
@@ -0,0 +1,8 @@
+[
+  { "id": "cmk69tghx111tvnv8g2d206wv", "name": "Digitalisasi Desa" },
+  { "id": "cmk69tghx111uvnv847ppcxqh", "name": "Adat & Budaya" },
+  { "id": "cmk69tght111svnv8ok5rid2v", "name": "Lingkungan & Bencana" },
+  { "id": "cmk69tghy111wvnv8umg2vloa", "name": "Pendidikan & Kepemudaan" },
+  { "id": "cmk69tghy111vvnv8xeouenv5", "name": "Ekonomi & UMKM" },
+  { "id": "cmk69tghz111xvnv8kxzzt24h", "name": "Sosial & Kesehatan" }
+]
diff --git a/prisma/data/desa/pengumuman/pengumuman.json b/prisma/data/desa/pengumuman/pengumuman.json
new file mode 100644
index 00000000..0ac49936
--- /dev/null
+++ b/prisma/data/desa/pengumuman/pengumuman.json
@@ -0,0 +1,37 @@
+[
+  {
+    "id": "cmk6ae8rz00003b6r06x7hsqz",
+    "judul": "Pengumuman Lelang Pengadaan Pick UpDump TPS3R Pudak Mesari",
+    "deskripsi": "<p>Pengumuman lelang pengadaan alat Pick UpDump untuk TPS3R Pudak Mesari Desa Darmasaba.</p>",
+    "content": "<p>Desa Darmasaba membuka lelang pengadaan Pick UpDump untuk mendukung kegiatan pengelolaan sampah di TPS3R Pudak Mesari.</p>",
+    "categoryPengumumanId": "cmk69tghy111vvnv8xeouenv5"
+  },
+  {
+    "id": "cmk6af7vf00013b6rj2br4nv7",
+    "judul": "Pengumuman Lelang Pembangunan Taman BR. Darmasaba",
+    "deskripsi": "<p>Pengumuman lelang pembangunan taman di Banjar BR. Darmasaba.</p>",
+    "content": "<p>Desa Darmasaba mengumumkan pelaksanaan lelang pembangunan taman sebagai bagian dari upaya memperindah ruang publik desa.</p>",
+    "categoryPengumumanId": "cmk69tghy111vvnv8xeouenv5"
+  },
+  {
+    "id": "cmk6afo0g00033b6rjc2pae69",
+    "judul": "Pengumuman Lelang Penataan Lapangan Desa Darmasaba Tahun Anggaran 2024",
+    "deskripsi": "<p>Pengumuman lelang penataan lapangan Desa Darmasaba untuk tahun anggaran 2024.</p>",
+    "content": "<p>Lelang penataan lapangan desa dilaksanakan untuk menunjang kegiatan desa dan fasilitas masyarakat di Darmasaba.</p>",
+    "categoryPengumumanId": "cmk69tghy111vvnv8xeouenv5"
+  },
+  {
+    "id": "cmk6ag56y00053b6rj9481z5l",
+    "judul": "Pengumuman Lelang Penataan Landscape Lapangan Desa",
+    "deskripsi": "<p>Pengumuman lelang penataan landscape lapangan Desa Darmasaba.</p>",
+    "content": "<p>Desa Darmasaba menyelenggarakan lelang untuk kegiatan penataan landscape lapangan desa dalam rangka peningkatan fasilitas umum.</p>",
+    "categoryPengumumanId": "cmk69tghx111tvnv8g2d206wv"
+  },
+  {
+    "id": "cmk6agzxx00073b6rr3vhxcti",
+    "judul": "Penutupan KKN-PMM Periode II Universitas Warmadewa di Desa Darmasaba",
+    "deskripsi": "<p>Penutupan program KKN-PMM yang berjalan dengan berbagai kegiatan pemberdayaan masyarakat.</p>",
+    "content": "<p>Kegiatan KKN meliputi edukasi kesehatan, pengelolaan sampah, literasi keuangan, dan upaya ekonomi lokal sebagai bagian dari pembangunan desa berkelanjutan.</p>",
+    "categoryPengumumanId": "cmk69tghx111tvnv8g2d206wv"
+  }
+]
diff --git a/prisma/data/desa/potensi/kategori-potensi.json b/prisma/data/desa/potensi/kategori-potensi.json
new file mode 100644
index 00000000..e8c2d753
--- /dev/null
+++ b/prisma/data/desa/potensi/kategori-potensi.json
@@ -0,0 +1,14 @@
+[
+  {
+    "id": "cmk3pmwq10008vn9bqdquv153",
+    "nama": "Wisata"
+  },
+  {
+    "id": "cmk3s1ks6000ivn9bcrv960ko",
+    "nama": "Ekonomi"
+  },
+  {
+    "id": "cmk3s1r0m000jvn9b8tlhogwn",
+    "nama": "Lingkungan"
+  }
+]
\ No newline at end of file
diff --git a/prisma/data/desa/potensi/potensi-desa.json b/prisma/data/desa/potensi/potensi-desa.json
index 9c6c8b66..284c9049 100644
--- a/prisma/data/desa/potensi/potensi-desa.json
+++ b/prisma/data/desa/potensi/potensi-desa.json
@@ -1,74 +1,90 @@
 [
   {
-    "id": "cmdyamai40004vnw3sdjbvn48",
-    "name": "TPS3R Pudak Mesari",
-    "deskripsi": "TPS 3R Pudak Mesari Darmasaba layak mendapat penghargaan demikian apresiasi dari Delterra Sosial Indonesia nie Semeton Darmasaba!, Hal tersebut dikarenakan walaupun baru berdiri namun TPS 3R kebanggaan Desa Darmasaba tersebut sudah berjalan dengan sangat baik.",
-    "content": "<p>TPS3R Pudak Mesari adalah Tempat Pengolahan Sampah dengan konsep Reduce, Reuse, dan Recycle (TPS3R) yang berlokasi di Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali. Fasilitas ini berperan penting dalam pengelolaan sampah berbasis masyarakat, dengan tujuan mengurangi volume sampah yang masuk ke Tempat Pembuangan Akhir (TPA) dan meningkatkan kesadaran warga tentang pentingnya pengelolaan sampah yang berkelanjutan.</p><p>Potensi Desa melalui TPS3R Pudak Mesari:</p><ol><li><p><strong>Peningkatan Kesehatan Lingkungan:</strong></p><p>Dengan pengelolaan sampah yang efektif, desa dapat menjaga kebersihan lingkungan, mengurangi risiko penyakit, dan menciptakan suasana yang lebih nyaman bagi warga.</p></li><li><p><strong>Pemberdayaan Ekonomi Masyarakat:</strong></p><p>TPS3R membuka peluang usaha bagi warga melalui pemilahan dan pengolahan sampah, seperti produksi kompos dari sampah organik dan kerajinan tangan dari sampah anorganik yang dapat meningkatkan pendapatan masyarakat.</p></li><li><p><strong>Edukasi dan Kesadaran Lingkungan:</strong></p><p>Fasilitas ini dapat menjadi pusat edukasi bagi masyarakat tentang pentingnya pengelolaan sampah, mendorong partisipasi aktif dalam menjaga kelestarian lingkungan.</p></li><li><p><strong>Pengembangan Pariwisata Berkelanjutan:</strong></p><p>Dengan lingkungan yang bersih dan asri, Desa Darmasaba memiliki potensi untuk menarik wisatawan yang tertarik pada ekowisata dan budaya lokal, sehingga meningkatkan perekonomian desa.</p></li></ol>"
-  },
-  {
-    "id": "cmdyb7h440003vngjapbc84f7",
-    "name": "Bumdes Pudak Mesari",
-    "deskripsi": "Bumdes Pudak Mesari sangat membantu warga desa Darmasaba dalam mengelola dan membangun sebuah desa yang lebih baik lagi",
-    "content": "<p>Badan Usaha Milik Desa (BUMDes) Pudak Mesari adalah lembaga ekonomi desa yang berperan penting dalam pengembangan potensi dan kesejahteraan masyarakat Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali. BUMDes ini berfungsi sebagai motor penggerak perekonomian desa melalui berbagai unit usaha yang dikelola secara profesional.</p><p>Potensi dan Peran BUMDes Pudak Mesari:</p><ol><li><p><strong>Pengembangan Usaha Mikro dan Kecil:</strong></p><p>BUMDes Pudak Mesari menyediakan layanan bagi pelaku usaha mikro dan kecil di desa, seperti penyediaan konsumsi dan snack kotak untuk berbagai acara.</p></li><li><p><strong>Pengelolaan Sampah Berbasis Masyarakat:</strong></p><p>Melalui kolaborasi dengan komunitas pemuda peduli lingkungan, BUMDes Pudak Mesari aktif dalam pengelolaan sampah berbasis masyarakat.</p></li><li><p><strong>Peningkatan Kapasitas dan Transparansi:</strong></p><p>Untuk memastikan pengelolaan yang akuntabel, BUMDes Pudak Mesari rutin mengadakan rapat koordinasi dan pendampingan penyusunan laporan pertanggungjawaban.</p></li><li><p><strong>Kolaborasi Internasional:</strong></p><p>Desa Darmasaba, melalui BUMDes Pudak Mesari, menerima kunjungan dari tim Osaki Jepang untuk memperkuat pengelolaan sampah dan lingkungan.</p></li></ol><p>Dengan berbagai inisiatif tersebut, BUMDes Pudak Mesari menunjukkan perannya sebagai pilar utama dalam pengembangan ekonomi dan kesejahteraan masyarakat Desa Darmasaba, sekaligus menjaga kelestarian lingkungan melalui program-program inovatif dan kolaboratif.</p>"
-  },
-  {
-    "id": "cmdybb53i0007vngjet38spn8",
+    "id": "cmk3rbc7s000evn9bvb8p0xk1",
     "name": "Taman Beji Cengana",
-    "deskripsi": "Tirta Klebutan di Pura Taman Beji Cengana di Desa Adat Darmasaba, Badung, selain dipercaya nunas Taksu serta pembersihan diri. Tersemat juga asal usul cerita ditemukannya Tirta Klebutan yang tepat berada di pinggir Tukad Cengana tersebut.",
-    "content": "<p>Taman Beji Cengana, terletak di Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali, adalah situs suci yang memiliki nilai spiritual dan sejarah yang tinggi. Tempat ini dikenal sebagai lokasi untuk ritual pembersihan diri (melukat) dan peribadatan oleh umat Hindu Bali. Keberadaan mata air suci (Tirta Klebutan) di Taman Beji Cengana dipercaya memberikan berkah dan penyucian bagi mereka yang datang untuk berdoa dan melakukan ritual.</p><p>Potensi Desa melalui Taman Beji Cengana:</p><ol><li><p><strong>Pengembangan Pariwisata Spiritual:</strong></p><p>Taman Beji Cengana memiliki potensi besar sebagai destinasi wisata spiritual. Wisatawan yang mencari pengalaman spiritual dan ketenangan batin dapat tertarik untuk mengunjungi tempat ini, mengikuti ritual melukat, dan merasakan suasana sakral yang ditawarkan.</p></li><li><p><strong>Pelestarian Budaya dan Tradisi:</strong></p><p>Dengan mempromosikan Taman Beji Cengana sebagai pusat kegiatan budaya dan ritual tradisional, desa dapat memastikan bahwa warisan budaya dan tradisi lokal tetap lestari.</p></li><li><p><strong>Pendidikan dan Penelitian:</strong></p><p>Taman Beji Cengana dapat dijadikan sebagai pusat pendidikan dan penelitian bagi akademisi, peneliti, dan pelajar yang tertarik mempelajari budaya, agama, dan sejarah Bali.</p></li><li><p><strong>Pengembangan Ekonomi Kreatif:</strong></p><p>Dengan meningkatnya jumlah pengunjung ke Taman Beji Cengana, peluang bagi pengembangan ekonomi kreatif juga terbuka lebar. Masyarakat lokal dapat mengembangkan produk kerajinan tangan, kuliner khas, dan suvenir yang mencerminkan budaya dan tradisi desa.</p></li><li><p><strong>Konservasi Lingkungan:</strong></p><p>Sebagai situs suci dengan mata air alami, Taman Beji Cengana memiliki peran penting dalam konservasi lingkungan. Upaya menjaga kebersihan dan kelestarian mata air serta lingkungan sekitarnya dapat menjadi contoh praktik konservasi yang baik.</p></li></ol><p>Dengan memanfaatkan potensi yang dimiliki Taman Beji Cengana, Desa Darmasaba dapat mengembangkan sektor pariwisata, budaya, pendidikan, ekonomi, dan lingkungan secara berkelanjutan, yang pada gilirannya akan meningkatkan kesejahteraan masyarakat dan pelestarian warisan budaya.</p>"
+    "deskripsi": "<p>Taman Beji Cengana adalah situs keagamaan dan budaya tradisional Bali</p>",
+    "content": "<p>Taman Beji Cengana adalah situs keagamaan dan budaya tradisional Bali yang memadukan unsur spiritual, ritual pembersihan (melukat), serta nilai budaya lokal yang berpadu dengan suasana alam yang tenang dan harmonis.</p>",
+    "kategoriId": "cmk3pmwq10008vn9bqdquv153",
+    "imageId": "cmk3rbc53000cvn9bjsywrj18"
   },
   {
-    "id": "cmdybckcz000avngjfzpy60uk",
+    "id": "cmk3q0sez000bvn9b3iyyct5m",
     "name": "Gumuh Sari Water Park",
-    "deskripsi": "Gumuh Sari Rekreasi atau waterpark, tempat wisata yang asyik dan seru untuk kamu sekeluarga! Tempat liburan di Bali memang seakan nggak ada habisnya. Selalu ada aja destinasi wisata seru yang bisa jadi wishlist. Ada banyak banget tempat wisata yang kamu kunjungi di Bali, mulai dari wisata alam, wisata modern, sampai wisata air.",
-    "content": "<p>Gumuh Sari Waterpark, terletak di Jl. Tegal Gumuh No. 9, Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali, adalah destinasi rekreasi yang menawarkan berbagai fasilitas untuk pengunjung dari segala usia. Taman rekreasi ini tidak hanya menyediakan wahana air yang menyenangkan, tetapi juga fasilitas olahraga dan kuliner, menjadikannya tempat ideal untuk rekreasi keluarga dan komunitas.</p><p>Potensi Desa melalui Gumuh Sari Waterpark:</p><ol><li><p><strong>Pengembangan Pariwisata Lokal:</strong></p><p>Dengan adanya destinasi seperti Gumuh Sari Waterpark, Desa Darmasaba dapat menarik lebih banyak wisatawan lokal maupun mancanegara. Kehadiran pengunjung ini berpotensi meningkatkan pendapatan desa dan membuka peluang usaha baru bagi masyarakat setempat.</p></li><li><p><strong>Peningkatan Ekonomi Masyarakat:</strong></p><p>Fasilitas seperti restoran dan pusat olahraga di dalam kompleks waterpark memberikan peluang bagi warga lokal untuk terlibat dalam sektor jasa dan perdagangan. Hal ini dapat menciptakan lapangan pekerjaan dan mendukung pertumbuhan ekonomi desa.</p></li><li><p><strong>Pengembangan Fasilitas Olahraga dan Kesehatan:</strong></p><p>Dengan adanya pusat futsal dan gym, Gumuh Sari Waterpark mendorong masyarakat untuk berpartisipasi dalam kegiatan olahraga, yang dapat meningkatkan kesehatan dan kesejahteraan warga.</p></li><li><p><strong>Pemberdayaan Komunitas Melalui Event dan Acara:</strong></p><p>Waterpark ini sering menjadi tuan rumah berbagai acara komunitas, seperti pesta busa dan bola, yang dapat mempererat hubungan antarwarga dan menciptakan lingkungan yang harmonis.</p></li><li><p><strong>Peningkatan Infrastruktur dan Aksesibilitas:</strong></p><p>Dengan meningkatnya jumlah pengunjung, infrastruktur desa seperti jalan, transportasi, dan layanan umum lainnya akan berkembang untuk memenuhi kebutuhan tersebut, yang pada gilirannya meningkatkan kualitas hidup masyarakat setempat.</p></li></ol><p>Melalui pengelolaan dan pengembangan yang tepat, Gumuh Sari Waterpark dapat menjadi motor penggerak bagi kemajuan Desa Darmasaba, meningkatkan kesejahteraan masyarakat, dan menjadikan desa ini sebagai destinasi wisata yang dikenal luas.</p>"
+    "deskripsi": "<p>Gumuh Sari merupakan tempat rekreasi nyaman di kawasan badung yang dapat dinikmati oleh semua umur dengan berbagai fasilitas hiburan, seperti Water Park, Pusat Kebugaran, Lapangan Futsal dan Restaurant.</p>",
+    "content": "<p>Gumuh Sari merupakan tempat rekreasi nyaman di kawasan badung yang dapat dinikmati oleh semua umur dengan berbagai fasilitas hiburan, seperti Water Park, Pusat Kebugaran, Lapangan Futsal dan Restaurant.<br><br><strong>Buka setiap hari</strong><br>Senin-Jumat: pukul 10.00-18.00 WITA (Weekday)<br>Sabtu-Minggu: pukul 09.00-18.00 WITA (Weekend)<br><br><strong>Wahana:</strong><br>- Kolam Renang Anak<br>- Kolam Renang Dewasa<br>- Kolam Renang Olympic<br>- Kids Playground Indoor<br>- Ayunan<br>- ATV<br><br><strong>Fasilitas:</strong><br>- Tempat ibadah<br>- Area parkir<br>- Gazebo<br>- Restoran dan kantin<br>- WiFi gratis<br>- Kamar mandi dan ruang bilas<br>- Ruang loker<br><br><strong>Kategori Tiket:</strong><br>Senin-Sabtu<br>- Dewasa 35.000<br>- Anak-anak (3-12 tahun) 20.000<br><br>Minggu &amp; Libur Nasional<br>- Dewasa 40.000<br>- Anak-anak (3-12 tahun) 25.000<br><br>Hari Raya<br>- Dewasa 45.000<br>- Anak-anak (3-12 tahun) 35.000<br><br><strong>Media Sosial:</strong><br>- Instagram: gumuhsari_rekreasi<br><a target='_blank' rel='noopener noreferrer nofollow' href='https://www.instagram.com/gumuhsari_rekreasi/'><u>https://www.instagram.com/gumuhsari_rekreasi/</u></a><br><br>- Tiktok: gumuhsari_rekreasi<br><a target='_blank' rel='noopener noreferrer nofollow' href='https://www.tiktok.com/@gumuhsari_rekreasi'><u>https://www.tiktok.com/@gumuhsari_rekreasi</u></a></p>",
+    "kategoriId": "cmk3pmwq10008vn9bqdquv153",
+    "imageId": "cmk3q0s8b0009vn9blvh0q5cc"
   },
   {
-    "id": "cmdyjuij40002vns5qyyjmzf4",
+    "id": "cmk3rsch1000hvn9bhmyhsjqm",
+    "name": "TPS3R Pudak Mesari",
+    "deskripsi": "<p>Sistem pengelolaan sampah terpadu di Desa Darmasaba yang dikenal dengan TPS3R Pudak Mesari.</p>",
+    "content": "<p>TPS3R Pudak Mesari adalah fasilitas pengelolaan sampah terpadu yang mengoptimalkan pemilahan, pengolahan dan daur ulang sampah masyarakat sehingga mendukung lingkungan yang bersih dan berkelanjutan di Desa Darmasaba.</p>",
+    "kategoriId": "cmk3pmwq10008vn9bqdquv153",
+    "imageId": "cmk3rscb0000fvn9bq6il16ba"
+  },
+  {
+    "id": "cmk3s4kz7000mvn9b8thk98c4",
+    "name": "Bumdes Pudak Mesari",
+    "deskripsi": "<p>Badan Usaha Milik Desa yang bergerak dalam berbagai usaha ekonomi masyarakat Darmasaba.</p>",
+    "content": "<p>Bumdes Pudak Mesari merupakan badan usaha milik desa yang mengembangkan kegiatan usaha produktif untuk meningkatkan perekonomian masyarakat lokal, termasuk pengelolaan usaha jasa dan komoditas lokal yang dikelola secara partisipatif.</p>",
+    "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
+    "imageId": "cmk3s4kvu000kvn9bahu2vo5f"
+  },
+  {
+    "id": "cmk3sbgge000pvn9bd3r8i0on",
     "name": "Pertanian",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, Bali, memiliki potensi pertanian yang besar sebagai bagian dari warisan agraris yang telah diwariskan secara turun-temurun. Dengan kondisi tanah yang subur serta sistem irigasi tradisional subak, pertanian di Darmasaba memainkan peran penting dalam ekonomi dan keberlanjutan lingkungan desa.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, Bali, memiliki potensi pertanian yang besar sebagai bagian dari warisan agraris yang telah diwariskan secara turun-temurun. Dengan kondisi tanah yang subur serta sistem irigasi tradisional subak, pertanian di Darmasaba memainkan peran penting dalam ekonomi dan keberlanjutan lingkungan desa.</p><p>Potensi Desa melalui Pertanian:</p><ol><li><p><strong>Potensi dan Komoditas Unggulan</strong></p><p>Pertanian di Desa Darmasaba mengandalkan berbagai jenis tanaman yang memiliki nilai ekonomi tinggi, di antaranya:</p><p>- Padi : Sebagai salah satu desa yang masih mempertahankan sistem subak, Darmasaba menjadi bagian dari lumbung pangan di Bali.</p><p>- Sayur-mayur : Beberapa jenis sayuran seperti kangkung, bayam, cabai, dan tomat banyak dibudidayakan oleh petani lokal.</p><p>- Buah-buahan tropis : Termasuk pisang, mangga, dan kelapa, yang menjadi sumber pendapatan tambahan bagi petani.</p><p>- Tanaman obat dan rempah : Seperti jahe, kunyit, dan lengkuas, yang memiliki permintaan tinggi baik untuk kebutuhan rumah tangga maupun industri herbal.</p></li><li><p><strong>Sistem Irigasi Tradisional Subak:</strong></p><p>Sebagai bagian dari warisan budaya Bali, sistem irigasi subak masih diterapkan di Darmasaba. Sistem ini memungkinkan distribusi air yang adil di antara lahan pertanian dan membantu menjaga keberlanjutan produksi pangan desa.</p></li><li><p><strong>Pengembangan Pertanian Organik:</strong></p><p>Dengan meningkatnya kesadaran akan pentingnya produk sehat dan ramah lingkungan, beberapa petani di Darmasaba mulai beralih ke metode pertanian organik. Hal ini membuka peluang bagi desa untuk mengembangkan produk-produk pertanian yang memiliki nilai jual lebih tinggi.</p></li><li><p><strong>Agrowisata sebagai Sumber Pendapatan Baru:</strong></p><p>Potensi pertanian Darmasaba juga dapat dikembangkan menjadi agrowisata, di mana wisatawan dapat merasakan pengalaman langsung dalam bertani, mengikuti workshop bercocok tanam, serta menikmati hasil pertanian segar. Hal ini dapat menarik wisatawan lokal maupun mancanegara, meningkatkan perekonomian desa.</p></li><li><p><strong>Pemberdayaan Petani dan UMKM Berbasis Pertanian:</strong></p><p>Dengan adanya BUMDes Pudak Mesari dan dukungan dari pemerintah setempat, petani di Darmasaba dapat diberikan pelatihan dan akses pasar yang lebih luas. Produk pertanian dapat diolah menjadi berbagai produk turunan seperti keripik pisang, sambal khas desa, hingga minuman herbal yang dapat dipasarkan ke luar daerah.</p></li></ol><p>Dengan berbagai potensi yang dimiliki, pertanian di Desa Darmasaba dapat terus berkembang melalui inovasi dan pemanfaatan teknologi pertanian modern. Dukungan dari masyarakat, pemerintah, dan lembaga terkait sangat penting untuk menjaga keberlanjutan sektor pertanian dan meningkatkan kesejahteraan petani di desa ini.</p>"
+    "deskripsi": "<p>Sektor pertanian sebagai salah satu potensi utama Desa Darmasaba.</p>",
+    "content": "<p>Pertanian di Darmasaba mencakup berbagai komoditas yang ditanam oleh masyarakat termasuk padi, tanaman hortikultura dan lain-lain, yang menjadi basis mata pencaharian dan kontribusi terhadap ekonomi desa.</p>",
+    "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
+    "imageId": "cmk3sbgd8000nvn9bqooq77ix"
   },
   {
-    "id": "cmdykerrq0002vn6fy4sv7uvm",
-    "name": "Kawasan Kuliner",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, Bali, memiliki potensi besar dalam sektor kuliner. Sebagai desa yang strategis dan terus berkembang, Darmasaba mulai dikenal sebagai destinasi kuliner yang menawarkan beragam makanan khas Bali hingga makanan modern yang menarik minat wisatawan dan masyarakat lokal.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, Bali, memiliki potensi besar dalam sektor kuliner. Sebagai desa yang strategis dan terus berkembang, Darmasaba mulai dikenal sebagai destinasi kuliner yang menawarkan beragam makanan khas Bali hingga makanan modern yang menarik minat wisatawan dan masyarakat lokal.</p><p>Potensi Desa melalui Kawasan Kuliner:</p><ol><li><p><strong>Ragam Kuliner Khas Bali</strong></p><p>Darmasaba memiliki banyak warung dan rumah makan yang menyajikan hidangan khas Bali yang otentik, seperti:</p><p>- Babi Guling : Salah satu kuliner favorit di Bali yang banyak ditemukan di Darmasaba.</p><p>- Ayam Betutu : Hidangan ayam berbumbu khas yang dimasak dengan teknik khas Bali.</p><p>- Lawar : Campuran daging dan sayuran berbumbu khas Bali.</p><p>- Sate Lilit : Sate khas Bali yang terbuat dari daging cincang yang dibalut pada batang serai.</p></li><li><p><strong>Wisata Kuliner Modern &amp; Cafe Kekinian:</strong></p><p>Selain makanan tradisional, Darmasaba juga mulai berkembang dengan hadirnya cafe dan resto kekinian yang menyajikan menu modern seperti kopi spesial, burger, pizza, dan aneka dessert yang digemari anak muda. Keberadaan tempat-tempat ini menjadikan Darmasaba sebagai pilihan destinasi kuliner bagi wisatawan maupun warga sekitar.</p></li><li><p><strong>Pasar Kuliner Malam:</strong></p><p>Salah satu daya tarik Darmasaba adalah pusat kuliner malam yang menghadirkan aneka makanan kaki lima seperti nasi jinggo, tipat cantok, bakso, dan berbagai jajanan khas Bali. Suasana yang ramai dan harga yang terjangkau membuat pasar kuliner ini menjadi tempat favorit bagi masyarakat lokal.</p></li><li><p><strong>Potensi Ekonomi &amp; UMKM Kuliner:</strong></p><p>Dengan berkembangnya sektor kuliner, banyak pelaku UMKM di Darmasaba mulai merintis usaha makanan, baik dalam bentuk warung makan, katering, hingga produksi makanan ringan seperti keripik, sambal, dan minuman tradisional. Potensi ini dapat terus dikembangkan dengan dukungan pemerintah desa dan promosi melalui media sosial.</p></li><li><p><strong>Kawasan Kuliner Berbasis Pariwisata:</strong></p><p>Untuk menarik lebih banyak pengunjung, Darmasaba berpotensi mengembangkan kawasan kuliner berbasis wisata yang menggabungkan pengalaman makan dengan konsep alam terbuka, pertunjukan seni, dan edukasi kuliner khas Bali. Hal ini dapat menjadi daya tarik tambahan bagi wisatawan yang ingin merasakan pengalaman kuliner yang lebih autentik.</p></li></ol><p>Dengan kekayaan kuliner yang dimiliki, Desa Darmasaba berpotensi menjadi kawasan kuliner unggulan di Kabupaten Badung. Dukungan dari masyarakat, pemerintah desa, serta promosi yang lebih luas dapat menjadikan Darmasaba sebagai destinasi kuliner yang semakin dikenal dan berkembang.</p>"
+    "id": "cmk3smnj3000svn9b2ww5hesp",
+    "name": "Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma",
+    "deskripsi": "<p>Jalur jogging dan area rekreasi alam yang dimanfaatkan masyarakat untuk aktivitas sehat dan pariwisata lokal.</p>",
+    "content": "<p>Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma adalah area terbuka hijau yang dikembangkan sebagai fasilitas olahraga dan rekreasi, memberikan ruang beraktivitas fisik sambil menikmati suasana alam Desa Darmasaba.</p>",
+    "kategoriId": "cmk3pmwq10008vn9bqdquv153",
+    "imageId": "cmk3smnbf000qvn9b28ma8las"
   },
   {
-    "id": "cmdykhfhf0005vn6fnz25kify",
-    "name": "IKM Berbasis Pengolahan Pangan",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam Industri Kecil dan Menengah (IKM) berbasis pengolahan pangan. Dengan sumber daya alam yang melimpah dan warisan kuliner khas Bali, Darmasaba dapat mengembangkan sektor ini untuk meningkatkan kesejahteraan masyarakat dan menciptakan lapangan kerja baru.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam Industri Kecil dan Menengah (IKM) berbasis pengolahan pangan. Dengan sumber daya alam yang melimpah dan warisan kuliner khas Bali, Darmasaba dapat mengembangkan sektor ini untuk meningkatkan kesejahteraan masyarakat dan menciptakan lapangan kerja baru.</p><p>Potensi dan Peran IKM Berbasis Pengolahan Pangan:</p><ol><li><p><strong>Produk Unggulan Pengolahan Pangan</strong></p><p>Beberapa produk olahan pangan yang potensial dikembangkan di Darmasaba meliputi:</p><p>- Keripik dan Snack Tradisional : Seperti keripik pisang, keripik singkong, dan rengginang.</p><p>- Sambal Khas Bali : Seperti sambal matah dan sambal embe yang banyak diminati pasar lokal dan nasional.</p><p>- Minuman Herbal dan Jamu : Berbasis rempah seperti kunyit asam, beras kencur, dan wedang jahe.</p><p>- Olahan Makanan Berbasis Kelapa : Seperti virgin coconut oil (VCO), serundeng, dan gula aren.</p><p>- Kue Tradisional Bali : Seperti jaje laklak, jaje uli, dan klepon yang dapat dikemas secara modern.</p></li><li><p><strong>Peluang Ekonomi dan Pemberdayaan UMKM:</strong></p><p>IKM berbasis pengolahan pangan dapat membuka peluang bagi masyarakat, terutama ibu rumah tangga dan pemuda desa, untuk berwirausaha. Dengan dukungan modal dan pelatihan dari pemerintah desa atau BUMDes Pudak Mesari, usaha kecil ini dapat berkembang menjadi industri yang lebih besar.</p></li><li><p><strong>Digitalisasi dan Pemasaran Online:</strong></p><p>Darmasaba dapat mengembangkan kawasan sentra IKM sebagai pusat produksi, pelatihan, dan pemasaran produk olahan pangan. Dengan adanya fasilitas ini, para pelaku usaha dapat lebih mudah berkolaborasi, meningkatkan kualitas produk, serta mendapatkan akses ke permodalan dan distribusi yang lebih luas.</p></li><li><p><strong>Pengembangan Kawasan Sentra IKM:</strong></p><p>Dengan berkembangnya sektor kuliner, banyak pelaku UMKM di Darmasaba mulai merintis usaha makanan, baik dalam bentuk warung makan, katering, hingga produksi makanan ringan seperti keripik, sambal, dan minuman tradisional. Potensi ini dapat terus dikembangkan dengan dukungan pemerintah desa dan promosi melalui media sosial.</p></li><li><p><strong>Sinergi dengan Pariwisata dan Agrowisata:</strong></p><p>Dengan berkembangnya sektor wisata di Darmasaba, produk olahan pangan dapat dijadikan suvenir khas desa. Pengunjung dapat membeli oleh-oleh seperti sambal kemasan, jajanan khas, atau minuman herbal sebagai bagian dari pengalaman wisata mereka.</p></li></ol><p>IKM berbasis pengolahan pangan memiliki potensi besar untuk menjadi sektor unggulan di Desa Darmasaba. Dengan inovasi, dukungan teknologi, serta pemasaran yang baik, produk-produk lokal dapat bersaing di pasar yang lebih luas, meningkatkan kesejahteraan masyarakat, dan menjadikan Darmasaba sebagai pusat industri pangan kreatif di Kabupaten Badung.</p>"
-  },
-  {
-    "id": "cmdykjgmv0008vn6fwg0rr2nh",
-    "name": "Genteng",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam industri genteng yang dikelola oleh Usaha Mikro, Kecil, dan Menengah (UMKM). Sebagai desa yang masih mempertahankan nilai-nilai tradisional dalam pembangunan, industri genteng di Darmasaba berperan penting dalam penyediaan bahan bangunan berkualitas bagi masyarakat lokal maupun luar daerah.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam industri genteng yang dikelola oleh Usaha Mikro, Kecil, dan Menengah (UMKM). Sebagai desa yang masih mempertahankan nilai-nilai tradisional dalam pembangunan, industri genteng di Darmasaba berperan penting dalam penyediaan bahan bangunan berkualitas bagi masyarakat lokal maupun luar daerah.</p><p>Potensi dan Peran UMKM Genteng:</p><ol><li><p><strong>Genteng Tradisional Berkualitas Tinggi</strong></p><p>UMKM di Darmasaba memproduksi genteng dari bahan baku pilihan seperti tanah liat berkualitas, yang menghasilkan genteng dengan daya tahan tinggi, kuat, dan cocok untuk iklim tropis. Beberapa jenis genteng yang dihasilkan meliputi:</p><p>- Genteng Tanah Liat : Kuat, tahan lama, dan memiliki estetika khas tradisional.</p><p>- Genteng Beton : Cocok untuk bangunan modern dengan ketahanan lebih tinggi.</p><p>- Genteng Keramik : Memberikan tampilan elegan dan daya serap air yang lebih rendah.</p></li><li><p><strong>Peluang Ekonomi dan Pemberdayaan Masyarakat:</strong></p><p>Industri genteng di Darmasaba memberikan peluang kerja bagi masyarakat setempat, terutama dalam bidang produksi, distribusi, hingga pemasaran. UMKM genteng juga mendukung keberlanjutan ekonomi desa dengan meningkatkan pendapatan warga serta mengurangi angka pengangguran.</p></li><li><p><strong>Inovasi dan Pengembangan Teknologi</strong></p><p>Beberapa pengrajin genteng di Darmasaba telah mulai mengadopsi teknologi modern dalam proses produksi, seperti:</p><p>- Penggunaan cetakan dan oven pembakaran efisien untuk meningkatkan kualitas dan kapasitas produksi.</p><p>- Teknik pelapisan anti bocor dan anti lumut untuk membuat genteng lebih tahan lama.</p><p>- Desain genteng inovatif yang lebih ringan dan mudah dipasang.</p></li><li><p><strong>Pemasaran dan Ekspansi Pasar</strong></p><p>Dengan meningkatnya pembangunan perumahan dan proyek konstruksi di Bali, permintaan akan genteng berkualitas terus bertambah. UMKM genteng Darmasaba dapat memperluas pasarnya dengan:</p><p>- Menjalin kerja sama dengan kontraktor dan pengembang properti.</p><p>- Mempromosikan produk melalui media sosial dan marketplace online.</p><p>- Menyediakan layanan custom sesuai kebutuhan pelanggan.</p></li><li><p><strong>Keberlanjutan dan Ramah Lingkungan:</strong></p><p>Industri genteng di Darmasaba berpotensi dikembangkan secara lebih ramah lingkungan dengan menerapkan metode produksi yang mengurangi limbah dan emisi. Pemanfaatan energi alternatif serta daur ulang bahan limbah dapat membantu menciptakan industri yang lebih berkelanjutan.</p></li></ol><p>UMKM genteng di Desa Darmasaba memiliki potensi besar untuk terus berkembang sebagai sektor industri unggulan. Dengan inovasi, pemasaran yang lebih luas, serta dukungan dari pemerintah dan masyarakat, industri ini dapat meningkatkan kesejahteraan warga dan memperkuat perekonomian desa.</p>"
-  },
-  {
-    "id": "cmdyklax3000bvn6fdu53f3xq",
-    "name": "Peternakan Ikan Lele",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam sektor peternakan lele. Dengan kondisi lingkungan yang mendukung serta meningkatnya permintaan ikan lele di pasaran, budidaya ikan lele dapat menjadi salah satu sektor ekonomi unggulan yang mampu meningkatkan kesejahteraan masyarakat desa.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam sektor peternakan lele. Dengan kondisi lingkungan yang mendukung serta meningkatnya permintaan ikan lele di pasaran, budidaya ikan lele dapat menjadi salah satu sektor ekonomi unggulan yang mampu meningkatkan kesejahteraan masyarakat desa.</p><p>Potensi dan Peran Peternakan Ikan Lele:</p><ol><li><p><strong>Kondisi Lingkungan yang Mendukung</strong></p><p>Darmasaba memiliki sumber air yang cukup serta iklim yang cocok untuk budidaya ikan lele. Kolam-kolam budidaya dapat dibuat dengan berbagai sistem, seperti:</p><p>- Kolam Terpal : Mudah dibuat dan lebih efisien dalam perawatan.</p><p>- Kolam Beton : Lebih tahan lama dan cocok untuk produksi skala besar.</p><p>- Sistem Bioflok : Teknologi modern yang dapat meningkatkan kepadatan ikan dan mengurangi limbah.</p></li><li><p><strong>Permintaan Pasar yang Tinggi:</strong></p><p>Lele merupakan salah satu jenis ikan yang memiliki permintaan tinggi di Bali, baik untuk konsumsi rumah tangga, warung makan, hingga restoran. Produk olahan seperti lele goreng, pecel lele, dan abon lele semakin diminati, membuka peluang besar bagi peternak lele di Darmasaba.</p></li><li><p><strong>Inovasi dan Pengembangan Teknologi</strong></p><p>Beberapa pengrajin genteng di Darmasaba telah mulai mengadopsi teknologi modern dalam proses produksi, seperti:</p><p>- Penggunaan cetakan dan oven pembakaran efisien untuk meningkatkan kualitas dan kapasitas produksi.</p><p>- Teknik pelapisan anti bocor dan anti lumut untuk membuat genteng lebih tahan lama.</p><p>- Desain genteng inovatif yang lebih ringan dan mudah dipasang.</p></li><li><p><strong>Pemasaran dan Ekspansi Pasar</strong></p><p>Dengan meningkatnya pembangunan perumahan dan proyek konstruksi di Bali, permintaan akan genteng berkualitas terus bertambah. UMKM genteng Darmasaba dapat memperluas pasarnya dengan:</p><p>- Menjalin kerja sama dengan kontraktor dan pengembang properti.</p><p>- Mempromosikan produk melalui media sosial dan marketplace online.</p><p>- Menyediakan layanan custom sesuai kebutuhan pelanggan.</p></li><li><p><strong>Keberlanjutan dan Ramah Lingkungan:</strong></p><p>Industri genteng di Darmasaba berpotensi dikembangkan secara lebih ramah lingkungan dengan menerapkan metode produksi yang mengurangi limbah dan emisi. Pemanfaatan energi alternatif serta daur ulang bahan limbah dapat membantu menciptakan industri yang lebih berkelanjutan.</p></li></ol><p>UMKM genteng di Desa Darmasaba memiliki potensi besar untuk terus berkembang sebagai sektor industri unggulan. Dengan inovasi, pemasaran yang lebih luas, serta dukungan dari pemerintah dan masyarakat, industri ini dapat meningkatkan kesejahteraan warga dan memperkuat perekonomian desa.</p>"
-  },
-  {
-    "id": "cmdykpkwf000gvn6ftas2cjje",
-    "name": "Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma Desa",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi wisata olahraga dan rekreasi melalui Jogging Track Tegeh Aban, Karang Gadon, dan Munduk Uma Desa. Jalur jogging ini tidak hanya menjadi fasilitas olahraga bagi warga, tetapi juga berpotensi dikembangkan sebagai destinasi wisata sehat berbasis alam yang menarik bagi wisatawan lokal maupun luar daerah.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi wisata olahraga dan rekreasi melalui Jogging Track Tegeh Aban, Karang Gadon, dan Munduk Uma Desa. Jalur jogging ini tidak hanya menjadi fasilitas olahraga bagi warga, tetapi juga berpotensi dikembangkan sebagai destinasi wisata sehat berbasis alam yang menarik bagi wisatawan lokal maupun luar daerah.</p><p>Potensi dan Peran Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma Desa:</p><ol><li><p><strong>Keindahan Alam dan Udara Segar:</strong></p><p>Jogging track yang membentang di Tegeh Aban, Karang Gadon, dan Munduk Uma Desa menawarkan pemandangan alam yang asri dengan udara segar khas pedesaan. Jalur ini melewati area persawahan hijau, perkebunan, serta hutan kecil yang memberikan pengalaman jogging yang lebih menyenangkan dan menenangkan.</p></li><li><p><strong>Fasilitas Olahraga dan Rekreasi</strong></p><p>Selain untuk jogging, jalur ini juga cocok digunakan untuk:</p><p>- Bersepeda santai : Jalur yang nyaman untuk pecinta sepeda.</p><p>- Trekking ringan : Cocok bagi wisatawan yang ingin menikmati suasana pedesaan.</p><p>- Meditasi dan Yoga : Area yang tenang dan alami, ideal untuk relaksasi.</p></li><li><p><strong>Destinasi Wisata Sehat dan Edukasi:</strong></p><p>Jogging track ini berpotensi dikembangkan sebagai wisata sehat berbasis alam, di mana pengunjung bisa menikmati udara segar sambil berolahraga. Selain itu, jalur ini dapat dijadikan sebagai rute edukasi lingkungan, mengenalkan keanekaragaman hayati, pertanian, serta kehidupan masyarakat desa.</p></li><li><p><strong>Potensi Ekonomi bagi Masyarakat</strong></p><p>Dengan meningkatnya jumlah pengunjung, masyarakat sekitar dapat memanfaatkan peluang usaha seperti:</p><p>- Warung sehat dan kuliner lokal : Menyediakan makanan dan minuman sehat bagi para pengunjung.</p><p>- Jasa penyewaan sepeda : Menarik bagi wisatawan yang ingin berkeliling lebih jauh.</p><p>- Pemandu wisata lokal : Memberikan pengalaman lebih bagi wisatawan yang ingin mengenal sejarah dan budaya desa.</p></li><li><p><strong>Pengembangan Berkelanjutan:</strong></p><p>Agar semakin menarik, jogging track ini bisa dilengkapi dengan fasilitas tambahan seperti tempat istirahat, spot foto alami, papan informasi tentang flora dan fauna, serta area taman bunga untuk mempercantik jalur jogging.</p></li></ol><p>Jogging Track Tegeh Aban, Karang Gadon, dan Munduk Uma Desa memiliki potensi besar sebagai destinasi wisata sehat dan olahraga berbasis alam. Dengan pengelolaan yang baik serta dukungan dari pemerintah desa dan masyarakat, jalur ini bisa menjadi ikon baru Desa Darmasaba yang menarik bagi wisatawan serta meningkatkan perekonomian warga setempat.</p>"
-  },
-  {
-    "id": "cmdykr76v000jvn6fqngibbmq",
+    "id": "cmk3t8hgs000vvn9bna6pnw8r",
     "name": "Dam Tanah Putih",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi wisata olahraga dan rekreasi melalui Jogging Track Tegeh Aban, Karang Gadon, dan Munduk Uma Desa. Jalur jogging ini tidak hanya menjadi fasilitas olahraga bagi warga, tetapi juga berpotensi dikembangkan sebagai destinasi wisata sehat berbasis alam yang menarik bagi wisatawan lokal maupun luar daerah.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki Dam Tanah Putih sebagai salah satu potensi desa yang bernilai strategis. Selain berfungsi sebagai infrastruktur pengairan, dam ini juga memiliki potensi untuk dikembangkan sebagai destinasi wisata alam, edukasi, dan rekreasi bagi masyarakat lokal maupun wisatawan.</p><p>Potensi dan Peran Dam Tanah Putih:</p><ol><li><p><strong>Fungsi Utama Sebagai Sumber Pengairan</strong></p><p>Dam Tanah Putih memiliki peran penting dalam sistem irigasi yang menopang sektor pertanian di Darmasaba. Air dari dam ini digunakan untuk:</p><p>- Mengairi sawah dan ladang : Menjamin ketersediaan air bagi petani sepanjang tahun.</p><p>- Menjaga keseimbangan ekosistem : Menjadi habitat bagi ikan air tawar dan berbagai biota air.</p><p>- Menampung air hujan : Membantu mengurangi risiko banjir dan kekeringan.</p></li><li><p><strong>Potensi Wisata Alam dan Rekreasi</strong></p><p>Dengan pemandangan alam yang asri dan suasana yang sejuk, Dam Tanah Putih memiliki potensi besar untuk dikembangkan sebagai tempat wisata alam. Beberapa kegiatan yang bisa dikembangkan di area ini antara lain:</p><p>- Trekking dan jogging di sekitar dam : Menikmati udara segar dan pemandangan indah.</p><p>- Berkemah dan piknik : Cocok untuk keluarga dan komunitas yang ingin menikmati alam.</p><p>- Wisata air : Seperti pemancingan atau wisata perahu kecil yang dapat menarik wisatawan.</p><p>- Spot fotografi alam : Keindahan dam dan sekitarnya menjadi latar yang menarik bagi para fotografer.</p></li><li><p><strong>Potensi Ekonomi dan UMKM Lokal</strong></p><p>Dengan pengembangan dam sebagai destinasi wisata, masyarakat sekitar dapat memanfaatkan peluang usaha seperti:</p><p>- Warung makan dan jajanan tradisional : Menyediakan makanan khas Bali bagi wisatawan.</p><p>- Jasa penyewaan alat rekreasi : Seperti pancing atau perahu kecil.</p><p>- Produk kerajinan tangan dan suvenir : Oleh-oleh khas Darmasaba yang menarik bagi pengunjung.</p></li><li><p><strong>Pengembangan Konservasi dan Edukasi Lingkungan</strong></p><p>Dam Tanah Putih juga bisa menjadi tempat edukasi lingkungan dengan konsep konservasi, di mana pengunjung bisa belajar tentang:</p><p>- Pengelolaan sumber daya air yang berkelanjutan.</p><p>- Keanekaragaman hayati di sekitar dam.</p><p>- Pentingnya ekosistem perairan bagi pertanian dan kehidupan masyarakat.</p></li></ol><p>Dengan berbagai fungsi dan keindahannya, Dam Tanah Putih memiliki potensi besar untuk dikembangkan sebagai destinasi wisata alam, rekreasi, serta edukasi lingkungan. Dengan pengelolaan yang baik dan dukungan dari masyarakat serta pemerintah desa, dam ini dapat menjadi aset penting bagi Darmasaba, baik dari sisi ekonomi maupun kelestarian lingkungan.</p>"
+    "deskripsi": "<p>Bendungan lokal yang berfungsi sebagai sumber irigasi pertanian.</p>",
+    "content": "<p>Dam Tanah Putih merupakan bendungan yang mendukung pengairan sawah dan lahan pertanian di Desa Darmasaba, yang membantu peningkatan produktivitas pertanian masyarakat setempat.</p>",
+    "kategoriId": "cmk3pmwq10008vn9bqdquv153",
+    "imageId": "cmk3t8ha3000tvn9bkqsty6sq"
   },
   {
-    "id": "cmdyku9qh000mvn6ft76322sv",
+    "id": "cmk3tlrkb000yvn9bo1vse4c5",
     "name": "UMKM",
-    "deskripsi": "Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam sektor Usaha Mikro, Kecil, dan Menengah (UMKM). Keberadaan UMKM di desa ini tidak hanya menjadi motor penggerak ekonomi lokal, tetapi juga mendukung pelestarian budaya dan kearifan lokal melalui berbagai produk unggulan.",
-    "content": "<p>Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam sektor Usaha Mikro, Kecil, dan Menengah (UMKM). Keberadaan UMKM di desa ini tidak hanya menjadi motor penggerak ekonomi lokal, tetapi juga mendukung pelestarian budaya dan kearifan lokal melalui berbagai produk unggulan.</p><p>Potensi dan Peran UMKM:</p><ol><li><p><strong>Kerajinan Tangan dan Produk Lokal</strong></p><p>Darmasaba memiliki banyak pengrajin yang menghasilkan produk unik dengan nilai seni tinggi, seperti:</p><p>- Genteng dan bahan bangunan tradisional : Genteng khas Darmasaba yang berkualitas tinggi.</p><p>- Kerajinan anyaman dan ukiran : Produk berbasis rotan dan kayu yang banyak diminati pasar lokal dan internasional.</p><p>- Pakaian adat dan kain tradisional : Mendukung pelestarian budaya Bali.</p></li><li><p><strong>Industri Kuliner Khas Darmasaba</strong></p><p>Kuliner khas desa ini memiliki potensi besar untuk dikembangkan sebagai bisnis UMKM, seperti:</p><p>- Babi Guling : Salah satu kuliner favorit yang banyak diminati wisatawan.</p><p>- Jajanan tradisional Bali : Seperti laklak, jaja uli, dan klepon yang masih dibuat dengan cara tradisional.</p><p>- Olahan ikan lele : Seperti abon lele, lele asap, dan pecel lele yang memiliki pasar luas.</p></li><li><p><strong>UMKM Berbasis Pengolahan Pangan</strong></p><p>Beberapa UMKM di Darmasaba mengolah hasil pertanian dan peternakan menjadi produk bernilai tambah, seperti:</p><p>- Keripik singkong dan pisang : Camilan sehat berbasis bahan lokal.</p><p>- Olahan kelapa : Seperti minyak kelapa murni dan gula aren.</p><p>- Produk herbal dan jamu : Menggunakan bahan-bahan alami dari tanaman lokal.</p></li><li><p><strong>Dukungan dan Pengembangan UMKM</strong></p><p>Agar UMKM di Darmasaba semakin berkembang, perlu adanya:</p><p>- Pelatihan dan pendampingan usaha : Untuk meningkatkan kualitas produk dan manajemen usaha.</p><p>- Pemasaran digital : Menggunakan media sosial dan e-commerce untuk menjangkau pasar lebih luas.</p><p>- Kerja sama dengan BUMDes Pudak Mesari : Untuk membantu akses modal dan pengelolaan bisnis yang lebih profesional.</p></li></ol><p>UMKM di Desa Darmasaba memiliki potensi besar dalam berbagai sektor, mulai dari kerajinan tangan, kuliner, hingga wisata berbasis masyarakat. Dengan inovasi, pemasaran yang lebih luas, dan dukungan dari pemerintah desa serta masyarakat, UMKM Darmasaba dapat berkembang pesat dan menjadi tulang punggung perekonomian desa.</p>"
+    "deskripsi": "<p>Usaha mikro, kecil, dan menengah masyarakat Desa Darmasaba.</p>",
+    "content": "<p>UMKM di Darmasaba mencakup berbagai usaha kecil produktif seperti kuliner, kerajinan tangan, dan jasa lainnya, yang menjadi pilar kegiatan ekonomi dan pemberdayaan masyarakat lokal.</p>",
+    "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
+    "imageId": "cmk3tlrdl000wvn9b67jkppzh"
+  },
+  {
+    "id": "cmk3tzpku0011vn9beq2kzyen",
+    "name": "Kawasan Kuliner",
+    "deskripsi": "<p>Wilayah yang menyediakan berbagai pilihan kuliner khas lokal Desa Darmasaba.</p>",
+    "content": "<p>Kawasan kuliner di Darmasaba menjadi tempat berkumpul dan menikmati makanan khas lokal, mendukung kegiatan ekonomi UMKM kuliner desa serta daya tarik wisata kuliner.</p>",
+    "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
+    "imageId": "cmk3tzpd7000zvn9bu519xrjk"
+  },
+  {
+    "id": "cmk3u7gzh0014vn9brvlz3fjp",
+    "name": "IKM berbasis Pengolahan Pangan",
+    "deskripsi": "<p>Industri kecil menengah yang fokus pada pengolahan produk pangan lokal.</p>",
+    "content": "<p>IKM berbasis pengolahan pangan di desa mencakup produksi makanan olahan yang dihasilkan oleh masyarakat setempat, memperkaya nilai tambah hasil pertanian lokal dan menciptakan peluang bisnis.</p>",
+    "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
+    "imageId": "cmk3u7gsg0012vn9bhqhsw5g6"
+  },
+  {
+    "id": "cmk3udr960017vn9bq33ce6mw",
+    "name": "Peternakan Ikan Lele",
+    "deskripsi": "<p>Usaha budidaya ikan lele sebagai potensi perikanan desa.</p>",
+    "content": "<p>Peternakan ikan lele menjadi salah satu bentuk usaha budidaya perikanan di Darmasaba, memberikan sumber pendapatan tambahan bagi petani ikan dan diversifikasi komoditas desa.</p>",
+    "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
+    "imageId": "cmk3udr2s0015vn9bqn9hxdxx"
   }
 ]
diff --git a/prisma/data/desa/profile/profil_perbekel.json b/prisma/data/desa/profile/profil_perbekel.json
index efaf0021..8d4efc34 100644
--- a/prisma/data/desa/profile/profil_perbekel.json
+++ b/prisma/data/desa/profile/profil_perbekel.json
@@ -1,9 +1,10 @@
 [
-    {
-        "id": "edit",
-        "biodata": "<p>I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.</p>",
-        "pengalaman": "<ul><li>2021 - 2027: Perbekel Desa Darmasaba</li><li>2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</li><li>2020 - Sekarang: Founder Ugawa Record Music Studio</li><li>2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</li></ul>",
-        "pengalamanOrganisasi": "<ul> <li>1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal</li><li>1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi</li> <li>2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar</li> <li>2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</li> <li>2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</li> <li>2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</li> <li>2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</li> </ul>",
-        "programUnggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>"
-    }
-]
\ No newline at end of file
+  {
+    "id": "edit",
+    "biodata": "<p>I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.</p>",
+    "pengalaman": "<ul><li>2021 - 2027: Perbekel Desa Darmasaba</li><li>2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</li><li>2020 - Sekarang: Founder Ugawa Record Music Studio</li><li>2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</li></ul>",
+    "pengalamanOrganisasi": "<ul> <li>1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal</li><li>1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi</li> <li>2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar</li> <li>2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</li> <li>2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</li> <li>2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</li> <li>2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</li> </ul>",
+    "programUnggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>",
+    "imageId": "cmk4xh3gz0000vnwqjy4zfr3w"
+  }
+]
diff --git a/prisma/data/desa/profile/profile-perbekel-lalu.json b/prisma/data/desa/profile/profile-perbekel-lalu.json
new file mode 100644
index 00000000..68154e46
--- /dev/null
+++ b/prisma/data/desa/profile/profile-perbekel-lalu.json
@@ -0,0 +1,65 @@
+[
+  {
+    "id": "cmk4yswiy0003vnwq97wem6t2",
+    "nama": "Si Gede Kania",
+    "periode": "Tahun 1943 - 1946",
+    "imageId": "cmk4yswge0001vnwqgfieunnm",
+    "daerah": "Perbekel Tegal"
+  },
+  {
+    "id": "cmk4yvuxg0006vnwqa0nk7jcx",
+    "nama": "Si Gede Gandem",
+    "periode": "Tahun 1946 - 1950",
+    "imageId": "cmk4yvuv20004vnwqqq8ifxq8",
+    "daerah": "Perbekel Tegal"
+  },
+  {
+    "id": "cmk4ywml70009vnwqnnrp0cpq",
+    "nama": "I Wayan Sama",
+    "periode": "Tahun 1950 - 1953",
+    "imageId": "cmk4ywmiu0007vnwq5ea5jz1z",
+    "daerah": "Perbekel Tegal"
+  },
+  {
+    "id": "cmk4yzix3000cvnwqn2pa57gs",
+    "nama": "I Wayan Nambreg",
+    "periode": "Tahun 1950 - 1960",
+    "imageId": "cmk4yzitx000avnwq7479tvxb",
+    "daerah": "Perbekel Darmasaba"
+  },
+  {
+    "id": "cmk4z0sgd000fvnwqlgjasqx9",
+    "nama": "Ida Bagus Putu Oka",
+    "periode": "Tahun 1953 - 1974",
+    "imageId": "cmk4z0scm000dvnwqlntylzyk",
+    "daerah": "Perbekel Tegal / Darmasaba"
+  },
+  {
+    "id": "cmk4z1w8m000ivnwqe68w5vjg",
+    "nama": "I Nyoman Patra",
+    "periode": "Tahun 1974 - 1991",
+    "imageId": "cmk4z1vqs000gvnwqj579yvnt",
+    "daerah": "Perbekel Darmasaba"
+  },
+  {
+    "id": "cmk4z2y3u000lvnwq7fbr3paz",
+    "nama": "I Made Rudja",
+    "periode": "Tahun 1991 - 2007",
+    "imageId": "cmk4z2y0r000jvnwq2jgrs565",
+    "daerah": "Perbekel Darmasaba"
+  },
+  {
+    "id": "cmk4z6esm000ovnwqacek3jlx",
+    "nama": "I Wayan Kaler, S.H., M.H.",
+    "periode": "Tahun 2007 - 2013",
+    "imageId": "cmk4z6epq000mvnwq81dfq29b",
+    "daerah": "Perbekel Darmasaba"
+  },
+  {
+    "id": "cmk4z7e77000rvnwqo2wkmbwl",
+    "nama": "I Made Taram, S.H.",
+    "periode": "Tahun 2013 - 2019",
+    "imageId": "cmk4z7e5g000pvnwq7k45e366",
+    "daerah": "Perbekel Darmasaba"
+  }
+]
diff --git a/prisma/data/file-storage.json b/prisma/data/file-storage.json
index 3e978084..a4aa1dec 100644
--- a/prisma/data/file-storage.json
+++ b/prisma/data/file-storage.json
@@ -7,8 +7,7 @@
     "mimeType": "image/webp",
     "link": "/api/fileStorage/findUnique/Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
     "category": "image"
-  }
-  ,
+  },
   {
     "id": "cmk20mg320000vnevxy0k73fr",
     "name": "thpgPSJkBxUIRajZt3AVo-desktop.webp",
@@ -81,6 +80,15 @@
     "link": "/api/fileStorage/findUnique/gE_qcqIbY0mqI6FV9V4CL-desktop.webp",
     "category": "image"
   },
+  {
+    "id": "cmk2a2dl6001nvngck1n0k8qc",
+    "name": "Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
+    "realName": "perbekel.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
+    "category": "image"
+  },
   {
     "id": "cmk2cgqgm0003vn96jun52pik",
     "name": "q1G995W7cLkC_qquLTlKN-desktop.webp",
@@ -116,5 +124,807 @@
     "mimeType": "image/webp",
     "link": "/api/fileStorage/findUnique/D3RPbNiaNSCjacLjeR_qO-desktop.webp",
     "category": "image"
+  },
+  {
+    "id": "cmk3grkby0000vnxwblul7viy",
+    "name": "kxpXwgyx74-HkAGXML7Hv-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.23.11.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/kxpXwgyx74-HkAGXML7Hv-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3h87lc0001vnxwxc5sn0xc",
+    "name": "D0DEORcSkSWXEpY29mh_x-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.23.22.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/D0DEORcSkSWXEpY29mh_x-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3haaaf0002vnxwy5w07z3n",
+    "name": "jrUol97rV5whAUtpljbyF-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.23.32.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/jrUol97rV5whAUtpljbyF-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hdeeg0003vnxwezx6zu99",
+    "name": "Kh8RTS4ac1bG4ZXy3L2-y-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.23.40.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Kh8RTS4ac1bG4ZXy3L2-y-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hg3n20004vnxwxofi5ylm",
+    "name": "8bAk-cuzJ73W1dgj4lVqM-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.23.49.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/8bAk-cuzJ73W1dgj4lVqM-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hjdb10005vnxwjtgd6g9g",
+    "name": "k4zOPRqxi6PS0W_rHgiVp-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.24.00.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/k4zOPRqxi6PS0W_rHgiVp-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hlu6l0006vnxw9wtsaq4w",
+    "name": "txtX9hDmrHrRIkmpyQ6rp-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.24.14.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/txtX9hDmrHrRIkmpyQ6rp-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hp5ht0007vnxwakvsa7ld",
+    "name": "Yx7ruGLJ_0QtD5RCvYhEC-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.24.21.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Yx7ruGLJ_0QtD5RCvYhEC-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hrkmp0008vnxwijncfayo",
+    "name": "j1kZLRY4HLFBxdRt24XQw-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.24.32.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/j1kZLRY4HLFBxdRt24XQw-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hu2lh0009vnxw82qb8l6h",
+    "name": "Iqx5__9VtAQiScvvGb21S-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.24.43.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Iqx5__9VtAQiScvvGb21S-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3hwtsm000avnxwfug41t9x",
+    "name": "Eelib_Lr7GYv0nPj3XHVo-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.24.58.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Eelib_Lr7GYv0nPj3XHVo-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3i09sa000bvnxw95elyupj",
+    "name": "6MzAfXZyjsSTOkckqYJug-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.25.06.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/6MzAfXZyjsSTOkckqYJug-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3i2q07000cvnxwkjxqld0c",
+    "name": "f05zcftt1hdvkhCeN7wxk-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.25.16.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/f05zcftt1hdvkhCeN7wxk-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3i53wr000dvnxw074gyuar",
+    "name": "3tuC1Bq5WvH7QEBHQVDaM-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.25.25.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/3tuC1Bq5WvH7QEBHQVDaM-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3i7krz000evnxwe4uturyn",
+    "name": "oTKQeqAydsV5fXelI0S7Y-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.25.36.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/oTKQeqAydsV5fXelI0S7Y-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3ib07w000fvnxwsnb1hga3",
+    "name": "37VzhdQ6zus1WdVLcCwF5-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.25.45.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/37VzhdQ6zus1WdVLcCwF5-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3idx0t000gvnxw16urbiw5",
+    "name": "L8jv3Wvj0GwsQgS7JSJQO-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.25.57.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/L8jv3Wvj0GwsQgS7JSJQO-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3ig4ho000hvnxwewlheju3",
+    "name": "vSP59yLERIKB4xMv_ob5s-desktop.webp",
+    "realName": "Screenshot 2025-07-23 at 17.26.06.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/vSP59yLERIKB4xMv_ob5s-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3o5wxs0006vn9b1u5kbqyw",
+    "name": "t9x6bSW8WnbdPS9cx9PLC-desktop.webp",
+    "realName": "perbekel.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/t9x6bSW8WnbdPS9cx9PLC-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3q0s8b0009vn9blvh0q5cc",
+    "name": "uki9Zy0DqrEtSg9Lrgyyk-desktop.webp",
+    "realName": "Gumuh-Sari.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/uki9Zy0DqrEtSg9Lrgyyk-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3rbc53000cvn9bjsywrj18",
+    "name": "yySqpA7ougpXi6cJPskg9-desktop.webp",
+    "realName": "taman-beji.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/yySqpA7ougpXi6cJPskg9-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3rscb0000fvn9bq6il16ba",
+    "name": "F8SuL9DjCqLXlSwmgSJv_-desktop.webp",
+    "realName": "tps.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/F8SuL9DjCqLXlSwmgSJv_-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3s4kvu000kvn9bahu2vo5f",
+    "name": "daDa40Y8dxune0l_cxULD-desktop.webp",
+    "realName": "bumdes.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/daDa40Y8dxune0l_cxULD-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3sbgd8000nvn9bqooq77ix",
+    "name": "yms7mL_T6fy--Eze-mTwc-desktop.webp",
+    "realName": "pertanian.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/yms7mL_T6fy--Eze-mTwc-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3smnbf000qvn9b28ma8las",
+    "name": "AFA1PZtHwKkwmWCC4M7lM-desktop.webp",
+    "realName": "joging.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/AFA1PZtHwKkwmWCC4M7lM-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3t8ha3000tvn9bkqsty6sq",
+    "name": "84pnYeV2_9f4xplh9RBXW-desktop.webp",
+    "realName": "dam-tanah-putih.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/84pnYeV2_9f4xplh9RBXW-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3tlrdl000wvn9b67jkppzh",
+    "name": "5VSeupjyjtam02PNJW3ZG-desktop.webp",
+    "realName": "umkm.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/5VSeupjyjtam02PNJW3ZG-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3tzpd7000zvn9bu519xrjk",
+    "name": "gjwx1dcHKMJEICbLF6g88-desktop.webp",
+    "realName": "kuliner.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/gjwx1dcHKMJEICbLF6g88-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3u7gsg0012vn9bhqhsw5g6",
+    "name": "j3q1NLvwPFrxAmgMXBmq2-desktop.webp",
+    "realName": "ikm.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/j3q1NLvwPFrxAmgMXBmq2-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk3udr2s0015vn9bqn9hxdxx",
+    "name": "eZCq49lXnx6zKslb6hLxz-desktop.webp",
+    "realName": "ikan lele.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/eZCq49lXnx6zKslb6hLxz-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4xh3gz0000vnwqjy4zfr3w",
+    "name": "wkUnTN2pzkEXolbWsgWi7-desktop.webp",
+    "realName": "perbekel.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/wkUnTN2pzkEXolbWsgWi7-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4yswge0001vnwqgfieunnm",
+    "name": "120DDmtAkWEOlu_z56EVj-desktop.webp",
+    "realName": "perbekel 1.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/120DDmtAkWEOlu_z56EVj-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4yvuv20004vnwqqq8ifxq8",
+    "name": "bJEAL2K_DcR9AhabklcdP-desktop.webp",
+    "realName": "perbekel 2.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/bJEAL2K_DcR9AhabklcdP-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4ywmiu0007vnwq5ea5jz1z",
+    "name": "szxGnXEFqa0k0nvZ-ALVG-desktop.webp",
+    "realName": "Perbekel 3.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/szxGnXEFqa0k0nvZ-ALVG-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4yzitx000avnwq7479tvxb",
+    "name": "ectWSAf6wfzIPzKMf3wzo-desktop.webp",
+    "realName": "perbekel 4.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/ectWSAf6wfzIPzKMf3wzo-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4z0scm000dvnwqlntylzyk",
+    "name": "VwjN6P8HyaKpNngtLCt6z-desktop.webp",
+    "realName": "perbekel 5.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/VwjN6P8HyaKpNngtLCt6z-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4z1vqs000gvnwqj579yvnt",
+    "name": "f3tdB74WjhVVJXmAE7Sev-desktop.webp",
+    "realName": "perbekel 6.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/f3tdB74WjhVVJXmAE7Sev-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4z2y0r000jvnwq2jgrs565",
+    "name": "X3FbO9ns3We5GM1uAwds1-desktop.webp",
+    "realName": "Screenshot 2025-09-19 at 16.45.39.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/X3FbO9ns3We5GM1uAwds1-desktop.webp",
+    "category": "image"
+  },
+
+  {
+    "id": "cmk4z6epq000mvnwq81dfq29b",
+    "name": "AO-mB9JXm0ahmNnSAEDJ3-desktop.webp",
+    "realName": "Screenshot 2025-09-19 at 16.46.51.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/AO-mB9JXm0ahmNnSAEDJ3-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk4z7e5g000pvnwq7k45e366",
+    "name": "ropKaJjSbK_XAyxd8mEYt-desktop.webp",
+    "realName": "Screenshot 2025-09-19 at 16.48.11.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/ropKaJjSbK_XAyxd8mEYt-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkamji130000vntz3loca9q2",
+    "name": "D4za5fHh_y92Bj9qZkp5j-desktop.webp",
+    "realName": "prestasi1.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/D4za5fHh_y92Bj9qZkp5j-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkamk2cf0001vntzjg4rzqep",
+    "name": "3rshaPxCgk5unArWbKPpk-desktop.webp",
+    "realName": "prestasi2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/3rshaPxCgk5unArWbKPpk-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkamkb150002vntzklhz9ryx",
+    "name": "pxpQFGBkTRpFOwJFTwjbD-desktop.webp",
+    "realName": "prestasi3.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/pxpQFGBkTRpFOwJFTwjbD-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkamki230003vntzg25voz53",
+    "name": "_CIAQk1Yem-_6LFjrkmVg-desktop.webp",
+    "realName": "prestasi4.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/_CIAQk1Yem-_6LFjrkmVg-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6bk2va0003vnadn9w0mxc4",
+    "name": "Wp41ccw3yma9W8i6zBr6E-desktop.webp",
+    "realName": "berita-sosial-1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Wp41ccw3yma9W8i6zBr6E-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6bo3290006vnadzhgalacy",
+    "name": "IwedNmhjD_wGpY6PvYX7W-desktop.webp",
+    "realName": "berita-sosial-2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/IwedNmhjD_wGpY6PvYX7W-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6bptid0009vnad6my1w4s1",
+    "name": "EVkMxPdoWyL3y31L7d7x1-desktop.webp",
+    "realName": "berita-sosial-3.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/EVkMxPdoWyL3y31L7d7x1-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6c86dc000cvnadlh54q7xr",
+    "name": "c_5xOKUbMiD8dTAbkAv9a-desktop.webp",
+    "realName": "pembangunan-1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/c_5xOKUbMiD8dTAbkAv9a-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6cbbtw000fvnadk862le38",
+    "name": "I9CDBqdeDXRbbzbPWhy6h-desktop.webp",
+    "realName": "pembangunan-2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/I9CDBqdeDXRbbzbPWhy6h-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6cdmjp000ivnadeejerm59",
+    "name": "Gq-gEDaGNb-FkKasVs7i4-desktop.webp",
+    "realName": "pembangunan-3.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Gq-gEDaGNb-FkKasVs7i4-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6crib4000lvnadqtrhnb14",
+    "name": "TymQ5xDH7vEUOA9BY63hr-desktop.webp",
+    "realName": "ekonomi-1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/TymQ5xDH7vEUOA9BY63hr-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6czfag000ovnad7kjz36lj",
+    "name": "2nUvEBsMuigIJQWZIdcEJ-desktop.webp",
+    "realName": "ekonomi-2-.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/2nUvEBsMuigIJQWZIdcEJ-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6d3zow000rvnades3btqrh",
+    "name": "Hokgum3-nI_NWTWJRnWi3-desktop.webp",
+    "realName": "ekonomi-3.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Hokgum3-nI_NWTWJRnWi3-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6hgl8r000uvnadwchcqigp",
+    "name": "T1fcksUoZSUqNMbzvr9WI-desktop.webp",
+    "realName": "pemerintahan-1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/T1fcksUoZSUqNMbzvr9WI-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6hh34d000xvnadr74cs014",
+    "name": "-M_tICRVz6ZxOfvkuHQgU-desktop.webp",
+    "realName": "pemerintahan-2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/-M_tICRVz6ZxOfvkuHQgU-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6hhl5p0010vnadx09hrg3n",
+    "name": "O11hmN9oNwFKs_ACpH9uV-desktop.webp",
+    "realName": "pemerintahan-3-.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/O11hmN9oNwFKs_ACpH9uV-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6hz5640013vnadwdmfzyoa",
+    "name": "rrgHHUYHDuq3jW94HCRsq-desktop.webp",
+    "realName": "teknologi-1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/rrgHHUYHDuq3jW94HCRsq-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6hzlrg0016vnaduf57rp2i",
+    "name": "igz0V0MCoLYqAgLIBRZdG-desktop.webp",
+    "realName": "teknologi-2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/igz0V0MCoLYqAgLIBRZdG-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6hzz1i0019vnadwdymqlrf",
+    "name": "DzVIfpiAP3OcCsZ_VJ02b-desktop.webp",
+    "realName": "teknologi-3.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/DzVIfpiAP3OcCsZ_VJ02b-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6i925x001cvnadm3y2m04b",
+    "name": "xzM77A6bDW2silyp_8W7n-desktop.webp",
+    "realName": "budaya-1-.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/xzM77A6bDW2silyp_8W7n-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6i9cc7001fvnadn9xnl8xq",
+    "name": "2wivBEDcVNxHGG8HUBsNH-desktop.webp",
+    "realName": "budaya-2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/2wivBEDcVNxHGG8HUBsNH-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6i9qff001ivnadgrrghebr",
+    "name": "fffAFkeBBjjxHljZIDCZw-desktop.webp",
+    "realName": "budaya-3.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/fffAFkeBBjjxHljZIDCZw-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n68k80005vn6qtdbshoqi",
+    "name": "wFXYVHKHtU7posfhBKjZt-desktop.webp",
+    "realName": "data-diri.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/wFXYVHKHtU7posfhBKjZt-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n68vw0006vn6qv65lrdw8",
+    "name": "kTiZ9uhRUEwu0WeASU00b-desktop.webp",
+    "realName": "flow-data-diri.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/kTiZ9uhRUEwu0WeASU00b-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n8rwv0007vn6q312rawvt",
+    "name": "ZkvjJ7Zx8uBy2-d8RWNEt-desktop.webp",
+    "realName": "yatim.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/ZkvjJ7Zx8uBy2-d8RWNEt-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n8s9b0008vn6qwd02eyjf",
+    "name": "hHfOWKz4USZK-z0nsD7Uz-desktop.webp",
+    "realName": "flow yatim.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/hHfOWKz4USZK-z0nsD7Uz-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n9ti90009vn6qt48wbklu",
+    "name": "03WZn5JMKffo62cKzShF4-desktop.webp",
+    "realName": "organisasi.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/03WZn5JMKffo62cKzShF4-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n9tvx000avn6qwkguha7w",
+    "name": "dnTcxeYQACzY5yzq-Rjoz-desktop.webp",
+    "realName": "domisili-organisasi.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/dnTcxeYQACzY5yzq-Rjoz-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nb69n000bvn6qx67n06ee",
+    "name": "7er4OinxhuKRZUSkKeSYR-desktop.webp",
+    "realName": "penghasilan-layanan.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/7er4OinxhuKRZUSkKeSYR-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nb6nq000cvn6q75730cr3",
+    "name": "8ZtJeCnKwMAcEUBU0QvE7-desktop.webp",
+    "realName": "flow-penghasilan.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/8ZtJeCnKwMAcEUBU0QvE7-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nc438000dvn6q723r7phi",
+    "name": "Y7IuwpwjT3ZFYWpiXJZYw-desktop.webp",
+    "realName": "tidak mampu.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Y7IuwpwjT3ZFYWpiXJZYw-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nc4aa000evn6qwl5t53h4",
+    "name": "Fbi-6gnhokkwux9hvriS--desktop.webp",
+    "realName": "flow-tidak-mampu.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Fbi-6gnhokkwux9hvriS--desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6ndw2z000fvn6q3b9wxswd",
+    "name": "qtdJ39rIbjGTJJQZflrDL-desktop.webp",
+    "realName": "kelahiran.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/qtdJ39rIbjGTJJQZflrDL-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6ndwbf000gvn6qusd4mkhq",
+    "name": "ldmfJBS2ZBhIda60yU2JW-desktop.webp",
+    "realName": "flow-kelahiran.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/ldmfJBS2ZBhIda60yU2JW-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nf4pu000hvn6qszs6xyp5",
+    "name": "CAtRFHiM11gsY4ExcvGgc-desktop.webp",
+    "realName": "usaha.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/CAtRFHiM11gsY4ExcvGgc-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nf53c000ivn6qawvoxndb",
+    "name": "MLWp-38kKygXKVekCh0q7-desktop.webp",
+    "realName": "flow-usaha.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/MLWp-38kKygXKVekCh0q7-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6ng6yk000jvn6q0ditzufj",
+    "name": "C0zE5lneKa888VJDHzgh--desktop.webp",
+    "realName": "kematian.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/C0zE5lneKa888VJDHzgh--desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6ng77b000kvn6q51j2s4q7",
+    "name": "hhDK7OL0wQLik5dsh1a-L-desktop.webp",
+    "realName": "flow-kematian.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/hhDK7OL0wQLik5dsh1a-L-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nh7ez000lvn6qjfkqeufn",
+    "name": "sVIfCUGBplNU8h1x99l8z-desktop.webp",
+    "realName": "tempat-usaha.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/sVIfCUGBplNU8h1x99l8z-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6nh7pq000mvn6qor967hjh",
+    "name": "MM-1CZMai3eXwbVr2HAEv-desktop.webp",
+    "realName": "flow tempat usaha.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/MM-1CZMai3eXwbVr2HAEv-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n37tp0003vn6qqyvelh5s",
+    "name": "oNH9VvRPlAmTI_Ndu3slN-desktop.webp",
+    "realName": "kawin.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/oNH9VvRPlAmTI_Ndu3slN-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6n388d0004vn6qby5fkuz8",
+    "name": "Wze2x68vn-ShZAqgkSCMC-desktop.webp",
+    "realName": "flow belum kawin.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Wze2x68vn-ShZAqgkSCMC-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6mvhwh0001vn6qa6ddzqfm",
+    "name": "tK9T6BObEQEdYU-5y1xnJ-desktop.webp",
+    "realName": "kelakuan baik.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/tK9T6BObEQEdYU-5y1xnJ-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmk6mvi8c0002vn6q9vfyv6yt",
+    "name": "sX9yfcM05OOx2ELhcSNWl-desktop.webp",
+    "realName": "flow_kelakuan_baik.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/sX9yfcM05OOx2ELhcSNWl-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkal9d2p0000vnexf8flpunj",
+    "name": "cte_gy0V8glhDcghMa3-B-desktop.webp",
+    "realName": "penghargaan1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/cte_gy0V8glhDcghMa3-B-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkalfbsn0003vnex3bbsx5ja",
+    "name": "hLoy_DjB_3Yie2vjaXDYz-desktop.webp",
+    "realName": "penghargaan2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/hLoy_DjB_3Yie2vjaXDYz-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkalg6fh0006vnexid4z9vlg",
+    "name": "VxELyZ0ifdHOdRFu7aBSz-desktop.webp",
+    "realName": "penghargaan3.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/VxELyZ0ifdHOdRFu7aBSz-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkalguac0009vnex5dpixivn",
+    "name": "xgrBxDdo8g7KA-3zNbRGj-desktop.webp",
+    "realName": "penghargaan4.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/xgrBxDdo8g7KA-3zNbRGj-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkanjnfh0004vntz8cdbxa7f",
+    "name": "TDQReg1lQ73s39crXW0ra-desktop.webp",
+    "realName": "posyandu1.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/TDQReg1lQ73s39crXW0ra-desktop.webp",
+    "category": "image"
   }
 ]
diff --git a/prisma/data/kesehatan/posyandu/posyandu.json b/prisma/data/kesehatan/posyandu/posyandu.json
new file mode 100644
index 00000000..0ece20f3
--- /dev/null
+++ b/prisma/data/kesehatan/posyandu/posyandu.json
@@ -0,0 +1,10 @@
+[
+  {
+    "id": "cmkanjnmx0006vntz1cn7owpb",
+    "name": "Posyandu Pudak Amara",
+    "nomor": "(0361) 8463263",
+    "deskripsi": "<p>Posyandu Pudak Amara merupakan salah satu posyandu aktif di Desa Darmasaba dan pernah berkompetisi dalam lomba kader dan posyandu berprestasi tingkat Provinsi Bali tahun 2025.</p><p>Kegiatan ini melibatkan kader posyandu serta didampingi pihak desa dan puskesmas setempat untuk meningkatkan pelayanan kesehatan ibu dan anak.</p>",
+    "jadwalPelayanan": "<p>Setiap bulan pada satu hari tertentu (mis. minggu ke-2): 08:00 – 12:00 WITA (posyandu balita & ibu hamil)</p>",
+    "imageId": "cmkanjnfh0004vntz8cdbxa7f"
+  }
+]
diff --git a/prisma/data/landing-page/prestasi-desa/prestasi-desa.json b/prisma/data/landing-page/prestasi-desa/prestasi-desa.json
index f9d9bff7..ac9d67ad 100644
--- a/prisma/data/landing-page/prestasi-desa/prestasi-desa.json
+++ b/prisma/data/landing-page/prestasi-desa/prestasi-desa.json
@@ -1,20 +1,30 @@
 [
     {
-        "id": "cmdwrrxkh0005vnd3p5rxkiev",
-        "name": "Tim Bola Voli Putri Dharma Temaja meraih juara 3 dalam Turnamen Bola Voli Mangupura Cup 2024 kategori Putri Se-Bali",
-        "deskripsi": "<p>Tim Bola Voli Putri Dharma Temaja meraih juara 3 dalam Turnamen Bola Voli Mangupura Cup 2024 kategori Putri Se-Bali</p>",
-        "kategoriId": "cmdwrolsl0000vnd3e24q5440"
+        "id": "cmdws0sgq000bvnd32o7m94im",
+        "name": "Desa Darmasaba Raih Juara 1 Lomba Desa Tingkat Provinsi Bali Tahun 2025",
+        "deskripsi": "<p>Pemerintah Desa Darmasaba meraih prestasi gemilang dengan menyabet Juara 1 Lomba Desa Tingkat Provinsi Bali Tahun 2025 dalam Peringatan Hari Jadi Pemerintah Provinsi Bali ke-67. Inovasi pelayanan publik dan sinergi masyarakat menjadi kunci keberhasilan.</p>",
+        "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
+        "imageId": "cmkamki230003vntzg25voz53"
     },
     {
         "id": "cmdwrzs740008vnd329ysez5x",
-        "name": "Prestasi Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024",
-        "deskripsi": "<p>Prestasi Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024</p>",
-        "kategoriId": "cmdwrot900001vnd30b5kj96g"
+        "name": "Desa Darmasaba Raih Juara 1 Lomba Desa Tingkat Kabupaten Badung Tahun 2025",
+        "deskripsi": "<p>Desa Darmasaba berhasil meraih Juara 1 Lomba Desa Tingkat Kabupaten Badung Tahun 2025 yang diserahkan langsung oleh Bupati Badung dalam rangka memperingati HUT RI ke-80. Prestasi ini menjadi simbol kerja keras dan inovasi desa.</p>",
+        "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
+        "imageId": "cmkamkb150002vntzklhz9ryx"
     },
     {
-        "id": "cmdws0sgq000bvnd32o7m94im",
-        "name": "Peringkat 5 Dalam Ajang Bergengsi Mangupura Award",
-        "deskripsi": "<p>Peringkat 5 Dalam Ajang Bergengsi Mangupura Award</p>",
-        "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0"
+        "id": "cmdwrrxkh0005vnd3p5rxkiev",
+        "name": "TPS3R Pudak Mesari Desa Darmasaba Raih Juara 2 dalam Kompetisi TPS3R Kabupaten Badung",
+        "deskripsi": "<p>TPS3R Pudak Mesari Desa Darmasaba meraih Juara 2 dalam Kompetisi TPS3R tingkat Kabupaten Badung pada acara HUT Mangupura ke-16 sebagai wujud komitmen pengelolaan sampah berbasis masyarakat.</p>",
+        "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
+        "imageId": "cmkamk2cf0001vntzjg4rzqep"
+    },
+    {
+        "id": "cmk3nxfkd0005vn9bcw8d10sh",
+        "name": "Keluarga Sadar Hukum Desa Darmasaba Raih Prestasi Gemilang (Juara 3)",
+        "deskripsi": "<p>KADARKUM Desa Darmasaba berhasil meraih Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung tahun 2024, bukti semangat kolaborasi masyarakat dengan perangkat desa dalam pendidikan hukum.</p>",
+        "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
+        "imageId": "cmkamji130000vntz3loca9q2"
     }
 ]
\ No newline at end of file
diff --git a/prisma/data/landing-page/profile/programInovasi.json b/prisma/data/landing-page/profile/programInovasi.json
index 5f0d894b..8cac1dd4 100644
--- a/prisma/data/landing-page/profile/programInovasi.json
+++ b/prisma/data/landing-page/profile/programInovasi.json
@@ -1,52 +1,24 @@
 [
   {
-    "id": "cmdr755pf0005vn5rp8tyuubw",
-    "name": "Dmangan",
-    "description": "Darmasaba Aman Pangan",
-    "link": "https://darmasaba.desa.id/berita/61452-kader-d-mangan-berhasil-meraih-prestasi-dalam-ajang-lomba-banjar-bali-quis-bbq-tahun-2024",
-    "imageId" : "cmk20nyen0002vnevd0hfr3u8"
+    "id": "cmdr77vbw000bvn5rvpmoq31s",
+    "name": "Bares",
+    "description": "<p>BARES (Darmasaba Recycling Waste Stock/Exchange) adalah Bursa Sampah yang merupakan sebuah sistem inovatif untuk mengelola dan menukar sampah daur ulang menjadi nilai ekonomis melalui TPS3R Pudak Mesari, dengan tujuan memberdayakan masyarakat dan menjaga kebersihan lingkungan, menjadikannya bagian dari upaya lebih besar seperti program desa pintar (smart village) dan pengelolaan sampah terintegrasi.</p>",
+    "link": "https://darmasaba.desa.id/berita/56722-bares#:~:text=Sampah%20jadi%20uang%20nie%20Semeton,masing%20banjar%20se%2DDesa%20Darmasaba.",
+    "imageId" : "cmk20mg320000vnevxy0k73fr"
   },
   {
     "id": "cmdr76nqk0008vn5rdddvcxnr",
     "name": "Bicara Darmasaba",
-    "description": "Bicara Darmasaba",
-    "link": "https://darmasaba.desa.id/berita/42506-bicara-darmasaba",
+    "description": "<p>Bicara Darmasaba adalah program ruang dialog terbuka yang digagas Pemerintah Desa Darmasaba sebagai forum strategis untuk menggali ide, menyampaikan aspirasi masyarakat, serta merangkai aksi nyata dalam menyelesaikan persoalan desa, seperti pengelolaan sampah. Kegiatan ini diselenggarakan secara berkala dengan pendekatan partisipatif dan ditayangkan secara live streaming agar transparan dan melibatkan banyak pihak, sehingga mendukung tata kelola desa yang responsif terhadap kebutuhan warga.</p>",
+    "link": "https://badungkab.go.id/kab/berita/67159-bicara-darmasaba-bahas-berbagai-persoalan-warga-didorong-berani-speak-up-sampaikan-aspirasi-dan-cari-solusi-nyata",
     "imageId" : "cmk20nqmu0001vnevfte29rk0"
   },
   {
-    "id": "cmdr77vbw000bvn5rvpmoq31s",
-    "name": "Bares",
-    "description": "Darmasaba Recycling Stock/Exchange",
-    "link": "http://darmasaba.desa.id/berita/56722-bares",
-    "imageId" : "cmk20mg320000vnevxy0k73fr"
-  },
-  {
-    "id": "cmdr7bxtp000evn5rmy85wihx",
-    "name": "Sajjana Dharma Raksaka",
-    "description": "Sajjana Dharma Raksaka",
-    "link": "https://ppid.badungkab.go.id/storage/dokumen/5RS9dldGkrgzMQq6bKdZsqsVRHI8gffWv4PGfb3r.pdf",
-    "imageId" : "cmk20pf3d0006vnev3mkoqpyy"
-  },
-  {
-    "id": "cmdr7dlnk000hvn5r9lur3z35",
-    "name": "PDKT",
-    "description": "Perangkat Desa Kuat Teknologi",
-    "link": "https://darmasaba.desa.id/berita/53752-p-d-k-t",
-    "imageId" : "cmk20omzq0005vnevgi6f4edu"
-  },
-  {
-    "id": "cmdr7ftob000mvn5rfhgdtg8v",
-    "name": "GM",
-    "description": "Galah Melah",
-    "link": "https://darmasaba.desa.id/berita/52880-galah-melah",
-    "imageId" : "cmk20o7mf0003vnevohrksm1d"
-  },
-  {
-    "id": "cmdr7glue000pvn5r6onzslju",
-    "name": "Inovasi Desa Darmasaba",
-    "description": "Inovasi Desa Darmasaba",
-    "link": "https://darmasaba.desa.id/produk-lokal-desa",
-    "imageId" : "cmk20of8m0004vnev9ujy5o0l"
+    "id": "cmdr755pf0005vn5rp8tyuubw",
+    "name": "Dmangan",
+    "description": "<p>Dmangan (Darmasaba Aman Pangan) adalah program inovasi Desa Darmasaba yang fokus pada ketahanan pangan masyarakat desa melalui pengembangan produksi hasil pangan lokal, peningkatan kemandirian pangan, serta pembinaan dan pemberdayaan warga dalam praktik pertanian dan pangan berkelanjutan.</p>",
+    "link": "https://darmasaba.desa.id/berita/51787-desa-darmasaba-juara-1-lomba-desa-pangan-aman-provinsi-bali-tahun-2023#:~:text=Salah%20satu%20program%20inovasi%20Pemdes%20Darmasaba%20yaitu,Darmasaba%20dan%20seluruh%20stakeholder%20terkait%20yang%20telah",
+    "imageId" : "cmk20nyen0002vnevd0hfr3u8"
   },
   {
     "id": "cmk228ust0009vnev5p8i377o",
@@ -54,5 +26,33 @@
     "description": "<p>DAVEST (Darmasaba Investment) merupakan program inovasi Desa Darmasaba yang bertujuan mempromosikan potensi investasi desa secara terintegrasi melalui media digital dan pendampingan langsung. Program ini menjadi sarana penghubung antara pemerintah desa, pelaku usaha, dan investor dalam rangka mendorong pertumbuhan ekonomi desa yang berkelanjutan.</p><p>DAVEST menyajikan informasi potensi unggulan desa seperti sektor UMKM, pariwisata, ekonomi kreatif, serta peluang investasi berbasis sumber daya lokal dengan prinsip transparansi dan kemudahan akses informasi.</p><p>Di tahun 2024 ini Davest (Darmasaba Village Festival) akan diadakan lagi, dengan berbagai kegiatan pemerdayaan, edukasi dan hiburan yang tentunya lebih waahhhh dari dua tahun lalu. Untuk memantapkan hal tersebut, Pemdes Darmasaba melakukan rapat koordinasi (rakor) Davest 2024 yang dipimpin langsung oleh Perbekel Darmasaba I. B. Surya Prabhawa Manuaba, S.H.,M.H. pada hari Senin (22/1/2024) bertempat di Ruang Shanti Gosana Kantor Perbekel Darmasaba.</p><hr><h3>Tujuan Program</h3><ul><li><p>Meningkatkan daya tarik investasi di Desa Darmasaba</p></li><li><p>Mempromosikan potensi unggulan desa secara profesional</p></li><li><p>Mendorong pertumbuhan ekonomi dan penciptaan lapangan kerja</p></li><li><p>Mendukung visi Desa Darmasaba sebagai desa inovatif dan berdaya saing</p></li></ul><hr><h3>Sasaran Program</h3><ul><li><p>Calon investor lokal dan regional</p></li><li><p>Pelaku UMKM dan kelompok usaha desa</p></li><li><p>Masyarakat Desa Darmasaba</p></li></ul><hr><h3>Bentuk Inovasi</h3><ul><li><p>Inovasi ekonomi desa</p></li><li><p>Inovasi digital</p></li><li><p>Inovasi tata kelola pelayanan investasi</p></li></ul><hr><h3>Ruang Lingkup Kegiatan</h3><ul><li><p>Penyusunan profil potensi investasi desa</p></li><li><p>Digitalisasi informasi investasi desa</p></li><li><p>Promosi peluang investasi melalui media online</p></li><li><p>Fasilitasi komunikasi antara investor dan desa</p></li><li><p>Pendampingan awal investasi berbasis desa</p></li></ul>",
     "link": "https://darmasaba.desa.id/berita/55862-rakor-davest-2024",
     "imageId" : "cmk228urs0007vnevi5b66bqn"
+  },
+  {
+    "id": "cmdr7ftob000mvn5rfhgdtg8v",
+    "name": "GM",
+    "description": "<p>Galah Melah (Gerak dan Langkah Memilah Sampah) adalah program inovasi pengelolaan sampah yang dikembangkan oleh Pemerintah Desa Darmasaba melalui TPS3R Pudak Mesari, dengan fokus pada praktik pemisahan sampah dari sumbernya (di rumah, banjar, maupun fasilitas umum).</p>",
+    "link": "https://mcinews.id/2025/09/12/serius-tangani-sampah-desa-darmasaba-terapkan-inovasi-dan-osaki-composting-system-di-tps-3r-pudak-mesari-dari-2023",
+    "imageId" : "cmk20o7mf0003vnevohrksm1d"
+  },
+  {
+    "id": "cmdr7glue000pvn5r6onzslju",
+    "name": "Inovasi Desa Darmasaba",
+    "description": "<p>Inovasi Desa Darmasaba adalah kumpulan program inovatif yang dikembangkan oleh Pemerintah Desa Darmasaba untuk memperkuat penyelenggaraan pemerintahan desa, pemberdayaan masyarakat, pengelolaan lingkungan, serta peningkatan kualitas sosial-ekonomi dan budaya desa.</p>",
+    "link": "https://mcinews.id/2025/09/11/inovasi-desa-darmasaba-lanjutkan-perjuangan-ke-tingkat-nasional-dan-diakui-negara-tetangga",
+    "imageId" : "cmk20of8m0004vnev9ujy5o0l"
+  },
+  {
+    "id": "cmdr7dlnk000hvn5r9lur3z35",
+    "name": "PDKT",
+    "description": "<p>PDKT (Perangkat Desa Kuat Teknologi) merupakan program inovasi Desa Darmasaba yang dirancang untuk menguatkan kapasitas dan kompetensi perangkat desa dalam memanfaatkan teknologi informasi dan komunikasi guna mendukung tata kelola pemerintahan desa yang modern, transparan, cepat, dan responsif.</p>",
+    "link": "https://darmasaba.desa.id/berita/67168-desa-darmasaba-masuk-5-besar-nasional-dalam-ajang-pemerintah-desa-dan-kelurahan-award-2025",
+    "imageId" : "cmk20omzq0005vnevgi6f4edu"
+  },
+  {
+    "id": "cmdr7bxtp000evn5rmy85wihx",
+    "name": "Sajjana Dharma Raksaka",
+    "description": "<p>Sajjana Dharma Raksaka adalah program inovasi Desa Darmasaba yang bertujuan untuk memperkuat akses perlindungan hukum dan pendampingan hukum non-litigasi bagi masyarakat desa. Melalui inovasi ini, desa menyediakan layanan pendampingan, mediasi, dan bantuan dalam menyelesaikan persoalan hukum secara bijaksana, humanis, dan berperspektif keadilan sosial</p>",
+    "link": "https://ppid.badungkab.go.id/storage/dokumen/5RS9dldGkrgzMQq6bKdZsqsVRHI8gffWv4PGfb3r.pdf",
+    "imageId" : "cmk20pf3d0006vnev3mkoqpyy"
   }
 ]
diff --git a/prisma/data/landing-page/sdgs-desa/sdgs-desa.json b/prisma/data/landing-page/sdgs-desa/sdgs-desa.json
index 9f1fc623..47ae0139 100644
--- a/prisma/data/landing-page/sdgs-desa/sdgs-desa.json
+++ b/prisma/data/landing-page/sdgs-desa/sdgs-desa.json
@@ -3,109 +3,109 @@
     "id": "cmdsjzdl30002vneknuvo4irv",
     "name": "Desa Tanpa Kemiskinan",
     "jumlah": "52.62",
-    "imageId": ""
+    "imageId": "cmk3grkby0000vnxwblul7viy"
   },
   {
     "id": "cmdskargd0005vnek0mu2ofk9",
     "name": "Desa Tanpa Kelaparan",
     "jumlah": "35.75",
-    "imageId": ""
+    "imageId": "cmk3h87lc0001vnxwxc5sn0xc"
   },
   {
     "id": "cmdskbvl0008vnek5dmieatb",
     "name": "Desa Sehat Dan Sejahtera",
     "jumlah": "77.37",
-    "imageId": ""
+    "imageId": "cmk3haaaf0002vnxwy5w07z3n"
   },
   {
     "id": "cmdskcx91000bvneko7tuaoqa",
     "name": "Pendidikan Desa Berkualitas",
     "jumlah": "34.11",
-    "imageId": ""
+    "imageId": "cmk3hdeeg0003vnxwezx6zu99"
   },
   {
     "id": "cmdskjare000evnek1hglu0x8",
     "name": "Keterlibatan Perempuan Desa",
     "jumlah": "45.70",
-    "imageId": ""
+    "imageId": "cmk3hg3n20004vnxwxofi5ylm"
   },
   {
     "id": "cmdskqcpc0002vnvnqjkqgm92",
     "name": "Desa Layak Air Bersih Dan Sanitasi",
     "jumlah": "48.54",
-    "imageId": ""
+    "imageId": "cmk3hjdb10005vnxwjtgd6g9g"
   },
   {
     "id": "cmdsktl3x0005vnvne15seefw",
     "name": "Desa Berenergi Bersih Dan Terbarukan",
     "jumlah": "99.64",
-    "imageId": ""
+    "imageId": "cmk3hlu6l0006vnxw9wtsaq4w"
   },
   {
     "id": "cmdskuncw0008vnvcsdqoeog",
     "name": "Pertumbuhan Ekonomi Desa Merata",
     "jumlah": "40.92",
-    "imageId": ""
+    "imageId": "cmk3hp5ht0007vnxwakvsa7ld"
   },
   {
     "id": "cmdskw83j000bvvn9szqrea6",
     "name": "Infrastruktur Dan Inovasi Desa Sesuai Kebutuhan",
     "jumlah": "35.37",
-    "imageId": ""
+    "imageId": "cmk3hrkmp0008vnxwijncfayo"
   },
   {
     "id": "cmdskwrq7000envnvy0c5nbgf",
     "name": "Desa Tanpa Kesenjangan",
     "jumlah": "35.47",
-    "imageId": ""
+    "imageId": "cmk3hu2lh0009vnxw82qb8l6h"
   },
   {
     "id": "cmdskxivx000hnvnvsx520gv1",
     "name": "Kawasan Pemukiman Desa Aman Dan Nyaman",
     "jumlah": "40.35",
-    "imageId": ""
+    "imageId": "cmk3hwtsm000avnxwfug41t9x"
   },
   {
     "id": "cmdskzg4c000kvnnkiv61gkt",
     "name": "Konsumsi Dan Produksi Desa Sadar Lingkungan",
     "jumlah": "16.67",
-    "imageId": ""
+    "imageId": "cmk3i09sa000bvnxw95elyupj"
   },
   {
     "id": "cmdsl07lk000nvnnvnrepsdy5m",
     "name": "Desa Tanggap Perubahan Iklim",
     "jumlah": "0.00",
-    "imageId": ""
+    "imageId": "cmk3i2q07000cvnxwkjxqld0c"
   },
   {
     "id": "cmdsl10rq000qvnvnlch9c1yv",
     "name": "Desa Peduli Lingkungan Laut",
     "jumlah": "50.00",
-    "imageId": ""
+    "imageId": "cmk3i53wr000dvnxw074gyuar"
   },
   {
     "id": "cmdsl1mc2000tvnvn357n8usi",
     "name": "Desa Peduli Lingkungan Darat",
     "jumlah": "0.00",
-    "imageId": ""
+    "imageId": "cmk3i7krz000evnxwe4uturyn"
   },
   {
     "id": "cmdsl2bx3000wvnvntshi4gnj",
     "name": "Desa Damai Berkeadilan",
     "jumlah": "78.65",
-    "imageId": ""
+    "imageId": "cmk3ib07w000fvnxwsnb1hga3"
   },
   {
     "id": "cmdsl2yz3000zvnvnmf60ok7q",
     "name": "Kemitraan Untuk Pembangunan Desa",
     "jumlah": "20.00",
-    "imageId": ""
+    "imageId": "cmk3idx0t000gvnxw16urbiw5"
   },
   {
     "id": "cmdsl492h0012vnvnmckm3n2x",
     "name": "Kelembagaan Desa Dinamis Dan Budaya Desa Adaptif",
     "jumlah": "47.22",
-    "imageId": ""
+    "imageId": "cmk3ig4ho000hvnxwewlheju3"
   }
 ] 
 
diff --git a/prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json b/prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json
index 731ccdb9..795e82cb 100644
--- a/prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json
+++ b/prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json
@@ -1,14 +1,14 @@
 [
     {
         "id": "cmeppcwzk0000vn5exmudcipd",
-        "jenisInformasi": "Potensi Desa",
-        "deskripsi": "<p>“Potensi desa adalah segenap sumber daya alam dan sumber daya manusia yang dimiliki desa sebagai modal dasar yang perlu dikelola dan dikembangkan bagi kelangsungan dan perkembangan desa. Adapun potensi yang dimiliki Desa Darmasaba yaitu:</p><ol><li><p>TPS3R Pudak Mesari</p></li><li><p>Bumdes Pudak Mesari</p></li><li><p>Pertanian</p></li><li><p>Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma Desa</p></li><li><p>Taman Beji Cengana</p></li><li><p>Dam Tanah Putih</p></li><li><p>Gumuh Sari Water Park</p></li><li><p>UMKM</p></li><li><p>Kawasan Kuliner</p></li><li><p>IKM berbasis Pengolahan Pangan</p></li><li><p>Genteng</p></li><li><p>Peternakan Ikan Lele</p></li><li><p>Pemotongan Daging”</p></li></ol>",
+        "jenisInformasi": "Penyelenggaraan Informasi Publik Desa",
+        "deskripsi": "<p>Kegiatan pengadaan/pembuatan aplikasi dan pelatihan untuk kemudahan akses informasi publik desa Darmasaba melalui sarana digital sebagai bagian dari transparansi layanan masyarakat.</p>",
         "tanggal": "2021-05-25"
     },
     {
         "id": "cmeppieay0001vn5e8qe658ub",
-        "jenisInformasi": "Layanan Surat Keterangan Desa",
-        "deskripsi": "<p>“Desa Darmasaba menyediakan berbagai jenis layanan surat keterangan untuk kebutuhan administratif, antara lain:</p><ul><li><p>Surat Keterangan Domisili Organisasi</p></li><li><p>Surat Keterangan Penghasilan</p></li><li><p>Surat Keterangan Tidak Mampu</p></li><li><p>Surat Keterangan Kelahiran</p></li><li><p>Surat Keterangan Usaha</p></li><li><p>Surat Keterangan Tempat Usaha</p></li><li><p>Surat Keterangan Belum Kawin</p></li><li><p>Surat Keterangan Kelakuan Baik (Pengantar SKCK)</p></li><li><p>Surat Keterangan Kematian</p></li><li><p>Surat Keterangan Perbedaan Biodata Diri</p></li><li><p>Surat Keterangan Yatim/Piatu/Yatim Piatu<br>Untuk surat keterangan lainnya, masyarakat dapat berkonsultasi langsung ke kantor Perbekel Darmasaba.”<br><em>(Sumber: Laman Layanan Desa Darmasaba)</em></p></li></ul>",
+        "jenisInformasi": "Kemudahan Akses Internet dan Informasi Desa",
+        "deskripsi": "<p>Penyediaan jaringan/ instalasi komunikasi dan informasi desa untuk mempermudah akses internet dan informasi kepada masyarakat desa Darmasaba, bagian dari penyelenggaraan informasi desa.</p>",
         "tanggal": "2025-02-21"
     }
 ]
\ No newline at end of file
diff --git a/prisma/data/ppid/profile-ppid/profilePPid.json b/prisma/data/ppid/profile-ppid/profilePPid.json
index 0c6828f7..b1cdb82b 100644
--- a/prisma/data/ppid/profile-ppid/profilePPid.json
+++ b/prisma/data/ppid/profile-ppid/profilePPid.json
@@ -5,6 +5,7 @@
     "biodata": "<p>I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar, serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.</p>",
     "riwayat": "<ul> <li>2021 - 2027: Perbekel Desa Darmasaba</li> <li>2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</li> <li>2020 - Sekarang: Founder Ugawa Record Music Studio</li> <li>2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</li> </ul>",
     "pengalaman": "<ul> <li>1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal</li><li>1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi</li> <li>2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar</li> <li>2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</li> <li>2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</li> <li>2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</li> <li>2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</li> </ul>",
-    "unggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>"
+    "unggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>",
+    "imageId" : "cmk3o5wxs0006vn9b1u5kbqyw"
   }
 ]
diff --git a/prisma/resolveImageByName.ts b/prisma/resolveImageByName.ts
new file mode 100644
index 00000000..0d9e0cff
--- /dev/null
+++ b/prisma/resolveImageByName.ts
@@ -0,0 +1,25 @@
+import prisma from "@/lib/prisma";
+
+// Ganti nama fungsi dan logikanya
+export default async function resolveImageById(
+  imageId?: string | null
+): Promise<string | null> {
+  if (!imageId) return null;
+
+  const image = await prisma.fileStorage.findFirst({
+    where: {
+      id: imageId,  // ← cari berdasarkan ID
+      category: "image",
+      isActive: true,
+      deletedAt: null,
+    },
+    select: { id: true },
+  });
+
+  if (!image) {
+    console.warn(`⚠️ Image with ID ${imageId} not found`);
+    return null;
+  }
+
+  return image.id;
+}
\ No newline at end of file
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 23535296..03172f31 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -607,8 +607,8 @@ model Berita {
   id               String          @id @default(cuid())
   judul            String
   deskripsi        String
-  image            FileStorage     @relation(fields: [imageId], references: [id])
-  imageId          String
+  image            FileStorage?     @relation(fields: [imageId], references: [id])
+  imageId          String?
   content          String          @db.Text
   createdAt        DateTime        @default(now())
   updatedAt        DateTime        @updatedAt
diff --git a/prisma/seed.ts b/prisma/seed.ts
index e5a2f912..892a067f 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -10,7 +10,6 @@ import sdgsDesa from "./data/landing-page/sdgs-desa/sdgs-desa.json";
 import apbdes from "./data/landing-page/apbdes/apbdes.json";
 import kategoriPrestasiDesa from "./data/landing-page/prestasi-desa/kategori-prestasi.json";
 import prestasiDesa from "./data/landing-page/prestasi-desa/prestasi-desa.json";
-import penghargaan from "./data/landing-page/penghargaan/penghargaan.json";
 import profilePPID from "./data/ppid/profile-ppid/profilePPid.json";
 import pegawaiPPID from "./data/ppid/struktur-ppid/pegawai-PPID.json";
 import posisiOrganisasiPPID from "./data/ppid/struktur-ppid/posisi-organisasi-PPID.json";
@@ -20,20 +19,25 @@ import jenisKelamin from "./data/ppid/ikm/jenis-kelamin/jenis-kelamin.json";
 import daftarInformasiPublik from "./data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json";
 import pilihanRatingResponden from "./data/ppid/ikm/pilihan-rating-responden/rating-responden.json";
 import umurResponden from "./data/ppid/ikm/umur-responden/umur-responden.json";
-import categoryPengumuman from "./data/category-pengumuman.json";
+import kategoriPengumuman from "./data/desa/pengumuman/kategori-pengumuman.json";
+import pengumuman from "./data/desa/pengumuman/pengumuman.json";
+import galleryVideo from "./data/desa/gallery/video/video.json";
 import pelayananPerizinanBerusaha from "./data/desa/layanan/pelayananPerizinanBerusaha.json";
 import pelayananSuratKeterangan from "./data/desa/layanan/pelayananSuratKeterangan.json";
 import pelayananTelunjukSaktiDesa from "./data/desa/layanan/pelayananTelunjukSaktiDesa.json";
 import pelayananPendudukNonPermanen from "./data/desa/layanan/pelayanaPendudukNonPermanen.json";
+import penghargaan from "./data/desa/penghargaan/penghargaan.json"
 import lambangDesa from "./data/desa/profile/lambang_desa.json";
 import maskotDesa from "./data/desa/profile/maskot_desa.json";
 import profilPerbekel from "./data/desa/profile/profil_perbekel.json";
+import perbekelDariMasaKeMasa from "./data/desa/profile/profile-perbekel-lalu.json";
 import sejarahDesa from "./data/desa/profile/sejarah_desa.json";
 import visiMisiDesa from "./data/desa/profile/visi_misi_desa.json";
 import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json";
 import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
 import pegawai from "./data/ekonomi/struktur-organisasi/pegawai-bumdes.json";
 import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi-bumdes.json";
+import berita from "./data/desa/berita/berita.json";
 import kategoriBerita from "./data/desa/berita/kategori-berita.json";
 import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
 import materiEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan.json";
@@ -45,7 +49,8 @@ import nilaiKonservasiAdat from "./data/lingkungan/konservasi-adat-bali/nilai-ko
 import caraMemperolehInformasi from "./data/list-caraMemperolehInformasi.json";
 import caraMemperolehSalinanInformasi from "./data/list-caraMemperolehSalinanInformasi.json";
 import jenisInformasiDiminta from "./data/list-jenisInfromasi.json";
-import potensi from "./data/list-potensi.json";
+import potensi from "./data/desa/potensi/potensi-desa.json";
+import kategoriPotensi from "./data/desa/potensi/kategori-potensi.json";
 import fasilitasBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan.json";
 import lokasiJadwalBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal.json";
 import tujuanBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/tujuan-bimbingan-belajar-desa.json";
@@ -62,12 +67,24 @@ import users from "./data/user/users.json";
 import { safeSeedUnique } from "./safeseedUnique";
 import safeImageId from "./data/safeImageId";
 import resolveImageIdForSeed from "./data/resolveImageId";
+import resolveImageByName from "./resolveImageByName";
+import resolveImageById from "./resolveImageByName";
 
 (async () => {
   // seed assets
-  await prisma.fileStorage.deleteMany();
-  console.log("🗑️ Cleared existing fileStorage records");
-  await seedAssets();
+  const totalFiles = await prisma.fileStorage.count();
+
+  const hasImageAsset = await prisma.fileStorage.findFirst({
+    where: { category: "image" },
+    select: { id: true },
+  });
+
+  if (totalFiles === 0 || !hasImageAsset) {
+    console.log("📂 fileStorage not ready, seeding assets...");
+    await seedAssets();
+  } else {
+    console.log("ℹ️ fileStorage already initialized, skipping asset seed");
+  }
 
   // // =========== FILE STORAGE ===========
   console.log("🔄 Seeding file storage...");
@@ -139,8 +156,9 @@ import resolveImageIdForSeed from "./data/resolveImageId";
 
       await safeSeedUnique(
         "user",
-        { id: u.id },
+        { nomor: u.nomor },
         {
+          id: u.id,
           username: u.username,
           nomor: u.nomor,
           roleId: u.roleId.toString(),
@@ -201,7 +219,6 @@ import resolveImageIdForSeed from "./data/resolveImageId";
   // =========== PROGRAM INOVASI ===========
   // Add this section after the other seed operations in seed.ts
   console.log("🔄 Seeding Program Inovasi...");
-
   for (const p of programInovasi) {
     const existing = await prisma.programInovasi.findUnique({
       where: { id: p.id },
@@ -248,20 +265,39 @@ import resolveImageIdForSeed from "./data/resolveImageId";
   }
 
   // =========== MEDIA SOSIAL ===========
+  console.log("🔄 Seeding Media Sosial...");
   for (const m of mediaSosial) {
     const existing = await prisma.mediaSosial.findUnique({
       where: { id: m.id },
       select: { imageId: true },
     });
 
-    const imageId = await resolveImageIdForSeed(existing?.imageId, m.imageId);
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && m.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: m.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${m.imageId} not found for ${m.name}`);
+        imageId = null;
+      }
+    }
 
     await prisma.mediaSosial.upsert({
       where: { id: m.id },
       update: {
         name: m.name,
         iconUrl: m.iconUrl,
-        // ⛔ JANGAN overwrite imageId sembarangan
         imageId,
       },
       create: {
@@ -310,21 +346,6 @@ import resolveImageIdForSeed from "./data/resolveImageId";
   }
   console.log("desa anti korupsi success ...");
 
-  // =========== KATEGORI DESA ANTI KORUPSI ===========
-  for (const p of kategoriDesaAntiKorupsi) {
-    await prisma.kategoriDesaAntiKorupsi.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-      },
-    });
-  }
-  console.log("desa anti korupsi success ...");
-
   // =========== KATEGORI PRESTASI DESA===========
   for (const c of kategoriPrestasiDesa) {
     await prisma.kategoriPrestasiDesa.upsert({
@@ -360,40 +381,107 @@ import resolveImageIdForSeed from "./data/resolveImageId";
   console.log("prestasi desa success ...");
 
   // =========== PENGHARGAAN ===========
+  console.log("🔄 Seeding Penghargaan...");
   for (const p of penghargaan) {
+    const existing = await prisma.penghargaan.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
     await prisma.penghargaan.upsert({
       where: { id: p.id },
       update: {
         name: p.name,
         juara: p.juara,
         deskripsi: p.deskripsi,
+        imageId,
       },
       create: {
         id: p.id,
         name: p.name,
         juara: p.juara,
         deskripsi: p.deskripsi,
+        imageId,
       },
     });
   }
   console.log("penghargaan success ...");
 
   // =========== LAYANAN DESA ===========
+  console.log("🔄 Seeding Pelayanan Surat Keterangan...");
+
   for (const p of pelayananSuratKeterangan) {
+    const existing = await prisma.pelayananSuratKeterangan.findUnique({
+      where: { id: p.id },
+      select: { imageId: true, image2Id: true }, // 📌 tambahkan image2Id
+    });
+
+    // 1️⃣ Handle imageId
+    let imageId = existing?.imageId ?? null;
+
+    if (!imageId && p.image) {
+      imageId = await resolveImageById(p.image);
+
+      if (imageId) {
+        console.log(`✅ Image resolved for "${p.name}" → ${p.image}`);
+      } else {
+        console.warn(`⚠️ Image not resolved for "${p.name}" → ${p.image}`);
+      }
+    }
+
+    // 2️⃣ Handle image2Id
+    let image2Id = existing?.image2Id ?? null;
+
+    if (!image2Id && p.image2) {
+      image2Id = await resolveImageById(p.image2);
+
+      if (image2Id) {
+        console.log(`✅ Image2 resolved for "${p.name}" → ${p.image2}`);
+      } else {
+        console.warn(`⚠️ Image2 not resolved for "${p.name}" → ${p.image2}`);
+      }
+    }
+
+    // 3️⃣ Upsert dengan kedua image
     await prisma.pelayananSuratKeterangan.upsert({
       where: { id: p.id },
       update: {
         name: p.name,
         deskripsi: p.deskripsi,
+        imageId,
+        image2Id, // 📌 tambahkan ini
       },
       create: {
         id: p.id,
         name: p.name,
         deskripsi: p.deskripsi,
+        imageId,
+        image2Id, // 📌 tambahkan ini
       },
     });
   }
-  console.log("pelayanan surat keterangan success ...");
+  console.log("✅ Pelayanan Surat Keterangan success...");
 
   for (const p of pelayananTelunjukSaktiDesa) {
     await prisma.pelayananTelunjukSaktiDesa.upsert({
@@ -411,24 +499,91 @@ import resolveImageIdForSeed from "./data/resolveImageId";
       },
     });
   }
-  console.log("pelayanan surat keterangan success ...");
+  console.log("pelayanan telunjuk sakti desa success ...");
+
+  for (const l of pelayananPerizinanBerusaha) {
+    await prisma.pelayananPerizinanBerusaha.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        name: l.name,
+        deskripsi: l.deskripsi,
+        link: l.link,
+      },
+      create: {
+        id: l.id,
+        name: l.name,
+        deskripsi: l.deskripsi,
+        link: l.link,
+      },
+    });
+  }
+
+  console.log("pelayanan perizinan berusaha success ...");
+
+  for (const l of pelayananPendudukNonPermanen) {
+    await prisma.pelayananPendudukNonPermanen.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        name: l.name,
+        deskripsi: l.deskripsi,
+      },
+      create: {
+        id: l.id,
+        name: l.name,
+        deskripsi: l.deskripsi,
+      },
+    });
+  }
+  console.log("pelayanan penduduk non permanen success ...");
 
   // =========== SDGSDesa ===========
+  console.log("🔄 Seeding SDGS Desa...");
   for (const l of sdgsDesa) {
+    const existing = await prisma.sdgsDesa.findUnique({
+      where: { id: l.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && l.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: l.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${l.imageId} not found for ${l.name}`);
+        imageId = null;
+      }
+    }
+
     await prisma.sdgsDesa.upsert({
       where: { id: l.id },
       update: {
         name: l.name,
         jumlah: l.jumlah,
+        imageId,
       },
       create: {
         id: l.id,
         name: l.name,
         jumlah: l.jumlah,
+        imageId,
       },
     });
   }
-
   console.log("sdgs desa success ...");
 
   // =========== APBDes ===========
@@ -513,7 +668,34 @@ import resolveImageIdForSeed from "./data/resolveImageId";
   console.log("lambang desa success ...");
 
   // =========== PROFIL PERBEKEL ===========
+  console.log("🔄 Seeding Profil Perbekel...");
   for (const c of profilPerbekel) {
+    const existing = await prisma.profilPerbekel.findUnique({
+      where: { id: c.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && c.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: c.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${c.imageId} not found for ${c.biodata}`);
+        imageId = null;
+      }
+    }
+
     await prisma.profilPerbekel.upsert({
       where: { id: c.id },
       update: {
@@ -521,7 +703,7 @@ import resolveImageIdForSeed from "./data/resolveImageId";
         pengalaman: c.pengalaman,
         pengalamanOrganisasi: c.pengalamanOrganisasi,
         programUnggulan: c.programUnggulan,
-        // imageId tidak di-update
+        imageId,
       },
       create: {
         id: c.id,
@@ -529,13 +711,57 @@ import resolveImageIdForSeed from "./data/resolveImageId";
         pengalaman: c.pengalaman,
         pengalamanOrganisasi: c.pengalamanOrganisasi,
         programUnggulan: c.programUnggulan,
-        // imageId tidak di-create
+        imageId,
+      },
+    });
+  }
+
+  // ============ PERBEKEL DARI MASA KE MAS ============
+  console.log("🔄 Seeding Perbekel Dari Masa Ke Masa...");
+  for (const c of perbekelDariMasaKeMasa) {
+    const existing = await prisma.perbekelDariMasaKeMasa.findUnique({
+      where: { id: c.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && c.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: c.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${c.imageId} not found for ${c.nama}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.perbekelDariMasaKeMasa.upsert({
+      where: { id: c.id },
+      update: {
+        nama: c.nama,
+        periode: c.periode,
+        daerah: c.daerah,
+        imageId,
+      },
+      create: {
+        id: c.id,
+        nama: c.nama,
+        periode: c.periode,
+        daerah: c.daerah,
+        imageId,
       },
     });
   }
-  console.log(
-    "✅ profilePerbekel seeded without imageId (editable later via UI)"
-  );
 
   // =========== VISI MISI DESA ===========
   for (const l of visiMisiDesa) {
@@ -711,55 +937,68 @@ import resolveImageIdForSeed from "./data/resolveImageId";
   }
   console.log("daftar informasi publik PPID success ...");
 
-  for (const l of pelayananPerizinanBerusaha) {
-    await prisma.pelayananPerizinanBerusaha.upsert({
+  for (const c of kategoriPotensi) {
+    await prisma.kategoriPotensi.upsert({
       where: {
-        id: l.id,
+        id: c.id,
       },
       update: {
-        name: l.name,
-        deskripsi: l.deskripsi,
-        link: l.link,
+        nama: c.nama,
       },
       create: {
-        id: l.id,
-        name: l.name,
-        deskripsi: l.deskripsi,
-        link: l.link,
+        id: c.id,
+        nama: c.nama,
       },
     });
   }
 
-  console.log("pelayanan perizinan berusaha success ...");
-
-  for (const l of pelayananPendudukNonPermanen) {
-    await prisma.pelayananPendudukNonPermanen.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        name: l.name,
-        deskripsi: l.deskripsi,
-      },
-      create: {
-        id: l.id,
-        name: l.name,
-        deskripsi: l.deskripsi,
-      },
-    });
-  }
-  console.log("pelayanan penduduk non permanen success ...");
+  console.log("kategori Potensi success ...");
 
+  console.log("🔄 Seeding Potensi Desa...");
   for (const p of potensi) {
-    await prisma.potensi.upsert({
+    const existing = await prisma.potensiDesa.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.potensiDesa.upsert({
       where: {
-        name: p.name,
+        id: p.id,
       },
       update: {
         name: p.name,
+        deskripsi: p.deskripsi,
+        content: p.content,
+        kategoriId: p.kategoriId,
+        imageId,
       },
       create: {
         name: p.name,
+        deskripsi: p.deskripsi,
+        content: p.content,
+        kategoriId: p.kategoriId,
+        imageId,
       },
     });
   }
@@ -769,7 +1008,7 @@ import resolveImageIdForSeed from "./data/resolveImageId";
   for (const k of kategoriBerita) {
     await prisma.kategoriBerita.upsert({
       where: {
-        name: k.name,
+        id: k.id,
       },
       update: {
         name: k.name,
@@ -782,16 +1021,106 @@ import resolveImageIdForSeed from "./data/resolveImageId";
 
   console.log("kategori berita success ...");
 
-  for (const c of categoryPengumuman) {
-    await prisma.categoryPengumuman.upsert({
+  console.log("🔄 Seeding Berita...");
+  for (const b of berita) {
+    const existing = await prisma.berita.findUnique({
+      where: { id: b.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && b.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: b.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${b.imageId} not found for ${b.judul}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.berita.upsert({
       where: {
-        name: c.name,
+        id: b.id,
       },
       update: {
-        name: c.name,
+        judul: b.judul,
+        deskripsi: b.deskripsi,
+        content: b.content,
+        kategoriBeritaId: b.kategoriBeritaId,
+        imageId,
       },
       create: {
+        judul: b.judul,
+        deskripsi: b.deskripsi,
+        content: b.content,
+        kategoriBeritaId: b.kategoriBeritaId,
+        imageId,
+      },
+    });
+  }
+
+  console.log("potensi success ...");
+
+  for (const c of kategoriPengumuman) {
+    await safeSeedUnique(
+      "categoryPengumuman",
+      { name: c.name }, // ✅ where clause
+      {
+        id: c.id,
         name: c.name,
+      }
+    );
+  }
+
+  console.log("category pengumuman success ...");
+
+  for (const p of pengumuman) {
+    await prisma.pengumuman.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        content: p.content,
+        categoryPengumumanId: p.categoryPengumumanId,
+      },
+      create: {
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        content: p.content,
+        categoryPengumumanId: p.categoryPengumumanId,
+      },
+    });
+  }
+
+  console.log("category pengumuman success ...");
+
+  for (const v of galleryVideo) {
+    await prisma.galleryVideo.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        name: v.judul,
+        deskripsi: v.deskripsi,
+        linkVideo: v.linkVideo,
+      },
+      create: {
+        name: v.judul,
+        deskripsi: v.deskripsi,
+        linkVideo: v.linkVideo,
       },
     });
   }
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 64317887..0af35add 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -45,7 +45,7 @@ export default async function seedAssets() {
 
   // 1. Download zip
   const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/90dd12c9713e42379fcd/?dl=1";
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/bc437c719af64c0bb7f2/?dl=1";
   const res = await fetchWithRetry(url, 3, 20000);
 
   // Validasi content-type
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
index df15c04d..8b5d81b4 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
@@ -89,7 +89,7 @@ function ListVideo({ search }: { search: string }) {
         {/* Desktop Table */}
         <Box visibleFrom="md">
           <Box style={{ overflowX: 'auto' }}>
-           <Table highlightOnHover striped verticalSpacing="sm">
+            <Table highlightOnHover striped verticalSpacing="sm">
               <TableThead>
                 <TableTr>
                   <TableTh>Judul Video</TableTh>
@@ -200,20 +200,19 @@ function ListVideo({ search }: { search: string }) {
         </Stack>
       </Paper>
 
-      {totalPages > 1 && (
-        <Center mt="xl">
-          <Pagination
-            value={page}
-            onChange={(newPage) => {
-              load(newPage, 10)
-              window.scrollTo({ top: 0, behavior: 'smooth' })
-            }}
-            total={totalPages}
-            color="blue"
-            radius="md"
-          />
-        </Center>
-      )}
+
+      <Center mt="xl">
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 10)
+            window.scrollTo({ top: 0, behavior: 'smooth' })
+          }}
+          total={totalPages}
+          color="blue"
+          radius="md"
+        />
+      </Center>
     </Box>
   );
 }
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
index 89e71ca7..ac433f4d 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
@@ -98,7 +98,7 @@ function ListSuratKeterangan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+        <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table highlightOnHover>
             <TableThead>
               <TableTr>
@@ -108,59 +108,61 @@ function ListSuratKeterangan({ search }: { search: string }) {
                 <TableTh fz="sm" fw={600} ta="left">
                   Deskripsi
                 </TableTh>
-                <TableTh fz="sm" fw={600} ta="left">
-                  Aksi
-                </TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length > 0 ? (
-                filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd>
-                      <Text fz="md" fw={500} lh={1.5} truncate="end">
-                        {item.name}
-                      </Text>
-                    </TableTd>
-                    <TableTd>
-                      <Text
-                        fz="sm"
-                        lh={1.5}
-                        dangerouslySetInnerHTML={{ __html: item.deskripsi || '' }}
-                        style={{ wordBreak: 'break-word' }}
-                      />
-                    </TableTd>
-                    <TableTd>
-                      <Button
-                        size="xs"
-                        radius="md"
-                        variant="light"
-                        color="blue"
-                        leftSection={<IconDeviceImacCog size={16} />}
-                        onClick={() =>
-                          router.push(
-                            `/admin/desa/layanan/pelayanan_surat_keterangan/${item.id}`
-                          )
-                        }
-                      >
-                        Detail
-                      </Button>
+                  <TableTh fz="sm" fw={600} ta="left">
+                    Aksi
+                  </TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                {filteredData.length > 0 ? (
+                  filteredData.map((item) => (
+                    <TableTr key={item.id}>
+                       <TableTd style={{ maxWidth: 250 }}>
+                        <Text fz="md" fw={500} lh={1.5} truncate="end">
+                          {item.name}
+                        </Text>
+                      </TableTd>
+                       <TableTd style={{ maxWidth: 250 }}>
+                        <Text
+                          fz="sm"
+                          lh={1.5}
+                          dangerouslySetInnerHTML={{ __html: item.deskripsi || '' }}
+                          style={{ wordBreak: 'break-word' }}
+                          lineClamp={1}
+                          truncate="end"
+                        />
+                      </TableTd>
+                       <TableTd style={{ maxWidth: 250 }}>
+                        <Button
+                          size="xs"
+                          radius="md"
+                          variant="light"
+                          color="blue"
+                          leftSection={<IconDeviceImacCog size={16} />}
+                          onClick={() =>
+                            router.push(
+                              `/admin/desa/layanan/pelayanan_surat_keterangan/${item.id}`
+                            )
+                          }
+                        >
+                          Detail
+                        </Button>
+                      </TableTd>
+                    </TableTr>
+                  ))
+                ) : (
+                  <TableTr>
+                    <TableTd colSpan={3}>
+                      <Center py="xl">
+                        <Text c="dimmed" fz="sm" ta="center">
+                          Tidak ada data surat keterangan yang cocok
+                        </Text>
+                      </Center>
                     </TableTd>
                   </TableTr>
-                ))
-              ) : (
-                <TableTr>
-                  <TableTd colSpan={3}>
-                    <Center py="xl">
-                      <Text c="dimmed" fz="sm" ta="center">
-                        Tidak ada data surat keterangan yang cocok
-                      </Text>
-                    </Center>
-                  </TableTd>
-                </TableTr>
-              )}
-            </TableTbody>
-          </Table>
+                )}
+              </TableTbody>
+            </Table>
         </Box>
 
         {/* Mobile Cards */}
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 1e70c8e0..1ff3f25e 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -50,9 +50,19 @@ function Apbdes() {
 
   const dataAPBDes = state.findMany.data || []
 
-  const years = Array.from(new Set(dataAPBDes.map((item: any) => item.tahun)))
-    .sort((a, b) => b - a)
-    .map(year => ({ value: year.toString(), label: `Tahun ${year}` }))
+  const years = Array.from(
+  new Set(
+    dataAPBDes
+      .map((item: any) => item?.tahun)
+      .filter((tahun): tahun is number => typeof tahun === 'number')
+  )
+)
+  .sort((a, b) => b - a)
+  .map(year => ({
+    value: year.toString(),
+    label: `Tahun ${year}`,
+  }))
+
 
   useEffect(() => {
     if (years.length > 0 && !selectedYear) {
-- 
2.49.1


From 184854d273dfe28ad67401e8c9708f09d6386687 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 13 Jan 2026 11:45:55 +0800
Subject: [PATCH 66/97] Fix Table Admin Preview  Desktop Seeder Menu Kesehatan

---
 prisma/data/file-storage.json                 |  189 +++
 .../infowabahpenyakit/infowabahpenyakit.json  |   37 +
 .../kontak-darurat/kontak-darurat.json        |   30 +
 .../penanganan-darurat/penganan-darurat.json  |   26 +
 .../program-kesehatan/program-kesehatan.json  |   44 +
 .../puskesmas/jam-puskesmas/jam.json          |   14 +
 .../puskesmas/kontak-puskesmas/kontak.json    |   16 +
 .../data/kesehatan/puskesmas/puskesmas.json   |   18 +
 prisma/schema.prisma                          |   26 +-
 prisma/seed.ts                                | 1172 +++++++++++------
 prisma/seed_assets.ts                         |    2 +-
 .../desa/berita/kategori-berita/page.tsx      |    6 +-
 .../desa/berita/list-berita/page.tsx          |    6 +-
 .../(dashboard)/desa/gallery/foto/page.tsx    |    6 +-
 .../(dashboard)/desa/gallery/video/page.tsx   |  116 +-
 .../desa/layanan/ajukan_permohonan/page.tsx   |    6 +-
 .../pelayanan_surat_keterangan/page.tsx       |    4 +-
 .../pelayanan_telunjuk_sakti_desa/page.tsx    |    6 +-
 .../(dashboard)/desa/penghargaan/page.tsx     |    6 +-
 .../pengumuman/kategori-pengumuman/page.tsx   |    6 +-
 .../desa/pengumuman/list-pengumuman/page.tsx  |    6 +-
 .../desa/potensi/kategori-potensi/page.tsx    |    6 +-
 .../desa/potensi/list-potensi/page.tsx        |    6 +-
 .../page.tsx                                  |    6 +-
 .../apbdesa/page.tsx                          |    2 +-
 .../belanja/page.tsx                          |    2 +-
 .../pembiayaan/page.tsx                       |    2 +-
 .../pendapatan/page.tsx                       |    2 +-
 .../pegawai/page.tsx                          |    2 +-
 .../posisi-organisasi/page.tsx                |    2 +-
 .../ekonomi/demografi-pekerjaan/page.tsx      |    2 +-
 .../ekonomi/jumlah-penduduk-miskin/page.tsx   |    2 +-
 .../page.tsx                                  |    2 +-
 .../pengangguran_berdasarkan_usia/page.tsx    |    2 +-
 .../ekonomi/jumlah-pengangguran/page.tsx      |    2 +-
 .../ekonomi/lowongan-kerja-lokal/page.tsx     |    2 +-
 .../pasar-desa/kategori-produk/page.tsx       |    2 +-
 .../pasar-desa/produk-pasar-desa/page.tsx     |    2 +-
 .../ekonomi/program-kemiskinan/page.tsx       |    2 +-
 .../ekonomi/sektor-unggulan-desa/page.tsx     |    2 +-
 .../inovasi/ajukan-ide-inovatif/page.tsx      |    4 +-
 .../info-teknologi-tepat-guna/page.tsx        |    2 +-
 .../list-kolaborasi-inovasi/page.tsx          |    2 +-
 .../mitra-kolaborasi/page.tsx                 |    2 +-
 .../administrasi-online/page.tsx              |    2 +-
 .../jenis-layanan/page.tsx                    |    2 +-
 .../jenis-pengaduan/page.tsx                  |    2 +-
 .../pengaduan-masyarakat/page.tsx             |    2 +-
 .../inovasi/program-kreatif-desa/page.tsx     |    2 +-
 .../page.tsx                                  |    6 +-
 .../kontak-darurat-item/page.tsx              |    2 +-
 .../kontak-darurat-keamanan/page.tsx          |    2 +-
 .../keamanan/laporan-publik/page.tsx          |    2 +-
 .../keamanan/pencegahan-kriminalitas/page.tsx |    2 +-
 .../keamanan/polsek-terdekat/page.tsx         |    2 +-
 .../keamanan/tips-keamanan/page.tsx           |    2 +-
 .../artikel_kesehatan/page.tsx                |    4 +-
 .../dokter-tenaga-medis/page.tsx              |    6 +-
 .../fasilitas_kesehatan/page.tsx              |    6 +-
 .../tarif-layanan/page.tsx                    |    6 +-
 .../jadwal_kegiatan/page.tsx                  |    6 +-
 .../penderita_penyakit/page.tsx               |    6 +-
 .../kelahiran/page.tsx                        |    6 +-
 .../kematian/page.tsx                         |    6 +-
 .../page.tsx                                  |    2 +-
 .../kesehatan/info-wabah-penyakit/page.tsx    |    4 +-
 .../kontak-darurat/[id]/edit/page.tsx         |    4 +-
 .../kesehatan/kontak-darurat/[id]/page.tsx    |    2 +-
 .../kesehatan/kontak-darurat/create/page.tsx  |    4 +-
 .../kesehatan/kontak-darurat/page.tsx         |    6 +-
 .../kesehatan/penanganan-darurat/page.tsx     |    6 +-
 .../(dashboard)/kesehatan/posyandu/page.tsx   |   23 +-
 .../kesehatan/program-kesehatan/page.tsx      |    6 +-
 .../(dashboard)/kesehatan/puskesmas/page.tsx  |    6 +-
 .../(dashboard)/landing-page/SDGs/page.tsx    |    6 +-
 .../(dashboard)/landing-page/apbdes/page.tsx  |    6 +-
 .../kategori-desa-anti-korupsi/page.tsx       |    6 +-
 .../list-desa-anti-korupsi/page.tsx           |    2 +-
 .../responden/page.tsx                        |    2 +-
 .../kategori-prestasi-desa/page.tsx           |    2 +-
 .../prestasi-desa/list-prestasi-desa/page.tsx |    4 +-
 .../landing-page/profil/media-sosial/page.tsx |    6 +-
 .../profil/program-inovasi/page.tsx           |  120 +-
 .../lingkungan/data-lingkungan-desa/page.tsx  |   12 +-
 .../gotong-royong/kategori-kegiatan/page.tsx  |    2 +-
 .../gotong-royong/kegiatan-desa/page.tsx      |    2 +-
 .../keterangan-bank-sampah-terdekat/page.tsx  |    2 +-
 .../page.tsx                                  |    2 +-
 .../beasiswa-desa/beasiswa-pendaftar/page.tsx |    2 +-
 .../beasiswa-desa/keunggulan-program/page.tsx |    2 +-
 .../info-sekolah/jenjang-pendidikan/page.tsx  |    2 +-
 .../pendidikan/info-sekolah/lembaga/page.tsx  |    2 +-
 .../pendidikan/info-sekolah/pengajar/page.tsx |    2 +-
 .../pendidikan/info-sekolah/siswa/page.tsx    |    2 +-
 .../data-perpustakaan/page.tsx                |    2 +-
 .../kategori-buku/page.tsx                    |    2 +-
 .../perpustakaan-digital/peminjam/page.tsx    |    2 +-
 .../responden/page.tsx                        |    2 +-
 .../ppid/permohonan-informasi-publik/page.tsx |    6 +-
 .../page.tsx                                  |    6 +-
 .../ppid/struktur-ppid/pegawai/page.tsx       |    6 +-
 .../struktur-ppid/posisi-organisasi/page.tsx  |    6 +-
 .../admin/(dashboard)/user&role/role/page.tsx |    2 +-
 .../admin/(dashboard)/user&role/user/page.tsx |    2 +-
 .../artikel-kesehatan-page/[id]/page.tsx      |    4 +-
 .../fasilitas-kesehatan-page/[id]/page.tsx    |    8 +-
 .../kesehatan/kontak-darurat/[id]/page.tsx    |   12 +-
 .../(pages)/kesehatan/kontak-darurat/page.tsx |    2 +-
 .../kesehatan/penanganan-darurat/page.tsx     |    2 +-
 .../(pages)/kesehatan/posyandu/[id]/page.tsx  |    2 +-
 .../(pages)/kesehatan/posyandu/page.tsx       |    2 +-
 .../(pages)/kesehatan/puskesmas/[id]/page.tsx |    2 +-
 .../(pages)/kesehatan/puskesmas/page.tsx      |    2 +-
 .../darmasaba/_com/ModernNewsNotification.tsx |    4 +-
 src/app/darmasaba/_com/Navbar.tsx             |    2 +-
 115 files changed, 1508 insertions(+), 695 deletions(-)
 create mode 100644 prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json
 create mode 100644 prisma/data/kesehatan/kontak-darurat/kontak-darurat.json
 create mode 100644 prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json
 create mode 100644 prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
 create mode 100644 prisma/data/kesehatan/puskesmas/jam-puskesmas/jam.json
 create mode 100644 prisma/data/kesehatan/puskesmas/kontak-puskesmas/kontak.json
 create mode 100644 prisma/data/kesehatan/puskesmas/puskesmas.json

diff --git a/prisma/data/file-storage.json b/prisma/data/file-storage.json
index a4aa1dec..34fe16f1 100644
--- a/prisma/data/file-storage.json
+++ b/prisma/data/file-storage.json
@@ -926,5 +926,194 @@
     "mimeType": "image/webp",
     "link": "/api/fileStorage/findUnique/TDQReg1lQ73s39crXW0ra-desktop.webp",
     "category": "image"
+  },
+  {
+    "id": "cmkao2zm90007vntzxqkjy5mt",
+    "name": "d6hJgycQawWN3VEcHaqtR-desktop.webp",
+    "realName": "puskesmas.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/d6hJgycQawWN3VEcHaqtR-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkatoru10000vny38y0wxd6s",
+    "name": "cg78Sb_QzZFlli9s2FPVc-desktop.webp",
+    "realName": "puskesmas2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/cg78Sb_QzZFlli9s2FPVc-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkay1e590010vn6y24pgaa1r",
+    "name": "hLeF0GRFZqDUngZnDMAAk-desktop.webp",
+    "realName": "pk1.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/hLeF0GRFZqDUngZnDMAAk-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkay6hob0011vn6ybjwejcej",
+    "name": "hyyTFi8EApjzFEZ9EvJgB-desktop.webp",
+    "realName": "pk2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/hyyTFi8EApjzFEZ9EvJgB-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkay8vmd0012vn6ylsk2vzfo",
+    "name": "l4qsUEw2JiclGAkkrXp9g-desktop.webp",
+    "realName": "pk3.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/l4qsUEw2JiclGAkkrXp9g-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkayd8o90013vn6ye7n8805q",
+    "name": "Gc79mlIlGuoRQuTqskFj--desktop.webp",
+    "realName": "pk-4.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Gc79mlIlGuoRQuTqskFj--desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkayi0x90016vn6ykddxqyq3",
+    "name": "OsMY3AYPyGC_CoN1xUjOn-desktop.webp",
+    "realName": "posyandu1.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/OsMY3AYPyGC_CoN1xUjOn-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkaykipf0019vn6yknjno3k1",
+    "name": "M9QlgVKIEfCdY3g4F_tRZ-desktop.webp",
+    "realName": "pk6.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/M9QlgVKIEfCdY3g4F_tRZ-desktop.webp",
+    "category": "image"
+  },
+    {
+    "id": "cmkayz2h8001cvn6yrb7uptjs",
+    "name": "Gi8EX3pBmT719AfzXirDS-desktop.webp",
+    "realName": "pd1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Gi8EX3pBmT719AfzXirDS-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkawq38m0009vn6yi7evbhap",
+    "name": "v7Ac2xQvTiJy-HYh1AxF4-desktop.webp",
+    "realName": "posko-siaga.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/v7Ac2xQvTiJy-HYh1AxF4-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkawso29000cvn6y879ahra0",
+    "name": "jYxEXspWH5g6eTTVqK72c-desktop.webp",
+    "realName": "ambulance.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/jYxEXspWH5g6eTTVqK72c-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkawu7qj000fvn6yubhimyiv",
+    "name": "3tNQ9J8I3Ewq5H8CWuqvp-desktop.webp",
+    "realName": "penanganan darurat.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/3tNQ9J8I3Ewq5H8CWuqvp-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkb6488i001fvn6ylkddch1j",
+    "name": "g4ICsRrmOaIqS_yqlQLZK-desktop.webp",
+    "realName": "puskesmas2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/g4ICsRrmOaIqS_yqlQLZK-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkb681og001gvn6ykb5uasln",
+    "name": "1NkzPzQailqE5yNOiUjB9-desktop.webp",
+    "realName": "puskesmas.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/1NkzPzQailqE5yNOiUjB9-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkb6brrf0000vn14u8c7wnox",
+    "name": "NBPAqjPXn7GQmYTDBI5hu-desktop.webp",
+    "realName": "kd3.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/NBPAqjPXn7GQmYTDBI5hu-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkb6ehpi0001vn14hjp4tdye",
+    "name": "EcQIGOF6LW1dIKE53vmba-desktop.webp",
+    "realName": "kd4.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/EcQIGOF6LW1dIKE53vmba-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkbynxxo0000vn67wi2nsyl3",
+    "name": "pps1ZgzJxDb4VZxEvtZeu-desktop.webp",
+    "realName": "infowp-1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/pps1ZgzJxDb4VZxEvtZeu-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkbyr3mk0003vn673xrqv8xv",
+    "name": "JhJigMo269K1TFGzSB1OS-desktop.webp",
+    "realName": "infowp-2.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/JhJigMo269K1TFGzSB1OS-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkax3o8g000rvn6ygqpmo1nb",
+    "name": "5giLSHSnWEFoZoMEcjhL7-desktop.webp",
+    "realName": "diare.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/5giLSHSnWEFoZoMEcjhL7-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkax5ukz000uvn6yho3aj2nf",
+    "name": "3faPo-1wjhVDVU6S7S8sS-desktop.webp",
+    "realName": "tbc.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/3faPo-1wjhVDVU6S7S8sS-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkax72nw000xvn6ymcuvlzom",
+    "name": "DyX82oztXbHfu6HEvbrpt-desktop.webp",
+    "realName": "dbd.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/DyX82oztXbHfu6HEvbrpt-desktop.webp",
+    "category": "image"
   }
 ]
diff --git a/prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json b/prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json
new file mode 100644
index 00000000..cec9fc18
--- /dev/null
+++ b/prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json
@@ -0,0 +1,37 @@
+[
+  {
+    "id": "cmkax3ptc000tvn6ytq1lpb2z",
+    "name": "Diare dan Kolera",
+    "deskripsiSingkat": "<p>Apa itu Diare dan Kolera penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan Diare dan Kolera yang efektif untuk melindungi keluarga anda.</p>",
+    "deskripsiLengkap": "<p>Apa itu Diare dan Kolera penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan Diare dan Kolera yang efektif untuk melindungi keluarga anda.</p><ul><li><p>Penyebab: Bakteri Vibrio cholerae (Kolera) atau Escherichia coli (diare) akibat makanan/minuman yang terkontaminasi.</p></li><li><p>Gejala: Buang air besar cair terus-menerus, dehidrasi, dan lemas. Pencegahan: Menjaga kebersihan makanan dan air, serta mencuci tangan dengan sabun.</p></li></ul>",
+    "imageId": "cmkax3o8g000rvn6ygqpmo1nb"
+  },
+  {
+    "id": "cmkax5urc000wvn6yxfw0970w",
+    "name": "TBC (Tuberkulosis)",
+    "deskripsiSingkat": "<p>Apa itu TBC penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan TBC yang efektif untuk melindungi keluarga anda.</p>",
+    "deskripsiLengkap": "<p>Apa itu TBC penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan TBC yang efektif untuk melindungi keluarga anda.</p><p>Penyebab: Bakteri Mycobacterium tuberculosis yang menyebar melalui udara.</p><p>Gejala: Batuk lebih dari 2 minggu, berkeringat di malam hari, dan berat badan turun.</p><p>Pencegahan: Vaksin BCG, pola hidup sehat, dan pengobatan bagi penderita agar tidak menular.</p>",
+    "imageId": "cmkax5ukz000uvn6yho3aj2nf"
+  },
+  {
+    "id": "cmkax72s7000zvn6yz3nmvrry",
+    "name": "Demam Berdarah Dengue (DBD)",
+    "deskripsiSingkat": "<p>Yuk Kenali gelaja dan cara penanganan DBD yang efektif untuk melindungi keluarga anda selama musim hujan.</p>",
+    "deskripsiLengkap": "<p>Apa itu DBD penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan DBD yang efektif untuk melindungi keluarga anda selama musim hujan.</p><p>Penyebab: Virus dengue yang ditularkan oleh nyamuk Aedes aegypti.</p><p>Gejala: Demam tinggi, nyeri sendi, ruam kulit, dan pendarahan ringan.</p><p>Pencegahan: Menguras tempat air, menutup wadah air, fogging, dan menggunakan lotion anti-nyamuk.</p>",
+    "imageId": "cmkax72nw000xvn6ymcuvlzom"
+  },
+  {
+    "id": "cmkbyny4f0002vn67kmjmjrpl",
+    "name": "Fogging sebagai Pencegah DBD di Br. Umahanyar Desa Darmasaba",
+    "deskripsiSingkat": "<p>Pemerintah Desa Darmasaba melaksanakan fogging di wilayah Br. Umahanyar sebagai upaya pencegahan DBD di Desa Darmasaba.</p>",
+    "deskripsiLengkap": "<p>Pemerintah Desa Darmasaba melaksanakan fogging (pengasapan) di wilayah Br. Umahanyar Desa Darmasaba Kecamatan Abiansemal Kabupaten Badung dari tanggal 12 sampai dengan 13 April 2023.</p><p>Fogging ini merupakan salah satu metode yang dilakukan oleh Pemdes Darmasaba dalam pencegahan penyakit Demam Berdarah Dengue (DBD) dengan menargetkan nyamuk Aedes aegypti sebagai vektor penyebabnya.</p>",
+    "imageId": "cmkbynxxo0000vn67wi2nsyl3"
+  },
+  {
+    "id": "cmkbyr3rx0005vn674uhycsxc",
+    "name": "Gerakan Serentak Penyemprotan Pencegahan PMK di Desa Darmasaba",
+    "deskripsiSingkat": "<p>Penyemprotan serentak dilakukan di Desa Darmasaba untuk mencegah Penyakit Mulut dan Kaki (PMK) pada hewan ternak.</p>",
+    "deskripsiLengkap": "<p>Setelah dilakukan vaksinasi Penyakit Mulut dan Kaki (PMK) pada hewan ternak yaitu sapi di wilayah Desa Darmasaba, Pemerintah Desa Darmasaba melaksanakan gerakan serentak penyemprotan pencegahan PMK pada hari Rabu (20/7/2022) di seputaran wilayah Desa Darmasaba.</p><p>Upaya ini dilakukan sebagai bentuk pencegahan terhadap penyebaran PMK dan menjaga kesehatan hewan ternak di desa.</p>",
+    "imageId": "cmkbyr3mk0003vn673xrqv8xv"
+  }
+]
diff --git a/prisma/data/kesehatan/kontak-darurat/kontak-darurat.json b/prisma/data/kesehatan/kontak-darurat/kontak-darurat.json
new file mode 100644
index 00000000..3c1477b8
--- /dev/null
+++ b/prisma/data/kesehatan/kontak-darurat/kontak-darurat.json
@@ -0,0 +1,30 @@
+[
+  {
+    "id": "cmkax1vks000qvn6yyxuvfsi8",
+    "name": "Puskesmas Pembantu Darmasaba",
+    "deskripsi": "<p>Puskesmas Pembantu Darmasaba merupakan fasilitas kesehatan tingkat pertama yang berada di Desa Darmasaba, melayani berbagai layanan kesehatan masyarakat termasuk pemeriksaan umum dan imunisasi.</p>",
+    "imageId": "cmkb6488i001fvn6ylkddch1j",
+    "whatsapp": "089647037430"
+  },
+  {
+    "id": "cmkawzrvg000nvn6ywyx529em",
+    "name": "UPTD Puskesmas Abiansemal III (melayani Darmasaba)",
+    "deskripsi": "<p>Puskesmas Abiansemal III adalah fasilitas kesehatan utama di kecamatan Abiansemal yang melayani wilayah Desa Darmasaba dan sekitarnya. Puskesmas ini memiliki layanan 24 jam serta pelayanan darurat kesehatan dasar.</p>",
+    "imageId": "cmkb681og001gvn6ykb5uasln",
+    "whatsapp": "03618463263"
+  },
+  {
+    "id": "cmkawy5in000kvn6yza82pkkg",
+    "name": "UPTD Puskesmas Abiansemal I",
+    "deskripsi": "<p>Puskesmas Abiansemal I melayani masyarakat di wilayah kecamatan Abiansemal, termasuk pelayanan kesehatan darurat dan program kesehatan masyarakat.</p>",
+    "imageId": "cmkb6brrf0000vn14u8c7wnox",
+    "whatsapp": "087858367111"
+  },
+  {
+    "id": "cmkb6ehu20003vn14ca4xr057",
+    "name": "Kantor Desa Darmasaba (Kontak Informasi Kesehatan)",
+    "deskripsi": "<p>Kantor Pemerintahan Desa Darmasaba dapat menjadi saluran kontak awal untuk rujukan layanan kesehatan darurat atau informasi lebih lanjut mengenai fasilitas kesehatan di wilayah desa.</p>",
+    "imageId": "cmkb6ehpi0001vn14hjp4tdye",
+    "whatsapp": "081239580000"
+  }
+]
diff --git a/prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json b/prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json
new file mode 100644
index 00000000..4b594959
--- /dev/null
+++ b/prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json
@@ -0,0 +1,26 @@
+[
+  {
+    "id": "cmkawso7y000evn6ygob15cqb",
+    "name": "Rembug Stunting di Desa Darmasaba",
+    "deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan kegiatan rembug stunting dengan melibatkan bidan desa, kader posyandu, dan tokoh masyarakat. Tujuan kegiatan ini adalah untuk memperkuat upaya pencegahan kekerdilan (stunting) melalui koordinasi layanan kesehatan, edukasi gizi, serta percepatan penanganan gizi buruk di lingkungan desa sebagai bagian dari respons terhadap kondisi kesehatan yang mendesak.</p>",
+    "imageId": "cmkayz2h8001cvn6yrb7uptjs"
+  },
+  {
+    "id": "cmkawq3ef000bvn6y387vub0y",
+    "name": "Posko Kesehatan Darurat dan Bencana",
+    "deskripsi": "<p>Posko Kesehatan Darurat dan Bencana Desa Darmasaba dibentuk sebagai pusat koordinasi dan pertolongan bagi warga yang terdampak situasi darurat seperti banjir, tanah longsor, atau wabah penyakit. Posko ini dilengkapi dengan tenaga medis, obat-obatan dasar, serta dukungan logistik untuk memastikan penanganan cepat dan tepat sasaran. Kegiatan ini juga melibatkan kader kesehatan desa dan karang taruna sebagai relawan lapangan.</p>",
+    "imageId": "cmkawq38m0009vn6yi7evbhap"
+  },
+  {
+    "id": "cmkawso7y000evn6ygob14bpa",
+    "name": "Layanan Ambulans Desa Darmasaba",
+    "deskripsi": "<p>Layanan Ambulans Desa Darmasaba disiapkan untuk membantu masyarakat yang membutuhkan transportasi medis darurat ke fasilitas kesehatan terdekat. Layanan ini beroperasi 24 jam dan dapat dihubungi melalui nomor darurat desa. Tim ambulans terdiri dari relawan terlatih dan tenaga medis yang siap memberikan pertolongan pertama di lokasi kejadian sebelum dirujuk ke rumah sakit atau puskesmas.</p>",
+    "imageId": "cmkawso29000cvn6y879ahra0"
+  },
+  {
+    "id": "cmkawu7te000hvn6yh3pdnv4w",
+    "name": "Penanganan Darurat Sosial & Kesehatan Desa Darmasaba",
+    "deskripsi": "<p>Program Penanganan Darurat Sosial &amp; Kesehatan Desa Darmasaba bertujuan memberikan respon cepat terhadap situasi darurat seperti warga sakit mendadak, kecelakaan, bencana alam, maupun kondisi sosial yang membutuhkan bantuan segera. Tim Siaga Desa Darmasaba berkoordinasi dengan Puskesmas Abiansemal dan BPBD untuk memastikan penanganan yang cepat, tepat, dan manusiawi. Program ini juga mencakup layanan ambulans desa, posko kesehatan darurat, serta bantuan logistik bagi warga terdampak.</p>",
+    "imageId": "cmkawu7qj000fvn6yubhimyiv"
+  }
+]
diff --git a/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json b/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
new file mode 100644
index 00000000..8234f506
--- /dev/null
+++ b/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
@@ -0,0 +1,44 @@
+[
+  {
+    "id": "cmkawkji50002vn6yzyrlqhh1",
+    "name": "Gerakan Kulkul PKK dan Posyandu Desa Darmasaba",
+    "deskripsiSingkat": "<p>Kegiatan bersama PKK dan Posyandu untuk meningkatkan pelayanan kesehatan masyarakat.</p>",
+    "deskripsi": "<p>Pada hari Minggu, 11 Januari 2025, Pemerintah Desa Darmasaba melalui TP PKK dan TP Posyandu melaksanakan kegiatan Gerakan Kulkul PKK dan Posyandu yang berlangsung serentak di seluruh wilayah Desa Darmasaba untuk memperkuat pelayanan kesehatan dasar dan peningkatan partisipasi masyarakat dalam program Posyandu.</p>",
+    "imageId": "cmkay1e590010vn6y24pgaa1r"
+  },
+  {
+    "id": "cmkawmlg40005vn6yja2xiev0",
+    "name": "Pendampingan Kunjungan Rumah oleh Puskesmas Abiansemal 3",
+    "deskripsiSingkat": "<p>Pendataan kesehatan penyandang disabilitas lewat kunjungan rumah di Desa Darmasaba.</p>",
+    "deskripsi": "<p>Pemerintah Desa Darmasaba bersama Kelian Banjar Dinas dan kader kesehatan mendampingi kegiatan kunjungan rumah yang dilaksanakan oleh Puskesmas Abiansemal 3 pada 21 Juli 2025, difokuskan pada pendataan dan pemantauan kondisi kesehatan penyandang disabilitas di Banjar Bersih, Desa Darmasaba.</p>",
+    "imageId": "cmkay6hob0011vn6ybjwejcej"
+  },
+  {
+    "id": "cmkawnr9k0008vn6ymwv0foiv",
+    "name": "Kegiatan Aksi Sosial Tim Penggerak Posyandu Provinsi Bali di Desa Darmasaba",
+    "deskripsiSingkat": "<p>Aksi sosial TP Posyandu Bali untuk memperkuat pelayanan posyandu di desa.</p>",
+    "deskripsi": "<p>Pada 10 Desember 2025, Desa Darmasaba menjadi lokasi pelaksanaan Aksi Sosial Tim Penggerak Posyandu Provinsi Bali yang bertujuan memperkuat pelayanan Posyandu serta meningkatkan kesejahteraan masyarakat, khususnya keluarga dan balita.</p>",
+    "imageId": "cmkay8vmd0012vn6ylsk2vzfo"
+  },
+  {
+    "id": "cmkawnr9k0008vn6ymwv0dpjw",
+    "name": "Inovasi BAJRA dalam Penanggulangan Rabies",
+    "deskripsiSingkat": "<p>Program BAJRA untuk penanggulangan rabies di Desa Darmasaba.</p>",
+    "deskripsi": "<p>Desa Darmasaba mengembangkan inovasi BAJRA (Bersama Jaga Rabies), sebuah program berbasis komunitas untuk penanggulangan rabies yang mengintegrasikan pelaporan cepat masyarakat, edukasi berkelanjutan dan koordinasi lintas sektor antara kesehatan hewan, manusia, dan pemerintahan desa.</p>",
+    "imageId": "cmkayd8o90013vn6ye7n8805q"
+  },
+  {
+    "id": "cmkawnr9k0008vn6ymwv0eqkx",
+    "name": "Posyandu Pudak Amara Berkompetisi",
+    "deskripsiSingkat": "<p>Partisipasi Posyandu Pudak Amara dalam lomba prestasi Posyandu tingkat provinsi.</p>",
+    "deskripsi": "<p>Kader Posyandu Pudak Amara Br. Cabe mendapat pendampingan dari Perbekel Darmasaba, Dinas Kesehatan Kab. Badung, Puskesmas Abiansemal III, dan Pustu Desa Darmasaba dalam ajang lomba kader dan Posyandu berprestasi tingkat Provinsi Bali tahun 2025.</p>",
+    "imageId": "cmkayi0x90016vn6ykddxqyq3"
+  },
+  {
+    "id": "cmkawnr9k0008vn6ymwv1frly",
+    "name": "Outbound Kader Posyandu Darmasaba",
+    "deskripsiSingkat": "<p>Program pembinaan dan pengembangan kapasitas kader Posyandu.</p>",
+    "deskripsi": "<p>Pemdes Darmasaba melaksanakan kegiatan Outbound Posyandu untuk meningkatkan kapasitas dan wawasan Kader Posyandu se-Desa Darmasaba sebagai bagian dari upaya peningkatan kualitas pelayanan kesehatan dasar di masyarakat.</p>",
+    "imageId": "cmkaykipf0019vn6yknjno3k1"
+  }
+]
diff --git a/prisma/data/kesehatan/puskesmas/jam-puskesmas/jam.json b/prisma/data/kesehatan/puskesmas/jam-puskesmas/jam.json
new file mode 100644
index 00000000..b59aa3e6
--- /dev/null
+++ b/prisma/data/kesehatan/puskesmas/jam-puskesmas/jam.json
@@ -0,0 +1,14 @@
+[
+  {
+    "id": "cmkao2zwx0008vntzmvqdsdzo",
+    "workDays": "09:00",
+    "weekDays": "17:00",
+    "holiday": "08:00 - 16:00"
+  },
+  {
+    "id": "cmkao2zwx0008vntzmvqdseal",
+    "workDays": "08:00",
+    "weekDays": "12:00",
+    "holiday": "–"
+  }
+]
diff --git a/prisma/data/kesehatan/puskesmas/kontak-puskesmas/kontak.json b/prisma/data/kesehatan/puskesmas/kontak-puskesmas/kontak.json
new file mode 100644
index 00000000..df7263ae
--- /dev/null
+++ b/prisma/data/kesehatan/puskesmas/kontak-puskesmas/kontak.json
@@ -0,0 +1,16 @@
+[
+  {
+    "id": "cmkao2zxc0009vntz00kev051",
+    "kontakPuskesmas": "(0361) 8463263",
+    "email": "puskesmas@gmail.com",
+    "facebook": "puskesmas@gmail.com",
+    "kontakUGD": "(0361) 8463263"
+  },
+  {
+    "id": "cmkao2zxc0009vntz00kev162",
+    "kontakPuskesmas": "–",
+    "email": "–",
+    "facebook": "–",
+    "kontakUGD": "–"
+  }
+]
diff --git a/prisma/data/kesehatan/puskesmas/puskesmas.json b/prisma/data/kesehatan/puskesmas/puskesmas.json
new file mode 100644
index 00000000..6599996d
--- /dev/null
+++ b/prisma/data/kesehatan/puskesmas/puskesmas.json
@@ -0,0 +1,18 @@
+[
+  {
+    "id": "cmkao2zxk000bvntzbavkbg6p",
+    "name": "Puskesmas Abiansemal III",
+    "alamat": "Jl. Ratna, Sibang Kaja, Abiansemal, Badung, Bali 80352",
+    "jamId": "cmkao2zwx0008vntzmvqdsdzo",
+    "imageId": "cmkao2zm90007vntzxqkjy5mt",
+    "kontakId": "cmkao2zxc0009vntz00kev051"
+  },
+  {
+    "id": "cmkao2zxk000bvntzbavkbh7q",
+    "name": "Puskesmas Pembantu Darmasaba",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "jamId": "cmkao2zwx0008vntzmvqdseal",
+    "imageId": "cmkatoru10000vny38y0wxd6s",
+    "kontakId": "cmkao2zxc0009vntz00kev162"
+  }
+]
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 03172f31..dcdcf5e1 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1118,8 +1118,8 @@ model Posyandu {
   nomor           String
   deskripsi       String
   jadwalPelayanan String
-  image           FileStorage @relation(fields: [imageId], references: [id])
-  imageId         String
+  image           FileStorage? @relation(fields: [imageId], references: [id])
+  imageId         String?
   createdAt       DateTime    @default(now())
   updatedAt       DateTime    @updatedAt
   deletedAt       DateTime    @default(now())
@@ -1133,12 +1133,12 @@ model Puskesmas {
   alamat    String
   jam       JamOperasional  @relation(fields: [jamId], references: [id])
   jamId     String
-  image     FileStorage     @relation(fields: [imageId], references: [id])
-  imageId   String
+  image     FileStorage?     @relation(fields: [imageId], references: [id])
+  imageId   String?
   kontak    KontakPuskesmas @relation(fields: [kontakId], references: [id])
   kontakId  String
   createdAt DateTime        @default(now())
-  updatedAt DateTime        @updatedAt
+  updatedAt DateTime        @updatedAt  
   deletedAt DateTime        @default(now())
   isActive  Boolean         @default(true)
 }
@@ -1174,8 +1174,8 @@ model ProgramKesehatan {
   name             String
   deskripsiSingkat String
   deskripsi        String
-  image            FileStorage @relation(fields: [imageId], references: [id])
-  imageId          String
+  image            FileStorage? @relation(fields: [imageId], references: [id])
+  imageId          String?
   createdAt        DateTime    @default(now())
   updatedAt        DateTime    @updatedAt
   deletedAt        DateTime    @default(now())
@@ -1187,8 +1187,8 @@ model PenangananDarurat {
   id        String      @id @default(cuid())
   name      String
   deskripsi String
-  image     FileStorage @relation(fields: [imageId], references: [id])
-  imageId   String
+  image     FileStorage? @relation(fields: [imageId], references: [id])
+  imageId   String?
   createdAt DateTime    @default(now())
   updatedAt DateTime    @updatedAt
   deletedAt DateTime    @default(now())
@@ -1200,8 +1200,8 @@ model KontakDarurat {
   id        String      @id @default(cuid())
   name      String
   deskripsi String
-  image     FileStorage @relation(fields: [imageId], references: [id])
-  imageId   String
+  image     FileStorage? @relation(fields: [imageId], references: [id])
+  imageId   String?
   whatsapp  String
   createdAt DateTime    @default(now())
   updatedAt DateTime    @updatedAt
@@ -1215,8 +1215,8 @@ model InfoWabahPenyakit {
   name             String
   deskripsiSingkat String
   deskripsiLengkap String
-  image            FileStorage @relation(fields: [imageId], references: [id])
-  imageId          String
+  image            FileStorage? @relation(fields: [imageId], references: [id])
+  imageId          String?
   createdAt        DateTime    @default(now())
   updatedAt        DateTime    @updatedAt
   deletedAt        DateTime    @default(now())
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 892a067f..e9026cd7 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -26,7 +26,7 @@ import pelayananPerizinanBerusaha from "./data/desa/layanan/pelayananPerizinanBe
 import pelayananSuratKeterangan from "./data/desa/layanan/pelayananSuratKeterangan.json";
 import pelayananTelunjukSaktiDesa from "./data/desa/layanan/pelayananTelunjukSaktiDesa.json";
 import pelayananPendudukNonPermanen from "./data/desa/layanan/pelayanaPendudukNonPermanen.json";
-import penghargaan from "./data/desa/penghargaan/penghargaan.json"
+import penghargaan from "./data/desa/penghargaan/penghargaan.json";
 import lambangDesa from "./data/desa/profile/lambang_desa.json";
 import maskotDesa from "./data/desa/profile/maskot_desa.json";
 import profilPerbekel from "./data/desa/profile/profil_perbekel.json";
@@ -37,6 +37,14 @@ import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-da
 import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
 import pegawai from "./data/ekonomi/struktur-organisasi/pegawai-bumdes.json";
 import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi-bumdes.json";
+import posyandu from "./data/kesehatan/posyandu/posyandu.json";
+import kontakPuskesmas from "./data/kesehatan/puskesmas/kontak-puskesmas/kontak.json"
+import jamPuskesmas from "./data/kesehatan/puskesmas/jam-puskesmas/jam.json"
+import puskesmas from "./data/kesehatan/puskesmas/puskesmas.json";
+import programKesehatan from "./data/kesehatan/program-kesehatan/program-kesehatan.json"
+import penangananDarurat from "./data/kesehatan/penanganan-darurat/penganan-darurat.json"
+import kontakDarurat from "./data/kesehatan/kontak-darurat/kontak-darurat.json"
+import infoWabahPenyakit from "./data/kesehatan/infowabahpenyakit/infowabahpenyakit.json"
 import berita from "./data/desa/berita/berita.json";
 import kategoriBerita from "./data/desa/berita/kategori-berita.json";
 import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
@@ -346,200 +354,6 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("desa anti korupsi success ...");
 
-  // =========== KATEGORI PRESTASI DESA===========
-  for (const c of kategoriPrestasiDesa) {
-    await prisma.kategoriPrestasiDesa.upsert({
-      where: { id: c.id },
-      update: {
-        name: c.name,
-      },
-      create: {
-        id: c.id,
-        name: c.name,
-      },
-    });
-  }
-  console.log("kategori prestasi desa success ...");
-
-  // =========== PRESTASI DESA===========
-  for (const p of prestasiDesa) {
-    await prisma.prestasiDesa.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-    });
-  }
-  console.log("prestasi desa success ...");
-
-  // =========== PENGHARGAAN ===========
-  console.log("🔄 Seeding Penghargaan...");
-  for (const p of penghargaan) {
-    const existing = await prisma.penghargaan.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.penghargaan.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        juara: p.juara,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        juara: p.juara,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-    });
-  }
-  console.log("penghargaan success ...");
-
-  // =========== LAYANAN DESA ===========
-  console.log("🔄 Seeding Pelayanan Surat Keterangan...");
-
-  for (const p of pelayananSuratKeterangan) {
-    const existing = await prisma.pelayananSuratKeterangan.findUnique({
-      where: { id: p.id },
-      select: { imageId: true, image2Id: true }, // 📌 tambahkan image2Id
-    });
-
-    // 1️⃣ Handle imageId
-    let imageId = existing?.imageId ?? null;
-
-    if (!imageId && p.image) {
-      imageId = await resolveImageById(p.image);
-
-      if (imageId) {
-        console.log(`✅ Image resolved for "${p.name}" → ${p.image}`);
-      } else {
-        console.warn(`⚠️ Image not resolved for "${p.name}" → ${p.image}`);
-      }
-    }
-
-    // 2️⃣ Handle image2Id
-    let image2Id = existing?.image2Id ?? null;
-
-    if (!image2Id && p.image2) {
-      image2Id = await resolveImageById(p.image2);
-
-      if (image2Id) {
-        console.log(`✅ Image2 resolved for "${p.name}" → ${p.image2}`);
-      } else {
-        console.warn(`⚠️ Image2 not resolved for "${p.name}" → ${p.image2}`);
-      }
-    }
-
-    // 3️⃣ Upsert dengan kedua image
-    await prisma.pelayananSuratKeterangan.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId,
-        image2Id, // 📌 tambahkan ini
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId,
-        image2Id, // 📌 tambahkan ini
-      },
-    });
-  }
-  console.log("✅ Pelayanan Surat Keterangan success...");
-
-  for (const p of pelayananTelunjukSaktiDesa) {
-    await prisma.pelayananTelunjukSaktiDesa.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        link: p.link,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        link: p.link,
-      },
-    });
-  }
-  console.log("pelayanan telunjuk sakti desa success ...");
-
-  for (const l of pelayananPerizinanBerusaha) {
-    await prisma.pelayananPerizinanBerusaha.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        name: l.name,
-        deskripsi: l.deskripsi,
-        link: l.link,
-      },
-      create: {
-        id: l.id,
-        name: l.name,
-        deskripsi: l.deskripsi,
-        link: l.link,
-      },
-    });
-  }
-
-  console.log("pelayanan perizinan berusaha success ...");
-
-  for (const l of pelayananPendudukNonPermanen) {
-    await prisma.pelayananPendudukNonPermanen.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        name: l.name,
-        deskripsi: l.deskripsi,
-      },
-      create: {
-        id: l.id,
-        name: l.name,
-        deskripsi: l.deskripsi,
-      },
-    });
-  }
-  console.log("pelayanan penduduk non permanen success ...");
-
   // =========== SDGSDesa ===========
   console.log("🔄 Seeding SDGS Desa...");
   for (const l of sdgsDesa) {
@@ -603,7 +417,291 @@ import resolveImageById from "./resolveImageByName";
     });
   }
 
-  console.log("sdgs desa success ...");
+  console.log("apbdes success ...");
+
+  // =========== KATEGORI PRESTASI DESA===========
+  for (const c of kategoriPrestasiDesa) {
+    await prisma.kategoriPrestasiDesa.upsert({
+      where: { id: c.id },
+      update: {
+        name: c.name,
+      },
+      create: {
+        id: c.id,
+        name: c.name,
+      },
+    });
+  }
+  console.log("kategori prestasi desa success ...");
+
+  // =========== PRESTASI DESA===========
+  for (const p of prestasiDesa) {
+    await prisma.prestasiDesa.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        kategoriId: p.kategoriId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        kategoriId: p.kategoriId,
+      },
+    });
+  }
+  console.log("prestasi desa success ...");
+
+  // =========== MENU PPID ===========
+  // =========== SUBMENU PROFILE PPID ===========
+  for (const c of profilePPID) {
+    await prisma.profilePPID.upsert({
+      where: { id: c.id },
+      update: {
+        name: c.name,
+        biodata: c.biodata,
+        riwayat: c.riwayat,
+        pengalaman: c.pengalaman,
+        unggulan: c.unggulan,
+        // imageId tidak di-update
+      },
+      create: {
+        id: c.id,
+        name: c.name,
+        biodata: c.biodata,
+        riwayat: c.riwayat,
+        pengalaman: c.pengalaman,
+        unggulan: c.unggulan,
+        // imageId tidak di-create
+      },
+    });
+  }
+  console.log("✅ profilePPID seeded without imageId (editable later via UI)");
+
+  // =========== SUBMENU STRUKTUR PPID ===========
+  // =========== POSISI ORGANISASI PPID ===========
+
+  const flattenedPosisi = posisiOrganisasiPPID.flat();
+
+  // ✅ Urutkan berdasarkan hierarki
+  const sortedPosisi = flattenedPosisi.sort((a, b) => a.hierarki - b.hierarki);
+
+  for (const p of sortedPosisi) {
+    console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
+
+    if (p.parentId) {
+      const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
+      if (!parentExists) {
+        console.warn(
+          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`
+        );
+        continue;
+      }
+    }
+
+    await prisma.posisiOrganisasiPPID.upsert({
+      where: { id: p.id },
+      update: p,
+      create: p,
+    });
+  }
+  console.log("posisi organisasi berhasil");
+
+  // =========== PEGAWAI PPID ===========
+  console.log("🔄 Seeding pegawai PPID...");
+  const flattenedPegawai = pegawaiPPID.flat();
+
+  // Check for duplicate emails
+  const emails = new Set();
+  for (const p of flattenedPegawai) {
+    if (emails.has(p.email)) {
+      console.warn(`⚠️ Duplicate email found in pegawaiPPID: ${p.email}`);
+    }
+    emails.add(p.email);
+  }
+
+  for (const p of flattenedPegawai) {
+    try {
+      await prisma.pegawaiPPID.upsert({
+        where: { id: p.id },
+        update: p,
+        create: p,
+      });
+      console.log(`✅ Seeded pegawai PPID -> ${p.namaLengkap}`);
+    } catch (error: any) {
+      if (error.code === "P2002") {
+        console.warn(
+          `⚠️ Pegawai PPID with duplicate email (skipping): ${p.email}`
+        );
+      } else {
+        console.error(
+          `❌ Failed to seed pegawai PPID ${p.namaLengkap}:`,
+          error.message
+        );
+      }
+    }
+  }
+  console.log("✅ pegawai PPID seeding completed");
+
+  // =========== SUBMENU VISI MISI PPID ===========
+
+  for (const v of visiMisiPPID) {
+    await prisma.visiMisiPPID.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        misi: v.misi,
+        visi: v.visi,
+      },
+      create: {
+        id: v.id,
+        misi: v.misi,
+        visi: v.visi,
+      },
+    });
+  }
+  console.log("visi misi PPID success ...");
+
+  // =========== SUBMENU DASAR HUKUM PPID ===========
+  for (const v of dasarHukumPPID) {
+    await prisma.dasarHukumPPID.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        judul: v.judul,
+        content: v.content,
+      },
+      create: {
+        id: v.id,
+        judul: v.judul,
+        content: v.content,
+      },
+    });
+  }
+  console.log("dasar hukum PPID success ...");
+
+  // =========== SUBMENU DAFTAR INFORMASI PUBLIK PPID ===========
+  for (const v of daftarInformasiPublik) {
+    // Convert string date to Date object
+    const tanggal = new Date(v.tanggal);
+
+    await prisma.daftarInformasiPublik.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        jenisInformasi: v.jenisInformasi,
+        deskripsi: v.deskripsi,
+        tanggal: tanggal,
+      },
+      create: {
+        id: v.id,
+        jenisInformasi: v.jenisInformasi,
+        deskripsi: v.deskripsi,
+        tanggal: tanggal,
+      },
+    });
+  }
+  console.log("daftar informasi publik PPID success ...");
+
+  // =========== SUBMENU PERMOHONAN INFORMASI PUBLIK ===========
+
+  for (const j of jenisInformasiDiminta) {
+    await prisma.jenisInformasiDiminta.upsert({
+      where: {
+        name: j.name,
+      },
+      update: {
+        name: j.name,
+      },
+      create: {
+        name: j.name,
+      },
+    });
+  }
+  console.log("jenis informasi diminta success ...");
+
+  for (const c of caraMemperolehInformasi) {
+    await prisma.caraMemperolehInformasi.upsert({
+      where: {
+        name: c.name,
+      },
+      update: {
+        name: c.name,
+      },
+      create: {
+        name: c.name,
+      },
+    });
+  }
+  console.log("cara memperoleh informasi success ...");
+
+  for (const c of caraMemperolehSalinanInformasi) {
+    await prisma.caraMemperolehSalinanInformasi.upsert({
+      where: {
+        name: c.name,
+      },
+      update: {
+        name: c.name,
+      },
+      create: {
+        name: c.name,
+      },
+    });
+  }
+  console.log("cara memperoleh salinan informasi success ...");
+
+  // =========== SUBMENU INDEKS KEPUASAN MASYARAKAT ===========
+  for (const j of jenisKelamin) {
+    await prisma.jenisKelaminResponden.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        name: j.name,
+      },
+      create: {
+        id: j.id,
+        name: j.name,
+      },
+    });
+  }
+  console.log("jenis kelamin responden success ...");
+
+  for (const r of pilihanRatingResponden) {
+    await prisma.pilihanRatingResponden.upsert({
+      where: {
+        id: r.id,
+      },
+      update: {
+        name: r.name,
+      },
+      create: {
+        id: r.id,
+        name: r.name,
+      },
+    });
+  }
+  console.log("pilihan rating responden success ...");
+
+  for (const u of umurResponden) {
+    await prisma.umurResponden.upsert({
+      where: {
+        id: u.id,
+      },
+      update: {
+        name: u.name,
+      },
+      create: {
+        id: u.id,
+        name: u.name,
+      },
+    });
+  }
+  console.log("umur responden success ...");
 
   // =========== MENU DESA ===========
   // =========== SUBMENU PROFILE ===========
@@ -783,160 +881,8 @@ import resolveImageById from "./resolveImageByName";
 
   console.log("visi misi desa success ...");
 
-  // =========== MENU PPID ===========
-  // =========== SUBMENU PROFILE PPID ===========
-  for (const c of profilePPID) {
-    await prisma.profilePPID.upsert({
-      where: { id: c.id },
-      update: {
-        name: c.name,
-        biodata: c.biodata,
-        riwayat: c.riwayat,
-        pengalaman: c.pengalaman,
-        unggulan: c.unggulan,
-        // imageId tidak di-update
-      },
-      create: {
-        id: c.id,
-        name: c.name,
-        biodata: c.biodata,
-        riwayat: c.riwayat,
-        pengalaman: c.pengalaman,
-        unggulan: c.unggulan,
-        // imageId tidak di-create
-      },
-    });
-  }
-  console.log("✅ profilePPID seeded without imageId (editable later via UI)");
-
-  // =========== SUBMENU STRUKTUR PPID ===========
-  // =========== POSISI ORGANISASI PPID ===========
-
-  const flattenedPosisi = posisiOrganisasiPPID.flat();
-
-  // ✅ Urutkan berdasarkan hierarki
-  const sortedPosisi = flattenedPosisi.sort((a, b) => a.hierarki - b.hierarki);
-
-  for (const p of sortedPosisi) {
-    console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
-
-    if (p.parentId) {
-      const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
-      if (!parentExists) {
-        console.warn(
-          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`
-        );
-        continue;
-      }
-    }
-
-    await prisma.posisiOrganisasiPPID.upsert({
-      where: { id: p.id },
-      update: p,
-      create: p,
-    });
-  }
-  console.log("posisi organisasi berhasil");
-
-  // =========== PEGAWAI PPID ===========
-  console.log("🔄 Seeding pegawai PPID...");
-  const flattenedPegawai = pegawaiPPID.flat();
-
-  // Check for duplicate emails
-  const emails = new Set();
-  for (const p of flattenedPegawai) {
-    if (emails.has(p.email)) {
-      console.warn(`⚠️ Duplicate email found in pegawaiPPID: ${p.email}`);
-    }
-    emails.add(p.email);
-  }
-
-  for (const p of flattenedPegawai) {
-    try {
-      await prisma.pegawaiPPID.upsert({
-        where: { id: p.id },
-        update: p,
-        create: p,
-      });
-      console.log(`✅ Seeded pegawai PPID -> ${p.namaLengkap}`);
-    } catch (error: any) {
-      if (error.code === "P2002") {
-        console.warn(
-          `⚠️ Pegawai PPID with duplicate email (skipping): ${p.email}`
-        );
-      } else {
-        console.error(
-          `❌ Failed to seed pegawai PPID ${p.namaLengkap}:`,
-          error.message
-        );
-      }
-    }
-  }
-  console.log("✅ pegawai PPID seeding completed");
-
-  // =========== SUBMENU VISI MISI PPID ===========
-
-  for (const v of visiMisiPPID) {
-    await prisma.visiMisiPPID.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        misi: v.misi,
-        visi: v.visi,
-      },
-      create: {
-        id: v.id,
-        misi: v.misi,
-        visi: v.visi,
-      },
-    });
-  }
-  console.log("visi misi PPID success ...");
-
-  // =========== SUBMENU DASAR HUKUM PPID ===========
-  for (const v of dasarHukumPPID) {
-    await prisma.dasarHukumPPID.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        judul: v.judul,
-        content: v.content,
-      },
-      create: {
-        id: v.id,
-        judul: v.judul,
-        content: v.content,
-      },
-    });
-  }
-  console.log("dasar hukum PPID success ...");
-
-  // =========== SUBMENU DAFTAR INFORMASI PUBLIK PPID ===========
-  for (const v of daftarInformasiPublik) {
-    // Convert string date to Date object
-    const tanggal = new Date(v.tanggal);
-
-    await prisma.daftarInformasiPublik.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        jenisInformasi: v.jenisInformasi,
-        deskripsi: v.deskripsi,
-        tanggal: tanggal,
-      },
-      create: {
-        id: v.id,
-        jenisInformasi: v.jenisInformasi,
-        deskripsi: v.deskripsi,
-        tanggal: tanggal,
-      },
-    });
-  }
-  console.log("daftar informasi publik PPID success ...");
-
+  // =========== SUBMENU POTENSI DESA ===========
+  console.log("🔄Seeding Kategori Potensi Desa ...");
   for (const c of kategoriPotensi) {
     await prisma.kategoriPotensi.upsert({
       where: {
@@ -1005,6 +951,8 @@ import resolveImageById from "./resolveImageByName";
 
   console.log("potensi success ...");
 
+  // ================== SUBMENU BERITA ========================
+  console.log("🔄 Seeding Kategori Berita...");
   for (const k of kategoriBerita) {
     await prisma.kategoriBerita.upsert({
       where: {
@@ -1069,9 +1017,10 @@ import resolveImageById from "./resolveImageByName";
       },
     });
   }
+  console.log("berita success ...");
 
-  console.log("potensi success ...");
-
+  // ================== SUBMENU PENGUMUMAN ========================
+  console.log("🔄 Seeding Kategori Pengumuman...");
   for (const c of kategoriPengumuman) {
     await safeSeedUnique(
       "categoryPengumuman",
@@ -1083,8 +1032,9 @@ import resolveImageById from "./resolveImageByName";
     );
   }
 
-  console.log("category pengumuman success ...");
+  console.log("kategori pengumuman success ...");
 
+  console.log("🔄 Seeding Pengumuman...");
   for (const p of pengumuman) {
     await prisma.pengumuman.upsert({
       where: {
@@ -1105,8 +1055,10 @@ import resolveImageById from "./resolveImageByName";
     });
   }
 
-  console.log("category pengumuman success ...");
+  console.log("pengumuman success ...");
 
+  // ================== SUBMENU GALLERY ========================
+  console.log("🔄 Seeding Gallery Video...");
   for (const v of galleryVideo) {
     await prisma.galleryVideo.upsert({
       where: {
@@ -1125,100 +1077,167 @@ import resolveImageById from "./resolveImageByName";
     });
   }
 
-  console.log("category pengumuman success ...");
+  console.log("gallery video success ...");
 
-  for (const j of jenisInformasiDiminta) {
-    await prisma.jenisInformasiDiminta.upsert({
-      where: {
-        name: j.name,
-      },
+  // =========== LAYANAN DESA ===========
+  console.log("🔄 Seeding Pelayanan Surat Keterangan...");
+
+  for (const p of pelayananSuratKeterangan) {
+    const existing = await prisma.pelayananSuratKeterangan.findUnique({
+      where: { id: p.id },
+      select: { imageId: true, image2Id: true }, // 📌 tambahkan image2Id
+    });
+
+    // 1️⃣ Handle imageId
+    let imageId = existing?.imageId ?? null;
+
+    if (!imageId && p.image) {
+      imageId = await resolveImageById(p.image);
+
+      if (imageId) {
+        console.log(`✅ Image resolved for "${p.name}" → ${p.image}`);
+      } else {
+        console.warn(`⚠️ Image not resolved for "${p.name}" → ${p.image}`);
+      }
+    }
+
+    // 2️⃣ Handle image2Id
+    let image2Id = existing?.image2Id ?? null;
+
+    if (!image2Id && p.image2) {
+      image2Id = await resolveImageById(p.image2);
+
+      if (image2Id) {
+        console.log(`✅ Image2 resolved for "${p.name}" → ${p.image2}`);
+      } else {
+        console.warn(`⚠️ Image2 not resolved for "${p.name}" → ${p.image2}`);
+      }
+    }
+
+    // 3️⃣ Upsert dengan kedua image
+    await prisma.pelayananSuratKeterangan.upsert({
+      where: { id: p.id },
       update: {
-        name: j.name,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+        image2Id, // 📌 tambahkan ini
       },
       create: {
-        name: j.name,
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+        image2Id, // 📌 tambahkan ini
       },
     });
   }
-  console.log("jenis informasi diminta success ...");
+  console.log("✅ Pelayanan Surat Keterangan success...");
 
-  for (const c of caraMemperolehInformasi) {
-    await prisma.caraMemperolehInformasi.upsert({
-      where: {
-        name: c.name,
-      },
+  for (const p of pelayananTelunjukSaktiDesa) {
+    await prisma.pelayananTelunjukSaktiDesa.upsert({
+      where: { id: p.id },
       update: {
-        name: c.name,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        link: p.link,
       },
       create: {
-        name: c.name,
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        link: p.link,
       },
     });
   }
-  console.log("cara memperoleh informasi success ...");
+  console.log("pelayanan telunjuk sakti desa success ...");
 
-  for (const c of caraMemperolehSalinanInformasi) {
-    await prisma.caraMemperolehSalinanInformasi.upsert({
+  for (const l of pelayananPerizinanBerusaha) {
+    await prisma.pelayananPerizinanBerusaha.upsert({
       where: {
-        name: c.name,
+        id: l.id,
       },
       update: {
-        name: c.name,
+        name: l.name,
+        deskripsi: l.deskripsi,
+        link: l.link,
       },
       create: {
-        name: c.name,
+        id: l.id,
+        name: l.name,
+        deskripsi: l.deskripsi,
+        link: l.link,
       },
     });
   }
-  console.log("cara memperoleh salinan informasi success ...");
 
-  for (const j of jenisKelamin) {
-    await prisma.jenisKelaminResponden.upsert({
+  console.log("pelayanan perizinan berusaha success ...");
+
+  for (const l of pelayananPendudukNonPermanen) {
+    await prisma.pelayananPendudukNonPermanen.upsert({
       where: {
-        id: j.id,
+        id: l.id,
       },
       update: {
-        name: j.name,
+        name: l.name,
+        deskripsi: l.deskripsi,
       },
       create: {
-        id: j.id,
-        name: j.name,
+        id: l.id,
+        name: l.name,
+        deskripsi: l.deskripsi,
       },
     });
   }
-  console.log("jenis kelamin responden success ...");
+  console.log("pelayanan penduduk non permanen success ...");
 
-  for (const r of pilihanRatingResponden) {
-    await prisma.pilihanRatingResponden.upsert({
-      where: {
-        id: r.id,
-      },
+  // =========== PENGHARGAAN ===========
+  console.log("🔄 Seeding Penghargaan...");
+  for (const p of penghargaan) {
+    const existing = await prisma.penghargaan.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.penghargaan.upsert({
+      where: { id: p.id },
       update: {
-        name: r.name,
+        name: p.name,
+        juara: p.juara,
+        deskripsi: p.deskripsi,
+        imageId,
       },
       create: {
-        id: r.id,
-        name: r.name,
+        id: p.id,
+        name: p.name,
+        juara: p.juara,
+        deskripsi: p.deskripsi,
+        imageId,
       },
     });
   }
-  console.log("pilihan rating responden success ...");
-
-  for (const u of umurResponden) {
-    await prisma.umurResponden.upsert({
-      where: {
-        id: u.id,
-      },
-      update: {
-        name: u.name,
-      },
-      create: {
-        id: u.id,
-        name: u.name,
-      },
-    });
-  }
-  console.log("umur responden success ...");
+  console.log("penghargaan success ...");
 
   for (const k of kategoriProduk) {
     await prisma.kategoriProduk.upsert({
@@ -1238,6 +1257,341 @@ import resolveImageById from "./resolveImageByName";
 
   const flattenedPosisiBumdes = posisiOrganisasi.flat();
 
+  // ====================== MENU KESEHATAN ========================
+  // ==================== SUBMENU POSYANDU =========================
+  console.log("🔄 Seeding Posyandu...");
+  for (const p of posyandu) {
+    const existing = await prisma.posyandu.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.posyandu.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        nomor: p.nomor,
+        deskripsi: p.deskripsi,
+        jadwalPelayanan: p.jadwalPelayanan,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        nomor: p.nomor,
+        deskripsi: p.deskripsi,
+        jadwalPelayanan: p.jadwalPelayanan,
+        imageId,
+      },
+    });
+  }
+  console.log("posyandu success ...");
+
+  // ==================== SUBMENU PUSKESMAS =========================
+  console.log("🔄 Seeding Kontak Puskesmas...");
+  for (const k of kontakPuskesmas) {
+    await prisma.kontakPuskesmas.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        kontakPuskesmas: k.kontakPuskesmas,
+        email: k.email,
+        facebook: k.facebook,
+        kontakUGD: k.kontakUGD,
+      },
+      create: {
+        id: k.id,
+        kontakPuskesmas: k.kontakPuskesmas,
+        email: k.email,
+        facebook: k.facebook,
+        kontakUGD: k.kontakUGD,
+      },
+    });
+  }
+  console.log("kontak puskesmas success ...");
+
+  console.log("🔄 Seeding Jam Puskesmas...");
+  for (const k of jamPuskesmas) {
+    await prisma.jamOperasional.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        workDays: k.workDays,
+        weekDays: k.weekDays,
+        holiday: k.holiday,
+      },
+      create: {
+        id: k.id,
+        workDays: k.workDays,
+        weekDays: k.weekDays,
+        holiday: k.holiday,
+      },
+    });
+  }
+  console.log("jam puskesmas success ...");
+
+  console.log("🔄 Seeding Puskesmas...");
+  for (const p of puskesmas) {
+    const existing = await prisma.puskesmas.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.puskesmas.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        alamat: p.alamat,
+        jamId: p.jamId,
+        imageId,
+        kontakId: p.kontakId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        alamat: p.alamat,
+        jamId: p.jamId,
+        imageId,
+        kontakId: p.kontakId,
+      },
+    });
+  }
+  console.log("puskesmas success ...");
+
+  // ==================== SUBMENU PROGRAM KESEHATAN =========================
+  console.log("🔄 Seeding Program Kesehatan...");
+  for (const p of programKesehatan) {
+    const existing = await prisma.programKesehatan.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.programKesehatan.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+    });
+  }
+  console.log("program kesehatan success ...");
+
+  // ==================== SUBMENU PENANGANAN DARURAT =========================
+  console.log("🔄 Seeding Penanganan Darurat...");
+  for (const p of penangananDarurat) {
+    const existing = await prisma.penangananDarurat.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.penangananDarurat.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+    });
+  }
+  console.log("penanganan darurat success ...");
+
+   // ==================== SUBMENU KONTAK DARURAT =========================
+  console.log("🔄 Seeding Kontak Darurat...");
+  for (const p of kontakDarurat) {
+    const existing = await prisma.kontakDarurat.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.kontakDarurat.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        whatsapp: p.whatsapp,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        whatsapp: p.whatsapp,
+        imageId,
+      },
+    });
+  }
+  console.log("kontak darurat success ...");
+
+   // ==================== SUBMENU INFO WABAH PENYAKIT =========================
+  console.log("🔄 Seeding Info Wabah Penyakit...");
+  for (const p of infoWabahPenyakit) {
+    const existing = await prisma.infoWabahPenyakit.findUnique({
+      where: { id: p.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && p.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: p.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.infoWabahPenyakit.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsiLengkap: p.deskripsiLengkap,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsiLengkap: p.deskripsiLengkap,
+        imageId,
+      },
+    });
+  }
+  console.log("kontak darurat success ...");
+
   // ✅ Urutkan berdasarkan hierarki
   const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
     (a, b) => a.hierarki - b.hierarki
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 0af35add..a0922c67 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -45,7 +45,7 @@ export default async function seedAssets() {
 
   // 1. Download zip
   const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/bc437c719af64c0bb7f2/?dl=1";
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/1d6104cdf2b849f89533/?dl=1";
   const res = await fetchWithRetry(url, 3, 20000);
 
   // Validasi content-type
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
index 842ccb3c..9ac0742b 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
@@ -102,8 +102,10 @@ function ListKategoriBerita({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0}>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0}>
             <TableThead>
               <TableTr>
                 <TableTh w="50%">
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
index ab869839..97dc4d11 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
@@ -79,8 +79,10 @@ function ListBerita({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0}>
+        <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+          <Table highlightOnHover
+            layout="fixed" // 🔥 PENTING
+            withColumnBorders={false} miw={0}>
             <TableThead>
               <TableTr>
                 <TableTh w="50%">Judul</TableTh>
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
index 0d5facf9..09a24742 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/page.tsx
@@ -85,8 +85,10 @@ function ListFoto({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>Judul Foto</TableTh>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
index 8b5d81b4..80c297bb 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/page.tsx
@@ -87,66 +87,66 @@ function ListVideo({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Box style={{ overflowX: 'auto' }}>
-            <Table highlightOnHover striped verticalSpacing="sm">
-              <TableThead>
-                <TableTr>
-                  <TableTh>Judul Video</TableTh>
-                  <TableTh>Tanggal</TableTh>
-                  <TableTh>Deskripsi</TableTh>
-                  <TableTh>Aksi</TableTh>
-                </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.length > 0 ? (
-                  filteredData.map((item) => (
-                    <TableTr key={item.id}>
-                      <TableTd style={{ maxWidth: 250 }}>
-                        <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
-                          {item.name}
-                        </Text>
-                      </TableTd>
-                      <TableTd style={{ maxWidth: 250 }}>
-                        <Text fz="sm" c="dimmed" lh={1.45}>
-                          {new Date(item.createdAt).toLocaleDateString('id-ID', {
-                            day: 'numeric',
-                            month: 'long',
-                            year: 'numeric',
-                          })}
-                        </Text>
-                      </TableTd>
-                      <TableTd style={{ maxWidth: 250 }}>
-                        <Text fz="sm" lh={1.45} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
-                      </TableTd>
-                      <TableTd style={{ maxWidth: 250 }}>
-                        <Button
-                          variant="light"
-                          color="blue"
-                          onClick={() => router.push(`/admin/desa/gallery/video/${item.id}`)}
-                          fz="sm"
-                          px="xs"
-                        >
-                          <IconDeviceImac size={18} />
-                          <Text ml={5}>Detail</Text>
-                        </Button>
-                      </TableTd>
-                    </TableTr>
-                  ))
-                ) : (
-                  <TableTr>
-                    <TableTd colSpan={4}>
-                      <Center py={24}>
-                        <Text c="dimmed" fz="sm" lh={1.4}>
-                          Tidak ada video yang cocok
-                        </Text>
-                      </Center>
+        <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} striped verticalSpacing="sm">
+            <TableThead>
+              <TableTr>
+                <TableTh>Judul Video</TableTh>
+                <TableTh>Tanggal</TableTh>
+                <TableTh>Deskripsi</TableTh>
+                <TableTh>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd style={{ maxWidth: 250 }}>
+                      <Text fz="md" fw={500} lh={1.45} truncate="end" lineClamp={1}>
+                        {item.name}
+                      </Text>
+                    </TableTd>
+                    <TableTd style={{ maxWidth: 250 }}>
+                      <Text fz="sm" c="dimmed" lh={1.45}>
+                        {new Date(item.createdAt).toLocaleDateString('id-ID', {
+                          day: 'numeric',
+                          month: 'long',
+                          year: 'numeric',
+                        })}
+                      </Text>
+                    </TableTd>
+                    <TableTd style={{ maxWidth: 250 }}>
+                      <Text fz="sm" lh={1.45} truncate="end" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                    </TableTd>
+                    <TableTd style={{ maxWidth: 250 }}>
+                      <Button
+                        variant="light"
+                        color="blue"
+                        onClick={() => router.push(`/admin/desa/gallery/video/${item.id}`)}
+                        fz="sm"
+                        px="xs"
+                      >
+                        <IconDeviceImac size={18} />
+                        <Text ml={5}>Detail</Text>
+                      </Button>
                     </TableTd>
                   </TableTr>
-                )}
-              </TableTbody>
-            </Table>
-          </Box>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={4}>
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada video yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
         </Box>
 
         {/* Mobile Cards */}
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
index f9fcf6c8..d2a6e3d1 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
@@ -76,8 +76,10 @@ function ListAjukanPermohonan({ search }: { search: string }) {
         </Title>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0}>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} lh={1.4}>Nama</TableTh>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
index ac433f4d..8a67870a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
@@ -99,7 +99,9 @@ function ListSuratKeterangan({ search }: { search: string }) {
 
         {/* Desktop Table */}
         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} ta="left">
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
index adf3c1af..591f8c3e 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
@@ -85,8 +85,10 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} ta="left" c="gray.8" w="30%">
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
index a9f01192..fe7be296 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
@@ -81,8 +81,10 @@ function ListPenghargaan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh w="35%">Nama</TableTh>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
index 6966cd97..3f364287 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/page.tsx
@@ -116,8 +116,10 @@ function ListKategoriPengumuman({ search }: { search: string }) {
             </Stack>
           </Box>
 
-          <Box visibleFrom="md">
-            <Table highlightOnHover striped withRowBorders>
+         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+           <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} striped withRowBorders>
               <TableThead>
                 <TableTr>
                   <TableTh w="60%">
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
index 42a77585..a309b68d 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/page.tsx
@@ -83,8 +83,10 @@ function ListPengumuman({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} ta="left">
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
index 824bcd7e..8f4af700 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/page.tsx
@@ -96,8 +96,10 @@ function ListKategoriPotensi({ search }: { search: string }) {
           </Group>
 
           {/* Desktop Table */}
-          <Box visibleFrom="md">
-            <Table highlightOnHover striped withRowBorders miw={700}>
+         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+           <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} striped withRowBorders miw={700}>
               <TableThead>
                 <TableTr>
                   <TableTh w="60%">
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
index dcbbb8f4..f2cb3d15 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
@@ -90,8 +90,10 @@ function ListPotensi({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={700}>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={700}>
             <TableThead>
               <TableTr>
                 <TableTh w="20%">
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
index c897bd63..7065da65 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
@@ -80,8 +80,10 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0}>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} ta="left" c="dark.9">Nama Perbekel</TableTh>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
index 5015c2a4..7c4792d4 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/page.tsx
@@ -98,7 +98,7 @@ function ListAPBDesa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
index 91e6d440..dc185abc 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/page.tsx
@@ -114,7 +114,7 @@ function ListBelanja({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
index dc9a132f..f791e75d 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/page.tsx
@@ -108,7 +108,7 @@ function ListPembiayaan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             striped
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
index 5fb4137b..b3f6d738 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
@@ -111,7 +111,7 @@ function ListPendapatan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx
index e6b6078c..1e34d32e 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/page.tsx
@@ -104,7 +104,7 @@ function ListPegawaiBumdes({ search }: { search: string }) {
         </Group>
 
         {/* Desktop: Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
index a86edc28..dffc5795 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
@@ -105,7 +105,7 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
index b3b14f74..108ff26c 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
@@ -129,7 +129,7 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
index 9825eeeb..bd42a5fc 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/page.tsx
@@ -112,7 +112,7 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
index 83377da5..8220b00d 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx
@@ -152,7 +152,7 @@ function ListGrafikBerdasarkanPendidikan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx
index 7ea8b89b..19b7d0e7 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx
@@ -133,7 +133,7 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({ search }: { search: stri
           </Group>
 
           {/* Desktop Table */}
-          <Box visibleFrom="md">
+         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
             <Table
               highlightOnHover
               miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
index 06f6c540..cf2ac7b8 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
@@ -99,7 +99,7 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
index a1e75818..33df39ad 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -82,7 +82,7 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
index 048d4099..2f1a972a 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx
@@ -94,7 +94,7 @@ function ListKategoriProduk({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
index a9d18482..8a83c0c8 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx
@@ -81,7 +81,7 @@ function ListPasarDesa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
index 51291899..23abe54f 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
@@ -109,7 +109,7 @@ function ListProgramKemiskinan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
index 4edd634d..e46cc724 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -106,7 +106,7 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
index b4cdd99f..2b03f5d2 100644
--- a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
@@ -73,7 +73,9 @@ function ListAjukanIdeInovatif({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
         <Title order={4}>Daftar Ide Inovatif</Title>
         <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh style={{ width: '20%' }}>Nama</TableTh>
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
index ef36c286..b5d391e1 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -83,7 +83,7 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
index 77ef345e..a22fb71b 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
@@ -84,7 +84,7 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
index 17cc203f..6007e2c2 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
@@ -103,7 +103,7 @@ function ListMitraKolaborasi({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx
index d351b431..6d1b0c7e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/administrasi-online/page.tsx
@@ -70,7 +70,7 @@ function ListAdministrasiOnline({ search }: { search: string }) {
         </Title>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
index b63b5c2b..d56a1aa4 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
@@ -90,7 +90,7 @@ function ListJenisLayanan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
index da680ee0..eae122a3 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/page.tsx
@@ -96,7 +96,7 @@ function ListJenisPengaduan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
index 20c657e7..9468eec8 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
@@ -79,7 +79,7 @@ function ListPengaduanMasyarakat({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
index fa3cfc93..6e8132d8 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
@@ -132,7 +132,7 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
               </Button>
             </Group>
 
-            <Box visibleFrom="md">
+           <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
               <Table
                 highlightOnHover
                 miw={0}
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index b3315da8..0477697a 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -93,8 +93,10 @@ function ListKeamananLingkungan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}
             miw={0}
             style={{ tableLayout: 'fixed', width: '100%' }}>
             <TableThead>
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
index abdde084..4aaa5784 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/page.tsx
@@ -93,7 +93,7 @@ function ListKontakItem({ search }: { search: string }) {
         </Group>
 
         {/* Desktop: Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
index e4653c7d..96d5e5e1 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/page.tsx
@@ -92,7 +92,7 @@ function ListKontakDaruratKeamanan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
index b2185739..884bee6f 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
@@ -88,7 +88,7 @@ function ListLaporanPublik({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
index 003f992a..a39f4e71 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
@@ -92,7 +92,7 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
index 4b734bdc..279f8f94 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
@@ -89,7 +89,7 @@ function ListPolsekTerdekat({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
index 951a999d..0d7e02e6 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
@@ -85,7 +85,7 @@ function ListTipsKeamanan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
index 4782cfcd..2514ab14 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/page.tsx
@@ -84,7 +84,9 @@ function ListArtikelKesehatan({ search }: { search: string }) {
 
         {/* Tabel */}
         <Box style={{ overflowX: "auto" }}>
-          <Table highlightOnHover>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh style={{ minWidth: 200 }}>Judul</TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
index e7e2bb1e..28f3aba9 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
@@ -81,8 +81,10 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh><Text fz="sm" fw={600} lh={1.4}>Nama Dokter</Text></TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
index 8a405c04..93e96eb7 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
@@ -170,8 +170,10 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>Fasilitas Kesehatan</TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
index f32c05b1..93e71fd6 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/page.tsx
@@ -94,8 +94,10 @@ function ListTarifLayanan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
index 72be2be4..73003da1 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/page.tsx
@@ -85,8 +85,10 @@ function ListJadwalKegiatan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} lh={1.2}>Nama</TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
index d557225f..c27ed736 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/page.tsx
@@ -147,8 +147,10 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>Nama</TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
index 4e732d9e..10a6ce0a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
@@ -99,8 +99,10 @@ function ListKelahiran({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover fz="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} fz="md">
             <TableThead>
               <TableTr>
                 <TableTh><Text fz="sm" fw={600} lh={1.4}>Nama</Text></TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
index fc1d925a..91bf8b12 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
@@ -95,8 +95,10 @@ function ListKematian({ search }: { search: string }) {
         </Group>
 
         {/* Tabel untuk desktop */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh><Text fz="sm" fw={600} lh={1.2}>Nama</Text></TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
index 851b747a..a7e123dc 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx
@@ -234,7 +234,7 @@ function GrafikPersentaseKelahiranKematian() {
 
 
                 {/* Desktop: Table */}
-                <Box visibleFrom="md">
+               <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
                   <Table striped withTableBorder highlightOnHover>
                     <Table.Thead>
                       <Table.Tr>
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
index 11ae0268..55fa211f 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
@@ -93,7 +93,9 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
 
         {/* Desktop Table */}
         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>Judul</TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
index 9244a2fc..e3459054 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
@@ -159,8 +159,8 @@ function EditKontakDarurat() {
           <TextInput
             value={formData.whatsapp}
             onChange={(e) => setFormData(prev => ({ ...prev, whatsapp: e.target.value }))}
-            label="Whatsapp"
-            placeholder="Masukkan whatsapp"
+            label="Telepon"
+            placeholder="Masukkan telepon"
             required
           />
 
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
index 2ef5413a..ce9c9a32 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
@@ -73,7 +73,7 @@ function DetailKontakDarurat() {
               </Box>
 
               <Box>
-                <Text fz="lg" fw="bold">Whatsapp</Text>
+                <Text fz="lg" fw="bold">Telepon</Text>
                 <Text fz="md" c="dimmed">{data.whatsapp || '-'}</Text>
               </Box>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
index aabfab53..9befb923 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
@@ -120,8 +120,8 @@ function CreateKontakDarurat() {
             onChange={(val) => {
               kontakDaruratState.create.form.whatsapp = val.target.value;
             }}
-            label={<Text fz="sm" fw="bold">Whatsapp</Text>}
-            placeholder="Masukkan whatsapp"
+            label={<Text fz="sm" fw="bold">Telepon</Text>}
+            placeholder="Masukkan telepon"
             required
           />
 
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
index 7c6d09e4..9c3fc7c4 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
@@ -83,8 +83,10 @@ function ListKontakDarurat({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>Judul</TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
index 9704591f..a465616e 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
@@ -87,8 +87,10 @@ function ListPenangananDarurat({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} lh={1.4}>Judul</TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
index 1731a2be..e64902ed 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
@@ -87,31 +87,34 @@ function ListPosyandu({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}
+    >
             <TableThead>
               <TableTr>
-                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Nama Posyandu</TableTh>
-                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Nomor Posyandu</TableTh>
-                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Deskripsi</TableTh>
-                <TableTh fz="sm" fw={600} ta="left" lh={1.4}>Aksi</TableTh>
+                <TableTh w={220} fz="sm" fw={600} ta="left" lh={1.4}>Nama Posyandu</TableTh>
+                <TableTh w={220} fz="sm" fw={600} ta="left" lh={1.4}>Nomor Posyandu</TableTh>
+                <TableTh w={220} fz="sm" fw={600} ta="left" lh={1.4}>Deskripsi</TableTh>
+                <TableTh w={150} fz="sm" fw={600} ta="left" lh={1.4}>Aksi</TableTh>
               </TableTr>
             </TableThead>
             <TableTbody>
               {filteredData.length > 0 ? (
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
-                    <TableTd>
+                    <TableTd w={220}>
                       <Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
                         {item.name}
                       </Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd w={220}>
                       <Text fz="sm" c="dimmed" lh={1.5}>
                         {item.nomor || '-'}
                       </Text>
                     </TableTd>
-                    <TableTd>
+                    <TableTd w={220}>
                       <Text
                         fz="sm"
                         lh={1.5}
@@ -120,7 +123,7 @@ function ListPosyandu({ search }: { search: string }) {
                         dangerouslySetInnerHTML={{ __html: item.deskripsi }}
                       />
                     </TableTd>
-                    <TableTd>
+                    <TableTd w={220}>
                       <Button
                         size="xs"
                         radius="md"
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
index c1acbd1b..b96a03ba 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
@@ -83,8 +83,10 @@ function ListProgramKesehatan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
index 2d124640..9f3eb215 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
@@ -82,8 +82,10 @@ function ListPuskesmas({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh>
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
index 14a04a97..bc0a1506 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/page.tsx
@@ -74,8 +74,10 @@ function ListSdgsDesa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover striped verticalSpacing="sm">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} striped verticalSpacing="sm">
             <TableThead>
               <TableTr>
                 <TableTh style={{ width: '60%' }}>
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
index fcdaffed..bae2ebc0 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/page.tsx
@@ -66,7 +66,7 @@ function ListAPBDes({ search }: { search: string }) {
   return (
     <Box py={{ base: 'md', md: 'lg' }}>
       {/* Desktop Table */}
-      <Box visibleFrom="md">
+     <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
         <Paper withBorder bg={colors['white-1']} p="lg" shadow="md" radius="md">
           <Group justify="space-between" mb="md">
             <Title order={4} size="lg" lh={1.2}>
@@ -83,7 +83,9 @@ function ListAPBDes({ search }: { search: string }) {
           </Group>
 
           <Box>
-            <Table highlightOnHover miw={0}>
+           <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0}>
               <TableThead>
                 <TableTr>
                   <TableTh fz="md" fw={600} ta="left" w="25%">
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
index 9d065f85..3edd81bf 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx
@@ -123,7 +123,9 @@ function ListKategoriKegiatan({ search }: { search: string }) {
   // Desktop table
   const renderDesktopTable = () => (
     <Box>
-      <Table highlightOnHover striped verticalSpacing="sm" miw={300}>
+     <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} striped verticalSpacing="sm" miw={300}>
         <TableThead>
           <TableTr>
             <TableTh>
@@ -208,7 +210,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
           </Button>
         </Group>
 
-        <Box visibleFrom="md">{renderDesktopTable()}</Box>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>{renderDesktopTable()}</Box>
         <Box hiddenFrom="md">{renderMobileCards()}</Box>
       </Paper>
 
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
index a2bd6831..37b442bb 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx
@@ -83,7 +83,7 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
           </Group>
 
           {/* Desktop Table */}
-          <Box visibleFrom="md">
+         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
             <Table
               striped
               highlightOnHover
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
index 69b078c2..ed84f5f5 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -85,7 +85,7 @@ function ListResponden({ search }: ListRespondenProps) {
     <Box>
       <Stack gap={'lg'}>
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Paper p="lg" radius="lg" shadow="md" withBorder>
             <Title order={4} size="lg" mb="md" lh={1.2}>
               Daftar Responden
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
index f8441752..32067162 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
@@ -79,7 +79,7 @@ function ListKategoriPrestasi({ search }: { search: string }) {
             Tambah Baru
           </Button>
         </Group>
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table verticalSpacing="sm" highlightOnHover>
             <TableThead>
               <TableTr>
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
index 39824462..916875c7 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
@@ -73,7 +73,9 @@ function ListPrestasi({ search }: { search: string }) {
 
         {/* Desktop Table */}
         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
-          <Table highlightOnHover striped verticalSpacing="sm" miw={800}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} striped verticalSpacing="sm" miw={800}>
             <TableThead>
               <TableTr>
                 <TableTh>Nama Prestasi</TableTh>
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
index 62a05e15..89ddc86d 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/page.tsx
@@ -100,8 +100,10 @@ function ListMediaSosial({ search }: { search: string }) {
 
         <Box>
           {/* Desktop: Table | Mobile: Card-based vertical layout */}
-          <Box visibleFrom="md">
-            <Table highlightOnHover>
+         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+           <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
               <TableThead>
                 <TableTr>
                   <TableTh style={{ width: '25%' }}>
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
index 938afd30..b2c30db0 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
@@ -13,7 +13,7 @@ function ProgramInovasi() {
   const [search, setSearch] = useState("");
 
   return (
-    <Box px={{base: 0, md: "md"}} py="lg">
+    <Box px={{ base: 0, md: "md" }} py="lg">
       <HeaderSearch
         title="Program Inovasi"
         placeholder="Cari program inovasi..."
@@ -34,8 +34,8 @@ function ListProgramInovasi({ search }: { search: string }) {
   const { data, page, totalPages, loading, load } = stateProgramInovasi.findMany;
 
   useShallowEffect(() => {
-      load(page, 10, debouncedSearch);
-    }, [page, debouncedSearch]);
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
 
   const filteredData = data || [];
 
@@ -62,67 +62,67 @@ function ListProgramInovasi({ search }: { search: string }) {
             Tambah Program
           </Button>
         </Group>
-        <Box visibleFrom='md'>
-          <Box style={{ overflowX: 'auto' }}>
-            <Table highlightOnHover striped verticalSpacing="sm">
-              <TableThead>
+        <Box visibleFrom='md' style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} striped verticalSpacing="sm">
+            <TableThead>
+              <TableTr>
+                <TableTh>Nama Program</TableTh>
+                <TableTh>Deskripsi</TableTh>
+                <TableTh>Link</TableTh>
+                <TableTh>Aksi</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length === 0 ? (
                 <TableTr>
-                  <TableTh>Nama Program</TableTh>
-                  <TableTh>Deskripsi</TableTh>
-                  <TableTh>Link</TableTh>
-                  <TableTh>Aksi</TableTh>
+                  <TableTd colSpan={4}>
+                    <Center py={20}>
+                      <Text color="dimmed">Belum ada data program inovasi</Text>
+                    </Center>
+                  </TableTd>
                 </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.length === 0 ? (
-                  <TableTr>
-                    <TableTd colSpan={4}>
-                      <Center py={20}>
-                        <Text color="dimmed">Belum ada data program inovasi</Text>
-                      </Center>
+              ) : (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd>
+                      <Text fw={500}>{item.name}</Text>
+                    </TableTd>
+                    <TableTd style={{ maxWidth: 250 }}>
+                      <Text fz="sm" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.description || '-' }}></Text>
+                    </TableTd>
+                    <TableTd style={{ maxWidth: 250 }}>
+                      <Tooltip label="Buka tautan program" position="top" withArrow>
+                        <a
+                          href={item.link}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          style={{ color: colors['blue-button'], textDecoration: 'underline' }}
+                        >
+                          <Text truncate fz="sm">{item.link}</Text>
+                        </a>
+                      </Tooltip>
+                    </TableTd>
+                    <TableTd>
+                      <Button
+                        size="xs"
+                        radius="md"
+                        variant="light"
+                        color="blue"
+                        leftSection={<IconDeviceImacCog size={16} />}
+                        onClick={() =>
+                          router.push(`/admin/landing-page/profil/program-inovasi/${item.id}`)
+                        }
+                      >
+                        Detail
+                      </Button>
                     </TableTd>
                   </TableTr>
-                ) : (
-                  filteredData.map((item) => (
-                    <TableTr key={item.id}>
-                      <TableTd>
-                        <Text fw={500}>{item.name}</Text>
-                      </TableTd>
-                      <TableTd style={{ maxWidth: 250 }}>
-                        <Text fz="sm" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.description || '-' }}></Text>
-                      </TableTd>
-                      <TableTd style={{ maxWidth: 250 }}>
-                        <Tooltip label="Buka tautan program" position="top" withArrow>
-                          <a
-                            href={item.link}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            style={{ color: colors['blue-button'], textDecoration: 'underline' }}
-                          >
-                            <Text truncate fz="sm">{item.link}</Text>
-                          </a>
-                        </Tooltip>
-                      </TableTd>
-                      <TableTd>
-                        <Button
-                          size="xs"
-                          radius="md"
-                          variant="light"
-                          color="blue"
-                          leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() =>
-                            router.push(`/admin/landing-page/profil/program-inovasi/${item.id}`)
-                          }
-                        >
-                          Detail
-                        </Button>
-                      </TableTd>
-                    </TableTr>
-                  ))
-                )}
-              </TableTbody>
-            </Table>
-          </Box>
+                ))
+              )}
+            </TableTbody>
+          </Table>
         </Box>
         <Box hiddenFrom="md" pt={20}>
           <Stack gap="sm">
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
index ac7f4510..0c9c125e 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
@@ -139,8 +139,10 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
                 Tambah Baru
               </Button>
             </Group>
-            <Box visibleFrom="md">
-              <Table highlightOnHover miw={0} style={{ tableLayout: 'fixed', width: '100%' }}>
+           <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+             <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0} style={{ tableLayout: 'fixed', width: '100%' }}>
                 <TableThead>
                   <TableTr>
                     <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
@@ -181,8 +183,10 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0} style={{ tableLayout: 'fixed', width: '100%' }}>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0} style={{ tableLayout: 'fixed', width: '100%' }}>
             <TableThead>
               <TableTr>
                 <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
index 414c3273..b088302e 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/page.tsx
@@ -100,7 +100,7 @@ function ListKategoriKegiatan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx
index 6039332b..40b7f10f 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/page.tsx
@@ -89,7 +89,7 @@ function ListKegiatanDesa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop: Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
index e4f363b0..a10ab2c3 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/page.tsx
@@ -70,7 +70,7 @@ function ListKeteranganBankSampahTerdekat({ search }: { search: string }) {
         </Group>
         
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
index 1b2d09d7..a41d23f2 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
@@ -119,7 +119,7 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx
index 8a56006f..293b62cf 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/page.tsx
@@ -74,7 +74,7 @@ function ListBeasiswaPendaftar({ search }: { search: string }) {
         </Group>
 
         {/* Desktop: Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
index e31f1f40..9d8fc2b6 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/page.tsx
@@ -94,7 +94,7 @@ function ListKeunggulanProgram({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
index 6ac01e51..f257ed75 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/page.tsx
@@ -99,7 +99,7 @@ function ListJenjangPendidikan() {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
index 93765bb0..744fffde 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/page.tsx
@@ -89,7 +89,7 @@ function ListLembaga({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
index 02f9cd36..97e4c4a4 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/page.tsx
@@ -74,7 +74,7 @@ function ListPengajar({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
index 5301ba06..1dcc37be 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/page.tsx
@@ -82,7 +82,7 @@ function ListSiswa({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
index 5cd77208..d18f45e9 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx
@@ -86,7 +86,7 @@ function ListDataPerpustakaan({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             striped
             highlightOnHover
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
index 4d6f84bb..608a4a4e 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx
@@ -82,7 +82,7 @@ function ListKategoriBuku({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
index f62201ec..42d08f6e 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/page.tsx
@@ -89,7 +89,7 @@ function ListPeminjamBuku({ search }: { search: string }) {
         </Title>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
index c9e16300..f36fff5d 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx
@@ -85,7 +85,7 @@ function ListResponden({ search }: ListRespondenProps) {
     <Box>
       <Stack gap={'lg'}>
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Paper p="lg" radius="lg" shadow="md" withBorder>
             <Title order={4} size="lg" mb="md" lh={1.2}>
               Daftar Responden
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
index 7c16dfb0..ee4988b9 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
@@ -128,8 +128,10 @@ function Page() {
           ) : (
             <>
               {/* Desktop Table */}
-              <Box visibleFrom="md">
-                <Table highlightOnHover>
+             <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+               <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
                   <TableThead>
                     <TableTr>
                       <TableTh fz="sm" fw={600} ta="center" w={60}>
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 09b65e77..3ab5b9d4 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -127,8 +127,10 @@ function Page() {
           ) : (
             <>
               {/* Desktop Table */}
-              <Box visibleFrom="md">
-                <Table highlightOnHover>
+             <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+               <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
                   <TableThead>
                     <TableTr>
                       <TableTh fz="sm" fw={600} lh={1.4} ta="center">
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
index 0b8d738d..24713aab 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
@@ -117,8 +117,10 @@ function ListPegawaiPPID({ search }: { search: string }) {
         </Group>
 
         {/* Desktop: Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0}>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} lh={1.4}>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
index 3db71a35..09f64047 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
@@ -79,8 +79,10 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} lh={1.4}>Nama Posisi</TableTh>
diff --git a/src/app/admin/(dashboard)/user&role/role/page.tsx b/src/app/admin/(dashboard)/user&role/role/page.tsx
index b4439700..b026a692 100644
--- a/src/app/admin/(dashboard)/user&role/role/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/page.tsx
@@ -99,7 +99,7 @@ function ListRole({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             striped
             highlightOnHover
diff --git a/src/app/admin/(dashboard)/user&role/user/page.tsx b/src/app/admin/(dashboard)/user&role/user/page.tsx
index 0fa1ec94..1074e15c 100644
--- a/src/app/admin/(dashboard)/user&role/user/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/user/page.tsx
@@ -147,7 +147,7 @@ function ListUser({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Table
             highlightOnHover
             miw={0}
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
index 86494b94..52ff293a 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
@@ -110,7 +110,9 @@ function Page() {
                     <Title order={2} fw="bold">{state.findUnique.data.mythvsfact?.title}</Title>
                     <Divider my="xs" />
                     <Box pb="md">
-                      <Table highlightOnHover withTableBorder withColumnBorders striped>
+                      <Table highlightOnHover
+                        layout="fixed" // 🔥 PENTING
+                        withColumnBorders={false} withTableBorder striped>
                         <TableThead>
                           <TableTr>
                             <TableTh fz={{ base: 'xs', md: 'sm' }} fw="bold">Mitos</TableTh>
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
index 9baabf4b..eb981540 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
@@ -226,7 +226,9 @@ function Page() {
               <Card radius="xl" p="lg" withBorder>
                 <Stack gap="md">
                   <Title order={4}>Dokter & Tenaga Medis</Title>
-                  <Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Dokter">
+                  <Table highlightOnHover
+                    layout="fixed" // 🔥 PENTING
+                    withColumnBorders={false} withTableBorder aria-label="Tabel Dokter">
                     <TableThead>
                       <TableTr>
                         <TableTh>
@@ -301,7 +303,9 @@ function Page() {
                 <Stack gap="md">
                   <Title order={3}>Layanan & Tarif</Title>
                   <Divider />
-                  <Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Layanan dan Tarif">
+                  <Table highlightOnHover
+                    layout="fixed" // 🔥 PENTING
+                    withColumnBorders={false} withTableBorder aria-label="Tabel Layanan dan Tarif">
                     <TableThead>
                       <TableTr>
                         <TableTh>
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
index 7b79bfe8..e9f0456d 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
@@ -3,7 +3,7 @@ import kontakDarurat from '@/app/admin/(dashboard)/_state/kesehatan/kontak-darur
 import colors from '@/con/colors';
 import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconBrandWhatsapp } from '@tabler/icons-react';
+import { IconArrowBack, IconPhoneCall } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 
@@ -63,7 +63,7 @@ function Page() {
               </Box>
 
               <Box>
-                <Title order={3}>Whatsapp</Title>
+                <Title order={3}>Telepon</Title>
                 <Text fz={{ base: 'sm', md: 'md' }} c={data.whatsapp ? 'black' : 'dimmed'}>
                   {data.whatsapp || '-'}
                 </Text>
@@ -97,14 +97,14 @@ function Page() {
               <Group>
                 <Button
                   variant="light"
-                  leftSection={<IconBrandWhatsapp size={18} />}
+                  leftSection={<IconPhoneCall size={18} />}
                   component="a"
-                  href={`https://wa.me/${data.whatsapp.replace(/\D/g, '')}`}
+                  href={`tel:${data.whatsapp.replace(/\D/g, '')}`}
                   target="_blank"
-                  aria-label="Hubungi WhatsApp"
+                  aria-label="Hubungi Telepon"
                   fz={{ base: 'sm', md: 'md' }}
                 >
-                  WhatsApp
+                  Telepon
                 </Button>
               </Group>
             </Stack>
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
index 388c7724..daa92513 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
@@ -139,7 +139,7 @@ function Page() {
                     }}
                   >
                     <Image
-                      src={v.image.link}
+                      src={v.image?.link ?? "/no-image.jpg"}
                       alt={v.name}
                       fit="cover"
                       loading="lazy"
diff --git a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
index 8cfa970e..488922aa 100644
--- a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
@@ -125,7 +125,7 @@ function Page() {
                     }}
                   >
                     <Image
-                      src={v.image.link}
+                      src={v.image?.link ?? "/no-image.jpg"}
                       alt={v.name}
                       fit="cover"
                       loading="lazy"
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
index 4c05cb3d..50fcc8c4 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
@@ -77,7 +77,7 @@ export default function DetailPosyanduUser() {
           {data.image?.link ? (
             <Center>
               <Image
-                src={data.image.link}
+                src={data.image?.link ?? "/no-image.jpg"}
                 alt={`Gambar ${data.name}`}
                 w="100%"
                 h={300}
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
index bc8d1109..1f67015d 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
@@ -124,7 +124,7 @@ export default function Page() {
                   </Group>
                   <Center>
                     <Image
-                      src={v.image.link}
+                      src={v.image?.link ?? "/no-image.jpg"}
                       alt={`Gambar ${v.name}`}
                       radius="md"
                       w="100%"
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
index 8b47c58a..e1630408 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
@@ -43,7 +43,7 @@ function Page() {
             <BackgroundImage
               radius="lg"
               h={{ base: 260, md: 480 }}
-              src={data.image.link}
+              src={data.image?.link ?? "/no-image.jpg"}
               style={{ position: 'relative', overflow: 'hidden' }}
             >
               <Box
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
index 9d721b08..96a298fa 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
@@ -84,7 +84,7 @@ function Page() {
               >
                 <Stack gap="sm">
                   <Image
-                    src={v.image.link}
+                    src={v.image?.link ?? "/no-image.jpg"}
                     alt={v.name}
                     radius="md"
                     height={160}
diff --git a/src/app/darmasaba/_com/ModernNewsNotification.tsx b/src/app/darmasaba/_com/ModernNewsNotification.tsx
index 93503db6..2d240db3 100644
--- a/src/app/darmasaba/_com/ModernNewsNotification.tsx
+++ b/src/app/darmasaba/_com/ModernNewsNotification.tsx
@@ -311,7 +311,7 @@ export default function ModernNewsNotification({
                 </Box>
               </Paper>
             </Box>
-            <Box visibleFrom="md">
+           <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
               <Paper
                 style={{
                   ...styles,
@@ -488,7 +488,7 @@ export default function ModernNewsNotification({
             )}
           </Transition>
         </Box>
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
         <Transition
         mounted={toastVisible && !!currentNews}
         transition="slide-right"
diff --git a/src/app/darmasaba/_com/Navbar.tsx b/src/app/darmasaba/_com/Navbar.tsx
index 28225d7f..647d226b 100644
--- a/src/app/darmasaba/_com/Navbar.tsx
+++ b/src/app/darmasaba/_com/Navbar.tsx
@@ -25,7 +25,7 @@ export function Navbar() {
         style={{ zIndex: 100 }}
       >
         {/* Desktop navbar (muncul mulai 992px ke atas) */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <NavbarMainMenu listNavbar={navbarListMenu} />
         </Box>
 
-- 
2.49.1


From 17b20e0d40913772ac9d176df52f8c4ce5d5d1a6 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Sat, 17 Jan 2026 10:32:48 +0800
Subject: [PATCH 67/97] Add Layanan Polsek submenu polsek terdekat Seeder menu
 keamanan -> menu ekonomi submenu : demografi pekerjaan, junlah pengangguran,
 lowongan kerja lokal, pasar desa, program kemiskinan, sektor unggulan,
 struktur organisasi

---
 .../demografi-pekerjaan.json                  |  56 ++
 .../lowongan-kerja-lokal.json                 |  57 ++
 .../ekonomi/pasar-desa/kategori-produk.json   |  12 +
 .../ekonomi/pasar-desa/kategori-to-pasar.json |  42 ++
 .../data/ekonomi/pasar-desa/pasar-desa.json   |  46 ++
 .../program-kemiskinan.json                   |  23 +
 .../statistik-kemiskinan.json                 |  17 +
 .../sektor-unggulan/sektor-unggulan.json      |  44 ++
 prisma/data/file-storage.json                 |  56 +-
 .../keamanan-lingkungan.json                  |  20 +
 .../kontak-darurat-keamanan.json              |  20 +
 .../kontakDaruratToItem.json                  |  17 +
 .../kontak-darurat-keamanan/kontakItem.json   |  45 ++
 .../laporan-publik/laporan-publik.json        |  16 +
 .../laporan-publik/penanganan-laporan.json    |  12 +
 .../pencegahan-kriminalitas.json              |  23 +
 .../polsek-terdekat/layanan-polsek.json       |  14 +
 .../polsek-terdekat/layanan-to-polsek.json    |  62 ++
 .../polsek-terdekat/polsek-terdekat.json      |  54 ++
 .../keamanan/tips-keamanan/tips-keamanan.json |  14 +
 .../program-kesehatan/program-kesehatan.json  |   7 +
 prisma/schema.prisma                          |  97 ++--
 prisma/seed.ts                                | 546 +++++++++++++++++-
 prisma/seed_assets.ts                         |   2 +-
 src/app/admin/(dashboard)/_com/iconMap.tsx    |  71 ++-
 src/app/admin/(dashboard)/_com/selectIcon.tsx |  34 +-
 .../admin/(dashboard)/_com/selectIconEdit.tsx |  34 +-
 .../_state/ekonomi/pasar-desa/pasar-desa.ts   |   4 +
 .../_state/keamanan/polsek-terdekat.ts        | 309 +++++++++-
 .../produk-pasar-desa/[id]/edit/page.tsx      |  24 +-
 .../produk-pasar-desa/create/page.tsx         |  16 +-
 .../polsek-terdekat/[id]/edit/page.tsx        | 457 ---------------
 .../polsek-terdekat/_com/layoutPolsek.tsx     | 150 +++++
 .../daftar-polsek-terdekat/[id]/edit/page.tsx | 279 +++++++++
 .../[id]/page.tsx                             |  26 +-
 .../create/page.tsx                           | 181 ++----
 .../{ => daftar-polsek-terdekat}/page.tsx     |  13 +-
 .../layanan-polsek/[id]/page.tsx              | 161 ++++++
 .../layanan-polsek/create/page.tsx            | 111 ++++
 .../polsek-terdekat/layanan-polsek/page.tsx   | 265 +++++++++
 .../keamanan/polsek-terdekat/layout.tsx       |  34 ++
 src/app/admin/_com/list_PageAdmin.tsx         |  21 +-
 .../_lib/ekonomi/pasar-desa/create.ts         |   4 +-
 .../_lib/ekonomi/pasar-desa/index.ts          |   2 +
 .../_lib/ekonomi/pasar-desa/updt.ts           |   4 +-
 .../api/[[...slugs]]/_lib/keamanan/index.ts   |   3 +-
 .../_lib/keamanan/layanan-polsek/create.ts    |  26 -
 .../_lib/keamanan/layanan-polsek/del.ts       |  31 -
 .../_lib/keamanan/layanan-polsek/findMany.ts  |  18 -
 .../keamanan/layanan-polsek/findUnique.ts     |  48 --
 .../_lib/keamanan/layanan-polsek/updt.ts      |  29 -
 .../_lib/keamanan/polsek-terdekat/create.ts   | 102 +++-
 .../_lib/keamanan/polsek-terdekat/del.ts      |  48 +-
 .../_lib/keamanan/polsek-terdekat/findMany.ts |   5 +
 .../keamanan/polsek-terdekat/findUnique.ts    |  71 +--
 .../_lib/keamanan/polsek-terdekat/index.ts    |  19 +-
 .../polsek-terdekat/layanan-polsek/create.ts  |  26 +
 .../polsek-terdekat/layanan-polsek/del.ts     |  16 +
 .../layanan-polsek/findMany.ts                |  53 ++
 .../layanan-polsek/findManyAll.ts             |  41 ++
 .../layanan-polsek/findUnique.ts              |  46 ++
 .../layanan-polsek/index.ts                   |  34 +-
 .../polsek-terdekat/layanan-polsek/updt.ts    |  28 +
 .../_lib/keamanan/polsek-terdekat/updt.ts     | 129 ++---
 .../ekonomi/lowongan-kerja-lokal/page.tsx     |  25 +-
 .../(pages)/keamanan/polsek-terdekat/page.tsx |   6 +-
 .../polsek-terdekat/semua-polsek/page.tsx     |  11 +-
 67 files changed, 3238 insertions(+), 1079 deletions(-)
 create mode 100644 prisma/data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json
 create mode 100644 prisma/data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json
 create mode 100644 prisma/data/ekonomi/pasar-desa/kategori-to-pasar.json
 create mode 100644 prisma/data/ekonomi/pasar-desa/pasar-desa.json
 create mode 100644 prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json
 create mode 100644 prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json
 create mode 100644 prisma/data/ekonomi/sektor-unggulan/sektor-unggulan.json
 create mode 100644 prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json
 create mode 100644 prisma/data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json
 create mode 100644 prisma/data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json
 create mode 100644 prisma/data/keamanan/kontak-darurat-keamanan/kontakItem.json
 create mode 100644 prisma/data/keamanan/laporan-publik/laporan-publik.json
 create mode 100644 prisma/data/keamanan/laporan-publik/penanganan-laporan.json
 create mode 100644 prisma/data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json
 create mode 100644 prisma/data/keamanan/polsek-terdekat/layanan-polsek.json
 create mode 100644 prisma/data/keamanan/polsek-terdekat/layanan-to-polsek.json
 create mode 100644 prisma/data/keamanan/polsek-terdekat/polsek-terdekat.json
 create mode 100644 prisma/data/keamanan/tips-keamanan/tips-keamanan.json
 delete mode 100644 src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
 create mode 100644 src/app/admin/(dashboard)/keamanan/polsek-terdekat/_com/layoutPolsek.tsx
 create mode 100644 src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx
 rename src/app/admin/(dashboard)/keamanan/polsek-terdekat/{ => daftar-polsek-terdekat}/[id]/page.tsx (87%)
 rename src/app/admin/(dashboard)/keamanan/polsek-terdekat/{ => daftar-polsek-terdekat}/create/page.tsx (61%)
 rename src/app/admin/(dashboard)/keamanan/polsek-terdekat/{ => daftar-polsek-terdekat}/page.tsx (95%)
 create mode 100644 src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx
 create mode 100644 src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx
 create mode 100644 src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/page.tsx
 create mode 100644 src/app/admin/(dashboard)/keamanan/polsek-terdekat/layout.tsx
 delete mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts
 delete mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts
 delete mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findMany.ts
 delete mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findUnique.ts
 delete mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/updt.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/create.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/del.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findMany.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findManyAll.ts
 create mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findUnique.ts
 rename src/app/api/[[...slugs]]/_lib/keamanan/{ => polsek-terdekat}/layanan-polsek/index.ts (56%)
 create mode 100644 src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/updt.ts

diff --git a/prisma/data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json b/prisma/data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json
new file mode 100644
index 00000000..344868c1
--- /dev/null
+++ b/prisma/data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json
@@ -0,0 +1,56 @@
+[
+  {
+    "id": "cmkf3kv0b0004vnys6hh7ugj2",
+    "pekerjaan": "Petani/Pekebun",
+    "lakiLaki": 180,
+    "perempuan": 120
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh8vhk3",
+    "pekerjaan": "Perajin Industri",
+    "lakiLaki": 95,
+    "perempuan": 140
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh9wil4",
+    "pekerjaan": "Pedagang/UMKM",
+    "lakiLaki": 130,
+    "perempuan": 170
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh0xjm5",
+    "pekerjaan": "Karyawan Swasta",
+    "lakiLaki": 260,
+    "perempuan": 310
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh1ykn6",
+    "pekerjaan": "PNS/TNI/Polri",
+    "lakiLaki": 85,
+    "perempuan": 75
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh2zlo7",
+    "pekerjaan": "Buruh Harian Lepas",
+    "lakiLaki": 140,
+    "perempuan": 90
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh3amp8",
+    "pekerjaan": "Wiraswasta",
+    "lakiLaki": 165,
+    "perempuan": 110
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh4bnq9",
+    "pekerjaan": "Pelajar/Mahasiswa",
+    "lakiLaki": 220,
+    "perempuan": 240
+  },
+  {
+    "id": "cmkf3kv0b0004vnys6hh5cor0",
+    "pekerjaan": "Belum/Tidak Bekerja",
+    "lakiLaki": 70,
+    "perempuan": 95
+  }
+]
diff --git a/prisma/data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json b/prisma/data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json
new file mode 100644
index 00000000..4747aaa9
--- /dev/null
+++ b/prisma/data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json
@@ -0,0 +1,57 @@
+[
+  {
+    "id": "3b3e817b-c136-4488-ac79-9a7d408939a2",
+    "posisi": "Lowongan TPS3R Pudak Mesari",
+    "namaPerusahaan": "TPS3R Pudak Mesari Desa Darmasaba",
+    "lokasi": "Desa Darmasaba, Abiansemal, Kabupaten Badung, Bali",
+    "tipePekerjaan": "Freelance",
+    "gaji": "1.500.000",
+    "deskripsi": "Menjalankan tugas di TPS3R Pudak Mesari.",
+    "kualifikasi": "Usia 18-30 tahun, SMA/SMK minimal",
+    "notelp": "089647037426"
+  },
+  {
+    "id": "3b3e817b-c136-4488-bd80-9a7d408939a2",
+    "posisi": "Marketing Executive",
+    "namaPerusahaan": "PT Mitra Krida Mandiri (Dealer Honda MKM Darmasaba)",
+    "lokasi": "Jalan Raya Darmasaba No.169, Abiansemal, Badung, Bali",
+    "tipePekerjaan": "Full Time",
+    "gaji": "2.500.000",
+    "deskripsi": "Menjalankan tugas pemasaran dan penjualan produk Honda di area Darmasaba.",
+    "kualifikasi": "Usia 18-30 tahun, SMA/SMK minimal, memiliki sepeda motor Honda dan smartphone.",
+    "notelp": "081296001047"
+  },
+  {
+    "id": "3b3e817b-c136-4488-ce91-9a7d408939a2",
+    "posisi": "Kasir",
+    "namaPerusahaan": "GOGO DARMASABA",
+    "lokasi": "Jl. Raya Darmasaba, Darmasaba, Kec. Abiansemal, Kabupaten Badung, Bali",
+    "tipePekerjaan": "Full Time",
+    "gaji": "2.500.000",
+    "deskripsi": "Melakukan pelayanan kasir dan administrasi pelanggan di restoran/food service.",
+    "kualifikasi": "Wanita, 18-30 tahun, SMA/SMK minimal pengalaman 1-3 tahun sebagai kasir atau Customer Service.",
+    "notelp": "089647037426"
+  },
+  {
+    "id": "3b3e817b-c136-4488-df02-9a7d408939a2",
+    "posisi": "Kasir / Teknisi Handphone",
+    "namaPerusahaan": "Jaya Cell Darmasaba",
+    "lokasi": "Jl. Raya Darmasaba, Darmasaba, Abiansemal, Badung, Bali",
+    "tipePekerjaan": "Full Time",
+    "gaji": "2.000.000",
+    "deskripsi": "Melakukan pelayanan kasir serta teknisi ponsel termasuk troubleshooting dan perbaikan.",
+    "kualifikasi": "Tidak disebutkan pengalaman khusus, memiliki KTP dan keinginan kuat untuk bekerja.",
+    "notelp": "089647037426"
+  },
+  {
+    "id": "3b3e817b-c136-4488-eg13-9a7d408939a2",
+    "posisi": "Guru Les (Pengajar Anak)",
+    "namaPerusahaan": "Bimba AIUEO Darmasaba",
+    "lokasi": "Darmasaba, Kabupaten Badung, Bali",
+    "tipePekerjaan": "Full Time",
+    "gaji": "2.000.000",
+    "deskripsi": "Mengajar calistung dan perkembangan dasar anak usia 3-6 tahun.",
+    "kualifikasi": "Minimal SMA/SMK, komunikasi baik, berinteraksi dengan anak-anak.",
+    "notelp": "089647037426"
+  }
+]
diff --git a/prisma/data/ekonomi/pasar-desa/kategori-produk.json b/prisma/data/ekonomi/pasar-desa/kategori-produk.json
index c8c9b59e..7093047e 100644
--- a/prisma/data/ekonomi/pasar-desa/kategori-produk.json
+++ b/prisma/data/ekonomi/pasar-desa/kategori-produk.json
@@ -6,5 +6,17 @@
   {
     "id": "5c06chf7-123f-6hfe-0663-5e9h76e55060",
     "nama": "Minuman"
+  },
+  {
+    "id": "5c06chf7-123f-7igd-0663-5e9h76e55060",
+    "nama": "Sembako"
+  },
+  {
+    "id": "5c06chf7-123f-8jhe-0663-5e9h76e55060",
+    "nama": "Sayur Mayur"
+  },
+  {
+    "id": "5c06chf7-123f-9kif-0663-5e9h76e55060",
+    "nama": "Protein Hewani"
   }
 ]
diff --git a/prisma/data/ekonomi/pasar-desa/kategori-to-pasar.json b/prisma/data/ekonomi/pasar-desa/kategori-to-pasar.json
new file mode 100644
index 00000000..0ac0fae2
--- /dev/null
+++ b/prisma/data/ekonomi/pasar-desa/kategori-to-pasar.json
@@ -0,0 +1,42 @@
+[
+  {
+    "id": "f6b52033-5016-45d9-b0fd-b9d4b6c4729b",
+    "kategoriId": "5c06chf7-123f-9kif-0663-5e9h76e55060",
+    "pasarDesaId": "d62660a2-ac6b-428a-acf6-58cc837ef789"
+  },
+  {
+    "id": "d2ef373c-043c-44b5-adde-6a25a54199d3",
+    "kategoriId": "5c06chf7-123f-7igd-0663-5e9h76e55060",
+    "pasarDesaId": "d62660a2-ac6b-428a-acf6-58cc837ef789"
+  },
+  {
+    "id": "ad427752-fea0-4ef3-a312-5961eefd5ee3",
+    "kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
+    "pasarDesaId": "d62660a2-ac6b-428a-acf6-58cc837ef789"
+  },
+  {
+    "id": "bd00ab59-7ac8-4d40-94de-a86bb0eb4557",
+    "kategoriId": "5c06chf7-123f-8jhe-0663-5e9h76e55060",
+    "pasarDesaId": "24c6b992-49da-4c6e-aebb-72cf89f75438"
+  },
+  {
+    "id": "b7d311a2-a23a-499d-a339-823c5e30849a",
+    "kategoriId": "5c06chf7-123f-7igd-0663-5e9h76e55060",
+    "pasarDesaId": "24c6b992-49da-4c6e-aebb-72cf89f75438"
+  },
+  {
+    "id": "50ccc6c9-92c1-4d86-9585-85d48d35f640",
+    "kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
+    "pasarDesaId": "24c6b992-49da-4c6e-aebb-72cf89f75438"
+  },
+  {
+    "id": "3b27f795-1d1d-4655-90f9-b779a009094e",
+    "kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
+    "pasarDesaId": "6dea2257-b710-4cd2-8d94-9b6737e658d8"
+  },
+  {
+    "id": "d45873c5-5948-40f9-a88d-aa0861132bae",
+    "kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
+    "pasarDesaId": "1b7a17ea-83f7-4e73-a94d-96e2b4a623f2"
+  }
+]
diff --git a/prisma/data/ekonomi/pasar-desa/pasar-desa.json b/prisma/data/ekonomi/pasar-desa/pasar-desa.json
new file mode 100644
index 00000000..956975d7
--- /dev/null
+++ b/prisma/data/ekonomi/pasar-desa/pasar-desa.json
@@ -0,0 +1,46 @@
+[
+  {
+    "id": "1b7a17ea-83f7-4e73-a94d-96e2b4a623f2",
+    "nama": "Warung Pasar Darmasaba",
+    "harga": 30000,
+    "imageId": "cmkew56ls0000vnysrnzr9ttx",
+    "rating": 4.3,
+    "alamatUsaha": "Br. Baler Pasar, Desa Darmasaba, Kec. Abiansemal",
+    "kontak": "081234567890",
+    "deskripsi": "Warung tradisional yang menjual kebutuhan pokok harian seperti sembako, jajanan pasar, dan minuman.",
+    "kategoriProdukId": "5c06chf7-123f-7igd-0663-5e9h76e55060"
+  },
+  {
+    "id": "6dea2257-b710-4cd2-8d94-9b6737e658d8",
+    "nama": "Jajanan Pasar Bu Made",
+    "imageId": "cmkewaa2s0001vnysvvs9tu56",
+    "harga": 5000,
+    "rating": 4.6,
+    "alamatUsaha": "Jl. Raya Darmasaba, dekat Banjar Baler Pasar",
+    "kontak": "082145678901",
+    "deskripsi": "Menjual berbagai jajanan pasar tradisional Bali seperti laklak, klepon, dan pisang rai.",
+    "kategoriProdukId": "4b95bge6-012e-5ged-9552-4d8g65d44959"
+  },
+  {
+    "id": "24c6b992-49da-4c6e-aebb-72cf89f75438",
+    "nama": "Sayur Segar Pak Wayan",
+    "imageId": "cmkewcvfq0002vnys6985nm90",
+    "harga": 20000,
+    "rating": 4.4,
+    "alamatUsaha": "Area Pasar Desa Darmasaba",
+    "kontak": "087865432109",
+    "deskripsi": "Lapak sayur segar yang menyediakan sayuran lokal hasil petani sekitar Desa Darmasaba.",
+    "kategoriProdukId": "5c06chf7-123f-8jhe-0663-5e9h76e55060"
+  },
+  {
+    "id": "d62660a2-ac6b-428a-acf6-58cc837ef789",
+    "nama": "Ayam & Daging Segar Darmasaba",
+    "imageId": "cmkewf4u90003vnys87en35nj",
+    "harga": 80000,
+    "rating": 4.2,
+    "alamatUsaha": "Br. Baler Pasar, Desa Darmasaba",
+    "kontak": "081998877665",
+    "deskripsi": "Menjual ayam potong dan daging segar untuk kebutuhan rumah tangga dan upacara adat.",
+    "kategoriProdukId": "5c06chf7-123f-9kif-0663-5e9h76e55060"
+  }
+]
diff --git a/prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json b/prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json
new file mode 100644
index 00000000..3348f08a
--- /dev/null
+++ b/prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json
@@ -0,0 +1,23 @@
+[
+  {
+    "id": "dd92a029-cd7d-4b60-8a3b-dd88e61fe715",
+    "nama": "BLT-DD (Bantuan Langsung Tunai Dana Desa)",
+    "icon": "bantuan",
+    "deskripsi": "<p>Program pemberian Bantuan Langsung Tunai yang dibiayai dari Dana Desa untuk meringankan beban ekonomi keluarga miskin/prasejahtera di Desa Darmasaba.</p>",
+    "statistikId": "d59481a3-ff7f-4e52-cd5c-89e143eeb869"
+  },
+  {
+    "id": "dd92a029-cd7d-4b60-9b4c-dd88e61fe715",
+    "nama": "Penguatan Ketahanan Pangan",
+    "icon": "air",
+    "deskripsi": "<p>Kegiatan pemberdayaan masyarakat dalam ketahanan pangan untuk mendukung ketersediaan pangan keluarga kurang mampu dan meningkatkan kemampuan produksi pangan lokal.</p>",
+    "statistikId": "d59481a3-ff7f-4e52-de6d-89e143eeb869"
+  },
+  {
+    "id": "dd92a029-cd7d-4b60-0c5d-dd88e61fe715",
+    "nama": "Peningkatan IKM berbasis E-commerce",
+    "icon": "ekonomi",
+    "deskripsi": "<p>Program peningkatan keterampilan usaha mikro kecil (IKM) termasuk pelatihan branding, pengemasan, dan promosi digital untuk memperkuat ekonomi rumah tangga melalui pemasaran online.</p>",
+    "statistikId": "d59481a3-ff7f-4e52-df7e-89e143eeb869"
+  }
+]
diff --git a/prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json b/prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json
new file mode 100644
index 00000000..7fec063f
--- /dev/null
+++ b/prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json
@@ -0,0 +1,17 @@
+[
+  {
+    "id": "d59481a3-ff7f-4e52-cd5c-89e143eeb869",
+    "tahun": 2023,
+    "jumlah": 20
+  },
+  {
+    "id": "d59481a3-ff7f-4e52-de6d-89e143eeb869",
+    "tahun": 2024,
+    "jumlah": 30
+  },
+  {
+    "id": "d59481a3-ff7f-4e52-df7e-89e143eeb869",
+    "tahun": 2025,
+    "jumlah": 20
+  }
+]
diff --git a/prisma/data/ekonomi/sektor-unggulan/sektor-unggulan.json b/prisma/data/ekonomi/sektor-unggulan/sektor-unggulan.json
new file mode 100644
index 00000000..fca71eb1
--- /dev/null
+++ b/prisma/data/ekonomi/sektor-unggulan/sektor-unggulan.json
@@ -0,0 +1,44 @@
+[
+  {
+    "id": "053999e8-e5c4-4a50-b587-0e0ce15aba1a",
+    "name": "Pertanian",
+    "description": "Sektor pertanian meliputi kegiatan bercocok tanam padi, palawija, dan tanaman lain di subak yang menjadi basis mata pencaharian warga",
+    "value": 90
+  },
+  {
+    "id": "8e0d2f2d-512d-4c05-8880-b6e7d144a34d",
+    "name": "UMKM Kecil",
+    "description": "Usaha Mikro Kecil Menengah termasuk IKM berbasis pengolahan pangan dan kuliner yang tumbuh di desa sebagai penggerak ekonomi lokal",
+    "value": 45
+  },
+  {
+    "id": "0378b10a-f0e3-421c-9272-225d931179ce",
+    "name": "Peternakan",
+    "description": "Peternakan ikan lele dan mata pencaharian lain yang mendukung ketahanan pangan dan ekonomi masyarakat desa",
+    "value": 30
+  },
+  {
+    "id": "4fa28680-8014-4c46-9dd0-1aa910630fd3",
+    "name": "BUMDes",
+    "description": "BUMDes Pudak Mesari sebagai lembaga usaha desa yang mengembangkan potensi lokal dan layanan ekonomi",
+    "value": 20
+  },
+  {
+    "id": "669464b2-dd7e-44be-b609-97a9b844df8b",
+    "name": "Kawasan Kuliner",
+    "description": "Potensi kawasan kuliner desa yang menjadi daya tarik ekonomi dan pariwisata kecil di daerah Darmasaba",
+    "value": 15
+  },
+  {
+    "id": "ef65e122-84ce-4483-93e9-c1a8bcee9b79",
+    "name": "Pariwisata",
+    "description": "Potensi wisata lokal seperti Jogging Track, taman dan water park yang memberikan nilai tambah ekonomi masyarakat",
+    "value": 35
+  },
+  {
+    "id": "08443c84-8ca9-4690-b900-e5e3e753cc97",
+    "name": "Kerajinan Genteng",
+    "description": "Kerajinan genteng press di Desa Adat Tegal yang merupakan usaha kerajinan lokal dengan kontribusi ekonomi",
+    "value": 25
+  }
+]
diff --git a/prisma/data/file-storage.json b/prisma/data/file-storage.json
index 34fe16f1..b3549ca4 100644
--- a/prisma/data/file-storage.json
+++ b/prisma/data/file-storage.json
@@ -999,7 +999,7 @@
     "link": "/api/fileStorage/findUnique/M9QlgVKIEfCdY3g4F_tRZ-desktop.webp",
     "category": "image"
   },
-    {
+  {
     "id": "cmkayz2h8001cvn6yrb7uptjs",
     "name": "Gi8EX3pBmT719AfzXirDS-desktop.webp",
     "realName": "pd1.jpg",
@@ -1115,5 +1115,59 @@
     "mimeType": "image/webp",
     "link": "/api/fileStorage/findUnique/DyX82oztXbHfu6HEvbrpt-desktop.webp",
     "category": "image"
+  },
+  {
+    "id": "cmkc2tcn30000vnt9esmx8kyb",
+    "name": "K0wY911212dinYA3AFB_f-desktop.webp",
+    "realName": "keamananl-1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/K0wY911212dinYA3AFB_f-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkc2xm1z0003vnt98682dv0a",
+    "name": "x0_-siY2V8IehBzo4_uph-desktop.webp",
+    "realName": "keamananl-2.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/x0_-siY2V8IehBzo4_uph-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkc36q2j0006vnt9g87h5it4",
+    "name": "TXknK9CSRSxwvM2hPW6BO-desktop.webp",
+    "realName": "pecalang.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/TXknK9CSRSxwvM2hPW6BO-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkccs50d0000vn2mfuk0d9dw",
+    "name": "U7rePDZq5E59z-Eo9tLBe-desktop.webp",
+    "realName": "tips-keamanan-1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/U7rePDZq5E59z-Eo9tLBe-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkccyh7t0003vn2mjdrqtuu0",
+    "name": "TTur8BttDlAS9UgZVe3M8-desktop.webp",
+    "realName": "tipskaman.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/TTur8BttDlAS9UgZVe3M8-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkdu8kb20002vn4lihwo4k86",
+    "name": "6DQbAvn0St-xHdPGW3vpY-desktop.webp",
+    "realName": "Jamban4.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/6DQbAvn0St-xHdPGW3vpY-desktop.webp",
+    "category": "image"
   }
 ]
diff --git a/prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json b/prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json
new file mode 100644
index 00000000..788349d9
--- /dev/null
+++ b/prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json
@@ -0,0 +1,20 @@
+[
+  {
+    "id": "cmkc2tcs00002vnt9c0ssj05n",
+    "name": "Sosialisasi dan Pembinaan Keamanan Lingkungan Desa Darmasaba",
+    "deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan Sosialisasi dan Pembinaan tentang keamanan dan ketertiban lingkungan kepada warga Perumahan Darmasaba Permai di Wantilan Perum Darmasaba Permai, Desa Darmasaba. Kegiatan ini melibatkan Perbekel Darmasaba, Bhabinkamtibmas, Babinsa, anggota BPD, LPM Desa, KBD dan KBA untuk mengajak warga berperan aktif dalam menjaga keamanan lingkungan, serta mendukung pemasangan lampu penerangan jalan guna mencegah kriminalitas dan kecelakaan di wilayah lingkungan.</p>",
+    "imageId": "cmkc2tcn30000vnt9esmx8kyb"
+  },
+  {
+    "id": "cmkc2xmdh0005vnt9ri6f4nk8",
+    "name": "Sinergi Aparat dan Masyarakat untuk Keamanan Lingkungan",
+    "deskripsi": "<p>Desa Darmasaba bersama aparat seperti Polres Badung dan elemen masyarakat berkomitmen menjalin sinergi untuk menciptakan keamanan dan ketertiban lingkungan yang kondusif, memperkuat kepedulian serta tindakan nyata dalam menjaga situasi kamtibmas desa.</p>",
+    "imageId": "cmkc2xm1z0003vnt98682dv0a"
+  },
+  {
+    "id": "cmkc36qbl0008vnt9odvekex6",
+    "name": "Peran Sistem Keamanan Lingkungan (Siskamling) dan Pecalang di Bali",
+    "deskripsi": "<p>Sistem keamanan lingkungan (Siskamling) di Bali termasuk di Desa Darmasaba melibatkan kolaborasi antara pemerintah desa, satlinmas, dan pecalang sebagai pranata adat Bali. Sinergi ini penting untuk menjaga ketertiban masyarakat serta harmoni sosial berdasarkan kearifan lokal seperti Tri Hita Karana, meskipun perlu pembinaan dan koordinasi terus menerus dari desa dan aparat terkait.</p>",
+    "imageId": "cmkc36q2j0006vnt9g87h5it4"
+  }
+]
diff --git a/prisma/data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json b/prisma/data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json
new file mode 100644
index 00000000..989d7ab9
--- /dev/null
+++ b/prisma/data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json
@@ -0,0 +1,20 @@
+[
+  {
+    "id": "keamanan-polisi",
+    "nama": "Kepolisian",
+    "icon": "keamanan",
+    "kategoriId": "item-polisi"
+  },
+  {
+    "id": "keamanan-damkar",
+    "nama": "Pemadam Kebakaran",
+    "icon": "pemadam",
+    "kategoriId": "item-damkar"
+  },
+  {
+    "id": "keamanan-sar",
+    "nama": "SAR & Evakuasi",
+    "icon": "sar",
+    "kategoriId": "item-sar"
+  }
+]
diff --git a/prisma/data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json b/prisma/data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json
new file mode 100644
index 00000000..b3e18d3b
--- /dev/null
+++ b/prisma/data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json
@@ -0,0 +1,17 @@
+[
+  {
+    "id": "map-polisi-1",
+    "kontakDaruratId": "keamanan-polisi",
+    "kontakItemId": "item-polsek-darmasaba"
+  },
+  {
+    "id": "map-polisi-2",
+    "kontakDaruratId": "keamanan-polisi",
+    "kontakItemId": "item-polres-badung"
+  },
+  {
+    "id": "map-damkar-1",
+    "kontakDaruratId": "keamanan-damkar",
+    "kontakItemId": "item-damkar-badung"
+  }
+]
diff --git a/prisma/data/keamanan/kontak-darurat-keamanan/kontakItem.json b/prisma/data/keamanan/kontak-darurat-keamanan/kontakItem.json
new file mode 100644
index 00000000..1c00152d
--- /dev/null
+++ b/prisma/data/keamanan/kontak-darurat-keamanan/kontakItem.json
@@ -0,0 +1,45 @@
+[
+  {
+    "id": "item-polisi",
+    "nama": "Polisi",
+    "nomorTelepon": "110",
+    "icon": "keamanan"
+  },
+  {
+    "id": "item-damkar",
+    "nama": "Pemadam Kebakaran",
+    "nomorTelepon": "113",
+    "icon": "pemadam"
+  },
+  {
+    "id": "item-sar",
+    "nama": "BASARNAS",
+    "nomorTelepon": "115",
+    "icon": "sar"
+  },
+
+  {
+    "id": "item-polsek-darmasaba",
+    "nama": "Polsek Darmasaba",
+    "nomorTelepon": "0361123456",
+    "icon": "bangunan"
+  },
+  {
+    "id": "item-polres-badung",
+    "nama": "Polres Badung",
+    "nomorTelepon": "0361123999",
+    "icon": "bangunan"
+  },
+  {
+    "id": "item-damkar-badung",
+    "nama": "Damkar Kabupaten Badung",
+    "nomorTelepon": "0361900113",
+    "icon": "pemadam"
+  },
+  {
+    "id": "item-bpbd-badung",
+    "nama": "BPBD Badung",
+    "nomorTelepon": "0361900113",
+    "icon": "sar"
+  }
+]
diff --git a/prisma/data/keamanan/laporan-publik/laporan-publik.json b/prisma/data/keamanan/laporan-publik/laporan-publik.json
new file mode 100644
index 00000000..2cb9f817
--- /dev/null
+++ b/prisma/data/keamanan/laporan-publik/laporan-publik.json
@@ -0,0 +1,16 @@
+[
+  {
+    "id": "cmkdt14my0000vn4lrvfv6jxr",
+    "judul": "LAPORAN REALISASI APBDES SEMESTER I TAHUN ANGGARAN 2025",
+    "lokasi": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung",
+    "tanggalWaktu": "2025-08-04T08:58:55.080Z",
+    "kronologi": "<p>Pemerintah Desa Darmasaba menyampaikan realisasi pendapatan dan belanja desa hingga semester I tahun 2025 yang mencakup berbagai sumber pendapatan dan rincian belanja desa.</p>"
+  },
+  {
+    "id": "cmkdt14my0000vn4lrvfv7kys",
+    "judul": "Aksi Penanganan Maraknya Pembuangan Sampah Liar di Wilayah Desa Darmasaba",
+    "lokasi": "Desa Darmasaba, Kabupaten Badung",
+    "tanggalWaktu": "2025-11-24T08:58:55.080Z",
+    "kronologi": "<p>Tim mendatangi rumah pihak yang diduga melakukan pembuangan sampah liar, melakukan pendataan dan penelusuran, serta koordinasi lintas wilayah untuk memastikan penanganan yang tepat.</p>"
+  }
+]
diff --git a/prisma/data/keamanan/laporan-publik/penanganan-laporan.json b/prisma/data/keamanan/laporan-publik/penanganan-laporan.json
new file mode 100644
index 00000000..170c9527
--- /dev/null
+++ b/prisma/data/keamanan/laporan-publik/penanganan-laporan.json
@@ -0,0 +1,12 @@
+[
+    {
+        "id": "cmkdt41lx0001vn4lrlcqz735",
+        "laporanId": "cmkdt14my0000vn4lrvfv6jxr",
+        "deskripsi": "<p>Laporan ini disampaikan sebagai bentuk komitmen transparansi pengelolaan keuangan desa dan dapat dimonitor oleh masyarakat.</p>"
+    },
+    {
+        "id": "cmkdt41lx0002vn4lrlcqz846",
+        "laporanId": "cmkdt14my0000vn4lrvfv7kys",
+        "deskripsi": "<p>Pemerintah Desa bersama Penyidik Lingkungan Hidup melakukan investigasi lapangan terhadap laporan masyarakat mengenai aksi pembuangan sampah liar, serta melakukan koordinasi untuk penindakan sesuai ketentuan.</p>"
+    }
+]
\ No newline at end of file
diff --git a/prisma/data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json b/prisma/data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json
new file mode 100644
index 00000000..8854bbd1
--- /dev/null
+++ b/prisma/data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json
@@ -0,0 +1,23 @@
+[
+  {
+    "id": "cmh48mn850003qq091pvs7rf1",
+    "judul": "Maling Motor di Darmasaba, Residivis Begal Didor",
+    "deskripsi": "<p>Maling Motor di Darmasaba, Residivis Begal Didor David Andiansyah kembali terancam dibui lantaran melakukan aksi pencurian.</p>",
+    "deskripsiSingkat": "<p>Maling Motor di Darmasaba, Residivis Begal Didor David Andiansyah kembali terancam dibui lantaran melakukan aksi pencurian. Mantan narapidana kasus begal ini diciduk polisi usai mencuri sepeda motor di garase rumah, kawasan Banjar Cabe, Desa Darmasaba, Abiansemal, Badung, Kamis (24/6). Kasi Humas Polres Badung Iptu Ketut Sudana menerangkan, peristiwa tersebut bermula ketika korban Ni Made Desniari berkunjung ke rumah tetangganya Putu Juliati. Saat itu korban memarkirkan sepeda motor Honda Beat miliknya di garase (TKP), tetapi kunci motornya masih nyantol di motor. Ketika korban kembali sekitar pukul 13.00, didapati motornya telah raib. Atas kejadian ini wanita asli Banjar Cabe melapor ke polisi.</p>",
+    "linkVideo": "https://www.youtube.com/embed/2rxK5A-KoeY"
+  },
+  {
+    "id": "cmh59no850003qq091pvs7rf1",
+    "judul": "Integrasi Digital & Akuntabilitas Desa (Pencegahan Penyalahgunaan Wewenang)",
+    "deskripsi": "<p>Video ini membahas bagaimana integrasi digital seperti Simpades, Siskeudes, dan program Jaga Desa memperkuat akuntabilitas pemerintahan desa Darmasaba. Program tersebut mendukung transparansi dan pencegahan tindak pidana administrasi maupun penyalahgunaan wewenang karena tata kelola data desa yang baik membantu mencegah korupsi atau kecurangan dalam pengelolaan dana dan layanan desa.</p>",
+    "deskripsiSingkat": "<p>Integrasi digital meningkatkan transparansi dan mencegah penyalahgunaan wewenang di pemerintahan desa.</p>",
+    "linkVideo": "https://www.youtube.com/embed/l7NIqjA2b_k"
+  },
+  {
+    "id": "cmh60op850003qq091pvs7rf1",
+    "judul": "PROFIL DESA DARMASABA",
+    "deskripsiSingkat": "PROFIL DESA DARMASABA Desa Darmasaba adalah permata di ujung selatan Kecamatan Abiansemal, Kabupaten Badung",
+    "deskripsi": "<p>PROFIL DESA DARMASABA Desa Darmasaba adalah permata di ujung selatan Kecamatan Abiansemal, Kabupaten Badung, yang dikenal dengan kekayaan budaya, inovasi desa, dan potensi ekonomi yang terus berkembang. Berbatasan langsung dengan Kota Denpasar, Desa Darmasaba memiliki luas wilayah 567 hektar dengan jumlah penduduk 10.141 jiwa (per akhir Desember 2024). Video ini menampilkan potensi dan keunggulan Desa Darmasaba: 🏞️ Keindahan alam dan kawasan persawahan yang dikelola empat subak aktif. 🍽️ Keberhasilan UMKM dan kuliner lokal, termasuk produk unggulan ACK yang merambah pasar nasional. 🌱 Inovasi ketahanan pangan, pengolahan sampah ramah lingkungan (TPS3R Pudak Mesari, CINTA Darmasaba), hingga Graha Sari Boga dengan program makan bergizi gratis. 🎭 Pelestarian seni, budaya, dan tradisi, termasuk maskot Sekar Pudak dan tradisi Ngerebeg. 🏆 Prestasi desa tingkat nasional dan internasional. 📱 Transformasi digital dengan aplikasi Darmasaba Digital App, talkshow Bicara Darmasaba, hingga perpustakaan digital Pustaka Ananta Loka. Dengan motto \\\"Menggali Warisan, Merangkai Inovasi\\\", Desa Darmasaba menghadirkan 13 inovasi unggulan di bidang pemerintahan, kewilayahan, UMKM, dan kemasyarakatan. Desa ini membuktikan bahwa kolaborasi masyarakat dan pemerintah mampu mewujudkan desa yang mandiri, berdaya saing, dan berkelanjutan. 🎥 Produksi: Tim Media Kreatif Desa Darmasaba 🤝 Dukungan: Seluruh Lembaga &amp; Elemen Masyarakat Desa Darmasaba</p>",
+    "linkVideo": "https://www.youtube.com/watch?v=9eCnhJvdv6A"
+  }
+]
diff --git a/prisma/data/keamanan/polsek-terdekat/layanan-polsek.json b/prisma/data/keamanan/polsek-terdekat/layanan-polsek.json
new file mode 100644
index 00000000..0d64f8c7
--- /dev/null
+++ b/prisma/data/keamanan/polsek-terdekat/layanan-polsek.json
@@ -0,0 +1,14 @@
+[
+  {
+    "id": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
+    "nama": "Layanan Administrasi & Surat-Menyurat"
+  },
+  {
+    "id": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
+    "nama": "Penanganan Laporan & Pengaduan"
+  },
+  {
+    "id": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
+    "nama": "Perlindungan & Pengayoman Masyarakat"
+  }
+]
diff --git a/prisma/data/keamanan/polsek-terdekat/layanan-to-polsek.json b/prisma/data/keamanan/polsek-terdekat/layanan-to-polsek.json
new file mode 100644
index 00000000..299631cf
--- /dev/null
+++ b/prisma/data/keamanan/polsek-terdekat/layanan-to-polsek.json
@@ -0,0 +1,62 @@
+[
+  {
+    "id": "a50d52f2-e70f-4f29-9133-e294c40d14d3",
+    "layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
+    "polsekTerdekatId": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d"
+  },
+  {
+    "id": "012454f8-f5d7-41c0-9dce-2754c0356523",
+    "layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
+    "polsekTerdekatId": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d"
+  },
+  {
+    "id": "50736038-4ba6-47f8-8399-35b73b389f12",
+    "layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
+    "polsekTerdekatId": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d"
+  },
+  {
+    "id": "e2dc3487-1f62-4f63-9a12-49ac30da3372",
+    "layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
+    "polsekTerdekatId": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2"
+  },
+  {
+    "id": "47fe1f9c-4072-4203-90f9-3294d1369ac5",
+    "layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
+    "polsekTerdekatId": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2"
+  },
+  {
+    "id": "2cc1ba81-6b62-42ff-af21-09f8165a2dd0",
+    "layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
+    "polsekTerdekatId": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2"
+  },
+  {
+    "id": "3ca2ce42-2e7d-4750-87b7-f1f52ed141de",
+    "layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
+    "polsekTerdekatId": "9a3fff54-8854-4929-b9b5-b5b2751011ea"
+  },
+  {
+    "id": "90472bca-cf3d-47ca-92e5-db43c4c7e579",
+    "layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
+    "polsekTerdekatId": "9a3fff54-8854-4929-b9b5-b5b2751011ea"
+  },
+  {
+    "id": "41cfc1fe-a193-446d-b574-64b1124c6f55",
+    "layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
+    "polsekTerdekatId": "9a3fff54-8854-4929-b9b5-b5b2751011ea"
+  },
+  {
+    "id": "f35443e1-6aca-416d-8c55-00e3f4a0f5f9",
+    "layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
+    "polsekTerdekatId": "c2d272e1-737d-44f5-bd85-ae268cb06cbf"
+  },
+  {
+    "id": "e09797f6-82e5-4b77-946e-319eee431c8f",
+    "layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
+    "polsekTerdekatId": "c2d272e1-737d-44f5-bd85-ae268cb06cbf"
+  },
+  {
+    "id": "bd9b1f27-cd1b-4e23-b162-3a757745f78a",
+    "layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
+    "polsekTerdekatId": "c2d272e1-737d-44f5-bd85-ae268cb06cbf"
+  }
+]
diff --git a/prisma/data/keamanan/polsek-terdekat/polsek-terdekat.json b/prisma/data/keamanan/polsek-terdekat/polsek-terdekat.json
new file mode 100644
index 00000000..97a41792
--- /dev/null
+++ b/prisma/data/keamanan/polsek-terdekat/polsek-terdekat.json
@@ -0,0 +1,54 @@
+[
+  {
+    "id": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d",
+    "nama": "Kantor Polisi Abian Semal",
+    "jarakKeDesa": "9,6 Km",
+    "alamat": "ABIAN SEMAL POLICE STAT, JL. Pasar, Blahkiuh, Kec. Abiansemal, Kabupaten Badung, Bali 80352",
+    "nomorTelepon": "0361813972",
+    "jamOperasional": "Buka 24 Jam",
+    "embedMapUrl": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d63127.118683990586!2d115.16592643905703!3d-8.553143643198624!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23ceb4f6e5363%3A0xa353662f070f47d8!2sAbian%20Semal%20Police%20Station!5e0!3m2!1sid!2sid!4v1768376981008!5m2!1sid!2sid",
+    "namaTempatMaps": "Abian Semal Police Station",
+    "alamatMaps": "ABIAN SEMAL POLICE STAT, JL. Pasar, Blahkiuh, Kec. Abiansemal, Kabupaten Badung, Bali 80352",
+    "linkPetunjukArah": "https://maps.app.goo.gl/GhHVNQqffNrXSMFX7",
+    "layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
+  },
+  {
+    "id": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2",
+    "nama": "Polres Badung",
+    "jarakKeDesa": "5,8 Km",
+    "alamat": "Jl. Kebo Iwa No.1, Mengwitani, Kec. Mengwi, Kabupaten Badung, Bali 80351",
+    "nomorTelepon": "0361829949",
+    "jamOperasional": "Buka 24 Jam",
+    "embedMapUrl": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15780.907469872707!2d115.17829950197888!3d-8.574172113520685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd238cade1488c3%3A0x918ba5cac3ef00b7!2sPolres%20Badung!5e0!3m2!1sid!2sid!4v1768377100998!5m2!1sid!2sid",
+    "namaTempatMaps": "Polres Badung",
+    "alamatMaps": "Jl. Kebo Iwa No.1, Mengwitani, Kec. Mengwi, Kabupaten Badung, Bali 80351",
+    "linkPetunjukArah": "https://maps.app.goo.gl/7yQQod4PFhpqqe7Z8",
+    "layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
+  },
+  {
+    "id": "9a3fff54-8854-4929-b9b5-b5b2751011ea",
+    "nama": "Polsek Mengwi",
+    "jarakKeDesa": "9,7 Km",
+    "alamat": "Jl. I Gusti Ngurah Rai No.110, Werdi Bhuwana, Kec. Mengwi, Kabupaten Badung, Bali 80351",
+    "nomorTelepon": "0361411270",
+    "jamOperasional": "Buka 24 Jam",
+    "embedMapUrl": "https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d63126.100310757916!2d115.1716545!3d-8.5592871!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23b9ddc3980af%3A0xa1f4f195483537b!2sPolsek%20Mengwi!5e0!3m2!1sid!2sid!4v1768377317955!5m2!1sid!2sid",
+    "namaTempatMaps": "Polsek Mengwi",
+    "alamatMaps": "Jl. I Gusti Ngurah Rai No.110, Werdi Bhuwana, Kec. Mengwi, Kabupaten Badung, Bali 80351",
+    "linkPetunjukArah": "https://maps.app.goo.gl/cJD44NSUdpA7Ly2m6",
+    "layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
+  },
+  {
+    "id": "c2d272e1-737d-44f5-bd85-ae268cb06cbf",
+    "nama": "Pos Polisi Ahmad Yani",
+    "jarakKeDesa": "7 Km",
+    "alamat": "Jl. Ahmad Yani Utara No.5, Peguyangan, Kec. Denpasar Utara, Kota Denpasar, Bali 80239",
+    "nomorTelepon": "-",
+    "jamOperasional": "-",
+    "embedMapUrl": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31558.650325984465!2d115.18791122296605!3d-8.612190901728288!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23f635f1186b1%3A0xcfdde508d897fb04!2sPos%20Polisi%20Simpang%20Ahmad%20Yani!5e0!3m2!1sid!2sid!4v1768377470154!5m2!1sid!2sid",
+    "namaTempatMaps": "Pos Polisi Simpang Ahmad Yani",
+    "alamatMaps": "Jl. Ahmad Yani Utara No.5, Peguyangan, Kec. Denpasar Utara, Kota Denpasar, Bali 80239",
+    "linkPetunjukArah": "https://maps.app.goo.gl/D8HGs4mSAQqJm9KRA",
+    "layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
+  }
+]
diff --git a/prisma/data/keamanan/tips-keamanan/tips-keamanan.json b/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
new file mode 100644
index 00000000..2eff01d6
--- /dev/null
+++ b/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
@@ -0,0 +1,14 @@
+[
+    {
+    "id": "cmh48wo9c0006qq09txnxusql",
+    "judul": "Keamanan Rumah",
+    "deskripsi": "<p><ul><li><p>Pastikan pintu dan jendela selalu terkunci saat meninggalkan rumah</p></li><li><p>Pasang lampu penerangan di halaman dan area sekitar rumah untuk mencegah tindak kejahatan.</p></li><li><p>Jangan mudah memberikan akses masuk ke orang yang tidak dikenal.</p></li></ul></p>",
+    "imageId": "cmkccs50d0000vn2mfuk0d9dw"
+  },
+  {
+    "id": "cmh48wo9c1117rr10txnxusql",
+    "judul": "Keamanan Lingkungan Tanggungjawab Bersama",
+    "deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan sosialisasi dan pembinaan tentang keamanan dan ketertiban lingkungan kepada warga Perumahan Darmasaba Permai. Warga diajak berperan aktif dalam menjaga keamanan lingkungan serta mendukung penyediaan lampu penerangan jalan untuk mencegah tindak kriminal dan kecelakaan. Bhabinkamtibmas dan Babinsa turut memberikan materi keamanan dan ketertiban kepada warga, menekankan pentingnya partisipasi masyarakat dalam menjaga keamanan desa.</p>",
+    "imageId": "cmkccyh7t0003vn2mjdrqtuu0"
+  }
+]
\ No newline at end of file
diff --git a/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json b/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
index 8234f506..82fe65b5 100644
--- a/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
+++ b/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
@@ -40,5 +40,12 @@
     "deskripsiSingkat": "<p>Program pembinaan dan pengembangan kapasitas kader Posyandu.</p>",
     "deskripsi": "<p>Pemdes Darmasaba melaksanakan kegiatan Outbound Posyandu untuk meningkatkan kapasitas dan wawasan Kader Posyandu se-Desa Darmasaba sebagai bagian dari upaya peningkatan kualitas pelayanan kesehatan dasar di masyarakat.</p>",
     "imageId": "cmkaykipf0019vn6yknjno3k1"
+  },
+  {
+    "id": "cmkdu8ki10004vn4lpbxm2zqo",
+    "name": "PEMBANGUNAN JAMBAN BAGI MASYARAKAT",
+    "deskripsiSingkat": "<p>Program pengadaan jamban bagi Masyarakat ini diharapkan menjadi stimulus agar masyarakat peduli terhadap lingkungan sehat sehingga Badung Open Defection Free atau terbebas dari buang air besar di tempat terbuka dapat terwujud.</p>",
+    "deskripsi": "<p>Desa Darmasaba sebagai desa yang berkomitmen selalu selaras dengan pembangunan Pemerintah Kabupaten Badung pada tahun anggaran 2023 ini turut ambil bagian dalam menyukseskan program Bupati Badung I Nyoman Giri Prasta, S.Sos dalam bidang kesehatan sanitasi masyarakat. Program pengadaan jamban bagi Masyarakat ini diharapkan menjadi stimulus agar masyarakat peduli terhadap lingkungan sehat sehingga Badung Open Defection Free atau terbebas dari buang air besar di tempat terbuka dapat terwujud.</p><p style=\"text-align: justify\">Pemberian bantuan jamban ini dilaksanakan di 11 banjar dengan menyasar 22 keluarga yang memang belum memiliki jamban yang sumber dananya sepenuhnya dari APBDes Darmasaba T. A. 2023. Pembangunan Jamban bagi Masyarakat ini juga menjadi bukti komitmen Pemerintah Desa Darmasaba dalam melaksanakan salah satu visi mewujudkan masyarakat yang sejahtera dan berbudaya untuk menjaga lingkungan yang bersih dan sehat.</p>",
+    "imageId": "cmkdu8kb20002vn4lihwo4k86"
   }
 ]
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index dcdcf5e1..c04e56e5 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -607,7 +607,7 @@ model Berita {
   id               String          @id @default(cuid())
   judul            String
   deskripsi        String
-  image            FileStorage?     @relation(fields: [imageId], references: [id])
+  image            FileStorage?    @relation(fields: [imageId], references: [id])
   imageId          String?
   content          String          @db.Text
   createdAt        DateTime        @default(now())
@@ -1113,17 +1113,17 @@ model DoctorSign {
 
 // ========================================= POSYANDU ========================================= //
 model Posyandu {
-  id              String      @id @default(cuid())
+  id              String       @id @default(cuid())
   name            String
   nomor           String
   deskripsi       String
   jadwalPelayanan String
   image           FileStorage? @relation(fields: [imageId], references: [id])
   imageId         String?
-  createdAt       DateTime    @default(now())
-  updatedAt       DateTime    @updatedAt
-  deletedAt       DateTime    @default(now())
-  isActive        Boolean     @default(true)
+  createdAt       DateTime     @default(now())
+  updatedAt       DateTime     @updatedAt
+  deletedAt       DateTime     @default(now())
+  isActive        Boolean      @default(true)
 }
 
 // ========================================= PUSKESMAS ========================================= //
@@ -1133,12 +1133,12 @@ model Puskesmas {
   alamat    String
   jam       JamOperasional  @relation(fields: [jamId], references: [id])
   jamId     String
-  image     FileStorage?     @relation(fields: [imageId], references: [id])
+  image     FileStorage?    @relation(fields: [imageId], references: [id])
   imageId   String?
   kontak    KontakPuskesmas @relation(fields: [kontakId], references: [id])
   kontakId  String
   createdAt DateTime        @default(now())
-  updatedAt DateTime        @updatedAt  
+  updatedAt DateTime        @updatedAt
   deletedAt DateTime        @default(now())
   isActive  Boolean         @default(true)
 }
@@ -1170,57 +1170,57 @@ model KontakPuskesmas {
 
 // ========================================= PROGRAM KESSEHATAN ========================================= //
 model ProgramKesehatan {
-  id               String      @id @default(cuid())
+  id               String       @id @default(cuid())
   name             String
   deskripsiSingkat String
   deskripsi        String
   image            FileStorage? @relation(fields: [imageId], references: [id])
   imageId          String?
-  createdAt        DateTime    @default(now())
-  updatedAt        DateTime    @updatedAt
-  deletedAt        DateTime    @default(now())
-  isActive         Boolean     @default(true)
+  createdAt        DateTime     @default(now())
+  updatedAt        DateTime     @updatedAt
+  deletedAt        DateTime     @default(now())
+  isActive         Boolean      @default(true)
 }
 
 // ========================================= PENANGANAN DARURAT ========================================= //
 model PenangananDarurat {
-  id        String      @id @default(cuid())
+  id        String       @id @default(cuid())
   name      String
   deskripsi String
   image     FileStorage? @relation(fields: [imageId], references: [id])
   imageId   String?
-  createdAt DateTime    @default(now())
-  updatedAt DateTime    @updatedAt
-  deletedAt DateTime    @default(now())
-  isActive  Boolean     @default(true)
+  createdAt DateTime     @default(now())
+  updatedAt DateTime     @updatedAt
+  deletedAt DateTime     @default(now())
+  isActive  Boolean      @default(true)
 }
 
 // ========================================= KONTAK DARURAT ========================================= //
 model KontakDarurat {
-  id        String      @id @default(cuid())
+  id        String       @id @default(cuid())
   name      String
   deskripsi String
   image     FileStorage? @relation(fields: [imageId], references: [id])
   imageId   String?
   whatsapp  String
-  createdAt DateTime    @default(now())
-  updatedAt DateTime    @updatedAt
-  deletedAt DateTime    @default(now())
-  isActive  Boolean     @default(true)
+  createdAt DateTime     @default(now())
+  updatedAt DateTime     @updatedAt
+  deletedAt DateTime     @default(now())
+  isActive  Boolean      @default(true)
 }
 
 // ========================================= INFO WABAH PENYAKIT ========================================= //
 model InfoWabahPenyakit {
-  id               String      @id @default(cuid())
+  id               String       @id @default(cuid())
   name             String
   deskripsiSingkat String
   deskripsiLengkap String
   image            FileStorage? @relation(fields: [imageId], references: [id])
   imageId          String?
-  createdAt        DateTime    @default(now())
-  updatedAt        DateTime    @updatedAt
-  deletedAt        DateTime    @default(now())
-  isActive         Boolean     @default(true)
+  createdAt        DateTime     @default(now())
+  updatedAt        DateTime     @updatedAt
+  deletedAt        DateTime     @default(now())
+  isActive         Boolean      @default(true)
 }
 
 // ========================================= MENU KEAMANAN ========================================= //
@@ -1239,7 +1239,7 @@ model KeamananLingkungan {
 
 // ========================================= POLSEK TERDEKAT ========================================= //
 model PolsekTerdekat {
-  id               String        @id @default(uuid())
+  id               String            @id @default(uuid())
   nama             String
   jarakKeDesa      String
   alamat           String
@@ -1249,22 +1249,36 @@ model PolsekTerdekat {
   namaTempatMaps   String
   alamatMaps       String
   linkPetunjukArah String
-  layananPolsek    LayananPolsek @relation(fields: [layananPolsekId], references: [id])
+  layananPolsek    LayananPolsek     @relation(fields: [layananPolsekId], references: [id])
   layananPolsekId  String
-  createdAt        DateTime      @default(now())
-  updatedAt        DateTime      @updatedAt
-  deletedAt        DateTime      @default(now())
-  isActive         Boolean       @default(true)
+  createdAt        DateTime          @default(now())
+  updatedAt        DateTime          @updatedAt
+  deletedAt        DateTime          @default(now())
+  isActive         Boolean           @default(true)
+  LayananToPolsek  LayananToPolsek[]
 }
 
 model LayananPolsek {
-  id             String           @id @default(uuid())
-  nama           String // contoh: "Pelayanan SKCK", "Laporan Kriminal"
-  createdAt      DateTime         @default(now())
-  updatedAt      DateTime         @updatedAt
-  deletedAt      DateTime?
-  isActive       Boolean          @default(true)
-  PolsekTerdekat PolsekTerdekat[]
+  id              String            @id @default(uuid())
+  nama            String // contoh: "Pelayanan SKCK", "Laporan Kriminal"
+  createdAt       DateTime          @default(now())
+  updatedAt       DateTime          @updatedAt
+  deletedAt       DateTime?
+  isActive        Boolean           @default(true)
+  PolsekTerdekat  PolsekTerdekat[]
+  LayananToPolsek LayananToPolsek[]
+}
+
+model LayananToPolsek {
+  id               String         @id @default(uuid())
+  layanan          LayananPolsek  @relation(fields: [layananId], references: [id])
+  layananId        String
+  polsekTerdekat   PolsekTerdekat @relation(fields: [polsekTerdekatId], references: [id])
+  polsekTerdekatId String
+  createdAt        DateTime       @default(now())
+  updatedAt        DateTime       @updatedAt
+  deletedAt        DateTime       @default(now())
+  isActive         Boolean        @default(true)
 }
 
 // ========================================= KONTAK DARURAT ========================================= //
@@ -1377,6 +1391,7 @@ model PasarDesa {
   rating           Float
   alamatUsaha      String
   kontak           String
+  deskripsi        String?
   createdAt        DateTime          @default(now())
   updatedAt        DateTime          @updatedAt
   deletedAt        DateTime          @default(now())
diff --git a/prisma/seed.ts b/prisma/seed.ts
index e9026cd7..a0f55415 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -34,17 +34,35 @@ import perbekelDariMasaKeMasa from "./data/desa/profile/profile-perbekel-lalu.js
 import sejarahDesa from "./data/desa/profile/sejarah_desa.json";
 import visiMisiDesa from "./data/desa/profile/visi_misi_desa.json";
 import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json";
-import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
 import pegawai from "./data/ekonomi/struktur-organisasi/pegawai-bumdes.json";
 import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi-bumdes.json";
 import posyandu from "./data/kesehatan/posyandu/posyandu.json";
-import kontakPuskesmas from "./data/kesehatan/puskesmas/kontak-puskesmas/kontak.json"
-import jamPuskesmas from "./data/kesehatan/puskesmas/jam-puskesmas/jam.json"
+import kontakPuskesmas from "./data/kesehatan/puskesmas/kontak-puskesmas/kontak.json";
+import jamPuskesmas from "./data/kesehatan/puskesmas/jam-puskesmas/jam.json";
 import puskesmas from "./data/kesehatan/puskesmas/puskesmas.json";
-import programKesehatan from "./data/kesehatan/program-kesehatan/program-kesehatan.json"
-import penangananDarurat from "./data/kesehatan/penanganan-darurat/penganan-darurat.json"
-import kontakDarurat from "./data/kesehatan/kontak-darurat/kontak-darurat.json"
-import infoWabahPenyakit from "./data/kesehatan/infowabahpenyakit/infowabahpenyakit.json"
+import programKesehatan from "./data/kesehatan/program-kesehatan/program-kesehatan.json";
+import penangananDarurat from "./data/kesehatan/penanganan-darurat/penganan-darurat.json";
+import kontakDarurat from "./data/kesehatan/kontak-darurat/kontak-darurat.json";
+import infoWabahPenyakit from "./data/kesehatan/infowabahpenyakit/infowabahpenyakit.json";
+import keamananLingkungan from "./data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json";
+import kontakDaruratKeamanan from "./data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json";
+import kontakItem from "./data/keamanan/kontak-darurat-keamanan/kontakItem.json";
+import kontakDaruratToItem from "./data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json";
+import pencegahanKriminalitas from "./data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json";
+import tipsKeamanan from "./data/keamanan/tips-keamanan/tips-keamanan.json";
+import polsekTerdekat from "./data/keamanan/polsek-terdekat/polsek-terdekat.json";
+import layananPolsek from "./data/keamanan/polsek-terdekat/layanan-polsek.json";
+import layananToPolsek from "./data/keamanan/polsek-terdekat/layanan-to-polsek.json";
+import penangananLaporan from "./data/keamanan/laporan-publik/penanganan-laporan.json";
+import laporanPublik from "./data/keamanan/laporan-publik/laporan-publik.json";
+import pasarDesa from "./data/ekonomi/pasar-desa/pasar-desa.json";
+import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
+import kategoriToPasar from "./data/ekonomi/pasar-desa/kategori-to-pasar.json";
+import lowonganKerjaLokal from "./data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json";
+import demografiPekerjaan from "./data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json";
+import sektorUnggulanDesa from "./data/ekonomi/sektor-unggulan/sektor-unggulan.json";
+import programKemiskinan from "./data/ekonomi/program-kemiskinan/program-kemiskinan.json";
+import statistikKemiskinan from "./data/ekonomi/program-kemiskinan/statistik-kemiskinan.json";
 import berita from "./data/desa/berita/berita.json";
 import kategoriBerita from "./data/desa/berita/kategori-berita.json";
 import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
@@ -1239,22 +1257,6 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("penghargaan success ...");
 
-  for (const k of kategoriProduk) {
-    await prisma.kategoriProduk.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        nama: k.nama,
-      },
-      create: {
-        id: k.id,
-        nama: k.nama,
-      },
-    });
-  }
-  console.log("kategori produk success ...");
-
   const flattenedPosisiBumdes = posisiOrganisasi.flat();
 
   // ====================== MENU KESEHATAN ========================
@@ -1496,7 +1498,7 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("penanganan darurat success ...");
 
-   // ==================== SUBMENU KONTAK DARURAT =========================
+  // ==================== SUBMENU KONTAK DARURAT =========================
   console.log("🔄 Seeding Kontak Darurat...");
   for (const p of kontakDarurat) {
     const existing = await prisma.kontakDarurat.findUnique({
@@ -1544,7 +1546,7 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("kontak darurat success ...");
 
-   // ==================== SUBMENU INFO WABAH PENYAKIT =========================
+  // ==================== SUBMENU INFO WABAH PENYAKIT =========================
   console.log("🔄 Seeding Info Wabah Penyakit...");
   for (const p of infoWabahPenyakit) {
     const existing = await prisma.infoWabahPenyakit.findUnique({
@@ -1590,9 +1592,406 @@ import resolveImageById from "./resolveImageByName";
       },
     });
   }
-  console.log("kontak darurat success ...");
+  console.log("info wabah penyakit success ...");
 
-  // ✅ Urutkan berdasarkan hierarki
+  // ====================== MENU KEAMANAN ========================
+  // ==================== SUBMENU KEAMANAN LINGKUNGAN ============
+  console.log("🔄 Seeding Keamanan Lingkungan...");
+  for (const k of keamananLingkungan) {
+    const existing = await prisma.keamananLingkungan.findUnique({
+      where: { id: k.id },
+      select: { imageId: true },
+    });
+
+    let imageId = existing?.imageId; // Pertahankan existing
+
+    // Kalau belum ada imageId, cari berdasarkan name/realName
+    if (!imageId && k.imageId) {
+      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+      const fileRecord = await prisma.fileStorage.findUnique({
+        where: { id: k.imageId },
+        select: { id: true, name: true },
+      });
+
+      if (fileRecord) {
+        imageId = fileRecord.id;
+        console.log(
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+        );
+      } else {
+        console.warn(`⚠️ File with ID ${k.imageId} not found for ${k.name}`);
+        imageId = null;
+      }
+    }
+
+    await prisma.keamananLingkungan.upsert({
+      where: { id: k.id },
+      update: {
+        name: k.name,
+        deskripsi: k.deskripsi,
+        imageId,
+      },
+      create: {
+        id: k.id,
+        name: k.name,
+        deskripsi: k.deskripsi,
+        imageId,
+      },
+    });
+  }
+  console.log("info wabah penyakit success ...");
+
+  // ==================== SUBMENU POLSEK TERDEKAT ================
+  console.log("🔄 Seeding Polsek Terdekat...");
+  for (const k of polsekTerdekat) {
+    await prisma.polsekTerdekat.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+        jarakKeDesa: k.jarakKeDesa,
+        alamat: k.alamat,
+        nomorTelepon: k.nomorTelepon,
+        jamOperasional: k.jamOperasional,
+        embedMapUrl: k.embedMapUrl,
+        namaTempatMaps: k.namaTempatMaps,
+        alamatMaps: k.alamatMaps,
+        linkPetunjukArah: k.linkPetunjukArah,
+        layananPolsekId: k.layananPolsekId,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+        jarakKeDesa: k.jarakKeDesa,
+        alamat: k.alamat,
+        nomorTelepon: k.nomorTelepon,
+        jamOperasional: k.jamOperasional,
+        embedMapUrl: k.embedMapUrl,
+        namaTempatMaps: k.namaTempatMaps,
+        alamatMaps: k.alamatMaps,
+        linkPetunjukArah: k.linkPetunjukArah,
+        layananPolsekId: k.layananPolsekId,
+      },
+    });
+  }
+
+  console.log("polsek terdekat success ...");
+
+  console.log("🔄 Seeding Layanan Polsek...");
+  for (const k of layananPolsek) {
+    await prisma.layananPolsek.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+      },
+    });
+  }
+
+  console.log("layanan polsek success ...");
+
+  console.log("🔄 Seeding Layanan To Polsek...");
+  for (const k of layananToPolsek) {
+    await prisma.layananToPolsek.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        layananId: k.layananId,
+        polsekTerdekatId: k.polsekTerdekatId,
+      },
+      create: {
+        id: k.id,
+        layananId: k.layananId,
+        polsekTerdekatId: k.polsekTerdekatId,
+      },
+    });
+  }
+
+  console.log("layanan to polsek success ...");
+
+  // ==================== SUBMENU KONTAK DARURAT =================
+
+  console.log("🔄 Seeding Kontak Item...");
+  for (const e of kontakItem) {
+    await prisma.kontakItem.upsert({
+      where: {
+        id: e.id,
+      },
+      update: {
+        nama: e.nama,
+        icon: e.icon,
+        nomorTelepon: e.nomorTelepon,
+      },
+      create: {
+        id: e.id, // ✅ WAJIB
+        nama: e.nama,
+        icon: e.icon,
+        nomorTelepon: e.nomorTelepon,
+      },
+    });
+  }
+  console.log("✅ Kontak Item seeded successfully");
+
+  console.log("🔄 Seeding Kontak Darurat Keamanan...");
+  for (const d of kontakDaruratKeamanan) {
+    await prisma.kontakDaruratKeamanan.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        nama: d.nama,
+        icon: d.icon,
+        kategoriId: d.kategoriId,
+      },
+      create: {
+        id: d.id,
+        nama: d.nama,
+        icon: d.icon,
+        kategoriId: d.kategoriId,
+      },
+    });
+  }
+
+  console.log("✅ Kontak Darurat Keamanan seeded successfully");
+
+  console.log("🔄 Seeding Kontak Darurat To Item...");
+  for (const f of kontakDaruratToItem) {
+    // ✅ Validasi foreign keys
+    const kontakDaruratExists = await prisma.kontakDaruratKeamanan.findUnique({
+      where: { id: f.kontakDaruratId },
+    });
+
+    const kontakItemExists = await prisma.kontakItem.findUnique({
+      where: { id: f.kontakItemId },
+    });
+
+    if (!kontakDaruratExists) {
+      console.warn(
+        `⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`
+      );
+      continue;
+    }
+
+    if (!kontakItemExists) {
+      console.warn(`⚠️ KontakItem ${f.kontakItemId} not found, skipping...`);
+      continue;
+    }
+
+    await prisma.kontakDaruratToItem.upsert({
+      where: { id: f.id },
+      update: {
+        kontakDaruratId: f.kontakDaruratId,
+        kontakItemId: f.kontakItemId,
+      },
+      create: {
+        id: f.id,
+        kontakDaruratId: f.kontakDaruratId,
+        kontakItemId: f.kontakItemId,
+      },
+    });
+  }
+  console.log("✅ Kontak Darurat To Item seeded successfully");
+
+  // ==================== SUBMENU PENCEGAHAN KRIMINALITAS ========
+  console.log("🔄 Seeding Pencegahan Kriminalitas...");
+  for (const d of pencegahanKriminalitas) {
+    await prisma.pencegahanKriminalitas.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        judul: d.judul,
+        deskripsi: d.deskripsi,
+        deskripsiSingkat: d.deskripsiSingkat,
+        linkVideo: d.linkVideo,
+      },
+      create: {
+        id: d.id,
+        judul: d.judul,
+        deskripsi: d.deskripsi,
+        deskripsiSingkat: d.deskripsiSingkat,
+        linkVideo: d.linkVideo,
+      },
+    });
+  }
+
+  console.log("✅ Pencegahan Kriminalitas seeded successfully");
+  // ==================== SUBMENU LAPORAN PUBLIK =================
+  console.log("🔄 Seeding Laporan Publik...");
+  for (const l of laporanPublik) {
+    await prisma.laporanPublik.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        judul: l.judul,
+        lokasi: l.lokasi,
+        tanggalWaktu: l.tanggalWaktu,
+        kronologi: l.kronologi,
+      },
+      create: {
+        id: l.id,
+        judul: l.judul,
+        lokasi: l.lokasi,
+        tanggalWaktu: l.tanggalWaktu,
+        kronologi: l.kronologi,
+      },
+    });
+  }
+
+  console.log("laporan publik success ...");
+
+  console.log("🔄 Seeding Penanganan Laporan...");
+  for (const l of penangananLaporan) {
+    await prisma.penangananLaporanPublik.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        deskripsi: l.deskripsi,
+        laporanId: l.laporanId,
+      },
+      create: {
+        id: l.id,
+        deskripsi: l.deskripsi,
+        laporanId: l.laporanId,
+      },
+    });
+  }
+
+  console.log("penanganan laporan success ...");
+
+  // ==================== SUBMENU TIPS KEAMANAN ==================
+  console.log("🔄 Seeding Tips Keamanan...");
+  for (const t of tipsKeamanan) {
+    await prisma.menuTipsKeamanan.upsert({
+      where: {
+        id: t.id,
+      },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+        imageId: t.imageId,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+        imageId: t.imageId,
+      },
+    });
+  }
+
+  console.log("✅ Tips Keamanan seeded successfully");
+
+  // ====================== MENU EKONOMI ========================
+  // ==================== SUBMENU PASAR DESA ====================
+  console.log("🔄 Seeding Kategori Produk...");
+  for (const k of kategoriProduk) {
+    await prisma.kategoriProduk.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+      },
+    });
+  }
+  console.log("✅ Kategori Produk seeded successfully");
+
+  console.log("🔄 Seeding Pasar Desa...");
+  for (const p of pasarDesa) {
+    await prisma.pasarDesa.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        nama: p.nama,
+        imageId: p.imageId,
+        harga: p.harga,
+        rating: p.rating,
+        alamatUsaha: p.alamatUsaha,
+        kontak: p.kontak,
+        deskripsi: p.deskripsi,
+        kategoriProdukId: p.kategoriProdukId,
+      },
+      create: {
+        id: p.id,
+        nama: p.nama,
+        imageId: p.imageId,
+        harga: p.harga,
+        rating: p.rating,
+        alamatUsaha: p.alamatUsaha,
+        kontak: p.kontak,
+        deskripsi: p.deskripsi,
+        kategoriProdukId: p.kategoriProdukId,
+      },
+    });
+  }
+  console.log("✅ Pasar Desa seeded successfully");
+
+  console.log("🔄 Seeding Kategori To Pasar...");
+  for (const p of kategoriToPasar) {
+    await prisma.kategoriToPasar.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        kategoriId: p.kategoriId,
+        pasarDesaId: p.pasarDesaId,
+      },
+      create: {
+        id: p.id,
+        kategoriId: p.kategoriId,
+        pasarDesaId: p.pasarDesaId,
+      },
+    });
+  }
+
+  // ==================== SUBMENU LOWONGAN KERJA LOKAL ==========
+  console.log("🔄 Seeding Lowongan Kerja Lokal...");
+  for (const k of lowonganKerjaLokal) {
+    await prisma.lowonganPekerjaan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        posisi: k.posisi,
+        namaPerusahaan: k.namaPerusahaan,
+        lokasi: k.lokasi,
+        tipePekerjaan: k.tipePekerjaan,
+        gaji: k.gaji,
+        deskripsi: k.deskripsi,
+        kualifikasi: k.kualifikasi,
+        notelp: k.notelp,
+      },
+      create: {
+        id: k.id,
+        posisi: k.posisi,
+        namaPerusahaan: k.namaPerusahaan,
+        lokasi: k.lokasi,
+        tipePekerjaan: k.tipePekerjaan,
+        gaji: k.gaji,
+        deskripsi: k.deskripsi,
+        kualifikasi: k.kualifikasi,
+        notelp: k.notelp,
+      },
+    });
+  }
+  console.log("✅ Lowongan Kerja Lokal seeded successfully");
+
+  // ==================== SUBMENU STRUKTUR ORGANISASI DAN SK PENGURUS BUMDES ==========
   const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
     (a, b) => a.hierarki - b.hierarki
   );
@@ -1648,6 +2047,9 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("pegawai success ...");
 
+  // ==================== SUBMENU PENDAPATAN ASLI DESA ==========
+
+  // ==================== SUBMENU JUMLAH PENGANGGURAN ==========
   for (const d of detailDataPengangguran) {
     await prisma.detailDataPengangguran.upsert({
       where: {
@@ -1671,6 +2073,96 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("📊 detailDataPengangguran success ...");
 
+  // ==================== SUBMENU PENDUDUK USIA KERJA ==========
+
+  // ==================== SUBMENU PENDUDUK MISKIN =============
+
+  // ==================== SUBMENU PROGRAM KEMISKINAN =============
+  for (const k of statistikKemiskinan) {
+    await prisma.statistikKemiskinan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        tahun: k.tahun,
+        jumlah: k.jumlah,
+      },
+      create: {
+        id: k.id,
+        tahun: k.tahun,
+        jumlah: k.jumlah,
+      },
+    });
+  }
+  console.log("📊 Statistik Kemiskinan seeded successfully");
+
+  console.log("🔄 Seeding Program Kemiskinan...");
+  for (const k of programKemiskinan) {
+    await prisma.programKemiskinan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+        deskripsi: k.deskripsi,
+        icon: k.icon,
+        statistikId: k.statistikId,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+        deskripsi: k.deskripsi,
+        icon: k.icon,
+        statistikId: k.statistikId,
+      },
+    });
+  }
+  console.log("✅ Program Kemiskinan seeded successfully");
+
+  // ==================== SUBMENU SEKTOR UNGGULAN DESA =============
+  console.log("🔄 Seeding Sektor Unggulan Desa...");
+  for (const k of sektorUnggulanDesa) {
+    await prisma.sektorUnggulanDesa.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        name: k.name,
+        description: k.description,
+        value: k.value,
+      },
+      create: {
+        id: k.id,
+        name: k.name,
+        description: k.description,
+        value: k.value,
+      },
+    });
+  }
+  console.log("✅ Sektor Unggulan Desa seeded successfully");
+
+  // ==================== SUBMENU DEMOGRAFI PEKERJAAN =============
+  console.log("🔄 Seeding Demografi Pekerjaan...");
+  for (const k of demografiPekerjaan) {
+    await prisma.dataDemografiPekerjaan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        pekerjaan: k.pekerjaan,
+        lakiLaki: k.lakiLaki,
+        perempuan: k.perempuan,
+      },
+      create: {
+        id: k.id,
+        pekerjaan: k.pekerjaan,
+        lakiLaki: k.lakiLaki,
+        perempuan: k.perempuan,
+      },
+    });
+  }
+  console.log("✅ Demografi Pekerjaan seeded successfully");
+
   // =========== KATEGORI GOTONG ROYONG ===========
   // Add IDs to the kategoriKegiatan data
   const kategoriKegiatan = kategoriKegiatanData.map((k, index) => ({
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index a0922c67..133614fd 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -45,7 +45,7 @@ export default async function seedAssets() {
 
   // 1. Download zip
   const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/1d6104cdf2b849f89533/?dl=1";
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/88293b915cf34b939819/?dl=1";
   const res = await fetchWithRetry(url, 3, 20000);
 
   // Validasi content-type
diff --git a/src/app/admin/(dashboard)/_com/iconMap.tsx b/src/app/admin/(dashboard)/_com/iconMap.tsx
index de88a3dc..fc058736 100644
--- a/src/app/admin/(dashboard)/_com/iconMap.tsx
+++ b/src/app/admin/(dashboard)/_com/iconMap.tsx
@@ -27,8 +27,25 @@ import {
   IconFiretruck,
   IconBuilding,
   IconAlertTriangle,
+
+  // ===== Tambahan =====
+  IconLifebuoy,
+  IconRun,
+  IconShield,
+  IconPhoneCall,
+  IconFirstAidKit,
+  IconStethoscope,
+  IconBuildingCommunity,
+  IconFileText,
+  IconInfoCircle,
+  IconMessageReport,
+  IconUsers,
+  IconQuestionMark,
 } from '@tabler/icons-react'
 
+/* =======================
+   Icon Keys (DB Safe)
+======================= */
 export type IconKey =
   | 'ekowisata'
   | 'kompetisi'
@@ -50,14 +67,33 @@ export type IconKey =
   | 'pelatihan'
   | 'subsidi'
   | 'layananKesehatan'
+
+  // ===== Keamanan & Darurat =====
   | 'polisi'
   | 'ambulans'
   | 'pemadam'
-  | 'rumahSakit'
-  | 'bangunan'
   | 'darurat'
+  | 'sar'
+  | 'evakuasi'
+  | 'keamanan'
+  | 'teleponDarurat'
 
+  // ===== Kesehatan =====
+  | 'rumahSakit'
+  | 'puskesmas'
+  | 'klinik'
 
+  // ===== Pemerintahan =====
+  | 'bangunan'
+  | 'kantorDesa'
+  | 'administrasi'
+  | 'informasi'
+  | 'pengaduan'
+  | 'layananPublik'
+
+/* =======================
+   Icon Map
+======================= */
 const iconMap: Record<IconKey, React.FC<any>> = {
   ekowisata: IconLeaf,
   kompetisi: IconTrophy,
@@ -79,22 +115,45 @@ const iconMap: Record<IconKey, React.FC<any>> = {
   pelatihan: IconSchool,
   subsidi: IconShoppingCart,
   layananKesehatan: IconHospital,
+
+  // ===== Keamanan & Darurat =====
   polisi: IconShieldFilled,
   ambulans: IconAmbulance,
   pemadam: IconFiretruck,
+  darurat: IconAlertTriangle,
+  sar: IconLifebuoy,
+  evakuasi: IconRun,
+  keamanan: IconShield,
+  teleponDarurat: IconPhoneCall,
+
+  // ===== Kesehatan =====
   rumahSakit: IconHospital,
+  puskesmas: IconFirstAidKit,
+  klinik: IconStethoscope,
+
+  // ===== Pemerintahan =====
   bangunan: IconBuilding,
-  darurat: IconAlertTriangle
+  kantorDesa: IconBuildingCommunity,
+  administrasi: IconFileText,
+  informasi: IconInfoCircle,
+  pengaduan: IconMessageReport,
+  layananPublik: IconUsers,
 }
 
+/* =======================
+   Icon Mapper Component
+======================= */
 type Props = {
   name: IconKey
   size?: number
   color?: string
 }
 
-export const IconMapper: React.FC<Props> = ({ name, size = 24, color }) => {
-  const IconComponent = iconMap[name]
-  if (!IconComponent) return null
+export const IconMapper: React.FC<Props> = ({
+  name,
+  size = 24,
+  color,
+}) => {
+  const IconComponent = iconMap[name] ?? IconQuestionMark
   return <IconComponent size={size} color={color} />
 }
diff --git a/src/app/admin/(dashboard)/_com/selectIcon.tsx b/src/app/admin/(dashboard)/_com/selectIcon.tsx
index 88e17af8..4d814917 100644
--- a/src/app/admin/(dashboard)/_com/selectIcon.tsx
+++ b/src/app/admin/(dashboard)/_com/selectIcon.tsx
@@ -6,27 +6,38 @@ import {
   IconAlertTriangle,
   IconAmbulance,
   IconBuilding,
+  IconBuildingCommunity,
   IconCash,
   IconChartLine,
   IconChristmasTreeFilled,
   IconClipboardTextFilled,
   IconDroplet,
+  IconFileText,
   IconFiretruck,
+  IconFirstAidKit,
   IconHome,
   IconHomeEco,
   IconHospital,
+  IconInfoCircle,
   IconLeaf,
+  IconLifebuoy,
+  IconMessageReport,
+  IconPhoneCall,
   IconRecycle,
+  IconRun,
   IconScale,
   IconSchool,
+  IconShield,
   IconShieldFilled,
   IconShoppingCart,
+  IconStethoscope,
   IconTent,
   IconTrashFilled,
   IconTree,
   IconTrendingUp,
   IconTrophy,
   IconTruckFilled,
+  IconUsers,
 } from '@tabler/icons-react';
 import { useEffect, useState } from 'react';
 
@@ -51,15 +62,32 @@ const iconMap = {
   pelatihan: { label: 'Pelatihan', icon: IconSchool },
   subsidi: { label: 'Subsidi', icon: IconShoppingCart },
   layananKesehatan: { label: 'Layanan Kesehatan', icon: IconHospital },
+
+  // ===== Keamanan & Darurat =====
   polisi: { label: 'Polisi', icon: IconShieldFilled },
   ambulans: { label: 'Ambulans', icon: IconAmbulance },
-  pemadam: { label: 'Pemadam', icon: IconFiretruck },
-  rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
-  bangunan: { label: 'Bangunan', icon: IconBuilding },
+  pemadam: { label: 'Pemadam Kebakaran', icon: IconFiretruck },
   darurat: { label: 'Darurat', icon: IconAlertTriangle },
+  sar: { label: 'SAR / Basarnas', icon: IconLifebuoy },
+  evakuasi: { label: 'Evakuasi', icon: IconRun },
+  keamanan: { label: 'Keamanan', icon: IconShield },
+  teleponDarurat: { label: 'Telepon Darurat', icon: IconPhoneCall },
 
+  // ===== Kesehatan =====
+  rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
+  puskesmas: { label: 'Puskesmas', icon: IconFirstAidKit },
+  klinik: { label: 'Klinik', icon: IconStethoscope },
+
+  // ===== Pemerintahan & Fasilitas =====
+  bangunan: { label: 'Bangunan', icon: IconBuilding },
+  kantorDesa: { label: 'Kantor Desa', icon: IconBuildingCommunity },
+  administrasi: { label: 'Administrasi', icon: IconFileText },
+  informasi: { label: 'Informasi', icon: IconInfoCircle },
+  pengaduan: { label: 'Pengaduan', icon: IconMessageReport },
+  layananPublik: { label: 'Layanan Publik', icon: IconUsers },
 };
 
+
 type IconKey = keyof typeof iconMap;
 
 const iconList = Object.entries(iconMap).map(([value, data]) => ({
diff --git a/src/app/admin/(dashboard)/_com/selectIconEdit.tsx b/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
index c221672f..ff7ba141 100644
--- a/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
+++ b/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
@@ -26,6 +26,17 @@ import {
   IconTruckFilled,
   IconBuilding,
   IconAlertTriangle,
+  IconBuildingCommunity,
+  IconFileText,
+  IconFirstAidKit,
+  IconInfoCircle,
+  IconLifebuoy,
+  IconMessageReport,
+  IconPhoneCall,
+  IconRun,
+  IconShield,
+  IconStethoscope,
+  IconUsers,
 } from '@tabler/icons-react';
 
 const iconMap = {
@@ -49,12 +60,29 @@ const iconMap = {
   pelatihan: { label: 'Pelatihan', icon: IconSchool },
   subsidi: { label: 'Subsidi', icon: IconShoppingCart },
   layananKesehatan: { label: 'Layanan Kesehatan', icon: IconHospital },
+
+  // ===== Keamanan & Darurat =====
   polisi: { label: 'Polisi', icon: IconShieldFilled },
   ambulans: { label: 'Ambulans', icon: IconAmbulance },
-  pemadam: { label: 'Pemadam', icon: IconFiretruck },
-  rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
-  bangunan: { label: 'Bangunan', icon: IconBuilding },
+  pemadam: { label: 'Pemadam Kebakaran', icon: IconFiretruck },
   darurat: { label: 'Darurat', icon: IconAlertTriangle },
+  sar: { label: 'SAR / Basarnas', icon: IconLifebuoy },
+  evakuasi: { label: 'Evakuasi', icon: IconRun },
+  keamanan: { label: 'Keamanan', icon: IconShield },
+  teleponDarurat: { label: 'Telepon Darurat', icon: IconPhoneCall },
+
+  // ===== Kesehatan =====
+  rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
+  puskesmas: { label: 'Puskesmas', icon: IconFirstAidKit },
+  klinik: { label: 'Klinik', icon: IconStethoscope },
+
+  // ===== Pemerintahan & Fasilitas =====
+  bangunan: { label: 'Bangunan', icon: IconBuilding },
+  kantorDesa: { label: 'Kantor Desa', icon: IconBuildingCommunity },
+  administrasi: { label: 'Administrasi', icon: IconFileText },
+  informasi: { label: 'Informasi', icon: IconInfoCircle },
+  pengaduan: { label: 'Pengaduan', icon: IconMessageReport },
+  layananPublik: { label: 'Layanan Publik', icon: IconUsers },
 };
 
 export type IconKey = keyof typeof iconMap;
diff --git a/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts b/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts
index c25a99ff..4d64fda8 100644
--- a/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts
+++ b/src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts
@@ -13,6 +13,7 @@ const templatePasarDesaForm = z.object({
   rating: z.number().min(1, "Rating minimal 1"),
   kategoriId: z.array(z.string()).min(1, "Minimal pilih satu kategori"),
   kontak: z.string().min(1, "Kontak wajib diisi"),
+  deskripsi: z.string().min(1, "Deskripsi wajib diisi"),
 });
 
 const defaultPasarDesaForm = {
@@ -23,6 +24,7 @@ const defaultPasarDesaForm = {
   rating: 0,
   kategoriId: [] as string[],
   kontak: "",
+  deskripsi: ""
 };
 
 const pasarDesa = proxy({
@@ -191,6 +193,7 @@ const pasarDesa = proxy({
             rating: data.rating,
             kategoriId: data.kategoriId,
             kontak: data.kontak,
+            deskripsi: data.deskripsi
           };
           return data;
         } else {
@@ -229,6 +232,7 @@ const pasarDesa = proxy({
             rating: this.form.rating,
             kategoriId: this.form.kategoriId,
             kontak: this.form.kontak,
+            deskripsi: this.form.deskripsi
           }),
         });
         if (!response.ok) {
diff --git a/src/app/admin/(dashboard)/_state/keamanan/polsek-terdekat.ts b/src/app/admin/(dashboard)/_state/keamanan/polsek-terdekat.ts
index ad0c696f..03415edb 100644
--- a/src/app/admin/(dashboard)/_state/keamanan/polsek-terdekat.ts
+++ b/src/app/admin/(dashboard)/_state/keamanan/polsek-terdekat.ts
@@ -15,7 +15,7 @@ const templateForm = z.object({
   namaTempatMaps: z.string().min(1, "Nama Tempat Maps minimal 1 karakter"),
   alamatMaps: z.string().min(1, "Alamat Maps minimal 1 karakter"),
   linkPetunjukArah: z.string().min(1, "Link Petunjuk Arah minimal 1 karakter"),
-  layananPolsekId: z.string().min(1, "Layanan Polsek Id minimal 1 karakter"),
+  layananPolsekId: z.array(z.string()).min(1, "Pilih minimal 1 layanan polsek"),
 });
 
 const defaultForm = {
@@ -28,7 +28,7 @@ const defaultForm = {
   namaTempatMaps: "",
   alamatMaps: "",
   linkPetunjukArah: "",
-  layananPolsekId: "",
+  layananPolsekId: [] as string[],
 };
 
 const polsekTerdekatState = proxy({
@@ -66,6 +66,11 @@ const polsekTerdekatState = proxy({
       | Prisma.PolsekTerdekatGetPayload<{
           include: {
             layananPolsek: true;
+            LayananToPolsek: {
+              include: {
+                layanan: true;
+              }
+            }
           };
         }>[]
       | null,
@@ -104,7 +109,14 @@ const polsekTerdekatState = proxy({
   },
   findUnique: {
     data: null as Prisma.PolsekTerdekatGetPayload<{
-      include: { layananPolsek: true };
+      include: { 
+        layananPolsek: true;
+        LayananToPolsek: {
+          include: {
+            layanan: true;
+          }
+        }
+       };
     }> | null,
     async load(id: string) {
       try {
@@ -117,7 +129,7 @@ const polsekTerdekatState = proxy({
           polsekTerdekatState.findUnique.data = null;
         }
       } catch (error) {
-        console.error("Error fetching data:", error);
+        console.error("Gagal fetch detail polsek terdekat:", error);
         polsekTerdekatState.findUnique.data = null;
       }
     },
@@ -273,10 +285,13 @@ const polsekTerdekatState = proxy({
       };
     }> | null,
     loading: false,
-    load: async () => {  // Changed to arrow function
+    load: async () => {
+      // Changed to arrow function
       polsekTerdekatState.findFirst.loading = true;
       try {
-        const res = await ApiFetch.api.keamanan.polsekterdekat["find-first"].get();
+        const res = await ApiFetch.api.keamanan.polsekterdekat[
+          "find-first"
+        ].get();
         if (res.status === 200 && res.data?.success) {
           polsekTerdekatState.findFirst.data = res.data.data || null;
         } else {
@@ -287,8 +302,284 @@ const polsekTerdekatState = proxy({
       } finally {
         polsekTerdekatState.findFirst.loading = false;
       }
-    }
-  }
+    },
+  },
 });
 
-export default polsekTerdekatState;
+const templateFormLayananPolsek = z.object({
+  nama: z.string().min(1, "Nama harus diisi"),
+});
+
+const defaultFormLayananPolsek = {
+  nama: "",
+};
+
+const layananPolsek = proxy({
+  create: {
+    form: { ...defaultFormLayananPolsek },
+    loading: false,
+    async create() {
+      const cek = templateFormLayananPolsek.safeParse(
+        layananPolsek.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        layananPolsek.create.loading = true;
+        const res = await ApiFetch.api.keamanan["layananpolsek"][
+          "create"
+        ].post(layananPolsek.create.form);
+        if (res.status === 200) {
+          layananPolsek.findManyAll.load();
+          return toast.success("Data Kategori Berita Berhasil Dibuat");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log(error);
+        return toast.error("failed create");
+      } finally {
+        layananPolsek.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+      data: null as
+        | Prisma.LayananPolsekGetPayload<{
+            omit: {
+              isActive: true;
+            };
+          }>[]
+        | null,
+      page: 1,
+      totalPages: 1,
+      loading: false,
+      search: "",
+     load: async (page = 1, limit = 10, search = "") => {
+        layananPolsek.findMany.loading = true; // ✅ Akses langsung via nama path
+        layananPolsek.findMany.page = page;
+        layananPolsek.findMany.search = search;
+    
+        try {
+          const query: any = { page, limit };
+          if (search) query.search = search;
+      
+          const res = await ApiFetch.api.keamanan["layananpolsek"]["findMany"].get({ query });
+      
+          if (res.status === 200 && res.data?.success) {
+            layananPolsek.findMany.data = res.data.data ?? [];
+            layananPolsek.findMany.totalPages = res.data.totalPages ?? 1;
+          } else {
+            layananPolsek.findMany.data = [];
+            layananPolsek.findMany.totalPages = 1;
+          }
+        } catch (err) {
+          console.error("Gagal fetch layanan polsek paginated:", err);
+          layananPolsek.findMany.data = [];
+          layananPolsek.findMany.totalPages = 1;
+        } finally {
+          layananPolsek.findMany.loading = false;
+        }
+      },
+    },
+  findManyAll: {
+    data: [] as Prisma.LayananPolsekGetPayload<{ omit: { isActive: true } }>[],
+    loading: false,
+
+    async load() {
+      this.loading = true;
+      try {
+        const res = await ApiFetch.api.keamanan["layananpolsek"][
+          "findManyAll"
+        ].get();
+
+        if (res.status === 200 && res.data?.success) {
+          this.data = (res.data.data ?? []).map((item: any) => ({
+            id: String(item.id),
+            nama: String(item.nama || ""),
+            createdAt: item.createdAt ? new Date(item.createdAt) : new Date(),
+            updatedAt: item.updatedAt ? new Date(item.updatedAt) : new Date(),
+            deletedAt: item.deletedAt ? new Date(item.deletedAt) : null,
+          }));
+        } else {
+          this.data = [];
+        }
+      } catch (error) {
+        console.error("Gagal fetch layanan polsek:", error);
+        this.data = [];
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.LayananPolsekGetPayload<{
+      omit: {
+        isActive: true;
+      };
+    }> | null,
+    loading: false,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/layananpolsek/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          layananPolsek.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          layananPolsek.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        layananPolsek.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async delete(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        layananPolsek.delete.loading = true;
+
+        const response = await fetch(`/api/keamanan/layananpolsek/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Data layanan polsek berhasil dihapus"
+          );
+          await layananPolsek.findManyAll.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus Data layanan polsek");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus Data layanan polsek");
+      } finally {
+        layananPolsek.delete.loading = false;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: { ...defaultFormLayananPolsek },
+    loading: false,
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/keamanan/layananpolsek/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const result = await response.json();
+
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            nama: data.nama,
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading layanan polsek:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+    async update() {
+      const cek = templateFormLayananPolsek.safeParse(
+        layananPolsek.update.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return false;
+      }
+
+      try {
+        layananPolsek.update.loading = true;
+
+        const response = await fetch(
+          `/api/keamanan/layananpolsek/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              nama: this.form.nama,
+            }),
+          }
+        );
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update data layanan polsek");
+          await layananPolsek.findManyAll.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update data layanan polsek");
+        }
+      } catch (error) {
+        console.error("Error updating data layanan polsek:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Terjadi kesalahan saat update data layanan polsek"
+        );
+        return false;
+      } finally {
+        layananPolsek.update.loading = false;
+      }
+    },
+    reset() {
+      layananPolsek.update.id = "";
+      layananPolsek.update.form = { ...defaultFormLayananPolsek };
+    },
+  },
+});
+
+const statePolsekTerdekat = proxy({
+  polsekTerdekatState,
+  layananPolsek,
+});
+
+export default statePolsekTerdekat;
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
index f1116ae9..f656a13f 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client';
+import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import pasarDesaState from '@/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
@@ -33,6 +34,7 @@ type FormData = {
   rating: number;
   kategoriId: string[];
   kontak: string;
+  deskripsi: string;
 };
 
 function EditPasarDesa() {
@@ -51,6 +53,7 @@ function EditPasarDesa() {
     rating: 0,
     kategoriId: [],
     kontak: '',
+    deskripsi: ''
   });
 
   const [originalData, setOriginalData] = useState({
@@ -62,6 +65,7 @@ function EditPasarDesa() {
     rating: 0,
     kategoriId: [],
     kontak: '',
+    deskripsi: ''
   });
 
   // load data awal
@@ -83,6 +87,7 @@ function EditPasarDesa() {
             rating: data.rating || 0,
             kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
             kontak: data.kontak || '',
+            deskripsi: data.deskripsi || ''
           });
           setOriginalData({
             nama: data.nama || '',
@@ -93,6 +98,7 @@ function EditPasarDesa() {
             rating: data.rating || 0,
             kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
             kontak: data.kontak || '',
+            deskripsi: data.deskripsi || ''
           });
           if (data.image?.link) setPreviewImage(data.image.link);
         }
@@ -120,12 +126,13 @@ function EditPasarDesa() {
       rating: originalData.rating,
       kategoriId: (originalData as any)?.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
       kontak: originalData.kontak,
+      deskripsi: originalData.deskripsi
     });
     setPreviewImage(originalData.imageUrl || null);
     setFile(null);
     toast.info("Form dikembalikan ke data awal");
   };
-    
+
 
   const handleSubmit = async () => {
     try {
@@ -157,7 +164,7 @@ function EditPasarDesa() {
   };
 
   return (
-     <Box px={{ base: 0, md: 'xs' }} py="xs">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
@@ -316,6 +323,19 @@ function EditPasarDesa() {
             error={!formData.kategoriId.length ? 'Pilih minimal satu kategori' : undefined}
           />
 
+          {/* Input Deskripsi */}
+          <Box>
+            <Text fz="sm" fw="bold" mb={6}>
+              Deskripsi
+            </Text>
+            <EditEditor
+              value={formData.deskripsi}
+              onChange={(htmlContent) =>
+                setFormData((prev) => ({ ...prev, deskripsi: htmlContent }))
+              }
+            />
+          </Box>
+
           <Group justify="right">
             <Button
               variant="outline"
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
index dd53014b..0ece1759 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
@@ -23,6 +23,7 @@ import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa';
+import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 
 export default function CreatePasarDesa() {
   const router = useRouter();
@@ -44,6 +45,7 @@ export default function CreatePasarDesa() {
       rating: 0,
       kategoriId: [],
       kontak: '',
+      deskripsi: ''
     };
     setPreviewImage(null);
     setFile(null);
@@ -80,7 +82,7 @@ export default function CreatePasarDesa() {
   };
 
   return (
-     <Box px={{ base: 0, md: 'xs' }} py="xs">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header dengan tombol kembali */}
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
@@ -234,6 +236,18 @@ export default function CreatePasarDesa() {
             }
           />
 
+          <Box>
+            <Text fw="bold" fz="sm" mb={6}>
+              Deskripsi Produk
+            </Text>
+            <CreateEditor
+              value={statePasar.pasarDesa.create.form.deskripsi}
+              onChange={(val) => {
+                statePasar.pasarDesa.create.form.deskripsi = val;
+              }}
+            />
+          </Box>
+
           {/* Tombol Submit */}
           <Group justify="right">
             <Button
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
deleted file mode 100644
index c1cf3ee5..00000000
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
+++ /dev/null
@@ -1,457 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-"use client";
-
-import polsekTerdekat from "@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat";
-import colors from "@/con/colors";
-import {
-  Box,
-  Button,
-  Card,
-  Group,
-  Loader,
-  Modal,
-  Paper,
-  Select,
-  Stack,
-  Text,
-  TextInput,
-  Title
-} from "@mantine/core";
-import { IconArrowBack } from "@tabler/icons-react";
-import { useParams, useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
-import { toast } from "react-toastify";
-import { useProxy } from "valtio/utils";
-
-function EditPolsekTerdekat() {
-  const polsekState = useProxy(polsekTerdekat);
-  const params = useParams();
-  const router = useRouter();
-
-  const [layananOptions, setLayananOptions] = useState<
-    { value: string; label: string }[]
-  >([]);
-  const [modalOpen, setModalOpen] = useState(false);
-  const [modalUpdateOpen, setModalUpdateOpen] = useState(false);
-  const [namaLayananBaru, setNamaLayananBaru] = useState("");
-  const [selectedLayananId, setSelectedLayananId] = useState<string | null>(
-    null
-  );
-  const [namaLayananUpdate, setNamaLayananUpdate] = useState("");
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [formData, setFormData] = useState({
-    nama: "",
-    jarakKeDesa: "",
-    alamat: "",
-    nomorTelepon: "",
-    jamOperasional: "",
-    embedMapUrl: "",
-    namaTempatMaps: "",
-    alamatMaps: "",
-    linkPetunjukArah: "",
-    layananPolsekId: "",
-  });
-
-  const [originalData, setOriginalData] = useState({
-    nama: "",
-    jarakKeDesa: "",
-    alamat: "",
-    nomorTelepon: "",
-    jamOperasional: "",
-    embedMapUrl: "",
-    namaTempatMaps: "",
-    alamatMaps: "",
-    linkPetunjukArah: "",
-    layananPolsekId: "",
-  });
-
-  // load data untuk form edit
-  useEffect(() => {
-    const loadPolsekTerdekat = async () => {
-      const id = params?.id as string;
-      if (!id) return;
-
-      try {
-        const data = await polsekState.edit.load(id);
-        if (data) {
-          setFormData({
-            nama: data.nama || "",
-            jarakKeDesa: data.jarakKeDesa || "",
-            alamat: data.alamat || "",
-            nomorTelepon: data.nomorTelepon || "",
-            jamOperasional: data.jamOperasional || "",
-            embedMapUrl: data.embedMapUrl || "",
-            namaTempatMaps: data.namaTempatMaps || "",
-            alamatMaps: data.alamatMaps || "",
-            linkPetunjukArah: data.linkPetunjukArah || "",
-            layananPolsekId: data.layananPolsekId || "",
-          });
-
-          setOriginalData({
-            nama: data.nama || "",
-            jarakKeDesa: data.jarakKeDesa || "",
-            alamat: data.alamat || "",
-            nomorTelepon: data.nomorTelepon || "",
-            jamOperasional: data.jamOperasional || "",
-            embedMapUrl: data.embedMapUrl || "",
-            namaTempatMaps: data.namaTempatMaps || "",
-            alamatMaps: data.alamatMaps || "",
-            linkPetunjukArah: data.linkPetunjukArah || "",
-            layananPolsekId: data.layananPolsekId || "",
-          });
-        }
-      } catch (error) {
-        console.error("Error loading polsek terdekat:", error);
-        toast.error("Gagal memuat data polsek terdekat");
-      }
-    };
-
-    loadPolsekTerdekat();
-  }, [params?.id]);
-
-  const fetchLayanan = async () => {
-    try {
-      const res = await fetch("/api/keamanan/layanan-polsek/find-many");
-      const data = await res.json();
-
-      if (data.success) {
-        const options = data.data.map((item: any) => ({
-          value: item.id,
-          label: item.nama,
-        }));
-        setLayananOptions(options);
-      }
-    } catch {
-      toast.error("Gagal memuat layanan polsek");
-    }
-  };
-
-  const handleTambahLayanan = async () => {
-    if (!namaLayananBaru.trim())
-      return toast.warn("Nama layanan tidak boleh kosong");
-
-    try {
-      const res = await fetch("/api/keamanan/layanan-polsek/create", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ nama: namaLayananBaru }),
-      });
-      const data = await res.json();
-
-      if (data.success) {
-        const newLayanan = {
-          value: data.data.id,
-          label: data.data.nama,
-        };
-        setLayananOptions((prev) => [...prev, newLayanan]);
-        await fetchLayanan();
-        polsekState.create.form.layananPolsekId = data.data.id;
-        toast.success("Layanan baru ditambahkan!");
-        setModalOpen(false);
-        setNamaLayananBaru("");
-      } else {
-        toast.error(data.message || "Gagal menambah layanan");
-      }
-    } catch {
-      toast.error("Error menambah layanan");
-    }
-  };
-
-  const handleUpdateLayanan = async (id: string, namaBaru: string) => {
-    if (!namaBaru.trim())
-      return toast.warn("Nama layanan tidak boleh kosong");
-
-    try {
-      const res = await fetch(`/api/keamanan/layanan-polsek/update/${id}`, {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ nama: namaBaru }),
-      });
-      const data = await res.json();
-
-      if (data.success) {
-        await fetchLayanan();
-        toast.success("Layanan berhasil diupdate!");
-        setModalUpdateOpen(false);
-        setNamaLayananUpdate("");
-      } else {
-        toast.error(data.message || "Gagal mengupdate layanan");
-      }
-    } catch {
-      toast.error("Error mengupdate layanan");
-    }
-  };
-
-  const handleDeleteLayanan = async (id: string) => {
-    const confirmDelete = confirm("Yakin ingin menghapus layanan ini?");
-    if (!confirmDelete) return;
-
-    try {
-      const res = await fetch(`/api/keamanan/layanan-polsek/del/${id}`, {
-        method: "DELETE",
-      });
-      const data = await res.json();
-
-      if (data.success) {
-        await fetchLayanan();
-        setLayananOptions((prev) =>
-          prev.filter((layanan) => layanan.value !== id)
-        );
-        toast.success("Layanan berhasil dihapus!");
-      } else {
-        toast.error(data.message || "Gagal menghapus layanan");
-      }
-    } catch {
-      toast.error("Error menghapus layanan");
-    }
-  };
-
-  useEffect(() => {
-    fetchLayanan();
-  }, []);
-
-  const handleChange = (field: string, value: string) => {
-    setFormData(prev => ({ ...prev, [field]: value }));
-  };
-
-  const handleResetForm = () => {
-    setFormData({
-      nama: originalData.nama,
-      jarakKeDesa: originalData.jarakKeDesa,
-      alamat: originalData.alamat,
-      nomorTelepon: originalData.nomorTelepon,
-      jamOperasional: originalData.jamOperasional,
-      embedMapUrl: originalData.embedMapUrl,
-      namaTempatMaps: originalData.namaTempatMaps,
-      alamatMaps: originalData.alamatMaps,
-      linkPetunjukArah: originalData.linkPetunjukArah,
-      layananPolsekId: originalData.layananPolsekId,
-    });
-    toast.info("Form dikembalikan ke data awal");
-  };
-
-  const handleSubmit = async () => {
-    try {
-      setIsSubmitting(true);
-      polsekState.edit.form = { ...formData }; // update global state hanya di sini
-      await polsekState.edit.update();
-      toast.success("Polsek terdekat berhasil diperbarui!");
-      router.push("/admin/keamanan/polsek-terdekat");
-    } catch (error) {
-      console.error("Error updating polsek terdekat:", error);
-      toast.error("Gagal memperbarui data polsek terdekat");
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-
-  return (
-     <Box px={{ base: 0, md: 'xs' }} py="xs">
-      {/* Modal Tambah */}
-      <Modal
-        opened={modalOpen}
-        onClose={() => setModalOpen(false)}
-        title="Tambah Layanan Polsek"
-        centered
-      >
-        <Stack>
-          <TextInput
-            label="Nama Layanan"
-            placeholder="Masukkan nama layanan"
-            value={namaLayananBaru}
-            onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
-          />
-          <Button onClick={handleTambahLayanan}>Simpan</Button>
-        </Stack>
-      </Modal>
-
-      {/* Modal Update */}
-      <Modal
-        opened={modalUpdateOpen}
-        onClose={() => setModalUpdateOpen(false)}
-        title="Update Layanan Polsek"
-        centered
-      >
-        <Stack>
-          <TextInput
-            label="Nama Layanan"
-            placeholder="Masukkan nama layanan"
-            value={namaLayananUpdate}
-            onChange={(e) => setNamaLayananUpdate(e.currentTarget.value)}
-          />
-          <Button
-            onClick={() => {
-              if (!selectedLayananId)
-                return toast.warn("ID layanan tidak ditemukan");
-              handleUpdateLayanan(selectedLayananId, namaLayananUpdate);
-            }}
-          >
-            Simpan
-          </Button>
-        </Stack>
-      </Modal>
-
-      {/* Header */}
-      <Group mb="md">
-        <Button
-          variant="subtle"
-          onClick={() => router.back()}
-          p="xs"
-          radius="md"
-        >
-          <IconArrowBack color={colors["blue-button"]} size={24} />
-        </Button>
-        <Title order={4} ml="sm" c="dark">
-          Edit Polsek Terdekat
-        </Title>
-      </Group>
-
-      {/* Form utama */}
-      <Paper
-        w={{ base: "100%", md: "50%" }}
-        bg={colors["white-1"]}
-        p="lg"
-        radius="md"
-        shadow="sm"
-        style={{ border: "1px solid #e0e0e0" }}
-      >
-        <Stack gap="md">
-          {/* Input fields */}
-          <TextInput
-            value={formData.nama}
-            onChange={(e) => handleChange("nama", e.currentTarget.value)}
-            label="Nama Polsek Terdekat"
-            placeholder="Masukkan nama Polsek Terdekat"
-            required
-          />
-          <TextInput
-            value={formData.jarakKeDesa}
-            onChange={(e) => handleChange("jarakKeDesa", e.currentTarget.value)}
-            label="Jarak Polsek Terdekat"
-          />
-          <TextInput
-            value={formData.alamat}
-            onChange={(e) => handleChange("alamat", e.currentTarget.value)}
-            label="Alamat Polsek Terdekat"
-          />
-          <TextInput
-            value={formData.nomorTelepon}
-            onChange={(e) => handleChange("nomorTelepon", e.currentTarget.value)}
-            label="Nomor Telepon"
-          />
-          <TextInput
-            value={formData.jamOperasional}
-            onChange={(e) => handleChange("jamOperasional", e.currentTarget.value)}
-            label="Jam Operasional"
-          />
-          <TextInput
-            value={formData.embedMapUrl}
-            onChange={(e) => handleChange("embedMapUrl", e.currentTarget.value)}
-            label="Embed Map URL"
-          />
-          <TextInput
-            value={formData.namaTempatMaps}
-            onChange={(e) => handleChange("namaTempatMaps", e.currentTarget.value)}
-            label="Nama Tempat Maps"
-          />
-          <TextInput
-            value={formData.alamatMaps}
-            onChange={(e) => handleChange("alamatMaps", e.currentTarget.value)}
-            label="Alamat Maps"
-          />
-          <TextInput
-            value={formData.linkPetunjukArah}
-            onChange={(e) => handleChange("linkPetunjukArah", e.currentTarget.value)}
-            label="Link Petunjuk Arah"
-          />
-
-          <Select
-            label="Layanan Polsek"
-            placeholder="Pilih layanan polsek"
-            data={layananOptions}
-            value={formData.layananPolsekId}
-            onChange={(val) => handleChange("layananPolsekId", val || "")}
-          />
-          <Button
-            variant="light"
-            size="xs"
-            onClick={() => setModalOpen(true)}
-          >
-            + Tambah Layanan Baru
-          </Button>
-
-          {/* List layanan */}
-          <Text fw="bold" fz="sm">
-            Daftar Layanan Polsek
-          </Text>
-          {layananOptions.map((item) => (
-            <Card
-              key={item.value}
-              style={{ border: "1px solid #ccc" }}
-              bg={colors["white-1"]}
-              p="md"
-              radius="md"
-              shadow="sm"
-            >
-              <Group justify="space-between">
-                <Text>{item.label}</Text>
-                <Group>
-                  <Button
-                    variant="light"
-                    size="xs"
-                    onClick={() => {
-                      setSelectedLayananId(item.value);
-                      setNamaLayananUpdate(item.label);
-                      setModalUpdateOpen(true);
-                    }}
-                  >
-                    Edit
-                  </Button>
-                  <Button
-                    variant="outline"
-                    color="red"
-                    size="xs"
-                    onClick={() => handleDeleteLayanan(item.value)}
-                  >
-                    Hapus
-                  </Button>
-                </Group>
-              </Group>
-            </Card>
-          ))}
-
-          {/* Submit */}
-          <Group justify="right">
-            {/* Tombol Batal */}
-            <Button
-              variant="outline"
-              color="gray"
-              radius="md"
-              size="md"
-              onClick={handleResetForm}
-            >
-              Batal
-            </Button>
-
-            {/* Tombol Simpan */}
-            <Button
-              onClick={handleSubmit}
-              radius="md"
-              size="md"
-              style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
-                color: '#fff',
-                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
-              }}
-            >
-              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
-            </Button>
-          </Group>
-        </Stack>
-      </Paper>
-    </Box>
-  );
-}
-
-export default EditPolsekTerdekat;
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/_com/layoutPolsek.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/_com/layoutPolsek.tsx
new file mode 100644
index 00000000..f415c771
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/_com/layoutPolsek.tsx
@@ -0,0 +1,150 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import colors from '@/con/colors';
+import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconBuilding, IconTool } from '@tabler/icons-react';
+import { usePathname, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
+
+function LayoutPolsek({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const pathname = usePathname();
+
+  const tabs = [
+    {
+      label: "Daftar Polsek Terdekat",
+      value: "daftar-polsek-terdekat",
+      href: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat",
+      icon: <IconBuilding size={18} stroke={1.8} />
+    },
+    {
+      label: "Layanan Polsek",
+      value: "layanan-polsek",
+      href: "/admin/keamanan/polsek-terdekat/layanan-polsek",
+      icon: <IconTool size={18} stroke={1.8} />
+    }
+  ];
+
+  const currentTab = tabs.find(tab => tab.href === pathname);
+  const [activeTab, setActiveTab] = useState<string | null>(currentTab?.value || tabs[0].value);
+
+  const handleTabChange = (value: string | null) => {
+    const tab = tabs.find(t => t.value === value);
+    if (tab) {
+      router.push(tab.href);
+    }
+    setActiveTab(value);
+  };
+
+  useEffect(() => {
+    const match = tabs.find(tab => tab.href === pathname);
+    if (match) {
+      setActiveTab(match.value);
+    }
+  }, [pathname]);
+
+  return (
+    <Stack gap="lg">
+      <Title order={2} fw={700} style={{ color: "#1A1B1E" }}>
+        Polsek Terdekat
+      </Title>
+      <Tabs
+        color={colors["blue-button"]}
+        variant="pills"
+        value={activeTab}
+        onChange={handleTabChange}
+        radius="lg"
+        keepMounted={false}
+      >
+        {/* ✅ Scroll horizontal wrapper */}
+        <Box visibleFrom='md' pb={10}>
+          <ScrollArea type="auto" offsetScrollbars>
+            <TabsList
+              p="sm"
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        <Box hiddenFrom='md' pb={10}>
+          <ScrollArea
+            type="auto"
+            offsetScrollbars={false}
+            w="100%"
+          >
+
+            <TabsList
+              p="xs" // lebih kecil
+              style={{
+                background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+                borderRadius: "1rem",
+                display: "flex",
+                flexWrap: "nowrap",
+                gap: "0.5rem",
+                width: "max-content", // ⬅️ kunci
+                maxWidth: "100%",     // ⬅️ penting
+              }}
+            >
+              {tabs.map((tab, i) => (
+                <TabsTab
+                  key={i}
+                  value={tab.value}
+                  leftSection={tab.icon}
+                  style={{
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    paddingInline: "0.75rem", // ⬅️ lebih ramping
+                    flexShrink: 0, // ✅ jangan mengecil aneh-aneh
+                  }}
+                >
+                  {tab.label}
+                </TabsTab>
+              ))}
+            </TabsList>
+          </ScrollArea>
+        </Box>
+
+        {tabs.map((tab, i) => (
+          <TabsPanel
+            key={i}
+            value={tab.value}
+            style={{
+              padding: "1.5rem",
+              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
+              borderRadius: "1rem",
+              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+            }}
+          >
+            {children}
+          </TabsPanel>
+        ))}
+      </Tabs>
+    </Stack>
+  );
+}
+
+export default LayoutPolsek;
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx
new file mode 100644
index 00000000..1c2b79d4
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx
@@ -0,0 +1,279 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+
+import statePolsekTerdekat from "@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat";
+import colors from "@/con/colors";
+import {
+  Box,
+  Button,
+  Group,
+  Loader,
+  MultiSelect,
+  Paper,
+  Stack,
+  TextInput,
+  Title
+} from "@mantine/core";
+import { IconArrowBack } from "@tabler/icons-react";
+import { useParams, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { toast } from "react-toastify";
+import { useProxy } from "valtio/utils";
+
+
+type FormData = {
+  nama: string;
+  jarakKeDesa: string;
+  alamat: string;
+  nomorTelepon: string;
+  jamOperasional: string;
+  embedMapUrl: string;
+  namaTempatMaps: string;
+  alamatMaps: string;
+  linkPetunjukArah: string;
+  layananPolsekId: string[];
+};
+
+function EditPolsekTerdekat() {
+  const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
+  const params = useParams();
+  const router = useRouter();
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formData, setFormData] = useState<FormData>({
+    nama: "",
+    jarakKeDesa: "",
+    alamat: "",
+    nomorTelepon: "",
+    jamOperasional: "",
+    embedMapUrl: "",
+    namaTempatMaps: "",
+    alamatMaps: "",
+    linkPetunjukArah: "",
+    layananPolsekId: []
+  });
+
+  const [originalData, setOriginalData] = useState({
+    nama: "",
+    jarakKeDesa: "",
+    alamat: "",
+    nomorTelepon: "",
+    jamOperasional: "",
+    embedMapUrl: "",
+    namaTempatMaps: "",
+    alamatMaps: "",
+    linkPetunjukArah: "",
+    layananPolsekId: []
+  });
+
+    useEffect(() => {
+    statePolsekTerdekat.layananPolsek.findManyAll.load();
+  }, []);
+
+  // load data untuk form edit
+  useEffect(() => {
+    const loadPolsekTerdekat = async () => {
+      const id = params?.id as string;
+      if (!id) return;
+
+      try {
+        const data = await polsekState.edit.load(id);
+        if (data) {
+          setFormData({
+            nama: data.nama || "",
+            jarakKeDesa: data.jarakKeDesa || "",
+            alamat: data.alamat || "",
+            nomorTelepon: data.nomorTelepon || "",
+            jamOperasional: data.jamOperasional || "",
+            embedMapUrl: data.embedMapUrl || "",
+            namaTempatMaps: data.namaTempatMaps || "",
+            alamatMaps: data.alamatMaps || "",
+            linkPetunjukArah: data.linkPetunjukArah || "",
+            layananPolsekId: data.LayananToPolsek?.map((l: any) => l.layananId) || [],
+          });
+
+          setOriginalData({
+            nama: data.nama || "",
+            jarakKeDesa: data.jarakKeDesa || "",
+            alamat: data.alamat || "",
+            nomorTelepon: data.nomorTelepon || "",
+            jamOperasional: data.jamOperasional || "",
+            embedMapUrl: data.embedMapUrl || "",
+            namaTempatMaps: data.namaTempatMaps || "",
+            alamatMaps: data.alamatMaps || "",
+            linkPetunjukArah: data.linkPetunjukArah || "",
+            layananPolsekId: data.LayananToPolsek?.map((l: any) => l.layananId) || [],
+          });
+        }
+      } catch (error) {
+        console.error("Error loading polsek terdekat:", error);
+        toast.error("Gagal memuat data polsek terdekat");
+      }
+    };
+
+    loadPolsekTerdekat();
+  }, [params?.id]);
+
+
+  const handleChange = (key: keyof FormData, value: any) => {
+    setFormData((prev) => ({ ...prev, [key]: value }));
+  };
+
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+      jarakKeDesa: originalData.jarakKeDesa,
+      alamat: originalData.alamat,
+      nomorTelepon: originalData.nomorTelepon,
+      jamOperasional: originalData.jamOperasional,
+      embedMapUrl: originalData.embedMapUrl,
+      namaTempatMaps: originalData.namaTempatMaps,
+      alamatMaps: originalData.alamatMaps,
+      linkPetunjukArah: originalData.linkPetunjukArah,
+      layananPolsekId: (originalData as any)?.LayananToPolsek?.map((l: any) => l.layananId) || [],
+    });
+    toast.info("Form dikembalikan ke data awal");
+  };
+
+ const handleSubmit = async () => {
+  try {
+    setIsSubmitting(true);
+    await polsekState.edit.update();
+    toast.success("Polsek terdekat berhasil diperbarui!");
+    router.push("/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat");
+  } catch (error) {
+    console.error("Error updating polsek terdekat:", error);
+    toast.error("Gagal memperbarui data polsek terdekat");
+  } finally {
+    setIsSubmitting(false);
+  }
+};
+
+  return (
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
+      {/* Header */}
+      <Group mb="md">
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors["blue-button"]} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Edit Polsek Terdekat
+        </Title>
+      </Group>
+
+      {/* Form utama */}
+      <Paper
+        w={{ base: "100%", md: "50%" }}
+        bg={colors["white-1"]}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: "1px solid #e0e0e0" }}
+      >
+        <Stack gap="md">
+          {/* Input fields */}
+          <TextInput
+            value={formData.nama}
+            onChange={(e) => handleChange("nama", e.currentTarget.value)}
+            label="Nama Polsek Terdekat"
+            placeholder="Masukkan nama Polsek Terdekat"
+            required
+          />
+          <TextInput
+            value={formData.jarakKeDesa}
+            onChange={(e) => handleChange("jarakKeDesa", e.currentTarget.value)}
+            label="Jarak Polsek Terdekat"
+          />
+          <TextInput
+            value={formData.alamat}
+            onChange={(e) => handleChange("alamat", e.currentTarget.value)}
+            label="Alamat Polsek Terdekat"
+          />
+          <TextInput
+            value={formData.nomorTelepon}
+            onChange={(e) => handleChange("nomorTelepon", e.currentTarget.value)}
+            label="Nomor Telepon"
+          />
+          <TextInput
+            value={formData.jamOperasional}
+            onChange={(e) => handleChange("jamOperasional", e.currentTarget.value)}
+            label="Jam Operasional"
+          />
+          <TextInput
+            value={formData.embedMapUrl}
+            onChange={(e) => handleChange("embedMapUrl", e.currentTarget.value)}
+            label="Embed Map URL"
+          />
+          <TextInput
+            value={formData.namaTempatMaps}
+            onChange={(e) => handleChange("namaTempatMaps", e.currentTarget.value)}
+            label="Nama Tempat Maps"
+          />
+          <TextInput
+            value={formData.alamatMaps}
+            onChange={(e) => handleChange("alamatMaps", e.currentTarget.value)}
+            label="Alamat Maps"
+          />
+          <TextInput
+            value={formData.linkPetunjukArah}
+            onChange={(e) => handleChange("linkPetunjukArah", e.currentTarget.value)}
+            label="Link Petunjuk Arah"
+          />
+
+          <MultiSelect
+            label="Layanan Polsekl"
+            placeholder="Pilih layanan polsek"
+            value={formData.layananPolsekId}
+            onChange={(val) => handleChange('layananPolsekId', val)}
+            data={
+              statePolsekTerdekat.layananPolsek.findManyAll.data?.map((v) => ({
+                value: v.id,
+                label: v.nama,
+              })) || []
+            }
+            clearable
+            searchable
+            required
+            error={!formData.layananPolsekId.length ? 'Pilih minimal satu layanan polsek' : undefined}
+          />
+
+          {/* Submit */}
+          <Group justify="right">
+            {/* Tombol Batal */}
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default EditPolsekTerdekat;
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/page.tsx
similarity index 87%
rename from src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
rename to src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/page.tsx
index 71f18cc2..5d8ac062 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/page.tsx
@@ -6,12 +6,12 @@ import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
-import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
+import { ModalKonfirmasiHapus } from '../../../../_com/modalKonfirmasiHapus';
+import statePolsekTerdekat from '../../../../_state/keamanan/polsek-terdekat';
 
 function DetailPolsekTerdekat() {
   const router = useRouter();
-  const polsekState = useProxy(polsekTerdekat);
+  const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const [modalHapus, setModalHapus] = useState(false);
   const params = useParams();
@@ -25,7 +25,7 @@ function DetailPolsekTerdekat() {
       polsekState.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push("/admin/keamanan/polsek-terdekat");
+      router.push("/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat");
     }
   };
 
@@ -40,7 +40,7 @@ function DetailPolsekTerdekat() {
   const data = polsekState.findUnique.data;
 
   return (
-     <Box px={{ base: 0, md: 'xs' }} py="xs">
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Tombol Back */}
       <Button
         variant="subtle"
@@ -149,10 +149,20 @@ function DetailPolsekTerdekat() {
                 </Text>
               </Box>
 
-              {/* Layanan Polsek */}
+
               <Box>
                 <Text fz="lg" fw="bold">Layanan Polsek</Text>
-                <Text fz="md" c="dimmed">{data?.layananPolsek?.nama || "-"}</Text>
+                <Stack gap={4}>
+                  {data.LayananToPolsek && data.LayananToPolsek.length > 0 ? (
+                    data.LayananToPolsek.map((layanan) => (
+                      <Text fz="md" c="dimmed" key={layanan.id}>
+                        • {layanan.layanan.nama}
+                      </Text>
+                    ))
+                  ) : (
+                    <Text fz="sm" c="dimmed">Tidak ada layanan polsek</Text>
+                  )}
+                </Stack>
               </Box>
 
               {/* Aksi */}
@@ -172,7 +182,7 @@ function DetailPolsekTerdekat() {
 
                 <Button
                   color="green"
-                  onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${data.id}/edit`)}
+                  onClick={() => router.push(`/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/${data.id}/edit`)}
                   variant="light"
                   radius="md"
                   size="md"
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/create/page.tsx
similarity index 61%
rename from src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
rename to src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/create/page.tsx
index e57bbd2e..b3b63080 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/create/page.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
 import {
@@ -6,9 +5,8 @@ import {
   Button,
   Group,
   Loader,
-  Modal,
+  MultiSelect,
   Paper,
-  Select,
   Stack,
   Text,
   TextInput,
@@ -19,16 +17,17 @@ import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
-import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
+import statePolsekTerdekat from '../../../../_state/keamanan/polsek-terdekat';
 
 function CreatePolsekTerdekat() {
-  const polsekState = useProxy(polsekTerdekat);
+  const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
   const router = useRouter();
-  const [layananOptions, setLayananOptions] = useState<{ value: string; label: string }[]>([]);
-  const [modalOpen, setModalOpen] = useState(false);
-  const [namaLayananBaru, setNamaLayananBaru] = useState("");
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  useEffect(() => {
+    statePolsekTerdekat.layananPolsek.findManyAll.load();
+  }, []);
+
   const resetForm = () => {
     polsekState.create.form = {
       nama: "",
@@ -40,44 +39,44 @@ function CreatePolsekTerdekat() {
       namaTempatMaps: "",
       alamatMaps: "",
       linkPetunjukArah: "",
-      layananPolsekId: "",
+      layananPolsekId: [],
     };
   };
 
   const isValidGoogleMapsEmbed = (url: string): boolean => {
-  try {
-    const u = new URL(url);
-    return (
-      u.hostname === 'www.google.com' &&
-      u.pathname === '/maps/embed' &&
-      u.searchParams.has('pb')
-    );
-  } catch {
-    return false;
-  }
-};
+    try {
+      const u = new URL(url);
+      return (
+        u.hostname === 'www.google.com' &&
+        u.pathname === '/maps/embed' &&
+        u.searchParams.has('pb')
+      );
+    } catch {
+      return false;
+    }
+  };
 
   const handleSubmit = async () => {
-  const { embedMapUrl } = polsekState.create.form;
+    const { embedMapUrl } = polsekState.create.form;
 
-  // ✅ Validasi Google Maps Embed URL (jika diisi)
-  if (embedMapUrl && !isValidGoogleMapsEmbed(embedMapUrl)) {
-    toast.error("URL embed peta tidak valid. Harap paste iframe dari Google Maps.");
-    return;
-  }
+    // ✅ Validasi Google Maps Embed URL (jika diisi)
+    if (embedMapUrl && !isValidGoogleMapsEmbed(embedMapUrl)) {
+      toast.error("URL embed peta tidak valid. Harap paste iframe dari Google Maps.");
+      return;
+    }
 
-  try {
-    setIsSubmitting(true);
-    await polsekState.create.create();
-    resetForm();
-    router.push("/admin/keamanan/polsek-terdekat");
-  } catch (error) {
-    console.error(error);
-    toast.error("Gagal menambah polsek terdekat");
-  } finally {
-    setIsSubmitting(false);
-  }
-};
+    try {
+      setIsSubmitting(true);
+      await polsekState.create.create();
+      resetForm();
+      router.push("/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat");
+    } catch (error) {
+      console.error(error);
+      toast.error("Gagal menambah polsek terdekat");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
 
   const extractEmbedUrl = (input: string): string => {
     // Jika sudah berupa URL embed yang valid
@@ -96,77 +95,8 @@ function CreatePolsekTerdekat() {
     return input.trim();
   };
 
-  const fetchLayanan = async () => {
-    try {
-      const res = await fetch("/api/keamanan/layanan-polsek/find-many");
-      const data = await res.json();
-
-      if (data.success) {
-        const options = data.data.map((item: any) => ({
-          value: item.id,
-          label: item.nama,
-        }));
-        setLayananOptions(options);
-      }
-    } catch {
-      toast.error("Gagal memuat layanan polsek");
-    }
-  };
-
-  const handleTambahLayanan = async () => {
-    if (!namaLayananBaru.trim()) return toast.warn("Nama layanan tidak boleh kosong");
-
-    try {
-      const res = await fetch("/api/keamanan/layanan-polsek/create", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ nama: namaLayananBaru }),
-      });
-      const data = await res.json();
-
-      if (data.success) {
-        const newLayanan = {
-          value: data.data.id,
-          label: data.data.nama,
-        };
-        setLayananOptions((prev) => [...prev, newLayanan]);
-        await fetchLayanan();
-        polsekState.create.form.layananPolsekId = data.data.id;
-        toast.success("Layanan baru ditambahkan!");
-        setModalOpen(false);
-        setNamaLayananBaru("");
-      } else {
-        toast.error(data.message || "Gagal menambah layanan");
-      }
-    } catch {
-      toast.error("Error menambah layanan");
-    }
-  };
-
-  useEffect(() => {
-    fetchLayanan();
-  }, []);
-
   return (
-     <Box px={{ base: 0, md: 'xs' }} py="xs">
-      {/* Modal Tambah Layanan */}
-      <Modal
-        opened={modalOpen}
-        onClose={() => setModalOpen(false)}
-        title="Tambah Layanan Polsek"
-        centered
-      >
-        <Stack>
-          <TextInput
-            label="Nama Layanan"
-            placeholder="Masukkan nama layanan"
-            value={namaLayananBaru}
-            onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
-          />
-          <Button onClick={handleTambahLayanan}>Simpan</Button>
-        </Stack>
-      </Modal>
-
+    <Box px={{ base: 0, md: 'xs' }} py="xs">
       {/* Header */}
       <Group mb="md">
         <Button
@@ -255,36 +185,23 @@ function CreatePolsekTerdekat() {
             label={<Text fw="bold" fz="sm">Link Petunjuk Arah</Text>}
             placeholder="Masukkan link petunjuk arah"
           />
-          <Select
+          <MultiSelect
             label="Layanan Polsek"
-            placeholder="Pilih layanan polsek"
-            data={layananOptions}
-            value={polsekState.create.form.layananPolsekId || null}
-            onChange={(val: string | null) => {
-              if (val) {
-                const selected = layananOptions.find(
-                  (item) => item.value === val
-                );
-                if (selected) {
-                  polsekState.create.form.layananPolsekId = selected.value;
-                }
-              } else {
-                polsekState.create.form.layananPolsekId = '';
-              }
+            placeholder="Pilih layanan polsek (bisa lebih dari satu)"
+            data={statePolsekTerdekat.layananPolsek.findManyAll.data?.map((v) => ({
+              value: v.id,
+              label: v.nama,
+            })) || []}
+            value={polsekState.create.form.layananPolsekId}
+            onChange={(val) => {
+              polsekState.create.form.layananPolsekId = val;
             }}
             searchable
             clearable
-            nothingFoundMessage="Tidak ditemukan"
+            nothingFoundMessage="Tidak ada layanan ditemukan"
             required
+            error={polsekState.create.form.layananPolsekId?.length === 0 ? "Pilih minimal 1 layanan polsek" : undefined}
           />
-          <Button
-            variant="light"
-            size="xs"
-            onClick={() => setModalOpen(true)}
-          >
-            + Tambah Layanan Baru
-          </Button>
-
           {/* Tombol Submit */}
           <Group justify="right">
             <Button
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/page.tsx
similarity index 95%
rename from src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
rename to src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/page.tsx
index 279f8f94..062be926 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/page.tsx
@@ -23,8 +23,9 @@ import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../_com/header';
-import polsekTerdekat from '../../_state/keamanan/polsek-terdekat';
+import HeaderSearch from '../../../_com/header';
+import statePolsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
+
 
 function PolsekTerdekat() {
   const [search, setSearch] = useState("");
@@ -45,7 +46,7 @@ function PolsekTerdekat() {
 }
 
 function ListPolsekTerdekat({ search }: { search: string }) {
-  const polsekState = useProxy(polsekTerdekat);
+  const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
   const router = useRouter();
   const [debouncedSearch] = useDebouncedValue(search, 1000);
 
@@ -82,7 +83,7 @@ function ListPolsekTerdekat({ search }: { search: string }) {
             leftSection={<IconPlus size={18} />}
             color="blue"
             variant="light"
-            onClick={() => router.push('/admin/keamanan/polsek-terdekat/create')}
+            onClick={() => router.push('/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/create')}
           >
             Tambah Baru
           </Button>
@@ -145,7 +146,7 @@ function ListPolsekTerdekat({ search }: { search: string }) {
                       <Button
                         variant="light"
                         color="blue"
-                        onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${item.id}`)}
+                        onClick={() => router.push(`/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/${item.id}`)}
                         w="100%"
                       >
                         <IconDeviceImac size={18} />
@@ -207,7 +208,7 @@ function ListPolsekTerdekat({ search }: { search: string }) {
                         variant="light"
                         color="blue"
                         fullWidth
-                        onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${item.id}`)}
+                        onClick={() => router.push(`/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/${item.id}`)}
                       >
                         <IconDeviceImac size={18} />
                         <Text ml={5} fz="sm" fw={500} lh={1.4}>
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx
new file mode 100644
index 00000000..04e64bd2
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx
@@ -0,0 +1,161 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+
+import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
+import colors from '@/con/colors';
+import {
+  Box,
+  Button,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  TextInput,
+  Title
+} from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function EditLayananPolsek() {
+  const editState = useProxy(statePolsekTerdekat.layananPolsek);
+  const router = useRouter();
+  const params = useParams();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [originalData, setOriginalData] = useState({
+    nama: '',
+  });
+
+  const [formData, setFormData] = useState({
+    nama: '',
+  });
+
+  useEffect(() => {
+    const loadLayananPolsek = async () => {
+      const id = params?.id as string;
+      if (!id) return;
+
+      try {
+        const data = await editState.update.load(id);
+        if (data) {
+          setFormData({
+            nama: data.nama || '',
+          });
+          setOriginalData({
+            nama: data.nama || '',
+          });
+        }
+      } catch (error) {
+        console.error('Error loading layanan polsek:', error);
+        toast.error('Gagal memuat data layanan polsek');
+      }
+    };
+
+    loadLayananPolsek();
+  }, [params?.id]);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setFormData((prev) => ({
+      ...prev,
+      [e.target.name]: e.target.value,
+    }));
+  };
+
+  const handleResetForm = () => {
+    setFormData({
+      nama: originalData.nama,
+    });
+    toast.info('Form dikembalikan ke data awal');
+  };
+
+  const handleSubmit = async () => {
+    try {
+      setIsSubmitting(true);
+      // update global state hanya saat submit
+      editState.update.form = {
+        ...editState.update.form,
+        nama: formData.nama,
+      };
+
+      await editState.update.update();
+      toast.success('Layanan Polsek berhasil diperbarui!');
+      router.push('/admin/keamanan/polsek-terdekat/layanan-polsek');
+    } catch (error) {
+      console.error('Error updating layanan polsek:', error);
+      toast.error('Terjadi kesalahan saat memperbarui layanan polsek');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+   <Box px={{ base: 0, md: 'lg' }} py="xs">
+      {/* Back Button + Title */}
+      <Group mb="md">
+          <Button
+            variant="subtle"
+            onClick={() => router.back()}
+            p="xs"
+            radius="md"
+          >
+            <IconArrowBack color={colors['blue-button']} size={24} />
+          </Button>
+        <Title order={4} ml="sm" c="dark">
+          Edit Layanan Polsek
+        </Title>
+      </Group>
+
+      {/* Form Wrapper */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}  
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <TextInput
+            name="nama"
+            label="Nama Layanan Polsek"
+            placeholder="Masukkan nama layanan polsek"
+            value={formData.nama}
+            onChange={handleChange}
+            required
+          />
+
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={handleResetForm}
+            >
+              Batal
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default EditLayananPolsek;
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx
new file mode 100644
index 00000000..378ba46e
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx
@@ -0,0 +1,111 @@
+'use client';
+import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
+import colors from '@/con/colors';
+import {
+  Box,
+  Button,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  TextInput,
+  Title
+} from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function CreateLayananPolsek() {
+  const createState = useProxy(statePolsekTerdekat.layananPolsek);
+  const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const resetForm = () => {
+    createState.create.form = {
+      nama: '',
+    };
+  };
+
+  const handleSubmit = async () => {
+    setIsSubmitting(true);
+    try {
+      await createState.create.create();
+      resetForm();
+      router.push('/admin/keamanan/polsek-terdekat/layanan-polsek');
+    } catch (error) {
+      console.error('Error creating layanan polsek:', error);
+      toast.error('Gagal menambahkan layanan polsek');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
+      {/* Header dengan back button */}
+      <Group mb="md">
+        <Button
+          variant="subtle"
+          onClick={() => router.back()}
+          p="xs"
+          radius="md"
+        >
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
+        <Title order={4} ml="sm" c="dark">
+          Tambah Layanan Polsek
+        </Title>
+      </Group>
+
+      {/* Form utama */}
+      <Paper
+        w={{ base: '100%', md: '50%' }}
+        bg={colors['white-1']}
+        p="lg"
+        radius="md"
+        shadow="sm"
+        style={{ border: '1px solid #e0e0e0' }}
+      >
+        <Stack gap="md">
+          <TextInput
+            label="Nama Layanan Polsek"
+            placeholder="Masukkan nama layanan polsek"
+            value={createState.create.form.nama || ''}
+            onChange={(e) => (createState.create.form.nama = e.target.value)}
+            required
+          />
+
+          <Group justify="right">
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
+              size="md"
+              onClick={resetForm}
+            >
+              Reset
+            </Button>
+
+            {/* Tombol Simpan */}
+            <Button
+              onClick={handleSubmit}
+              radius="md"
+              size="md"
+              style={{
+                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                color: '#fff',
+                boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
+              }}
+            >
+              {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default CreateLayananPolsek;
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/page.tsx
new file mode 100644
index 00000000..df663acb
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/page.tsx
@@ -0,0 +1,265 @@
+'use client'
+import colors from '@/con/colors';
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Pagination,
+  Paper,
+  Skeleton,
+  Stack,
+  Table,
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr,
+  Text,
+  Title,
+} from '@mantine/core';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
+import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
+import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import statePolsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
+
+
+function LayananPolsek() {
+  const [search, setSearch] = useState("");
+
+  return (
+    <Box>
+      <HeaderSearch
+        title='Layanan Polsek'
+        placeholder='Cari layanan polsek...'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+
+      <ListLayananPolsek search={search} />
+    </Box>
+  );
+}
+
+function ListLayananPolsek({ search }: { search: string }) {
+  const layananState = useProxy(statePolsekTerdekat.layananPolsek);
+  const [modalHapus, setModalHapus] = useState(false);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const router = useRouter();
+  const [debouncedSearch] = useDebouncedValue(search, 1000);
+
+  const {
+    data,
+    page,
+    totalPages,
+    loading,
+    load,
+  } = layananState.findMany;
+
+  useShallowEffect(() => {
+    load(page, 10, debouncedSearch);
+  }, [page, debouncedSearch]);
+
+  const handleDelete = () => {
+    if (selectedId) {
+      layananState.delete.delete(selectedId);
+      setModalHapus(false);
+      setSelectedId(null);
+      load(page, 10, search);
+    }
+  };
+
+  const filteredData = data || [];
+
+  if (loading || !data) {
+    return (
+      <Stack py={{ base: 'sm', md: 'lg' }}>
+        <Skeleton height={600} radius="md" />
+      </Stack>
+    );
+  }
+
+  return (
+    <Box py={{ base: 'sm', md: 'lg' }}>
+      <Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
+        <Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
+          <Title order={4} lh={{ base: 1.2, md: 1.2 }}>
+            Daftar Layanan Polsek
+          </Title>
+          <Button
+            leftSection={<IconPlus size={18} />}
+            color="blue"
+            variant="light"
+            onClick={() => router.push('/admin/keamanan/polsek-terdekat/layanan-polsek/create')}
+          >
+            Tambah Baru
+          </Button>
+        </Group>
+
+        {/* Desktop Table */}
+        <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+          <Table
+            highlightOnHover
+            miw={0}
+            style={{
+              tableLayout: 'fixed',
+              width: '100%',
+            }}
+          >
+            <TableThead>
+              <TableTr>
+                <TableTh style={{ width: '25%' }}>
+                  <Text fz="sm" fw={600} lh={1.4}>
+                    Nama Layanan Polsek
+                  </Text>
+                </TableTh>
+                <TableTh w="20%">
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">Edit</Text>
+                </TableTh>
+                <TableTh w="20%">
+                  <Text fz="sm" fw={600} lh={1.4} ta="center">Hapus</Text>
+                </TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.length > 0 ? (
+                filteredData.map((item) => (
+                  <TableTr key={item.id}>
+                    <TableTd>
+                      <Text fz="md" fw={500} lh={1.5} truncate="end">
+                        {item.nama}
+                      </Text>
+                    </TableTd>
+                    <TableTd ta="center">
+                      <Button
+                        variant="light"
+                        color="green"
+                        onClick={() =>
+                          router.push(
+                            `/admin/keamanan/polsek-terdekat/layanan-polsek/${item.id}`
+                          )
+                        }
+                        size="compact-sm"
+                      >
+                        <IconEdit size={16} />
+                      </Button>
+                    </TableTd>
+                    <TableTd ta="center">
+                      <Button
+                        variant="light"
+                        color="red"
+                        disabled={layananState.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                        size="compact-sm"
+                      >
+                        <IconTrash size={16} />
+                      </Button>
+                    </TableTd>
+                  </TableTr>
+                ))
+              ) : (
+                <TableTr>
+                  <TableTd colSpan={4}>
+                    <Center py={24}>
+                      <Text c="dimmed" fz="sm" lh={1.4}>
+                        Tidak ada data Polsek yang cocok
+                      </Text>
+                    </Center>
+                  </TableTd>
+                </TableTr>
+              )}
+            </TableTbody>
+          </Table>
+        </Box>
+
+        {/* Mobile Cards */}
+        <Box hiddenFrom="md">
+          <Stack gap="sm">
+            {filteredData.length > 0 ? (
+              filteredData.map((item) => (
+                <Paper key={item.id} withBorder p="sm" radius="sm">
+                  <Stack gap={"xs"}>
+                    <Box>
+                      <Text fz="sm" fw={600} lh={1.4}>
+                        Nama Layanan Polsek
+                      </Text>
+                      <Text fz="sm" fw={500} lh={1.45}>
+                        {item.nama}
+                      </Text>
+                    </Box>
+                    <Group mt="sm" justify="flex-end" gap="xs">
+                      <Button
+                        variant="light"
+                        color="green"
+                        size="compact-xs"
+                        onClick={() =>
+                          router.push(
+                            `/admin/keamanan/polsek-terdekat/layanan-polsek/${item.id}`
+                          )
+                        }
+                      >
+                        <IconEdit size={14} />
+                      </Button>
+                      <Button
+                        variant="light"
+                        color="red"
+                        size="compact-xs"
+                        disabled={layananState.delete.loading}
+                        onClick={() => {
+                          setSelectedId(item.id);
+                          setModalHapus(true);
+                        }}
+                      >
+                        <IconTrash size={14} />
+                      </Button>
+                    </Group>
+                  </Stack>
+                </Paper>
+              ))
+            ) : (
+              <Center py={24}>
+                <Text c="dimmed" fz="sm" lh={1.4}>
+                  Tidak ada data Layanan Polsek yang cocok
+                </Text>
+              </Center>
+            )}
+          </Stack>
+        </Box>
+      </Paper>
+
+      {/* Pagination */}
+      <Center>
+        <Pagination
+          value={page}
+          onChange={(newPage) => {
+            load(newPage, 10, search);
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          }}
+          total={totalPages}
+          mt={{ base: 'lg', md: 'xl' }}
+          mb={{ base: 'lg', md: 'xl' }}
+          color="blue"
+          radius="md"
+        />
+      </Center>
+
+      {/* Modal Konfirmasi Hapus */}
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleDelete}
+        text="Apakah anda yakin ingin menghapus layanan polsek ini?"
+      />
+    </Box>
+  );
+}
+
+export default LayananPolsek;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layout.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layout.tsx
new file mode 100644
index 00000000..5792a343
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layout.tsx
@@ -0,0 +1,34 @@
+'use client'
+import React from 'react';
+import LayoutPolsek from './_com/layoutPolsek';
+import { usePathname } from 'next/navigation';
+import { Box } from '@mantine/core';
+
+function Layout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  // Contoh path:
+  // - /darmasaba/desa/berita/semua → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
+  // - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
+
+  const segments = pathname.split('/').filter(Boolean);
+  const isDetailPage = segments.length >= 5;
+
+  if (isDetailPage) {
+    // Tampilkan tanpa tab menu
+    return (
+      <Box>
+        {children}
+      </Box>
+    );
+  }
+
+  return (
+    <LayoutPolsek>
+      {children}
+    </LayoutPolsek>
+  );
+}
+
+export default Layout;
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index bd810e00..132fbbab 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -14,11 +14,6 @@ export const devBar = [
         name: "Desa Anti Korupsi",
         path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
       },
-      // {
-      //   id: "Landing_Page_3",
-      //   name: "Indeks Kepuasan Masyarakat",
-      //   path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
-      // },
       {
         id: "Landing_Page_3",
         name: "SDGs",
@@ -182,7 +177,7 @@ export const devBar = [
       {
         id: "Keamanan_2",
         name: "Polsek Terdekat",
-        path: "/admin/keamanan/polsek-terdekat"
+        path: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat"
       },
       {
         id: "Keamanan_3",
@@ -418,11 +413,6 @@ export const navBar = [
         name: "Desa Anti Korupsi",
         path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
       },
-      // {
-      //   id: "Landing_Page_3",
-      //   name: "Indeks Kepuasan Masyarakat",
-      //   path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
-      // },
       {
         id: "Landing_Page_3",
         name: "SDGs",
@@ -586,7 +576,7 @@ export const navBar = [
       {
         id: "Keamanan_2",
         name: "Polsek Terdekat",
-        path: "/admin/keamanan/polsek-terdekat"
+        path: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat"
       },
       {
         id: "Keamanan_3",
@@ -822,11 +812,6 @@ export const role1 = [
         name: "Desa Anti Korupsi",
         path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
       },
-      // {
-      //   id: "Landing_Page_3",
-      //   name: "Indeks Kepuasan Masyarakat",
-      //   path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
-      // },
       {
         id: "Landing_Page_3",
         name: "SDGs",
@@ -948,7 +933,7 @@ export const role1 = [
       {
         id: "Keamanan_2",
         name: "Polsek Terdekat",
-        path: "/admin/keamanan/polsek-terdekat"
+        path: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat"
       },
       {
         id: "Keamanan_3",
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts
index 42d01da5..62ad27b1 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/create.ts
@@ -9,6 +9,7 @@ type FormCreate = {
   rating: number;
   kategoriId: string[];
   kontak: string;
+  deskripsi: string;
   // Array of KategoriProduk IDs
 };
 
@@ -31,7 +32,8 @@ export default async function pasarDesaCreate(context: Context) {
           imageId: body.imageId,
           rating: Number(body.rating),
           kategoriProdukId: body.kategoriId[0],
-          kontak: body.kontak 
+          kontak: body.kontak,
+          deskripsi: body.deskripsi,
           // Use the first category as the main one
         },
       });
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/index.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/index.ts
index 6731abb2..5d310992 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/index.ts
@@ -38,6 +38,7 @@ const PasarDesa = new Elysia({
         rating: t.Number(),
         kategoriId: t.Array(t.String()),
         kontak: t.String(),
+        deskripsi: t.String(),
       }),
     }
   )
@@ -81,6 +82,7 @@ const PasarDesa = new Elysia({
         rating: t.Number(),
         kategoriId: t.Array(t.String()),
         kontak: t.String(),
+        deskripsi: t.String(),
       }),
     }
   );
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/updt.ts b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/updt.ts
index 7acac5cd..98d80704 100644
--- a/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/updt.ts
@@ -10,6 +10,7 @@ type FormUpdate = {
   rating: number;
   kategoriId: string[]; // Array of KategoriProduk IDs
   kontak: string;
+  deskripsi: string;
 };
 
 export default async function pasarDesaUpdate(context: Context) {
@@ -32,7 +33,8 @@ export default async function pasarDesaUpdate(context: Context) {
       alamatUsaha: body.alamatUsaha,
       imageId: body.imageId,
       rating: Number(body.rating),
-      kontak: body.kontak
+      kontak: body.kontak,
+      deskripsi: body.deskripsi
     },
   });
 
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/index.ts b/src/app/api/[[...slugs]]/_lib/keamanan/index.ts
index c0ce3d65..723134bb 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/index.ts
@@ -4,9 +4,10 @@ import PolsekTerdekat from "./polsek-terdekat";
 import PencegahanKriminalitas from "./pencegahan-kriminalitas";
 import MenuTipsKeamanan from "./tips-keamanan";
 import LaporanPublik from "./laporan-publik";
-import LayananPolsek from "./layanan-polsek";
+
 import KontakDaruratKeamanan from "./kontak-darurat-keamanan";
 import KontakItem from "./kontak-darurat-keamanan/kontak-item";
+import LayananPolsek from "./polsek-terdekat/layanan-polsek";
 
 const Keamanan = new Elysia({ prefix: "/api/keamanan", tags: ["Keamanan"] })
 .use(KeamananLingkungan)
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts
deleted file mode 100644
index 452dd869..00000000
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/create.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import prisma from "@/lib/prisma";
-import { Context } from "elysia";
-
-export default async function layananPolsekCreate(context: Context) {
-  const body = context.body as { nama: string };
-
-  if (!body.nama) {
-    return {
-      success: false,
-      message: "Nama is required",
-    };
-  }
-
-  const layanan = await prisma.layananPolsek.create({
-    data: {
-      nama: body.nama,
-      deletedAt: null, // pastikan ini ditambahkan kalau field-mu optional
-    },
-  });
-
-  return {
-    success: true,
-    message: "Sukses menambahkan layanan polsek",
-    data: layanan,
-  };
-}
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts
deleted file mode 100644
index 63669de5..00000000
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/del.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import prisma from "@/lib/prisma";
-import { Context } from "elysia";
-
-export const layananPolsekDelete = async (context: Context) => {
-    const id = context.params.id;
-    if (!id) {
-        return {
-            success: false,
-            message: "ID is required",
-        }
-    }
-
-    const layanan = await prisma.layananPolsek.delete({
-        where: {
-            id: id,
-        },
-    })
-
-    if(!layanan) {
-        return {
-            success: false,
-            message: "Layanan polsek tidak ditemukan",
-        }
-    }
-
-    return {
-        success: true,
-        message: "Sukses Menghapus layanan polsek",
-        data: layanan,
-    }
-}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findMany.ts b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findMany.ts
deleted file mode 100644
index a5028d6e..00000000
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findMany.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import prisma from "@/lib/prisma";
-
- async function layananPolsekFindMany() {
-  const data = await prisma.layananPolsek.findMany();
-  return { 
-    success: true,
-    data: data.map((item: any) => {
-      return {
-        id: item.id,
-        nama: item.nama,
-      }
-    }),
-   };
-}
-
-export default layananPolsekFindMany
-
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findUnique.ts b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findUnique.ts
deleted file mode 100644
index 343e2aae..00000000
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/findUnique.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import prisma from "@/lib/prisma";
-
-export default async function layananPolsekFindUnique(request: Request){
-    const url = new URL(request.url);
-    const pathSegments = url.pathname.split('/');
-    const id = pathSegments[pathSegments.length - 1];
-
-    if(!id){
-        return Response.json({
-            success: false,
-            message: "ID tidak boleh kosong",
-        }, { status: 400 });
-    }
-
-    try {
-        if (typeof id !== 'string') {
-            return Response.json({
-                success: false,
-                message: "ID tidak valid",
-            }, { status: 400 });
-        }
-
-        const data = await prisma.layananPolsek.findUnique({
-            where: { id },
-        });
-
-        if (!data) {
-            return Response.json({
-                success: false,
-                message: "Layanan polsek tidak ditemukan",
-            }, { status: 404 });
-        }
-
-        return Response.json({
-            success: true,
-            message: "Success fetch layanan polsek by ID",
-            data,
-        }, { status: 200 });
-    } catch (e) {
-        console.error("Find by ID error:", e);
-        return Response.json({
-            success: false,
-            message: "Gagal mengambil layanan polsek: " + (e instanceof Error ? e.message : 'Unknown error'),
-        }, {
-            status: 500,
-        });
-    }
-}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/updt.ts b/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/updt.ts
deleted file mode 100644
index b6eab8d0..00000000
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/updt.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import prisma from "@/lib/prisma";
-import { Context } from "elysia";
-
-
-export default async function layananPolsekUpdate(context: Context) {
-    const body = await context.request.json()
-
-    if (!body.nama) {
-        return {
-            success: false,
-            message: "Nama is required",
-        }
-    }
-
-    const layanan = await prisma.layananPolsek.update({
-        where: {
-            id: body.id,
-        },
-        data: { 
-            nama: body.nama,
-        },
-    })
-
-    return {
-        success: true,
-        message: "Success update layanan polsek",
-        data: layanan,
-    }
-}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts
index 71047362..e1b412fd 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/create.ts
@@ -1,44 +1,84 @@
 import prisma from "@/lib/prisma";
-import { Prisma } from "@prisma/client";
 import { Context } from "elysia";
 
-type FormCreate = Prisma.PolsekTerdekatGetPayload<{
-    select: {
-        nama: true;
-        jarakKeDesa: true;
-        alamat: true;
-        nomorTelepon: true;
-        jamOperasional: true;
-        embedMapUrl: true;
-        namaTempatMaps: true;
-        alamatMaps: true;
-        linkPetunjukArah: true;
-        layananPolsekId: true;
-    };
-}>;
+type FormCreate = {
+    nama: string;
+    jarakKeDesa: string;
+    alamat: string;
+    nomorTelepon: string;
+    jamOperasional: string;
+    embedMapUrl: string;
+    namaTempatMaps: string;
+    alamatMaps: string;
+    linkPetunjukArah: string;
+    layananPolsekId: string[];
+};
+
 async function polsekTerdekatCreate(context: Context) {
     const body = context.body as FormCreate;
 
-    await prisma.polsekTerdekat.create({
+    // Validate that layananPolsekId is provided and not empty
+    if (!body.layananPolsekId || body.layananPolsekId.length === 0) {
+        return {
+            success: false,
+            message: "Pilih minimal 1 layanan polsek",
+        };
+    }
+
+   try {
+    // Start a transaction to ensure data consistency
+    const result = await prisma.$transaction(async (prisma) => {
+      // 1. Create PasarDesa with the first kategoriId as the main category
+      const polsekTerdekat = await prisma.polsekTerdekat.create({
         data: {
-            nama: body.nama,
-            jarakKeDesa: body.jarakKeDesa,
-            alamat: body.alamat,
-            nomorTelepon: body.nomorTelepon,
-            jamOperasional: body.jamOperasional,
-            embedMapUrl: body.embedMapUrl,
-            namaTempatMaps: body.namaTempatMaps,
-            alamatMaps: body.alamatMaps,
-            linkPetunjukArah: body.linkPetunjukArah,
-            layananPolsekId: body.layananPolsekId,
+          nama: body.nama,
+          jarakKeDesa: body.jarakKeDesa,
+          alamat: body.alamat,
+          nomorTelepon: body.nomorTelepon,
+          jamOperasional: body.jamOperasional,
+          embedMapUrl: body.embedMapUrl,
+          namaTempatMaps: body.namaTempatMaps,
+          alamatMaps: body.alamatMaps,
+          linkPetunjukArah: body.linkPetunjukArah,
+          layananPolsekId: body.layananPolsekId[0],
+          // Use the first category as the main one
         },
+      });
+
+      // 2. Create category relationships in KategoriToPasar for all categories
+      await prisma.layananToPolsek.createMany({
+        data: body.layananPolsekId.map((layananId) => ({
+          polsekTerdekatId: polsekTerdekat.id,
+          layananId: layananId,
+        })),
+      });
+
+      // 3. Get the complete data with relationships
+      return await prisma.polsekTerdekat.findUnique({
+        where: { id: polsekTerdekat.id },
+        include: {
+          layananPolsek: true,
+          LayananToPolsek: {
+            include: {
+              layanan: true
+            },
+          },
+        },
+      });
     });
+
     return {
-        success: true,
-        message: "Sukses menambahkan polsek terdekat",
-        data: {
-            ...body,
-        },
+      success: true,
+      message: "Sukses menambahkan pasar desa",
+      data: result,
     };
+  } catch (error) {
+        console.error("Error creating polsek terdekat:", error);
+        return {
+            success: false,
+            message: "Gagal menambahkan polsek terdekat"
+        };
+    }
 }
+
 export default polsekTerdekatCreate;
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/del.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/del.ts
index 42fc6c92..73febce0 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/del.ts
@@ -2,38 +2,28 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 const polsekTerdekatDelete = async (context: Context) => {
-    const id = context.params?.id as string;
+  const { params } = context;
+  const id = params?.id as string;
 
-    if (!id) {
-        return {
-            status: 400,
-            body: "ID tidak diberikan",
-        };
-    }
+  if (!id) {
+    throw new Error("ID tidak ditemukan dalam parameter");
+  }
 
-    const polsekTerdekat = await prisma.polsekTerdekat.findUnique({
-        where: { id },
-        include: {
-            layananPolsek: true,
-        }
-    });
+  // 1. Hapus relasi dari pivot
+  await prisma.layananToPolsek.deleteMany({
+    where: { polsekTerdekatId: id },
+  });
 
-    if (!polsekTerdekat) {
-        return {
-            status: 404,
-            body: "Polsek terdekat tidak ditemukan",
-        };
-    }
+  // 2. Hapus pasar desa utama
+  const deleted = await prisma.polsekTerdekat.delete({
+    where: { id },
+  });
 
-    await prisma.polsekTerdekat.delete({
-        where: { id },
-    });
-
-    return {
-        success: true,
-        status: 200,
-        message: "Polsek terdekat berhasil dihapus",
-    };
+  return {
+    success: true,
+    message: "Berhasil menghapus polsek terdekat",
+    data: deleted,
+  };
 };
 
-export default polsekTerdekatDelete;
\ No newline at end of file
+export default polsekTerdekatDelete;
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findMany.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findMany.ts
index 36fed3ed..9de415bb 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findMany.ts
@@ -28,6 +28,11 @@ async function polsekTerdekatFindMany(context: Context) {
         where,
         include: {
           layananPolsek: true,
+          LayananToPolsek: {
+            include: {
+              layanan: true,
+            }
+          }
         },
         skip,
         take: limit,
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findUnique.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findUnique.ts
index bdf6b92b..90d63000 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findUnique.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/findUnique.ts
@@ -1,51 +1,32 @@
 import prisma from "@/lib/prisma";
+import { Context } from "elysia";
 
-export default async function polsekTerdekatFindUnique(request: Request){
-    const url = new URL(request.url);
-    const pathSegments = url.pathname.split('/');
-    const id = pathSegments[pathSegments.length - 1];
+export default async function polsekTerdekatFindUnique(context: Context) {
+  const { params } = context;
+  const id = params?.id as string;
 
-    if(!id){
-        return Response.json({
-            success: false,
-            message: "ID tidak boleh kosong",
-        }, { status: 400 });
-    }
+  if (!id) {
+    throw new Error("ID tidak ditemukan dalam parameter");
+  }
 
-    try {
-        if (typeof id !== 'string') {
-            return Response.json({
-                success: false,
-                message: "ID tidak valid",
-            }, { status: 400 });
-        }
+  const data = await prisma.polsekTerdekat.findUnique({
+    where: { id },
+    include: {
+      LayananToPolsek: {
+        include: {
+          layanan: true
+        },
+      },
+    },
+  });
 
-        const data = await prisma.polsekTerdekat.findUnique({
-            where: { id },
-            include: {
-                layananPolsek: true,
-            },
-        });
+  if (!data) {
+    throw new Error("Polsek terdekat tidak ditemukan");
+  }
 
-        if (!data) {
-            return Response.json({
-                success: false,
-                message: "Polsek terdekat tidak ditemukan",
-            }, { status: 404 });
-        }
-
-        return Response.json({
-            success: true,
-            message: "Success fetch polsek terdekat by ID",
-            data,
-        }, { status: 200 });
-    } catch (e) {
-        console.error("Find by ID error:", e);
-        return Response.json({
-            success: false,
-            message: "Gagal mengambil polsek terdekat: " + (e instanceof Error ? e.message : 'Unknown error'),
-        }, {
-            status: 500,
-        });
-    }
-}
\ No newline at end of file
+  return {
+    success: true,
+    message: "Data polsek terdekat ditemukan",
+    data,
+  };
+}
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/index.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/index.ts
index f87a7baa..f2602f1f 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/index.ts
@@ -6,13 +6,18 @@ import polsekTerdekatFindUnique from "./findUnique";
 import polsekTerdekatUpdate from "./updt";
 import polsekTerdekatFindFirst from "./findFirst";
 
-
 const PolsekTerdekat = new Elysia({ prefix: "/polsekterdekat", tags: ["Keamanan/Polsek Terdekat"] })
 .get("/find-many", polsekTerdekatFindMany)
-.get("/:id", async (context) => {
-    const response = await polsekTerdekatFindUnique(new Request(context.request));
-    return response;
-})
+.get("/:id",
+    async (context) => {
+      return await polsekTerdekatFindUnique(context);
+    },
+    {
+      params: t.Object({
+        id: t.String(),
+      }),
+    }
+  )
 .get("/find-first", polsekTerdekatFindFirst)
 .post("/create", polsekTerdekatCreate, {
     body: t.Object({
@@ -25,7 +30,7 @@ const PolsekTerdekat = new Elysia({ prefix: "/polsekterdekat", tags: ["Keamanan/
         namaTempatMaps: t.String(),
         alamatMaps: t.String(),
         linkPetunjukArah: t.String(),
-        layananPolsekId: t.String(),
+        layananPolsekId: t.Array(t.String()),
     }),
 })
 .delete("/del/:id", polsekTerdekatDelete)
@@ -44,7 +49,7 @@ const PolsekTerdekat = new Elysia({ prefix: "/polsekterdekat", tags: ["Keamanan/
         namaTempatMaps: t.String(),
         alamatMaps: t.String(),
         linkPetunjukArah: t.String(),
-        layananPolsekId: t.String(),
+        layananPolsekId: t.Array(t.String()),
     }),
 })
 
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/create.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/create.ts
new file mode 100644
index 00000000..6a7b03ef
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/create.ts
@@ -0,0 +1,26 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+type FormCreate = {
+    nama: string;
+}
+
+export default async function layananPolsekCreate(context: Context) {
+    const body = (await context.body) as FormCreate;
+
+    try {
+        const result = await prisma.layananPolsek.create({
+            data: {
+                nama: body.nama,
+            },
+        });
+        return {
+            success: true,
+            message: "Berhasil membuat kategori layanan polsek",
+            data: result,
+        };
+    } catch (error) {
+        console.error("Error creating kategori layanan polsek:", error);
+        throw new Error("Gagal membuat kategori layanan polsek: " + (error as Error).message);
+    }
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/del.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/del.ts
new file mode 100644
index 00000000..7e974888
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/del.ts
@@ -0,0 +1,16 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+export default async function layananPolsekDelete(context: Context) {
+    const id = context.params.id as string;
+
+    await prisma.layananPolsek.delete({
+        where: { id },
+    });
+
+    return {
+        status: 200,
+        success: true,
+        message: "Sukses Menghapus kategori layanan polsek",
+    };
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findMany.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findMany.ts
new file mode 100644
index 00000000..9c8354e3
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findMany.ts
@@ -0,0 +1,53 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// /api/berita/findManyPaginated.ts
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+async function layananPolsekFindMany(context: Context) {
+  // Ambil parameter dari query
+  const page = Number(context.query.page) || 1;
+  const limit = Number(context.query.limit) || 10;
+  const search = (context.query.search as string) || '';
+  const skip = (page - 1) * limit;
+
+  // Buat where clause
+  const where: any = { isActive: true };
+
+  // Tambahkan pencarian (jika ada)
+  if (search) {
+    where.OR = [
+      { nama: { contains: search, mode: 'insensitive' } },
+    ];
+  }
+
+  try {
+    // Ambil data dan total count secara paralel
+    const [data, total] = await Promise.all([
+      prisma.layananPolsek.findMany({
+        where,
+        skip,
+        take: limit,
+        orderBy: { createdAt: 'desc' },
+      }),
+      prisma.layananPolsek.count({ where }),
+    ]);
+
+    return {
+      success: true,
+      message: "Berhasil ambil layanan polsek dengan pagination",
+      data,
+      page,
+      limit,
+      total,
+      totalPages: Math.ceil(total / limit),
+    };
+  } catch (e) {
+    console.error("Error di findMany paginated:", e);
+    return {
+      success: false,
+      message: "Gagal mengambil data layanan polsek",
+    };
+  }
+}
+
+export default layananPolsekFindMany;
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findManyAll.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findManyAll.ts
new file mode 100644
index 00000000..adfcb9d8
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findManyAll.ts
@@ -0,0 +1,41 @@
+import prisma from "@/lib/prisma";
+
+async function layananPolsekFindManyAll() {
+  try {
+    const data = await prisma.layananPolsek.findMany({
+      where: {
+        isActive: true,
+      },
+      select: {
+        id: true,
+        nama: true,
+        createdAt: true,
+        updatedAt: true,
+        deletedAt: true,
+      },
+      orderBy: {
+        createdAt: "asc",
+      },
+    });
+
+    return {
+      success: true,
+      message: "Berhasil ambil data layanan polsek",
+      data: data.map(item => ({
+        ...item,
+        // Ensure all required fields are present and properly typed
+        createdAt: new Date(item.createdAt),
+        updatedAt: new Date(item.updatedAt),
+        deletedAt: item.deletedAt ? new Date(item.deletedAt) : null,
+      })),
+    };
+  } catch (error) {
+    console.error("Error layananPolsek.findMany:", error);
+    return {
+      success: false,
+      message: "Gagal mengambil data layanan polsek",
+    };
+  }
+}
+
+export default layananPolsekFindManyAll;
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findUnique.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findUnique.ts
new file mode 100644
index 00000000..2ee5f1c3
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/findUnique.ts
@@ -0,0 +1,46 @@
+import prisma from "@/lib/prisma";
+
+export default async function layananPolsekFindUnique(request: Request) {
+    const url = new URL(request.url);
+    const pathSegments = url.pathname.split('/');
+    const id = pathSegments[pathSegments.length - 1];
+    
+    if (!id) {
+        return {
+            success: false,
+            message: "ID is required",
+        }
+    }
+
+    try {
+        if (typeof id !== 'string') {
+            return {
+                success: false,
+                message: "ID is required",
+            }
+        }
+
+        const data = await prisma.layananPolsek.findUnique({
+            where: { id },
+        });
+
+        if (!data) {
+            return {
+                success: false,
+                message: "Data not found",
+            }
+        }
+
+        return {
+            success: true,
+            message: "Success get layanan polsek",
+            data,
+        }
+    } catch (error) {
+        console.error("Find by ID error:", error);
+        return {
+            success: false,
+            message: "Gagal mengambil data: " + (error instanceof Error ? error.message : 'Unknown error'),
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/index.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/index.ts
similarity index 56%
rename from src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/index.ts
rename to src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/index.ts
index efbd270c..081dacb2 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/layanan-polsek/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/index.ts
@@ -1,32 +1,34 @@
-import Elysia from "elysia";
+import Elysia, { t } from "elysia";
 import layananPolsekCreate from "./create";
-import layananPolsekFindMany from "./findMany";
-import { t } from "elysia";
-import layananPolsekUpdate from "./updt";
+import layananPolsekDelete from "./del";
+import layananPolsekFindManyAll from "./findManyAll";
 import layananPolsekFindUnique from "./findUnique";
-import { layananPolsekDelete } from "./del";
+import layananPolsekUpdate from "./updt";
+import layananPolsekFindMany from "./findMany";
 
 const LayananPolsek = new Elysia({
-  prefix: "/layanan-polsek",
-  tags: ["Keamanan/Polsek Terdekat/Layanan Polsek"],
+    prefix: "/layananpolsek",
+    tags: ["layanan polsek"],
 })
-  .get("/find-many", layananPolsekFindMany)
+
+ .post("/create", layananPolsekCreate, {
+    body: t.Object({
+      nama: t.String(),
+    }),
+  })
+.get("/findMany", layananPolsekFindMany)
+  .get("/findManyAll", layananPolsekFindManyAll)
   .get("/:id", async (context) => {
     const response = await layananPolsekFindUnique(
       new Request(context.request)
     );
     return response;
   })
-  .delete("/del/:id", layananPolsekDelete)
-  .post("/create", layananPolsekCreate, {
-    body: t.Object({
-      nama: t.String(),
-    }),
-  })
   .put("/:id", layananPolsekUpdate, {
     body: t.Object({
       nama: t.String(),
     }),
-  });
+  })
+  .delete("/del/:id", layananPolsekDelete);
 
-export default LayananPolsek;
+export default LayananPolsek;
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/updt.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/updt.ts
new file mode 100644
index 00000000..8e67f7fe
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/layanan-polsek/updt.ts
@@ -0,0 +1,28 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+type FormUpdate = {
+    nama: string;
+}
+
+export default async function layananPolsekUpdate(context: Context) {
+    const body = (await context.body) as FormUpdate;
+    const id = context.params.id as string;
+
+    try {
+        const result = await prisma.layananPolsek.update({
+            where: { id },
+            data: {
+                nama: body.nama,
+            },
+        });
+        return {
+            success: true,
+            message: "Berhasil mengupdate layanan polsek",
+            data: result,
+        };
+    } catch (error) {
+        console.error("Error updating layanan polsek:", error);
+        throw new Error("Gagal mengupdate layanan polsek: " + (error as Error).message);
+    }
+}
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/updt.ts b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/updt.ts
index b629cd2a..164b2c2a 100644
--- a/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/updt.ts
+++ b/src/app/api/[[...slugs]]/_lib/keamanan/polsek-terdekat/updt.ts
@@ -1,94 +1,89 @@
 import prisma from "@/lib/prisma";
-import { Prisma } from "@prisma/client";
 import { Context } from "elysia";
 
-type FormUpdate = Prisma.PolsekTerdekatGetPayload<{
-    select: {
-        nama: true;
-        jarakKeDesa: true;
-        alamat: true;
-        nomorTelepon: true;
-        jamOperasional: true;
-        embedMapUrl: true;
-        namaTempatMaps: true;
-        alamatMaps: true;
-        linkPetunjukArah: true;
-        layananPolsekId: true;
-    };
-}>;
+type FormUpdate = {
+    nama: string;
+    jarakKeDesa: string;
+    alamat: string;
+    nomorTelepon: string;
+    jamOperasional: string;
+    embedMapUrl: string;
+    namaTempatMaps: string;
+    alamatMaps: string;
+    linkPetunjukArah: string;
+    layananPolsekId: string[];
+};
+
 export default async function polsekTerdekatUpdate(context: Context) {
+    const id = context.params?.id;
+    const body = context.body as FormUpdate;
+
+    if (!id) {
+        return {
+            success: false,
+            message: "ID tidak diberikan",
+        };
+    }
+
+    // Validate that layananPolsekId is provided and not empty
+    if (!body.layananPolsekId || body.layananPolsekId.length === 0) {
+        return {
+            success: false,
+            message: "Pilih minimal 1 layanan polsek",
+        };
+    }
+
+    // Since the relationship is one-to-many, we'll use the first ID
+    const layananPolsekId = body.layananPolsekId[0];
+
     try {
-        const id = context.params?.id;
-        const body = (await context.body) as Omit<FormUpdate, "id">;
-
-        const { nama, jarakKeDesa, alamat, nomorTelepon, jamOperasional, embedMapUrl, namaTempatMaps, alamatMaps, linkPetunjukArah, layananPolsekId } = body;
-
-        if (!id) {
-            return new Response(JSON.stringify({
-                success: false,
-                message: "ID tidak diberikan",
-            }), {
-                status: 400,
-                headers: {
-                    "Content-Type": "application/json",
-                },
-            });
-        }
+        // First check if the record exists
         const existing = await prisma.polsekTerdekat.findUnique({
             where: { id },
-            include: {
-                layananPolsek: true,
-            }
         });
 
         if (!existing) {
-            return new Response(JSON.stringify({
+            return {
                 success: false,
                 message: "Polsek terdekat tidak ditemukan",
-            }), {
-                status: 404,
-                headers: {
-                    "Content-Type": "application/json",
-                },
-            });
+            };
         }
 
+        // Update the PolsekTerdekat record with the relationship
         const updated = await prisma.polsekTerdekat.update({
             where: { id },
             data: {
-                nama,
-                jarakKeDesa,
-                alamat,
-                nomorTelepon,
-                jamOperasional,
-                embedMapUrl,
-                namaTempatMaps,
-                alamatMaps,
-                linkPetunjukArah,
-                layananPolsekId,
+                nama: body.nama,
+                jarakKeDesa: body.jarakKeDesa,
+                alamat: body.alamat,
+                nomorTelepon: body.nomorTelepon,
+                jamOperasional: body.jamOperasional,
+                embedMapUrl: body.embedMapUrl,
+                namaTempatMaps: body.namaTempatMaps,
+                alamatMaps: body.alamatMaps,
+                linkPetunjukArah: body.linkPetunjukArah,
+                layananPolsek: {
+                    connect: { id: layananPolsekId }
+                }
             },
+            include: {
+                layananPolsek: true
+            }
         });
 
-        return new Response(JSON.stringify({
+        return {
             success: true,
-            message: "Success update polsek terdekat",
-            data: updated,
-        }), {
-            status: 200,
-            headers: {
-                "Content-Type": "application/json",
+            message: "Data polsek terdekat berhasil diperbarui",
+            data: {
+                ...updated,
+                layananPolsekId: [layananPolsekId] // Keep it as array for consistency
             },
-        });
+        };
     } catch (error) {
         console.error("Error updating polsek terdekat:", error);
-        return new Response(JSON.stringify({
+        return {
             success: false,
-            message: "Terjadi kesalahan saat mengupdate polsek terdekat",
-        }), {
-            status: 500,
-            headers: {
-                "Content-Type": "application/json",
-            },
-        });
+            message: "Gagal memperbarui data polsek terdekat"
+        };
     }
 }
\ No newline at end of file
diff --git a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
index 732d9db0..c63d34be 100644
--- a/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -83,7 +83,9 @@ function Page() {
                   <Stack gap={'md'}>
                     <Box>
                       <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
-                        <IconBriefcase color={colors['blue-button']} size={40} />
+                        <Box style={{ flexShrink: 0 }}>
+                          <IconBriefcase color={colors['blue-button']} size={40} />
+                        </Box>
                         <Box>
                           <Text fw={'bold'} fz={{ base: 'lg', md: 'h4' }} c={colors['blue-button']} lh={1.3}>
                             {v.posisi}
@@ -95,16 +97,29 @@ function Page() {
                       </Flex>
                     </Box>
                     <Box>
-                      <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
-                        <IconMapPin color={colors['blue-button']} size={40} />
-                        <Text fz={{ base: 'md', md: 'h4' }} lh={1.5}>
+                      <Flex gap={{ base: 'md', md: 'xl' }} align="center">
+                        <Box style={{ flexShrink: 0 }}>
+                          <IconMapPin
+                            color={colors['blue-button']}
+                            size={40}
+                          />
+                        </Box>
+
+                        <Text
+                          fz={{ base: 'md', md: 'h4' }}
+                          lh={1.5}
+                          lineClamp={1}
+                        >
                           {v.lokasi}
                         </Text>
                       </Flex>
+
                     </Box>
                     <Box>
                       <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
-                        <IconClock color={colors['blue-button']} size={40} />
+                        <Box style={{ flexShrink: 0 }}>
+                          <IconClock color={colors['blue-button']} size={40} />
+                        </Box>
                         <Box>
                           <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }} c={colors['blue-button']} lh={1.3}>
                             Full Time
diff --git a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
index 9b25fc65..b9a8a997 100644
--- a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
@@ -1,16 +1,16 @@
 'use client'
 /* eslint-disable react-hooks/exhaustive-deps */
-import polsekTerdekatState from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
+import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
 import colors from '@/con/colors';
 import { Badge, Box, Button, Center, Flex, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { IconArrowDown, IconClock, IconNavigation, IconPhone, IconPin } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
-import { useRouter } from 'next/navigation';
 
 function Page() {
-  const state = useProxy(polsekTerdekatState.findFirst);
+  const state = useProxy(statePolsekTerdekat.polsekTerdekatState.findFirst);
   const router = useRouter();
   const { data, loading, load } = state;
 
diff --git a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
index 9d8f758e..56e3cda8 100644
--- a/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
@@ -1,17 +1,16 @@
 'use client'
-import polsekTerdekatState from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
+import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
 import colors from '@/con/colors';
 import { Box, Button, Center, Grid, GridCol, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
 import { IconNavigation, IconSearch } from '@tabler/icons-react';
-import React, { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../../desa/layanan/_com/BackButto';
-import { useRouter } from 'next/navigation';
-import { useDebouncedValue } from '@mantine/hooks';
 
 function Page() {
-  const state = useProxy(polsekTerdekatState);
+  const state = useProxy(statePolsekTerdekat.polsekTerdekatState);
   const [search, setSearch] = useState('');
   const [debouncedSearch] = useDebouncedValue(search, 1000);
   const router = useRouter();
-- 
2.49.1


From 78c55a8a7132940fba31588a77c1f15702466043 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 21 Jan 2026 12:07:52 +0800
Subject: [PATCH 68/97] Seed data menu ekonomi - lingkungan fix iconmap

---
 .../jumlah-penduduk-miskin.json               |  27 +
 .../pengangguran-berdasarkan-pendidikan.json  |  10 +
 .../pengangguran-berdasarkan-usia.json        |   9 +
 .../detail-data-pengangguran.json             |  18 +
 .../ekonomi/pendapatan-asli-desa/apbDesa.json |   6 +
 .../pendapatan-asli-desa/belanjaDesa.json     |   7 +
 .../pendapatan-asli-desa/pembiayaanDesa.json  |   7 +
 .../pendapatan-asli-desa/pendapatanDesa.json  |   7 +
 prisma/data/file-storage.json                 | 207 +++++++
 .../data/inovasi/ajukan-ide/ajukan-ide.json   |  38 ++
 .../inovasi/desa-digital/desa-digital.json    |  32 +
 .../info-teknologi/info-teknologi.json        |  26 +
 .../kolaborasi-inovasi.json                   |  26 +
 .../kolaborasi-inovasi/mitra-kolaborasi.json  |  17 +
 .../administrasi-online.json                  |  44 ++
 .../layanan-online-desa/jenis-layanan.json    |  32 +
 .../layanan-online-desa/jenis-pengaduan.json  |  26 +
 .../pengaduan-masyarakat.json                 |  38 ++
 .../program-kreatif-desa.json                 |  44 ++
 .../data-lingkungan-desa.json                 |  44 ++
 .../gotong-royong/gotong-royong.json          |  35 ++
 .../gotong-royong/kategori-gotong-royong.json |  10 +-
 .../keterangan-bank-sampah.json               |  20 +
 .../pengelolaan-sampah.json                   |  27 +
 .../program-penghijauan.json                  |  23 +
 prisma/schema.prisma                          |  48 +-
 prisma/seed.ts                                | 571 ++++++++++++++++--
 prisma/seed_assets.ts                         |   2 +-
 src/app/admin/(dashboard)/_com/iconMap.tsx    |   3 +
 src/app/admin/(dashboard)/_com/selectIcon.tsx |   2 +
 .../admin/(dashboard)/_com/selectIconEdit.tsx |   2 +
 .../desa/berita/kategori-berita/page.tsx      |   2 -
 .../desa/layanan/ajukan_permohonan/page.tsx   |   2 -
 .../pendapatan/page.tsx                       |   3 -
 .../posisi-organisasi/page.tsx                |   2 -
 .../ekonomi/jumlah-pengangguran/page.tsx      |   2 -
 .../list-kolaborasi-inovasi/create/page.tsx   |  23 +-
 .../list-kolaborasi-inovasi/page.tsx          |   2 -
 .../mitra-kolaborasi/page.tsx                 |   7 +-
 .../jenis-layanan/page.tsx                    |   2 -
 .../inovasi/program-kreatif-desa/page.tsx     |  57 +-
 .../kelahiran/page.tsx                        |   2 -
 .../kematian/page.tsx                         |   2 -
 .../kategori-prestasi-desa/page.tsx           |   4 -
 .../prestasi-desa/list-prestasi-desa/page.tsx |  26 +-
 .../data-lingkungan-desa/[id]/page.tsx        |  90 ++-
 .../lingkungan/data-lingkungan-desa/page.tsx  |  87 ++-
 .../page.tsx                                  |  73 ++-
 .../program-penghijauan/[id]/page.tsx         |  80 ++-
 .../lingkungan/program-penghijauan/page.tsx   |  35 +-
 .../ekonomi/pendapatan-asli-desa/serializ.tsx |   7 +
 .../pengaduan-masyarakat/page.tsx             |  11 +-
 .../program-lainnya/page.tsx                  |   2 -
 .../(pages)/kesehatan/posyandu/page.tsx       |   2 -
 .../kesehatan/program-kesehatan/page.tsx      |   2 -
 .../(pages)/kesehatan/puskesmas/page.tsx      |   2 -
 .../lingkungan/data-lingkungan-desa/page.tsx  |  63 +-
 .../pengelolaan-sampah-bank-sampah/page.tsx   |  59 +-
 .../program-penghijauan/[id]/page.tsx         |  50 +-
 .../lingkungan/program-penghijauan/page.tsx   |  63 +-
 60 files changed, 1854 insertions(+), 316 deletions(-)
 create mode 100644 prisma/data/ekonomi/jumlah-penduduk-miskin/jumlah-penduduk-miskin.json
 create mode 100644 prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-pendidikan.json
 create mode 100644 prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-usia.json
 create mode 100644 prisma/data/ekonomi/pendapatan-asli-desa/apbDesa.json
 create mode 100644 prisma/data/ekonomi/pendapatan-asli-desa/belanjaDesa.json
 create mode 100644 prisma/data/ekonomi/pendapatan-asli-desa/pembiayaanDesa.json
 create mode 100644 prisma/data/ekonomi/pendapatan-asli-desa/pendapatanDesa.json
 create mode 100644 prisma/data/inovasi/ajukan-ide/ajukan-ide.json
 create mode 100644 prisma/data/inovasi/desa-digital/desa-digital.json
 create mode 100644 prisma/data/inovasi/info-teknologi/info-teknologi.json
 create mode 100644 prisma/data/inovasi/kolaborasi-inovasi/kolaborasi-inovasi.json
 create mode 100644 prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json
 create mode 100644 prisma/data/inovasi/layanan-online-desa/administrasi-online.json
 create mode 100644 prisma/data/inovasi/layanan-online-desa/jenis-layanan.json
 create mode 100644 prisma/data/inovasi/layanan-online-desa/jenis-pengaduan.json
 create mode 100644 prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json
 create mode 100644 prisma/data/inovasi/program-kreatif-desa/program-kreatif-desa.json
 create mode 100644 prisma/data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json
 create mode 100644 prisma/data/lingkungan/gotong-royong/gotong-royong.json
 create mode 100644 prisma/data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json
 create mode 100644 prisma/data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json
 create mode 100644 prisma/data/lingkungan/program-penghijauan/program-penghijauan.json
 create mode 100644 src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/serializ.tsx

diff --git a/prisma/data/ekonomi/jumlah-penduduk-miskin/jumlah-penduduk-miskin.json b/prisma/data/ekonomi/jumlah-penduduk-miskin/jumlah-penduduk-miskin.json
new file mode 100644
index 00000000..3bb2b1e5
--- /dev/null
+++ b/prisma/data/ekonomi/jumlah-penduduk-miskin/jumlah-penduduk-miskin.json
@@ -0,0 +1,27 @@
+[
+  {
+    "id": "795b3e69-2bdb-4d2b-8331-9433fc604723",
+    "year": 2021,
+    "totalPoorPopulation": 480
+  },
+  {
+    "id": "0e61ed28-1789-4329-86bc-67bdb715d4fa",
+    "year": 2022,
+    "totalPoorPopulation": 450
+  },
+  {
+    "id": "0f80e31e-56d7-42aa-aede-e3104f1bca4f",
+    "year": 2023,
+    "totalPoorPopulation": 430
+  },
+  {
+    "id": "3668ecd4-4c4c-4a87-a39a-72661fce5a2c",
+    "year": 2024,
+    "totalPoorPopulation": 410
+  },
+  {
+    "id": "854a375e-4662-4e4c-abd8-59115b4910a9",
+    "year": 2025,
+    "totalPoorPopulation": 390
+  }
+]
diff --git a/prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-pendidikan.json b/prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-pendidikan.json
new file mode 100644
index 00000000..8ca5ab9d
--- /dev/null
+++ b/prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-pendidikan.json
@@ -0,0 +1,10 @@
+[
+  {
+    "id": "cmkko983k000104l2ff4i8awk",
+    "SD": "35",
+    "SMP": "28",
+    "SMA": "20",
+    "D3": "8",
+    "S1": "15"
+  }
+]
diff --git a/prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-usia.json b/prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-usia.json
new file mode 100644
index 00000000..3f4c4873
--- /dev/null
+++ b/prisma/data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-usia.json
@@ -0,0 +1,9 @@
+[
+  {
+    "id": "cmkko8wam000004l2h99rekid",
+    "usia18_25": "25",
+    "usia26_35": "18",
+    "usia36_45": "12",
+    "usia46_keatas": "10"
+  }
+]
diff --git a/prisma/data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json b/prisma/data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json
index f64b6977..3f5da844 100644
--- a/prisma/data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json
+++ b/prisma/data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json
@@ -94,6 +94,24 @@
     "educatedUnemployment": 78,
     "uneducatedUnemployment": 54,
     "percentageChange": -2.22
+  },
+  {
+    "id": "13f11e4f-c96e-4155-bf30-3f45076ee34c",
+    "month": "Jan",
+    "year": 2026,
+    "totalUnemployment": 350,
+    "educatedUnemployment": 200,
+    "uneducatedUnemployment": 150,
+    "percentageChange": 0.0
+  },
+  {
+    "id": "477b3b0c-af18-4816-a00b-dcac530d57cd",
+    "month": "Feb",
+    "year": 2026,
+    "totalUnemployment": 270,
+    "educatedUnemployment": 150,
+    "uneducatedUnemployment": 120,
+    "percentageChange": -22.9
   }
 ]
   
\ No newline at end of file
diff --git a/prisma/data/ekonomi/pendapatan-asli-desa/apbDesa.json b/prisma/data/ekonomi/pendapatan-asli-desa/apbDesa.json
new file mode 100644
index 00000000..8bad2769
--- /dev/null
+++ b/prisma/data/ekonomi/pendapatan-asli-desa/apbDesa.json
@@ -0,0 +1,6 @@
+[
+    {
+        "id": "6b52d644-09b7-4af5-a78b-3dad854973e7",
+        "tahun": 2025
+    }
+]
\ No newline at end of file
diff --git a/prisma/data/ekonomi/pendapatan-asli-desa/belanjaDesa.json b/prisma/data/ekonomi/pendapatan-asli-desa/belanjaDesa.json
new file mode 100644
index 00000000..4293bdff
--- /dev/null
+++ b/prisma/data/ekonomi/pendapatan-asli-desa/belanjaDesa.json
@@ -0,0 +1,7 @@
+[
+    {
+        "id": "82b8c96f-7817-482f-ba5e-85ad78c7bd57",
+        "name": "Belanja Desa (Realisasi Semester I)",
+        "nilai": 43871400
+    }
+]
\ No newline at end of file
diff --git a/prisma/data/ekonomi/pendapatan-asli-desa/pembiayaanDesa.json b/prisma/data/ekonomi/pendapatan-asli-desa/pembiayaanDesa.json
new file mode 100644
index 00000000..a11284f4
--- /dev/null
+++ b/prisma/data/ekonomi/pendapatan-asli-desa/pembiayaanDesa.json
@@ -0,0 +1,7 @@
+[
+  {
+    "id": "cb593f99-9f15-4294-9c17-a93c8c149a25",
+    "name": "Pembiayaan Neto (SILPA 2024)",
+    "nilai": 69289666
+  }
+]
diff --git a/prisma/data/ekonomi/pendapatan-asli-desa/pendapatanDesa.json b/prisma/data/ekonomi/pendapatan-asli-desa/pendapatanDesa.json
new file mode 100644
index 00000000..82b0c1dd
--- /dev/null
+++ b/prisma/data/ekonomi/pendapatan-asli-desa/pendapatanDesa.json
@@ -0,0 +1,7 @@
+[
+    {
+        "id": "24576ca1-3dee-4608-9fb3-51f16efce901",
+        "name": "Pendapatan Asli Desa (PADes)",
+        "nilai": 10610011
+    }
+]
\ No newline at end of file
diff --git a/prisma/data/file-storage.json b/prisma/data/file-storage.json
index b3549ca4..dcdfff71 100644
--- a/prisma/data/file-storage.json
+++ b/prisma/data/file-storage.json
@@ -1169,5 +1169,212 @@
     "mimeType": "image/webp",
     "link": "/api/fileStorage/findUnique/6DQbAvn0St-xHdPGW3vpY-desktop.webp",
     "category": "image"
+  },
+  {
+    "id": "cmkew56ls0000vnysrnzr9ttx",
+    "name": "YdCBnK-bWxlyHjwsk4Qie-desktop.webp",
+    "realName": "WarungPasar.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/YdCBnK-bWxlyHjwsk4Qie-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkewaa2s0001vnysvvs9tu56",
+    "name": "TWdNTZZbTOhFTNJGGPDyG-desktop.webp",
+    "realName": "JajananPasar.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/TWdNTZZbTOhFTNJGGPDyG-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkewcvfq0002vnys6985nm90",
+    "name": "mtQsaKtQnhxIYVIooCkiQ-desktop.webp",
+    "realName": "SayurSegar.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/mtQsaKtQnhxIYVIooCkiQ-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkewf4u90003vnys87en35nj",
+    "name": "Ez-SkRyf_F-1gksz_amNg-desktop.webp",
+    "realName": "AyamDaging.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Ez-SkRyf_F-1gksz_amNg-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkksb3jr0005vni4sp3ogr87",
+    "name": "r_gBF0FuFpFPfSENHc4XI-desktop.webp",
+    "realName": "desa-digital.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/r_gBF0FuFpFPfSENHc4XI-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkksoze80008vni4ki2ry81r",
+    "name": "uE2QwpbcXyBWxVYqCWQQT-desktop.webp",
+    "realName": "Digital2.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/uE2QwpbcXyBWxVYqCWQQT-desktop.webp",
+    "category": "image"
+  },
+   {
+    "id": "cmkkx9e38000bvni4azjd3u53",
+    "name": "SQqSobKRg3ShvgPw_H41h-desktop.webp",
+    "realName": "pengaduan1.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/SQqSobKRg3ShvgPw_H41h-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkkxep9l000evni4xkegbk72",
+    "name": "gyNi4s8TnK2UrViU-gN2C-desktop.webp",
+    "realName": "pd2.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/gyNi4s8TnK2UrViU-gN2C-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkky60sq0000vnjjc55k84d2",
+    "name": "y78xZ2axTOjz87gRKjVAf-desktop.webp",
+    "realName": "penanganan-sampah-rumah-tangga-di-desa copy.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/y78xZ2axTOjz87gRKjVAf-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm0w0my0001vnswthy6ihaw",
+    "name": "SVeScDA6-OAVvGoAfNC0c-desktop.webp",
+    "realName": "desadg1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/SVeScDA6-OAVvGoAfNC0c-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm0z9hx0004vnswtjd2bk3z",
+    "name": "kN09yF3sahmy-d5EaeGqA-desktop.webp",
+    "realName": "desadg1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/kN09yF3sahmy-d5EaeGqA-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm1a14d0005vnsww1tsd92o",
+    "name": "c7xWNyoYp8Cak28NG5NoG-desktop.webp",
+    "realName": "desadg2.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/c7xWNyoYp8Cak28NG5NoG-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm1c8py0008vnsw0unbxkpq",
+    "name": "h_Gd0SoeIJVTi_5TWUO-P-desktop.webp",
+    "realName": "desadg3.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/h_Gd0SoeIJVTi_5TWUO-P-desktop.webp",
+    "category": "image"
+  },
+    {
+    "id": "cmkm1zis2000bvnsw85m6wdlf",
+    "name": "qJFWokQLCaO60j0XJU_33-desktop.webp",
+    "realName": "mitrakl1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/qJFWokQLCaO60j0XJU_33-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm2dgif000evnswskk0dfo9",
+    "name": "nzLJoEAfl7HkpUcYa8Y1E-desktop.webp",
+    "realName": "mitrak2.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/nzLJoEAfl7HkpUcYa8Y1E-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm2fzub000hvnswnvoytlzs",
+    "name": "JFd5C2FoaZcgDQUmvp-AO-desktop.webp",
+    "realName": "mitrakl3.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/JFd5C2FoaZcgDQUmvp-AO-desktop.webp",
+    "category": "image"
+  },
+   {
+    "id": "cmkm3b1a2000nvnswb9x48dzk",
+    "name": "JjUDrfqxuEMYSAza-s7A8-desktop.webp",
+    "realName": "desa-digital.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/JjUDrfqxuEMYSAza-s7A8-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm3bnkt000qvnswzhqa4upf",
+    "name": "xVrwJgdwtcoABPU6DB__Y-desktop.webp",
+    "realName": "Digital2.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/xVrwJgdwtcoABPU6DB__Y-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm3fwg4000rvnsw5d1vbiz0",
+    "name": "42RCCpBZla4ZWxXcwx7kG-desktop.webp",
+    "realName": "infotek3-1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/42RCCpBZla4ZWxXcwx7kG-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkm3hjhz000uvnswwqu6z9f6",
+    "name": "TrbkwnYM5rKZeHlISHCX4-desktop.webp",
+    "realName": "infotek4.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/TrbkwnYM5rKZeHlISHCX4-desktop.webp",
+    "category": "image"
+  },
+    {
+    "id": "cmknb59md0000vnmam828iuzt",
+    "name": "YgOX5qAP3O1PHG5XmQXkr-desktop.webp",
+    "realName": "gr-1.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/YgOX5qAP3O1PHG5XmQXkr-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmknbp3vd0001vnmarjz542o7",
+    "name": "qxqSDHe-akIRi1EkQFUbG-desktop.webp",
+    "realName": "gr-2.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/qxqSDHe-akIRi1EkQFUbG-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmknbrj4r0002vnmantw9rn0l",
+    "name": "iHTVkQZ1VdkMOXLt5qdAd-desktop.webp",
+    "realName": "gr-3.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/iHTVkQZ1VdkMOXLt5qdAd-desktop.webp",
+    "category": "image"
   }
 ]
diff --git a/prisma/data/inovasi/ajukan-ide/ajukan-ide.json b/prisma/data/inovasi/ajukan-ide/ajukan-ide.json
new file mode 100644
index 00000000..e2418571
--- /dev/null
+++ b/prisma/data/inovasi/ajukan-ide/ajukan-ide.json
@@ -0,0 +1,38 @@
+[
+  {
+    "id": "cmkm710n3000xvnsw1ni0vlam",
+    "name": "I Made Rudi",
+    "alamat": "Darmasaba, Abiansemal, Badung, Bali",
+    "namaIde": "Program Bersama Jaga Rabies (BAJRA)",
+    "deskripsi": "Inovasi berbasis komunitas yang mengintegrasikan pelaporan cepat masyarakat, edukasi berkelanjutan, serta koordinasi lintas sektor untuk penanggulangan rabies secara efektif di Desa Darmasaba.",
+    "masalah": "Tingginya kasus rabies dan rendahnya pelaporan serta koordinasi penanganan antar warga sehingga perlunya pendekatan komunitas yang terstruktur.",
+    "benefit": "Meningkatkan kesadaran vaksinasi, respons cepat terhadap kasus gigitan, serta memperkuat sistem kesiapsiagaan kesehatan hewan dan manusia di komunitas." 
+  },
+  {
+    "id": "cmkm710n3000xvnsw1ni1wmbn",
+    "name": "I Made Rudja",
+    "alamat": "Darmasaba, Abiansemal, Badung, Bali",
+    "namaIde": "Program LESTARI – Ekowisata dan Edukasi Lingkungan",
+    "deskripsi": "Inovasi pengembangan ekowisata berbasis persawahan yang menggabungkan edukasi lingkungan dan potensi desa untuk menarik wisatawan serta meningkatkan kesejahteraan masyarakat.",
+    "masalah": "Kurangnya sarana edukasi lingkungan dan kurang optimalnya pemanfaatan potensi lahan persawahan sebagai sumber pendapatan masyarakat.",
+    "benefit": "Menambah peluang ekonomi desa, meningkatkan kesadaran lingkungan, dan memperkuat daya tarik wisata lokal Desa Darmasaba." 
+  },
+  {
+    "id": "cmkm710n3000xvnsw1ni2xnco",
+    "name": "I Wayan Sumi",
+    "alamat": "Darmasaba, Abiansemal, Badung, Bali",
+    "namaIde": "Darmasaba Digital Project",
+    "deskripsi": "Ide inovatif untuk mengembangkan satu platform digital terpadu bagi layanan pemerintahan desa serta administrasi kerja desa yang lebih cepat dan transparan.",
+    "masalah": "Proses administrasi dan pelayanan publik desa yang masih belum terintegrasi secara digital sehingga kurang efisien.",
+    "benefit": "Meningkatkan efisiensi kerja perangkat desa, transparansi data, dan kecepatan layanan kepada masyarakat." 
+  },
+  {
+    "id": "cmkm710n3000xvnsw1ni3yodp",
+    "name": "I Ketut Surya",
+    "alamat": "Darmasaba, Abiansemal, Badung, Bali",
+    "namaIde": "Program CINTA – Cara Indah Tangani Sampah",
+    "deskripsi": "Inovasi pengelolaan sampah melalui mekanisme pilah, kompos, dan bursa sampah (BARES) untuk mengurangi volume sampah di desa dan meningkatkan nilai ekonomi dari sampah yang ternyata bernilai jual.",
+    "masalah": "Volume sampah meningkat yang berdampak pada lingkungan, kurangnya sistem pengelolaan sampah berbasis komunitas.",
+    "benefit": "Lingkungan desa menjadi bersih, sampah bernilai ekonomi dan peningkatan keterlibatan masyarakat dalam pengelolaan sampah." 
+  }
+]
diff --git a/prisma/data/inovasi/desa-digital/desa-digital.json b/prisma/data/inovasi/desa-digital/desa-digital.json
new file mode 100644
index 00000000..6ade5130
--- /dev/null
+++ b/prisma/data/inovasi/desa-digital/desa-digital.json
@@ -0,0 +1,32 @@
+[
+  {
+    "id": "cmkkshcox000504l88lp54coc",
+    "name": "Darmasaba Digital App",
+    "deskripsi": "<p>Aplikasi digital desa yang dikembangkan oleh Pemerintah Desa Darmasaba pada tahun 2024 untuk mempermudah pelayanan publik dan informasi pemerintahan berbasis digital.</p>",
+    "imageId": "cmkksb3jr0005vni4sp3ogr87"
+  },
+  {
+    "id": "cmkkshln8000604l8c9b5b4il",
+    "name": "D’DAMART (Darmasaba Digital Market)",
+    "deskripsi": "<p>Sistem pasar UMKM digital berbasis website yang dikembangkan untuk meningkatkan akses pasar dan pemasaran produk UMKM Desa Darmasaba melalui platform digital.</p>",
+    "imageId": "cmkksoze80008vni4ki2ry81r"
+  },
+  {
+    "id": "cmkm1a1g80007vnsw8ejmj816",
+    "name": "Media Aspirasi dan Pengaduan Warga",
+    "deskripsi": "<p>Media aspirasi dan pengaduan warga disediakan sebagai wadah partisipasi masyarakat dalam menyampaikan saran, masukan, maupun keluhan secara transparan dan terstruktur. Fitur ini memperkuat komunikasi dua arah antara pemerintah desa dan masyarakat, sehingga setiap aspirasi dapat ditindaklanjuti secara lebih cepat dan akuntabel.</p>",
+    "imageId": "cmkm1a14d0005vnsww1tsd92o"
+  },
+  {
+    "id": "cmkm0w0s50003vnswmwpnqsi5",
+    "name": "Website Desa Resmi",
+    "deskripsi": "<p>Website Desa Darmasaba berfungsi sebagai sarana utama penyampaian informasi resmi kepada masyarakat. Melalui website ini, pemerintah desa menghadirkan keterbukaan informasi publik, mempermudah akses warga terhadap berita, pengumuman, serta agenda kegiatan desa, sekaligus menjadi pusat data dan referensi terkait profil dan struktur pemerintahan desa.</p>",
+    "imageId": "cmkm0z9hx0004vnswtjd2bk3z"
+  },
+  {
+    "id": "cmkm1c8wx000avnswksc56orq",
+    "name": "Publikasi Kegiatan Desa Secara Digital",
+    "deskripsi": "<p>Publikasi kegiatan desa secara digital bertujuan untuk mendokumentasikan dan menyebarluaskan berbagai aktivitas serta program kerja pemerintah desa. Melalui artikel dan dokumentasi foto, masyarakat dapat mengetahui perkembangan kegiatan desa secara terbuka, sekaligus meningkatkan kepercayaan publik terhadap pelaksanaan program desa.</p>",
+    "imageId": "cmkm1c8py0008vnsw0unbxkpq"
+  }
+]
diff --git a/prisma/data/inovasi/info-teknologi/info-teknologi.json b/prisma/data/inovasi/info-teknologi/info-teknologi.json
new file mode 100644
index 00000000..d8732f20
--- /dev/null
+++ b/prisma/data/inovasi/info-teknologi/info-teknologi.json
@@ -0,0 +1,26 @@
+[
+  {
+    "id": "cmkm2xlqr000mvnswdaymiho6",
+    "name": "Darmasaba Digital App",
+    "deskripsi": "<p>Aplikasi layanan desa berbasis teknologi untuk transparansi informasi dan layanan publik di Desa Darmasaba yang membantu warga mendapatkan informasi administratif, berita desa, dan pelayanan digital lainnya secara cepat dan mudah.</p>",
+    "imageId": "cmkm3bnkt000qvnswzhqa4upf"
+  },
+  {
+    "id": "cmkm3b1fw000pvnswpr7hgzhp",
+    "name": "Program Digitalisasi Desa",
+    "deskripsi": "<p>Program kerja sama Desa Darmasaba bersama PT. Bali Interaktif Perkasa untuk memperkuat kapasitas pemanfaatan teknologi informasi dan komunikasi dalam administrasi desa, pelayanan publik, serta pemberdayaan digital masyarakat.</p>",
+    "imageId": "cmkm3b1a2000nvnswb9x48dzk"
+  },
+  {
+    "id": "cmkm3fwmq000tvnswejmhm7yc",
+    "name": "Pengembangan Sistem Informasi Desa",
+    "deskripsi": "<p>Inisiatif pengembangan Sistem Informasi Desa yang mendukung pengelolaan data desa secara digital, termasuk data publik, laporan, dan statistik warga, sebagai bagian dari peningkatan kapabilitas teknologi informasi desa.</p>",
+    "imageId": "cmkm3fwg4000rvnsw5d1vbiz0"
+  },
+  {
+    "id": "cmkm3hjp6000wvnswkuylnf53",
+    "name": "Pelayanan Kependudukan Berbasis Digital",
+    "deskripsi": "<p>Program untuk menyediakan layanan kependudukan secara digital, termasuk integrasi sistem administrasi kependudukan desa dengan sistem nasional, guna mempercepat layanan e-KTP, kartu keluarga, dan berkas kependudukan lainnya.</p>",
+    "imageId": "cmkm3hjhz000uvnswwqu6z9f6"
+  }
+]
diff --git a/prisma/data/inovasi/kolaborasi-inovasi/kolaborasi-inovasi.json b/prisma/data/inovasi/kolaborasi-inovasi/kolaborasi-inovasi.json
new file mode 100644
index 00000000..bb7ddccc
--- /dev/null
+++ b/prisma/data/inovasi/kolaborasi-inovasi/kolaborasi-inovasi.json
@@ -0,0 +1,26 @@
+[
+  {
+    "id": "cmklzhfjb0000vnswml6z7xnj",
+    "name": "Bersama Jaga Rabies (BAJRA)",
+    "tahun": 2025,
+    "slug": "Program kolaborasi penanggulangan rabies",
+    "deskripsi": "<p>Inovasi BAJRA (Bersama Jaga Rabies) merupakan program kolaboratif Desa Darmasaba bersama berbagai pihak, termasuk Sahabat Anti Rabies Indonesia dan Dinas Pertanian dan Pangan Kabupaten Badung, yang fokus pada edukasi publik, pelaporan cepat, serta strategis vaksinasi anjing guna upaya eliminasi rabies. Inovasi ini diangkat hingga tingkat internasional di Konferensi Rabies in Borneo 2025.</p>",
+    "kolaborator": "Sahabat Anti Rabies Indonesia, Bidang Kesehatan Hewan Dinas Pertanian dan Pangan Kabupaten Badung"
+  },
+  {
+    "id": "cmklzhfjb0000vnswml6z8yok",
+    "name": "Inovasi Eco-Enzyme dan Optimalisasi Tata Kelola BUMDes",
+    "tahun": 2025,
+    "slug": "Kolaborasi inovasi ekonomi & lingkungan",
+    "deskripsi": "<p>Program kerja sama Desa Darmasaba dengan Universitas Warmadewa dan BUMDes setempat yang berfokus pada pelatihan produksi eco-enzyme ramah lingkungan dan pengembangan tata kelola BUMDes modern untuk meningkatkan kesejahteraan masyarakat berbasis usaha hijau dan ekonomi kreatif.</p>",
+    "kolaborator": "Universitas Warmadewa, Pengurus BUMDes Darmasaba"
+  },
+  {
+    "id": "cmklzhfjb0000vnswml6z9zpl",
+    "name": "Ekowisata dan Kuliner Berkelanjutan",
+    "tahun": 2025,
+    "slug": "Kolaborasi pengembangan ekowisata dan kuliner berbasis budaya",
+    "deskripsi": "<p>Kegiatan yang melibatkan desa adat, BUMDes, UMKM, akademisi, dan pemerintah desa untuk mengembangkan ekowisata dan kuliner lokal berbasis keberlanjutan lingkungan serta potensi budaya setempat, sebagai wujud sinergi inovatif di Darmasaba.</p>",
+    "kolaborator": "Desa Adat Darmasaba, BUMDes, UMKM lokal, Akademisi"
+  }
+]
diff --git a/prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json b/prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json
new file mode 100644
index 00000000..da49188b
--- /dev/null
+++ b/prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json
@@ -0,0 +1,17 @@
+[
+  {
+    "id": "cmkm1ziyi000dvnsweg8lp3f7",
+    "name": "TP Posyandu Bali",
+    "imageId": "cmkm1zis2000bvnsw85m6wdlf"
+  },
+  {
+    "id": "cmkm1ziyi000dvnsweg8lq4g8",
+    "name": "BRI Peduli",
+    "imageId": "cmkm2dgif000evnswskk0dfo9"
+  },
+  {
+    "id": "cmkm1ziyi000dvnsweg8lr5h9",
+    "name": "Universitas Warmadewa (KKN-PMM)",
+    "imageId": "cmkm2fzub000hvnswnvoytlzs"
+  }
+]
diff --git a/prisma/data/inovasi/layanan-online-desa/administrasi-online.json b/prisma/data/inovasi/layanan-online-desa/administrasi-online.json
new file mode 100644
index 00000000..e5a72af6
--- /dev/null
+++ b/prisma/data/inovasi/layanan-online-desa/administrasi-online.json
@@ -0,0 +1,44 @@
+[
+  {
+    "id": "cmkkt91ma000004lb4dpq7ll1",
+    "name": "Surat Keterangan Domisili Organisasi",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "nomorTelepon": "0361-9876543",
+    "jenisLayananId": "dnllt91ma000004lb4dpq7ll1"
+  },
+  {
+    "id": "cmkkt91ma000004lb4dpq8mm2",
+    "name": "Surat Keterangan Penghasilan",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "nomorTelepon": "0361-9776543",
+    "jenisLayananId": "dnllt91ma000004lb4dpq8mm2"
+  },
+  {
+    "id": "cmkkt91ma000004lb4dpq9nn3",
+    "name": "Surat Keterangan Tidak Mampu",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "nomorTelepon": "0361-9676543",
+    "jenisLayananId": "dnllt91ma000004lb4dpq9nn3"
+  },
+  {
+    "id": "cmkkt91ma000004lb4dpq0oo4",
+    "name": "Surat Keterangan Kelahiran",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "nomorTelepon": "0361-9576543",
+    "jenisLayananId": "dnllt91ma000004lb4dpq0oo4"
+  },
+  {
+    "id": "cmkkt91ma000004lb4dpq1pp5",
+    "name": "Surat Keterangan Usaha",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "nomorTelepon": "0361-9476543",
+    "jenisLayananId": "dnllt91ma000004lb4dpq1pp5"
+  },
+  {
+    "id": "cmkkt91ma000004lb4dpq2qq6",
+    "name": "Perizinan Berusaha OSS",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "nomorTelepon": "0361-9376543",
+    "jenisLayananId": "dnllt91ma000004lb4dpq2qq6"
+  }
+]
diff --git a/prisma/data/inovasi/layanan-online-desa/jenis-layanan.json b/prisma/data/inovasi/layanan-online-desa/jenis-layanan.json
new file mode 100644
index 00000000..acf3ce17
--- /dev/null
+++ b/prisma/data/inovasi/layanan-online-desa/jenis-layanan.json
@@ -0,0 +1,32 @@
+[
+  {
+    "id": "dnllt91ma000004lb4dpq7ll1",
+    "nama": "Surat Keterangan Domisili Organisasi",
+    "deskripsi": "Administrasi Online Surat Keterangan Domisili Organisasi"
+  },
+  {
+    "id": "dnllt91ma000004lb4dpq8mm2",
+    "nama": "Surat Keterangan Penghasilan",
+    "deskripsi": "Administrasi Online Surat Keterangan Penghasilan"
+  },
+  {
+    "id": "dnllt91ma000004lb4dpq9nn3",
+    "nama": "Surat Keterangan Tidak Mampu",
+    "deskripsi": "Administrasi Online Surat Keterangan Tidak Mampu"
+  },
+  {
+    "id": "dnllt91ma000004lb4dpq0oo4",
+    "nama": "Surat Keterangan Kelahiran",
+    "deskripsi": "Administrasi Online Surat Keterangan Kelahiran"
+  },
+  {
+    "id": "dnllt91ma000004lb4dpq1pp5",
+    "nama": "Surat Keterangan Usaha",
+    "deskripsi": "Administrasi Online Surat Keterangan Usaha"
+  },
+  {
+    "id": "dnllt91ma000004lb4dpq2qq6",
+    "nama": "Perizinan Berusaha OSS",
+    "deskripsi": "Administrasi Online Perizinan Usaha Online Single Submission (OSS)"
+  }
+]
\ No newline at end of file
diff --git a/prisma/data/inovasi/layanan-online-desa/jenis-pengaduan.json b/prisma/data/inovasi/layanan-online-desa/jenis-pengaduan.json
new file mode 100644
index 00000000..31292ae9
--- /dev/null
+++ b/prisma/data/inovasi/layanan-online-desa/jenis-pengaduan.json
@@ -0,0 +1,26 @@
+[
+  {
+    "id": "eommt91ma000004lb4dpq7ll1",
+    "nama": "Lingkungan"
+  },
+  {
+    "id": "eommt91ma000004lb4dpq8mm2",
+    "nama": "Ketertiban Umum"
+  },
+  {
+    "id": "eommt91ma000004lb4dpq9nn3",
+    "nama": "Kesehatan Masyarakat"
+  },
+  {
+    "id": "eommt91ma000004lb4dpq0oo4",
+    "nama": "Pendidikan"
+  },
+  {
+    "id": "eommt91ma000004lb4dpq1pp5",
+    "nama": "Pembangunan Infrastuktur"
+  },
+  {
+    "id": "eommt91ma000004lb4dpq2qq6",
+    "nama": "Perizinan Berusaha"
+  }
+]
\ No newline at end of file
diff --git a/prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json b/prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json
new file mode 100644
index 00000000..057a2ad4
--- /dev/null
+++ b/prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json
@@ -0,0 +1,38 @@
+[
+  {
+    "id": "cmkkrxmub0004vni41cwyhid4",
+    "name": "Nyoman Putra",
+    "email": "nyoman.putra@example.com",
+    "nomorTelepon": "081234567890",
+    "nik": "3175011234567890",
+    "judulPengaduan": "Permintaan Pemasangan Spanduk Larangan Bagi Hewan",
+    "deskripsiPengaduan": "<p>Permintaan Pemasangan Spanduk Larangan Bagi Hewan</p>",
+    "lokasiKejadian": "Banjar Darmasaba Tengah",
+    "jenisPengaduanId": "eommt91ma000004lb4dpq7ll1",
+    "imageId": "cmkkxep9l000evni4xkegbk72"
+  },
+  {
+    "id": "cmkkrxmub0004vni41cwyhid5",
+    "name": "I Made Sari",
+    "email": "imade.sari@example.com",
+    "nomorTelepon": "087654321098",
+    "nik": "3175010987654321",
+    "judulPengaduan": "Laporan Anjing Liar Sering Menyerang Warga",
+    "deskripsiPengaduan": "<p>Laporan Anjing Liar Sering Menyerang Warga</p>",
+    "lokasiKejadian": "Jl. Raya Darmasaba",
+    "jenisPengaduanId": "eommt91ma000004lb4dpq8mm2",
+    "imageId": "cmkkx9e38000bvni4azjd3u53"
+  },
+  {
+    "id": "cmkkrxmub0004vni41cwyhid6",
+    "name": "Ketut Widi",
+    "email": "ketut.widi@example.com",
+    "nomorTelepon": "085612347890",
+    "nik": "3175011122334455",
+    "judulPengaduan": "Pengelolaan Sampah Rumah Tangga Belum Efektif",
+    "deskripsiPengaduan": "<p>Pengelolaan Sampah Rumah Tangga Belum Efektif</p>",
+    "lokasiKejadian": "Banjar Bucu",
+    "jenisPengaduanId": "eommt91ma000004lb4dpq7ll1",
+    "imageId": "cmkky60sq0000vnjjc55k84d2"
+  }
+]
diff --git a/prisma/data/inovasi/program-kreatif-desa/program-kreatif-desa.json b/prisma/data/inovasi/program-kreatif-desa/program-kreatif-desa.json
new file mode 100644
index 00000000..45632974
--- /dev/null
+++ b/prisma/data/inovasi/program-kreatif-desa/program-kreatif-desa.json
@@ -0,0 +1,44 @@
+[
+  {
+    "id": "cmkkyux9x000104jo4gwi9frv",
+    "name": "Pelatihan Pembuatan Eco-Enzyme",
+    "slug": "Pelatihan pembuatan cairan eco-enzyme dari limbah organik rumah tangga",
+    "deskripsi": "<p>Program ini mengajarkan masyarakat Desa Darmasaba cara membuat eco-enzyme dari limbah organik yang dapat digunakan sebagai pembersih alami, pupuk organik, dan produk ramah lingkungan untuk meningkatkan nilai tambah ekonomi lokal.</p>",
+    "icon": "lingkunganSehat"
+  },
+  {
+    "id": "cmkkyux9x000104jo4gwi0gsw",
+    "name": "Green House dan Biopori Berkelanjutan",
+    "slug": "Perancangan rumah kaca dan lubang biopori di TPS3R",
+    "deskripsi": "<p>Program perancangan dan pembangunan green house di kawasan TPS3R Pudak Mesari serta pembuatan lubang biopori untuk pengelolaan sampah organik dan konservasi air yang ramah lingkungan sebagai bagian dari pengembangan ekonomi hijau desa.</p>",
+    "icon": "lingkunganSehat"
+  },
+  {
+    "id": "cmkkyux9x000104jo4gwi1htx",
+    "name": "Ekowisata dan Eco-Kuliner Desa",
+    "slug": "Pengembangan paket ekowisata dan kuliner berbasis potensi lokal",
+    "deskripsi": "<p>Kolaborasi antara desa, BUMDes, dan akademisi untuk mengembangkan potensi ekowisata berkelanjutan serta produk kuliner khas desa dengan pendekatan pemasaran digital untuk memperkuat ekonomi kreatif dan pariwisata lokal.</p>",
+    "icon": "ekowisata"
+  },
+  {
+    "id": "cmkkyux9x000104jo4gwi2iuy",
+    "name": "Sosialisasi Kewirausahaan",
+    "slug": "Sosialisasi kewirausahaan bagi masyarakat desa",
+    "deskripsi": "<p>Program ini memberikan pengetahuan dan motivasi kepada warga Darmasaba tentang kewirausahaan, pemasaran digital, pencatatan usaha, dan strategi pengembangan UMKM agar produk lokal lebih produktif dan bernilai ekonomi.</p>",
+    "icon": "ekonomi"
+  },
+  {
+    "id": "cmkkyux9x000104jo4gwi3jvz",
+    "name": "E-Book Kuliner Lokal",
+    "slug": "Publikasi e-book tentang kuliner khas Desa Darmasaba",
+    "deskripsi": "<p>Produksi dan distribusi e-book yang mengangkat resep dan cerita kuliner khas Desa Darmasaba sebagai media edukatif dan promosi budaya pangan lokal yang kreatif serta bisa diperluas untuk pemasaran UMKM desa.</p>",
+    "icon": "book"
+  },
+  {
+    "id": "cmkkyux9x000104jo4gwi4kwa",
+    "name": "Tes Kompetensi",
+    "slug": "Program pemetaan minat dan keterampilan masyarakat untuk mendukung pengembangan potensi dan kesiapan kerja.",
+    "deskripsi": "<p>Tes Kompetensi merupakan program untuk membantu masyarakat, khususnya generasi muda, dalam mengenali minat, bakat, dan keterampilan yang dimiliki. Hasil tes dapat menjadi dasar dalam perencanaan pelatihan, pengembangan potensi diri, serta kesiapan menghadapi dunia kerja dan wirausaha.</p>",
+    "icon": "layananPublik"
+  }
+]
diff --git a/prisma/data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json b/prisma/data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json
new file mode 100644
index 00000000..a96fcc1f
--- /dev/null
+++ b/prisma/data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json
@@ -0,0 +1,44 @@
+[
+  {
+    "id": "bnlneq3zg0000vn8issps1eg8",
+    "name": "Pelaksanaan Kebersihan Lingkungan Desa",
+    "jumlah": "1 paket kegiatan",
+    "deskripsi": "Kegiatan pelaksanaan kebersihan lingkungan desa Darmasaba untuk meningkatkan kualitas lingkungan dan kesehatan masyarakat.",
+    "icon": "lingkunganSehat"
+  },
+  {
+    "id": "bnlneq3zg0000vn8issps2fh9",
+    "name": "Penataan Taman Telajakan",
+    "jumlah": "1 paket kegiatan",
+    "deskripsi": "Program penataan taman telajakan sebagai upaya memperindah lingkungan desa serta ruang terbuka publik di desa Darmasaba.",
+    "icon": "lingkunganSehat"
+  },
+  {
+    "id": "bnlneq3zg0000vn8issps3gi0",
+    "name": "Pelatihan/Sosialisasi Peduli Lingkungan",
+    "jumlah": "1 paket kegiatan",
+    "deskripsi": "Pelatihan dan sosialisasi penyuluhan tentang kepedulian lingkungan hidup dan kehutanan bagi masyarakat.",
+    "icon": "pelatihan"
+  },
+  {
+    "id": "bnlneq3zg0000vn8issps4hj2",
+    "name": "Pemanfaatan Pekarangan Rumah",
+    "jumlah": "1 paket kegiatan",
+    "deskripsi": "Program pemanfaatan lingkungan pekarangan rumah menjadi produktif untuk mendukung ketahanan pangan keluarga.",
+    "icon": "sumberOksigen"
+  },
+  {
+    "id": "bnlneq3zg0000vn8issps5ik3",
+    "name": "Pengelolaan Daerah Aliran Sungai",
+    "jumlah": "1 paket kegiatan",
+    "deskripsi": "Kegiatan pengelolaan dan pemeliharaan daerah aliran sungai untuk menjaga kualitas sumber air dan mencegah erosi.",
+    "icon": "air"
+  },
+  {
+    "id": "bnlneq3zg0000vn8issps6jl4",
+    "name": "Pengelolaan Sampah Desa (Inovasi CINtA)",
+    "jumlah": "1 paket kegiatan",
+    "deskripsi": "Program inovatif cara indah tangani sampah (CINtA) di desa Darmasaba termasuk TPS3R dan pemilahan sampah berbasis rumah tangga.",
+    "icon": "sampah"
+  }
+]
diff --git a/prisma/data/lingkungan/gotong-royong/gotong-royong.json b/prisma/data/lingkungan/gotong-royong/gotong-royong.json
new file mode 100644
index 00000000..8bb48ee3
--- /dev/null
+++ b/prisma/data/lingkungan/gotong-royong/gotong-royong.json
@@ -0,0 +1,35 @@
+[
+  {
+    "id": "ee38b9ee-88ca-4a11-8fa0-7d407ea7e774",
+    "judul": "Gotong Royong PKK Mareresik Pura Desa dan Pura Dalem",
+    "deskripsiSingkat": "TP PKK Desa Darmasaba melaksanakan gotong royong mareresik di Pura Desa dan Pura Dalem Desa Adat Tegal.",
+    "deskripsiLengkap": "Pada tanggal 28 Januari 2024, TP PKK Desa Darmasaba bersama Ketua Kelompok PKK Banjar se-Desa Darmasaba melakukan kegiatan gotong royong membersihkan area Pura Desa dan Pura Dalem untuk mendukung kebersihan dan kesehatan lingkungan desa.",
+    "tanggal": "2024-01-28T00:00:00.000Z",
+    "lokasi": "Pura Desa dan Pura Dalem, Desa Adat Tegal, Desa Darmasaba, Badung",
+    "partisipan": 30,
+    "imageId": "cmknb59md0000vnmam828iuzt",
+    "kategoriKegiatanId": "cmknan39v000004l8eiql149r"
+  },
+  {
+    "id": "dead9da0-e2e2-494c-9f88-721f2c3aa62a",
+    "judul": "Mareresik (Gotong Royong)",
+    "deskripsiSingkat": "Kegiatan mareresik (gotong royong) yang dilaksanakan di lingkungan desa Darmasaba.",
+    "deskripsiLengkap": "Mareresik (gotong royong) dilakukan pada tanggal 17 November 2023 oleh warga Desa Darmasaba sebagai bagian dari tradisi membersihkan dan menjaga lingkungan desa secara kolektif.",
+    "tanggal": "2023-11-17T00:00:00.000Z",
+    "lokasi": "Desa Darmasaba, Badung",
+    "partisipan": 25,
+    "imageId": "cmknbp3vd0001vnmarjz542o7",
+    "kategoriKegiatanId": "cmknan39v000004l8eiql149r"
+  },
+  {
+    "id": "5186e23b-28a6-4f64-89b8-43a35e5048a5",
+    "judul": "Gotong Royong dan Rapat Rutin TP PKK Desa Darmasaba",
+    "deskripsiSingkat": "Gotong royong bersama TP PKK Desa Darmasaba di Pura Dalem Kangin Desa Adat Tegal sekaligus rapat rutin.",
+    "deskripsiLengkap": "Pada tanggal 26 Mei 2022, TP PKK Desa Darmasaba bersama anggota se-Desa Darmasaba melaksanakan gotong royong mereresik Pura Dalem Kangin Desa Adat Tegal dan dilanjutkan dengan rapat rutin TP PKK sebagai wujud semangat kerja bersama dan kebersamaan sosial.",
+    "tanggal": "2022-05-26T00:00:00.000Z",
+    "lokasi": "Pura Dalem Kangin, Desa Adat Tegal, Desa Darmasaba, Badung",
+    "partisipan": 28,
+    "imageId": "cmknbrj4r0002vnmantw9rn0l",
+    "kategoriKegiatanId": "cmknan39v000004l8eiql149r"
+  }
+]
diff --git a/prisma/data/lingkungan/gotong-royong/kategori-gotong-royong.json b/prisma/data/lingkungan/gotong-royong/kategori-gotong-royong.json
index 874e2e32..39605ca1 100644
--- a/prisma/data/lingkungan/gotong-royong/kategori-gotong-royong.json
+++ b/prisma/data/lingkungan/gotong-royong/kategori-gotong-royong.json
@@ -1,6 +1,6 @@
 [
-    { "nama": "Kebersihan" },
-    { "nama": "Infrastruktur" },
-    { "nama": "Sosial" },
-    { "nama": "Lingkungan" }
-  ]
\ No newline at end of file
+  { "id": "cmknan39v000004l8eiql816o", "nama": "Kebersihan" },
+  { "id": "cmknan39v000004l8eiql927p", "nama": "Infrastruktur" },
+  { "id": "cmknan39v000004l8eiql038q", "nama": "Sosial" },
+  { "id": "cmknan39v000004l8eiql149r", "nama": "Lingkungan" }
+]
diff --git a/prisma/data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json b/prisma/data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json
new file mode 100644
index 00000000..3275fce1
--- /dev/null
+++ b/prisma/data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json
@@ -0,0 +1,20 @@
+[
+  {
+    "id": "cmkm8z5v70000vnrmu60qyd7b",
+    "name": "TPS 3R Pudak Mesari",
+    "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali 80352",
+    "namaTempatMaps": "TPS 3R Pudak Mesari",
+    "linkPetunjukArah": "https://www.google.com/maps/dir/?api=1&destination=-8.5680,115.2040",
+    "lat": -8.5680,
+    "lng": 115.2040
+  },
+  {
+    "id": "dummy0000000000000000000001",
+    "name": "Bank Sampah Darmasaba Mandiri",
+    "alamat": "Banjar Darmasaba Tengah, Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
+    "namaTempatMaps": "Bank Sampah Darmasaba Mandiri",
+    "linkPetunjukArah": "https://www.google.com/maps/dir/?api=1&destination=-8.5670,115.2000",
+    "lat": -8.5670,
+    "lng": 115.2000
+  }
+]
diff --git a/prisma/data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json b/prisma/data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json
new file mode 100644
index 00000000..7e3feab0
--- /dev/null
+++ b/prisma/data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json
@@ -0,0 +1,27 @@
+[
+  {
+    "id": "cmkkshcox000504l88lp54coc",
+    "name": "Pilah sampah sesuai jenisnya",
+    "icon": "trash"
+  },
+  {
+    "id": "cmkkshcox000504l99mq65dpd",
+    "name": "Bawa sampah ke Bank Sampah",
+    "icon": "truck"
+  },
+  {
+    "id": "cmkkshcox000504l00nr76eqe",
+    "name": "Timbang sampah di Bank Sampah",
+    "icon": "scale"
+  },
+  {
+    "id": "cmkkshcox000504l11os87frf",
+    "name": "Catat hasil timbangan di buku tabungan",
+    "icon": "clipboard"
+  },
+  {
+    "id": "cmkkshcox000504l22pt98gsg",
+    "name": "Sampah didaur ulang oleh petugas Bank Sampah",
+    "icon": "sampah"
+  }
+]
diff --git a/prisma/data/lingkungan/program-penghijauan/program-penghijauan.json b/prisma/data/lingkungan/program-penghijauan/program-penghijauan.json
new file mode 100644
index 00000000..9fdc655c
--- /dev/null
+++ b/prisma/data/lingkungan/program-penghijauan/program-penghijauan.json
@@ -0,0 +1,23 @@
+[
+  {
+    "id": "cmkmdp3zg0000vn8issps1eg8",
+    "name": "Penghijauan Desa Darmasaba",
+    "judul": "Program Penghijauan Lingkungan",
+    "deskripsi": "<p>Program penghijauan desa Darmasaba bertujuan menanam pohon di area publik dan pinggiran jalan desa sebagai upaya meningkatkan kualitas lingkungan, menyerap karbon, dan memperindah desa.</p>",
+    "icon": "pohon"
+  },
+  {
+    "id": "cmkmdp3zg0000vn8isspt2fh9",
+    "name": "Komunitas Tanam Pohon",
+    "judul": "Gerakan Komunitas Tanam Pohon",
+    "deskripsi": "<p>Pelibatan warga desa dalam kegiatan rutin penanaman pohon di area perbukitan dan ruang terbuka hijau untuk meningkatkan kesadaran lingkungan dan mengurangi erosi.</p>",
+    "icon": "pohon"
+  },
+  {
+    "id": "cmkmdp3zg0000vn8isspu3gi0",
+    "name": "Taman Hijau Bersama",
+    "judul": "Pembangunan Taman Hijau Desa",
+    "deskripsi": "<p>Pembangunan taman hijau di beberapa titik strategis desa, melibatkan banjar adat dan kelompok pemuda untuk menciptakan ruang publik yang nyaman dan ramah lingkungan.</p>",
+    "icon": "pohon"
+  }
+]
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index c04e56e5..b39617f5 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1655,17 +1655,17 @@ model Pembiayaan {
 
 // ========================================= MENU INOVASI ========================================= //
 // ========================================= DESA DIGITAL / SMART VILLAGE ========================================= //
-model DesaDigital {
-  id        String      @id @default(cuid())
-  name      String
-  deskripsi String      @db.Text
-  image     FileStorage @relation(fields: [imageId], references: [id])
-  imageId   String
-  createdAt DateTime    @default(now())
-  updatedAt DateTime    @updatedAt
-  deletedAt DateTime    @default(now())
-  isActive  Boolean     @default(true)
-}
+  model DesaDigital {
+    id        String      @id @default(cuid())
+    name      String
+    deskripsi String      @db.Text
+    image     FileStorage @relation(fields: [imageId], references: [id])
+    imageId   String
+    createdAt DateTime    @default(now())
+    updatedAt DateTime    @updatedAt
+    deletedAt DateTime    @default(now())
+    isActive  Boolean     @default(true)
+  }
 
 // ========================================= PROGRAM KREATIF ========================================= //
 model ProgramKreatif {
@@ -1719,19 +1719,19 @@ model InfoTekno {
 }
 
 // ========================================= AJUKAN IDE INOVATIF ========================================= //
-model AjukanIdeInovatif {
-  id        String   @id @default(cuid())
-  name      String
-  alamat    String
-  namaIde   String
-  deskripsi String   @db.Text
-  masalah   String   @db.Text
-  benefit   String   @db.Text
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
-}
+  model AjukanIdeInovatif {
+    id        String   @id @default(cuid())
+    name      String
+    alamat    String
+    namaIde   String
+    deskripsi String   @db.Text
+    masalah   String   @db.Text
+    benefit   String   @db.Text
+    createdAt DateTime @default(now())
+    updatedAt DateTime @updatedAt
+    deletedAt DateTime @default(now())
+    isActive  Boolean  @default(true)
+  }
 
 // ========================================= LAYANAN ONLINE DESA ========================================= //
 model AdministrasiOnline {
diff --git a/prisma/seed.ts b/prisma/seed.ts
index a0f55415..9f68bd85 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -63,6 +63,25 @@ import demografiPekerjaan from "./data/ekonomi/demografi-pekerjaan/demografi-pek
 import sektorUnggulanDesa from "./data/ekonomi/sektor-unggulan/sektor-unggulan.json";
 import programKemiskinan from "./data/ekonomi/program-kemiskinan/program-kemiskinan.json";
 import statistikKemiskinan from "./data/ekonomi/program-kemiskinan/statistik-kemiskinan.json";
+import grafikMenganggurBerdasarkanUsia from "./data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-usia.json";
+import grafikMenganggurBerdasarkanPendidikan from "./data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-pendidikan.json";
+import jumlahPendudukMiskin from "./data/ekonomi/jumlah-penduduk-miskin/jumlah-penduduk-miskin.json";
+import desaDigital from "./data/inovasi/desa-digital/desa-digital.json";
+import jenisLayanan from "./data/inovasi/layanan-online-desa/jenis-layanan.json";
+import jenisPengaduan from "./data/inovasi/layanan-online-desa/jenis-pengaduan.json";
+import administrasiOnline from "./data/inovasi/layanan-online-desa/administrasi-online.json";
+import pengaduanMasyarakat from "./data/inovasi/layanan-online-desa/pengaduan-masyarakat.json";
+import programKreatif from "./data/inovasi/program-kreatif-desa/program-kreatif-desa.json";
+import kolaborasiInovasi from "./data/inovasi/kolaborasi-inovasi/kolaborasi-inovasi.json";
+import mitraKolaborasi from "./data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json";
+import infoTeknologi from "./data/inovasi/info-teknologi/info-teknologi.json";
+import ajukanIde from "./data/inovasi/ajukan-ide/ajukan-ide.json";
+import pengelolaanSampah from "./data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json";
+import keteranganBankSampah from "./data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json"
+import programPenghijauan from "./data/lingkungan/program-penghijauan/program-penghijauan.json"
+import dataLingkunganDesa from "./data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json";
+import kategoriGotongRoyong from "./data/lingkungan/gotong-royong/kategori-gotong-royong.json";
+import gotongRoyong from "./data/lingkungan/gotong-royong/gotong-royong.json"
 import berita from "./data/desa/berita/berita.json";
 import kategoriBerita from "./data/desa/berita/kategori-berita.json";
 import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
@@ -128,7 +147,7 @@ import resolveImageById from "./resolveImageByName";
         category: f.category,
         deletedAt: null,
         isActive: true,
-      }
+      },
     );
   }
 
@@ -150,7 +169,7 @@ import resolveImageById from "./resolveImageByName";
           description: roleData.description,
           permissions: roleData.permissions || {}, // ✅ Include permissions
           isActive: roleData.isActive,
-        }
+        },
       );
       console.log(`✅ Seeded role -> ${roleData.name}`);
     } catch (error: any) {
@@ -175,7 +194,7 @@ import resolveImageById from "./resolveImageByName";
 
       if (!roleExists) {
         console.error(
-          `❌ Role with id ${u.roleId} not found for user ${u.username}`
+          `❌ Role with id ${u.roleId} not found for user ${u.username}`,
         );
         continue;
       }
@@ -190,13 +209,13 @@ import resolveImageById from "./resolveImageByName";
           roleId: u.roleId.toString(),
           isActive: u.isActive,
           sessionInvalid: false,
-        }
+        },
       );
       console.log(`✅ Seeded user -> ${u.username}`);
     } catch (error: any) {
       if (error.code === "P2003") {
         console.error(
-          `❌ Foreign key constraint failed for user ${u.username}: Role ${u.roleId} does not exist`
+          `❌ Foreign key constraint failed for user ${u.username}: Role ${u.roleId} does not exist`,
         );
       } else {
         console.error(`❌ Failed to seed user ${u.username}:`, error.message);
@@ -219,7 +238,7 @@ import resolveImageById from "./resolveImageByName";
 
         if (!imageExists) {
           console.warn(
-            `⚠️ Image not found for PejabatDesa ${p.name}, skipping...`
+            `⚠️ Image not found for PejabatDesa ${p.name}, skipping...`,
           );
           continue;
         }
@@ -233,7 +252,7 @@ import resolveImageById from "./resolveImageByName";
           name: p.name,
           position: p.position,
           imageId: p.imageId,
-        }
+        },
       );
       console.log(`✅ Seeded Pejabat Desa -> ${p.name}`);
     } catch (error: any) {
@@ -264,7 +283,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -311,7 +330,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${m.imageId} not found for ${m.name}`);
@@ -393,7 +412,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${l.imageId} not found for ${l.name}`);
@@ -512,7 +531,7 @@ import resolveImageById from "./resolveImageByName";
       const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
       if (!parentExists) {
         console.warn(
-          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`
+          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
         );
         continue;
       }
@@ -550,12 +569,12 @@ import resolveImageById from "./resolveImageByName";
     } catch (error: any) {
       if (error.code === "P2002") {
         console.warn(
-          `⚠️ Pegawai PPID with duplicate email (skipping): ${p.email}`
+          `⚠️ Pegawai PPID with duplicate email (skipping): ${p.email}`,
         );
       } else {
         console.error(
           `❌ Failed to seed pegawai PPID ${p.namaLengkap}:`,
-          error.message
+          error.message,
         );
       }
     }
@@ -804,7 +823,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${c.imageId} not found for ${c.biodata}`);
@@ -853,7 +872,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${c.imageId} not found for ${c.nama}`);
@@ -938,7 +957,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -974,13 +993,16 @@ import resolveImageById from "./resolveImageByName";
   for (const k of kategoriBerita) {
     await prisma.kategoriBerita.upsert({
       where: {
-        id: k.id,
+        name: k.name, // ✅ cocok dengan @unique
       },
       update: {
         name: k.name,
+        isActive: true,
       },
       create: {
+        id: k.id, // ✅ id tetap bisa disimpan
         name: k.name,
+        isActive: true,
       },
     });
   }
@@ -1007,7 +1029,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${b.imageId} not found for ${b.judul}`);
@@ -1046,7 +1068,7 @@ import resolveImageById from "./resolveImageByName";
       {
         id: c.id,
         name: c.name,
-      }
+      },
     );
   }
 
@@ -1230,7 +1252,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -1281,7 +1303,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -1375,7 +1397,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -1425,7 +1447,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -1473,7 +1495,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -1519,7 +1541,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -1567,7 +1589,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
@@ -1616,7 +1638,7 @@ import resolveImageById from "./resolveImageByName";
       if (fileRecord) {
         imageId = fileRecord.id;
         console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
+          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
         );
       } else {
         console.warn(`⚠️ File with ID ${k.imageId} not found for ${k.name}`);
@@ -1642,6 +1664,24 @@ import resolveImageById from "./resolveImageByName";
   console.log("info wabah penyakit success ...");
 
   // ==================== SUBMENU POLSEK TERDEKAT ================
+  console.log("🔄 Seeding Layanan Polsek...");
+  for (const k of layananPolsek) {
+    await prisma.layananPolsek.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+      },
+    });
+  }
+
+  console.log("layanan polsek success ...");
+
   console.log("🔄 Seeding Polsek Terdekat...");
   for (const k of polsekTerdekat) {
     await prisma.polsekTerdekat.upsert({
@@ -1678,24 +1718,6 @@ import resolveImageById from "./resolveImageByName";
 
   console.log("polsek terdekat success ...");
 
-  console.log("🔄 Seeding Layanan Polsek...");
-  for (const k of layananPolsek) {
-    await prisma.layananPolsek.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        nama: k.nama,
-      },
-      create: {
-        id: k.id,
-        nama: k.nama,
-      },
-    });
-  }
-
-  console.log("layanan polsek success ...");
-
   console.log("🔄 Seeding Layanan To Polsek...");
   for (const k of layananToPolsek) {
     await prisma.layananToPolsek.upsert({
@@ -1774,7 +1796,7 @@ import resolveImageById from "./resolveImageByName";
 
     if (!kontakDaruratExists) {
       console.warn(
-        `⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`
+        `⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`,
       );
       continue;
     }
@@ -1993,7 +2015,7 @@ import resolveImageById from "./resolveImageByName";
 
   // ==================== SUBMENU STRUKTUR ORGANISASI DAN SK PENGURUS BUMDES ==========
   const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
-    (a, b) => a.hierarki - b.hierarki
+    (a, b) => a.hierarki - b.hierarki,
   );
 
   for (const p of sortedPosisiBumdes) {
@@ -2003,7 +2025,7 @@ import resolveImageById from "./resolveImageByName";
       const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
       if (!parentExists) {
         console.warn(
-          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`
+          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
         );
         continue;
       }
@@ -2074,8 +2096,71 @@ import resolveImageById from "./resolveImageByName";
   console.log("📊 detailDataPengangguran success ...");
 
   // ==================== SUBMENU PENDUDUK USIA KERJA ==========
+  for (const p of grafikMenganggurBerdasarkanUsia) {
+    await prisma.grafikMenganggurBerdasarkanUsia.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        usia18_25: p.usia18_25,
+        usia26_35: p.usia26_35,
+        usia36_45: p.usia36_45,
+        usia46_keatas: p.usia46_keatas,
+      },
+      create: {
+        id: p.id,
+        usia18_25: p.usia18_25,
+        usia26_35: p.usia26_35,
+        usia36_45: p.usia36_45,
+        usia46_keatas: p.usia46_keatas,
+      },
+    });
+  }
+  console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
+
+  for (const p of grafikMenganggurBerdasarkanPendidikan) {
+    await prisma.grafikMenganggurBerdasarkanPendidikan.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        SD: p.SD,
+        SMP: p.SMP,
+        SMA: p.SMA,
+        D3: p.D3,
+        S1: p.S1,
+      },
+      create: {
+        id: p.id,
+        SD: p.SD,
+        SMP: p.SMP,
+        SMA: p.SMA,
+        D3: p.D3,
+        S1: p.S1,
+      },
+    });
+  }
+  console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
 
   // ==================== SUBMENU PENDUDUK MISKIN =============
+  console.log("🔄 Seeding Jumlah Penduduk Miskin...");
+  for (const k of jumlahPendudukMiskin) {
+    await prisma.grafikJumlahPendudukMiskin.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        year: k.year,
+        totalPoorPopulation: k.totalPoorPopulation,
+      },
+      create: {
+        id: k.id,
+        year: k.year,
+        totalPoorPopulation: k.totalPoorPopulation,
+      },
+    });
+  }
+  console.log("✅ Jumlah Penduduk Miskin seeded successfully");
 
   // ==================== SUBMENU PROGRAM KEMISKINAN =============
   for (const k of statistikKemiskinan) {
@@ -2163,14 +2248,340 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("✅ Demografi Pekerjaan seeded successfully");
 
-  // =========== KATEGORI GOTONG ROYONG ===========
-  // Add IDs to the kategoriKegiatan data
-  const kategoriKegiatan = kategoriKegiatanData.map((k, index) => ({
-    ...k,
-    id: `kategori-${index + 1}`,
-  }));
+  // ====================== MENU INOVASI ==========================
+  // ====================== SUBMENU AJUKAN IDE INOVATIF ===========
+  console.log("🔄 Seeding Ajukan Ide Inovatif...");
+  for (const d of ajukanIde) {
+    await prisma.ajukanIdeInovatif.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        alamat: d.alamat,
+        namaIde: d.namaIde,
+        deskripsi: d.deskripsi,
+        masalah: d.masalah,
+        benefit: d.benefit,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        alamat: d.alamat,
+        namaIde: d.namaIde,
+        deskripsi: d.deskripsi,
+        masalah: d.masalah,
+        benefit: d.benefit,
+      },
+    });
+  }
+  console.log("✅ Ajukan Ide Inovatif seeded successfully");
+  // ==================== SUBMENU DESA DIGITAL ====================
+  console.log("🔄 Seeding Desa Digital...");
+  for (const d of desaDigital) {
+    await prisma.desaDigital.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        deskripsi: d.deskripsi,
+        imageId: d.imageId,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        deskripsi: d.deskripsi,
+        imageId: d.imageId,
+      },
+    });
+  }
+  console.log("✅ Desa Digital seeded successfully");
 
-  for (const k of kategoriKegiatan) {
+  // ==================== SUBMENU LAYANAN ONLINE DESA ==========
+  console.log("🔄 Seeding Jenis Layanan...");
+  for (const j of jenisLayanan) {
+    await prisma.jenisLayanan.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        deskripsi: j.deskripsi,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        deskripsi: j.deskripsi,
+      },
+    });
+  }
+  console.log("✅ Jenis Layanan seeded successfully");
+
+  console.log("🔄 Seeding Administrasi Online...");
+  for (const d of administrasiOnline) {
+    await prisma.administrasiOnline.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        alamat: d.alamat,
+        nomorTelepon: d.nomorTelepon,
+        jenisLayananId: d.jenisLayananId,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        alamat: d.alamat,
+        nomorTelepon: d.nomorTelepon,
+        jenisLayananId: d.jenisLayananId,
+      },
+    });
+  }
+  console.log("✅ Administrasi Online seeded successfully");
+
+  console.log("🔄 Seeding Jenis Pengaduan Masyarakat...");
+  for (const d of jenisPengaduan) {
+    await prisma.jenisPengaduan.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        nama: d.nama,
+      },
+      create: {
+        id: d.id,
+        nama: d.nama,
+      },
+    });
+  }
+  console.log("✅ Jenis Pengaduan Masyarakat seeded successfully");
+
+  console.log("🔄 Seeding Pengaduan Masyarakat...");
+  for (const d of pengaduanMasyarakat) {
+    await prisma.pengaduanMasyarakat.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        email: d.email,
+        nik: d.nik,
+        nomorTelepon: d.nomorTelepon,
+        judulPengaduan: d.judulPengaduan,
+        lokasiKejadian: d.lokasiKejadian,
+        imageId: d.imageId,
+        deskripsiPengaduan: d.deskripsiPengaduan,
+        jenisPengaduanId: d.jenisPengaduanId,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        email: d.email,
+        nik: d.nik,
+        nomorTelepon: d.nomorTelepon,
+        judulPengaduan: d.judulPengaduan,
+        lokasiKejadian: d.lokasiKejadian,
+        imageId: d.imageId,
+        deskripsiPengaduan: d.deskripsiPengaduan,
+        jenisPengaduanId: d.jenisPengaduanId,
+      },
+    });
+  }
+  console.log("✅ Pengaduan Masyarakat seeded successfully");
+
+  // ==================== SUBMENU PROGRAM KREATIF ==========
+  console.log("🔄 Seeding Program Kreatif...");
+  for (const p of programKreatif) {
+    await prisma.programKreatif.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+        slug: p.slug,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+        slug: p.slug,
+      },
+    });
+  }
+  console.log("✅ Program Kreatif seeded successfully");
+
+  // ==================== SUBMENU KOLABORASI INOVASI ==========
+  console.log("🔄 Seeding Kolaborasi Inovasi...");
+  for (const p of kolaborasiInovasi) {
+    await prisma.kolaborasiInovasi.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        tahun: p.tahun,
+        slug: p.slug,
+        deskripsi: p.deskripsi,
+        kolaborator: p.kolaborator,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        tahun: p.tahun,
+        slug: p.slug,
+        deskripsi: p.deskripsi,
+        kolaborator: p.kolaborator,
+      },
+    });
+  }
+  console.log("✅ Kolaborasi Inovasi seeded successfully");
+
+  console.log("🔄 Seeding Mitra Kolaborasi...");
+  for (const p of mitraKolaborasi) {
+    await prisma.mitraKolaborasi.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        imageId: p.imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        imageId: p.imageId,
+      },
+    });
+  }
+  console.log("✅ Mitra Kolaborasi seeded successfully");
+
+  // ==================== SUBMENU INFO TEKNOLOGI TEPAT GUNA ==========
+  console.log("🔄 Seeding Info Teknologi...");
+  for (const p of infoTeknologi) {
+    await prisma.infoTekno.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId: p.imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId: p.imageId,
+      },
+    });
+  }
+  console.log("✅ Info Teknologi seeded successfully");
+
+  // ====================== MENU LINGKUNGAN ==========================
+  // ==================== SUBMENU PENGELOLAAN SAMPAH ==========
+  console.log("🔄 Seeding Pengelolaan Sampah...");
+  for (const p of pengelolaanSampah) {
+    await prisma.pengelolaanSampah.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        icon: p.icon
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        icon: p.icon
+      },
+    });
+  }
+  console.log("✅ Pengelolaan Sampah seeded successfully");
+
+  console.log("🔄 Seeding Keterangan Bank Sampah...");
+  for (const p of keteranganBankSampah) {
+    await prisma.keteranganBankSampahTerdekat.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        alamat: p.alamat,
+        namaTempatMaps: p.namaTempatMaps,
+        linkPetunjukArah: p.linkPetunjukArah,
+        lat: p.lat,
+        lng: p.lng
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        alamat: p.alamat,
+        namaTempatMaps: p.namaTempatMaps,
+        linkPetunjukArah: p.linkPetunjukArah,
+        lat: p.lat,
+        lng: p.lng
+      },
+    });
+  }
+  console.log("✅ Keterangan Bank Sampah seeded successfully");
+
+  // ==================== SUBMENU PROGRAM PENGHIJAUAN ==========
+  console.log("🔄 Seeding Program Penghijauan...");
+  for (const p of programPenghijauan) {
+    await prisma.programPenghijauan.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        icon: p.icon
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        icon: p.icon
+      },
+    });
+  }
+  console.log("✅ Program Penghijauan seeded successfully");
+
+  // ==================== SUBMENU DATA LINGKUNGAN DESA ==========
+  console.log("🔄 Seeding Data Lingkungan Desa...");
+  for (const p of dataLingkunganDesa) {
+    await prisma.dataLingkunganDesa.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        jumlah: p.jumlah,
+        deskripsi: p.deskripsi,
+        icon: p.icon
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        jumlah: p.jumlah,
+        deskripsi: p.deskripsi,
+        icon: p.icon
+      },
+    });
+  }
+  console.log("✅ Data Lingkungan Desa seeded successfully");
+
+  // =========== SUBMENU GOTONG ROYONG ===========
+  console.log("🔄 Seeding Kategori Gotong Royong...");
+
+  for (const k of kategoriGotongRoyong) {
     await prisma.kategoriKegiatan.upsert({
       where: {
         id: k.id,
@@ -2185,8 +2596,44 @@ import resolveImageById from "./resolveImageByName";
     });
   }
 
-  console.log("kategori kegiatan success ...");
+  console.log("✅ Kategori Gotong Royong seeded successfully");
 
+  console.log("🔄 Seeding Gotong Royong...");
+
+  for (const k of gotongRoyong) {
+    await prisma.kegiatanDesa.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        judul: k.judul,
+        deskripsiSingkat: k.deskripsiSingkat,
+        deskripsiLengkap: k.deskripsiLengkap,
+        tanggal: k.tanggal,
+        lokasi: k.lokasi,
+        partisipan: k.partisipan,
+        imageId: k.imageId,
+        kategoriKegiatanId: k.kategoriKegiatanId,
+      },
+      create: {
+        id: k.id,
+        judul: k.judul,
+        deskripsiSingkat: k.deskripsiSingkat,
+        deskripsiLengkap: k.deskripsiLengkap,
+        tanggal: k.tanggal,
+        lokasi: k.lokasi,
+        partisipan: k.partisipan,
+        imageId: k.imageId,
+        kategoriKegiatanId: k.kategoriKegiatanId,
+      },
+    });
+  }
+
+  console.log("✅ Kategori Gotong Royong seeded successfully");
+
+  
+  
+  
   for (const e of tujuanEdukasiLingkungan) {
     await prisma.tujuanEdukasiLingkungan.upsert({
       where: {
@@ -2348,7 +2795,7 @@ import resolveImageById from "./resolveImageByName";
     });
   }
   console.log(
-    "✅ tujuan bimbingan belajar desa seeded (editable later via UI)"
+    "✅ tujuan bimbingan belajar desa seeded (editable later via UI)",
   );
 
   for (const t of lokasiJadwalBimbinganBelajarDesa) {
@@ -2366,7 +2813,7 @@ import resolveImageById from "./resolveImageByName";
     });
   }
   console.log(
-    "✅ lokasi jadwal bimbingan belajar desa seeded (editable later via UI)"
+    "✅ lokasi jadwal bimbingan belajar desa seeded (editable later via UI)",
   );
 
   for (const t of fasilitasBimbinganBelajarDesa) {
@@ -2384,7 +2831,7 @@ import resolveImageById from "./resolveImageByName";
     });
   }
   console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)"
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
   );
 
   for (const t of tujuanProgram2) {
@@ -2402,7 +2849,7 @@ import resolveImageById from "./resolveImageByName";
     });
   }
   console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)"
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
   );
 
   for (const t of tempatKegiatan) {
@@ -2420,7 +2867,7 @@ import resolveImageById from "./resolveImageByName";
     });
   }
   console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)"
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
   );
 
   for (const t of jenisProgramYangDiselenggarakan) {
@@ -2438,7 +2885,7 @@ import resolveImageById from "./resolveImageByName";
     });
   }
   console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)"
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
   );
 
   for (const j of jenjangPendidikan) {
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 133614fd..5b086254 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -45,7 +45,7 @@ export default async function seedAssets() {
 
   // 1. Download zip
   const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/88293b915cf34b939819/?dl=1";
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/eadd52c5bd654ec789a3/?dl=1";
   const res = await fetchWithRetry(url, 3, 20000);
 
   // Validasi content-type
diff --git a/src/app/admin/(dashboard)/_com/iconMap.tsx b/src/app/admin/(dashboard)/_com/iconMap.tsx
index fc058736..f6da2248 100644
--- a/src/app/admin/(dashboard)/_com/iconMap.tsx
+++ b/src/app/admin/(dashboard)/_com/iconMap.tsx
@@ -41,6 +41,7 @@ import {
   IconMessageReport,
   IconUsers,
   IconQuestionMark,
+  IconBook,
 } from '@tabler/icons-react'
 
 /* =======================
@@ -90,6 +91,7 @@ export type IconKey =
   | 'informasi'
   | 'pengaduan'
   | 'layananPublik'
+  | 'book'
 
 /* =======================
    Icon Map
@@ -138,6 +140,7 @@ const iconMap: Record<IconKey, React.FC<any>> = {
   informasi: IconInfoCircle,
   pengaduan: IconMessageReport,
   layananPublik: IconUsers,
+  book: IconBook
 }
 
 /* =======================
diff --git a/src/app/admin/(dashboard)/_com/selectIcon.tsx b/src/app/admin/(dashboard)/_com/selectIcon.tsx
index 4d814917..421ba3ca 100644
--- a/src/app/admin/(dashboard)/_com/selectIcon.tsx
+++ b/src/app/admin/(dashboard)/_com/selectIcon.tsx
@@ -5,6 +5,7 @@ import { Box, rem, Select } from '@mantine/core';
 import {
   IconAlertTriangle,
   IconAmbulance,
+  IconBook,
   IconBuilding,
   IconBuildingCommunity,
   IconCash,
@@ -85,6 +86,7 @@ const iconMap = {
   informasi: { label: 'Informasi', icon: IconInfoCircle },
   pengaduan: { label: 'Pengaduan', icon: IconMessageReport },
   layananPublik: { label: 'Layanan Publik', icon: IconUsers },
+  book: { label: 'Buku', icon: IconBook }
 };
 
 
diff --git a/src/app/admin/(dashboard)/_com/selectIconEdit.tsx b/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
index ff7ba141..2f87177e 100644
--- a/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
+++ b/src/app/admin/(dashboard)/_com/selectIconEdit.tsx
@@ -37,6 +37,7 @@ import {
   IconShield,
   IconStethoscope,
   IconUsers,
+  IconBook,
 } from '@tabler/icons-react';
 
 const iconMap = {
@@ -83,6 +84,7 @@ const iconMap = {
   informasi: { label: 'Informasi', icon: IconInfoCircle },
   pengaduan: { label: 'Pengaduan', icon: IconMessageReport },
   layananPublik: { label: 'Layanan Publik', icon: IconUsers },
+  book: { label: 'Buku', icon: IconBook }
 };
 
 export type IconKey = keyof typeof iconMap;
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
index 9ac0742b..82be57ec 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
@@ -222,7 +222,6 @@ function ListKategoriBerita({ search }: { search: string }) {
         </Stack>
       </Paper>
 
-      {totalPages > 1 && (
         <Center mt={{ base: 'lg', md: 'xl' }}>
           <Pagination
             value={page}
@@ -235,7 +234,6 @@ function ListKategoriBerita({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
index d2a6e3d1..b008f6a8 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/page.tsx
@@ -186,7 +186,6 @@ function ListAjukanPermohonan({ search }: { search: string }) {
         </Box>
       </Paper>
 
-      {totalPages > 1 && (
         <Center mt="md">
           <Pagination
             value={page}
@@ -199,7 +198,6 @@ function ListAjukanPermohonan({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
     </Box>
   );
 }
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
index b3f6d738..92dd7e1d 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/page.tsx
@@ -267,8 +267,6 @@ function ListPendapatan({ search }: { search: string }) {
         </Stack>
       </Paper>
 
-      {/* Pagination */}
-      {totalPages > 1 && (
         <Center mt={{ base: 'sm', md: 'md' }} mb={{ base: 'sm', md: 'md' }}>
           <Pagination
             value={page}
@@ -282,7 +280,6 @@ function ListPendapatan({ search }: { search: string }) {
             size="sm"
           />
         </Center>
-      )}
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
index dffc5795..f6664164 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/page.tsx
@@ -284,7 +284,6 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
         </Box>
       </Paper>
 
-      {totalPages > 1 && (
         <Center>
           <Pagination
             value={page}
@@ -299,7 +298,6 @@ function ListPosisiOrganisasiBumDes({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
 
       {/* Modal Hapus */}
       <ModalKonfirmasiHapus
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
index cf2ac7b8..7406f7b6 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx
@@ -224,7 +224,6 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
       </Paper>
 
       {/* Pagination */}
-      {totalPages > 1 && (
         <Center>
           <Pagination
             value={page}
@@ -239,7 +238,6 @@ function ListDetailDataPengangguran({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
 
       {/* Chart Section */}
       <Paper withBorder bg={colors['white-1']} p={{ base: 'sm', md: 'lg' }} shadow="md" radius="md">
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
index 698822e7..c400f193 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
@@ -84,6 +84,13 @@ function CreateProgramKreatifDesa() {
             required
           />
 
+          <TextInput
+            label={<Text fz="sm" fw="bold">Deskripsi Singkat</Text>}
+            placeholder="Masukkan deskripsi singkat"
+            value={stateCreate.create.form.slug || ''}
+            onChange={(e) => stateCreate.create.form.slug = e.currentTarget.value}
+          />
+
           <YearPickerInput
             clearable
             value={stateCreate.create.form.tahun ? new Date(stateCreate.create.form.tahun, 0, 1) : null}
@@ -95,6 +102,13 @@ function CreateProgramKreatifDesa() {
             }}
           />
 
+          <TextInput
+            label={<Text fz="sm" fw="bold">Kolaborator</Text>}
+            placeholder="Masukkan kolaborator"
+            value={stateCreate.create.form.kolaborator || ''}
+            onChange={(e) => stateCreate.create.form.kolaborator = e.currentTarget.value}
+          />
+
           <Box>
             <Text fw="bold" fz="sm" mb={6}>
               Deskripsi
@@ -103,14 +117,7 @@ function CreateProgramKreatifDesa() {
               value={stateCreate.create.form.deskripsi}
               onChange={(val) => stateCreate.create.form.deskripsi = val}
             />
-          </Box>
-
-          <TextInput
-            label={<Text fz="sm" fw="bold">Kolaborator</Text>}
-            placeholder="Masukkan kolaborator"
-            value={stateCreate.create.form.kolaborator || ''}
-            onChange={(e) => stateCreate.create.form.kolaborator = e.currentTarget.value}
-          />
+          </Box>  
 
           <Group justify="right" mt="md">
             <Button
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
index a22fb71b..d12d2ccd 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/page.tsx
@@ -245,7 +245,6 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
         </Box>
       </Paper>
 
-      {totalPages > 1 && (
         <Center>
           <Pagination
             value={page}
@@ -260,7 +259,6 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
     </Box>
   );
 }
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
index 6007e2c2..cb47b63d 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx
@@ -20,14 +20,14 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { IconEdit, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
+import { useDebouncedValue } from '@mantine/hooks';
+import { IconEdit, IconPlus, IconSearch, IconTrash, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import mitraKolaborasi from '../../../_state/inovasi/mitra-kolaborasi';
-import { useDebouncedValue } from '@mantine/hooks';
 
 function MitraKolaborasi() {
   const [search, setSearch] = useState('');
@@ -56,7 +56,6 @@ function ListMitraKolaborasi({ search }: { search: string }) {
       mitraKolaborasi.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push('/admin/inovasi/kolaborasi-inovasi');
     }
   };
 
@@ -192,7 +191,7 @@ function ListMitraKolaborasi({ search }: { search: string }) {
                           setModalHapus(true);
                         }}
                       >
-                        <IconX size={16} />
+                        <IconTrash size={16} />
                       </Button>
                     </TableTd>
                     <TableTd>
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
index d56a1aa4..c9fca5da 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/page.tsx
@@ -234,7 +234,6 @@ function ListJenisLayanan({ search }: { search: string }) {
         </Box>
       </Paper>
 
-      {totalPages > 1 && (
         <Center>
           <Pagination
             value={page}
@@ -248,7 +247,6 @@ function ListJenisLayanan({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
     </Stack>
   );
 }
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
index 6e8132d8..89e7140f 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
@@ -20,37 +20,53 @@ import {
   Text,
   Title,
 } from '@mantine/core';
+import { useDebouncedValue } from '@mantine/hooks';
 import {
+  IconAlertTriangle,
+  IconAmbulance,
+  IconBook,
+  IconBuilding,
+  IconBuildingCommunity,
   IconCash,
   IconChartLine,
   IconChristmasTreeFilled,
-  IconClipboard,
+  IconClipboardTextFilled,
   IconDeviceImac,
   IconDroplet,
+  IconFileText,
+  IconFiretruck,
+  IconFirstAidKit,
   IconHome,
   IconHomeEco,
   IconHospital,
+  IconInfoCircle,
   IconLeaf,
+  IconLifebuoy,
+  IconMessageReport,
+  IconPhoneCall,
   IconPlus,
   IconRecycle,
+  IconRun,
   IconScale,
   IconSchool,
   IconSearch,
+  IconShield,
   IconShieldFilled,
   IconShoppingCart,
+  IconStethoscope,
   IconTent,
-  IconTrash,
+  IconTrashFilled,
   IconTree,
   IconTrendingUp,
   IconTrophy,
-  IconTruck,
+  IconTruckFilled,
+  IconUsers
 } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import programKreatifState from '../../_state/inovasi/program-kreatif';
-import { useDebouncedValue } from '@mantine/hooks';
 
 function ProgramKreatifDesa() {
   const [search, setSearch] = useState('');
@@ -81,15 +97,16 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
   const filteredData = data || [];
 
   const iconMap: Record<string, React.FC<any>> = {
+    // ===== Umum & Lingkungan =====
     ekowisata: IconLeaf,
     kompetisi: IconTrophy,
     wisata: IconTent,
     ekonomi: IconChartLine,
     sampah: IconRecycle,
-    truck: IconTruck,
+    truck: IconTruckFilled,
     scale: IconScale,
-    clipboard: IconClipboard,
-    trash: IconTrash,
+    clipboard: IconClipboardTextFilled,
+    trash: IconTrashFilled,
     lingkunganSehat: IconHomeEco,
     sumberOksigen: IconChristmasTreeFilled,
     ekonomiBerkelanjutan: IconTrendingUp,
@@ -101,6 +118,30 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
     pelatihan: IconSchool,
     subsidi: IconShoppingCart,
     layananKesehatan: IconHospital,
+
+    // ===== Keamanan & Darurat =====
+    polisi: IconShieldFilled,
+    ambulans: IconAmbulance,
+    pemadam: IconFiretruck,
+    darurat: IconAlertTriangle,
+    sar: IconLifebuoy,
+    evakuasi: IconRun,
+    keamanan: IconShield,
+    teleponDarurat: IconPhoneCall,
+
+    // ===== Kesehatan =====
+    rumahSakit: IconHospital,
+    puskesmas: IconFirstAidKit,
+    klinik: IconStethoscope,
+
+    // ===== Pemerintahan & Fasilitas =====
+    bangunan: IconBuilding,
+    kantorDesa: IconBuildingCommunity,
+    administrasi: IconFileText,
+    informasi: IconInfoCircle,
+    pengaduan: IconMessageReport,
+    layananPublik: IconUsers,
+    book: IconBook
   };
 
   if (loading || !data) {
@@ -132,7 +173,7 @@ function ListProgramKreatifDesa({ search }: { search: string }) {
               </Button>
             </Group>
 
-           <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+            <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
               <Table
                 highlightOnHover
                 miw={0}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
index 10a6ce0a..1892c2e9 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
@@ -230,7 +230,6 @@ function ListKelahiran({ search }: { search: string }) {
       </Paper>
 
       {/* Pagination */}
-      {totalPages > 1 && (
         <Center>
           <Pagination
             value={page}
@@ -245,7 +244,6 @@ function ListKelahiran({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
     </Stack>
   );
 }
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
index 91bf8b12..da0cb664 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
@@ -222,7 +222,6 @@ function ListKematian({ search }: { search: string }) {
       </Paper>
 
       {/* Pagination */}
-      {totalPages > 1 && (
         <Center mt="lg">
           <Pagination
             value={page}
@@ -235,7 +234,6 @@ function ListKematian({ search }: { search: string }) {
             radius="md"
           />
         </Center>
-      )}
     </Box>
   );
 }
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
index 32067162..cbf98348 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx
@@ -134,7 +134,6 @@ function ListKategoriPrestasi({ search }: { search: string }) {
             </TableTbody>
           </Table>
 
-          {totalPages > 1 && (
             <Center mt="xl">
               <Pagination
                 value={page}
@@ -151,7 +150,6 @@ function ListKategoriPrestasi({ search }: { search: string }) {
                 }}
               />
             </Center>
-          )}
         </Box>
 
         {/* MOBILE: Card */}
@@ -194,7 +192,6 @@ function ListKategoriPrestasi({ search }: { search: string }) {
               ))
             )}
 
-            {totalPages > 1 && (
               <Center py="lg">
                 <Pagination
                   value={page}
@@ -211,7 +208,6 @@ function ListKategoriPrestasi({ search }: { search: string }) {
                   }}
                 />
               </Center>
-            )}
           </Stack>
         </Box>
 
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
index 916875c7..e6000741 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx
@@ -73,9 +73,9 @@ function ListPrestasi({ search }: { search: string }) {
 
         {/* Desktop Table */}
         <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
-         <Table highlightOnHover
-    layout="fixed" // 🔥 PENTING
-    withColumnBorders={false} striped verticalSpacing="sm" miw={800}>
+          <Table highlightOnHover
+            layout="fixed" // 🔥 PENTING
+            withColumnBorders={false} striped verticalSpacing="sm" miw={800}>
             <TableThead>
               <TableTr>
                 <TableTh>Nama Prestasi</TableTh>
@@ -177,17 +177,15 @@ function ListPrestasi({ search }: { search: string }) {
         </Stack>
       </Paper>
 
-      {totalPages > 1 && (
-        <Center mt={{ base: 'md', md: 'lg' }}>
-          <Pagination
-            value={page}
-            onChange={load}
-            total={totalPages}
-            withEdges
-            size={isMobile ? 'xs' : 'sm'}
-          />
-        </Center>
-      )}
+      <Center mt={{ base: 'md', md: 'lg' }}>
+        <Pagination
+          value={page}
+          onChange={load}
+          total={totalPages}
+          withEdges
+          size={isMobile ? 'xs' : 'sm'}
+        />
+      </Center>
     </Box>
   )
 }
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
index 9538c0d3..108a44db 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
@@ -4,24 +4,45 @@ import colors from '@/con/colors';
 import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import {
+  IconAlertTriangle,
+  IconAmbulance,
   IconArrowBack,
+  IconBook,
+  IconBuilding,
+  IconBuildingCommunity,
+  IconCash,
   IconChartLine,
   IconChristmasTreeFilled,
-  IconClipboard,
+  IconClipboardTextFilled,
   IconDroplet,
   IconEdit,
+  IconFileText,
+  IconFiretruck,
+  IconFirstAidKit,
   IconHome,
   IconHomeEco,
+  IconHospital,
+  IconInfoCircle,
   IconLeaf,
+  IconLifebuoy,
+  IconMessageReport,
+  IconPhoneCall,
   IconRecycle,
+  IconRun,
   IconScale,
+  IconSchool,
+  IconShield,
   IconShieldFilled,
+  IconShoppingCart,
+  IconStethoscope,
   IconTent,
   IconTrash,
+  IconTrashFilled,
   IconTree,
   IconTrendingUp,
   IconTrophy,
-  IconTruck,
+  IconTruckFilled,
+  IconUsers
 } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import React, { useState } from 'react';
@@ -36,24 +57,53 @@ function DetailDataLingkunganDesa() {
   const params = useParams();
   const [selectedId, setSelectedId] = useState<string | null>(null);
 
-  const iconMap: Record<string, React.FC<any>> = {
-    ekowisata: IconLeaf,
-    kompetisi: IconTrophy,
-    wisata: IconTent,
-    ekonomi: IconChartLine,
-    sampah: IconRecycle,
-    truck: IconTruck,
-    scale: IconScale,
-    clipboard: IconClipboard,
-    trash: IconTrash,
-    lingkunganSehat: IconHomeEco,
-    sumberOksigen: IconChristmasTreeFilled,
-    ekonomiBerkelanjutan: IconTrendingUp,
-    mencegahBencana: IconShieldFilled,
-    rumah: IconHome,
-    pohon: IconTree,
-    air: IconDroplet,
-  };
+ const iconMap: Record<string, React.FC<any>> = {
+     // ===== Umum & Lingkungan =====
+     ekowisata: IconLeaf,
+     kompetisi: IconTrophy,
+     wisata: IconTent,
+     ekonomi: IconChartLine,
+     sampah: IconRecycle,
+     truck: IconTruckFilled,
+     scale: IconScale,
+     clipboard: IconClipboardTextFilled,
+     trash: IconTrashFilled,
+     lingkunganSehat: IconHomeEco,
+     sumberOksigen: IconChristmasTreeFilled,
+     ekonomiBerkelanjutan: IconTrendingUp,
+     mencegahBencana: IconShieldFilled,
+     rumah: IconHome,
+     pohon: IconTree,
+     air: IconDroplet,
+     bantuan: IconCash,
+     pelatihan: IconSchool,
+     subsidi: IconShoppingCart,
+     layananKesehatan: IconHospital,
+ 
+     // ===== Keamanan & Darurat =====
+     polisi: IconShieldFilled,
+     ambulans: IconAmbulance,
+     pemadam: IconFiretruck,
+     darurat: IconAlertTriangle,
+     sar: IconLifebuoy,
+     evakuasi: IconRun,
+     keamanan: IconShield,
+     teleponDarurat: IconPhoneCall,
+ 
+     // ===== Kesehatan =====
+     rumahSakit: IconHospital,
+     puskesmas: IconFirstAidKit,
+     klinik: IconStethoscope,
+ 
+     // ===== Pemerintahan & Fasilitas =====
+     bangunan: IconBuilding,
+     kantorDesa: IconBuildingCommunity,
+     administrasi: IconFileText,
+     informasi: IconInfoCircle,
+     pengaduan: IconMessageReport,
+     layananPublik: IconUsers,
+     book: IconBook
+   };
 
   useShallowEffect(() => {
     stateDataLingkungan.findUnique.load(params?.id as string);
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
index 0c9c125e..ba962a7e 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/page.tsx
@@ -23,31 +23,43 @@ import {
 import {
   IconAlertTriangle,
   IconAmbulance,
+  IconBook,
   IconBuilding,
+  IconBuildingCommunity,
   IconCash,
   IconChartLine,
   IconChristmasTreeFilled,
   IconClipboardTextFilled,
   IconDeviceImacCog,
   IconDroplet,
+  IconFileText,
   IconFiretruck,
+  IconFirstAidKit,
   IconHome,
   IconHomeEco,
   IconHospital,
+  IconInfoCircle,
   IconLeaf,
+  IconLifebuoy,
+  IconMessageReport,
+  IconPhoneCall,
   IconPlus,
   IconRecycle,
+  IconRun,
   IconScale,
   IconSchool,
   IconSearch,
+  IconShield,
   IconShieldFilled,
   IconShoppingCart,
+  IconStethoscope,
   IconTent,
   IconTrashFilled,
   IconTree,
   IconTrendingUp,
   IconTrophy,
   IconTruckFilled,
+  IconUsers,
 } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -84,34 +96,53 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
 
   const filteredData = data || [];
 
-  const iconMap: Record<string, React.FC<any>> = {
-    ekowisata: IconLeaf,
-    kompetisi: IconTrophy,
-    wisata: IconTent,
-    ekonomi: IconChartLine,
-    sampah: IconRecycle,
-    truck: IconTruckFilled,
-    scale: IconScale,
-    clipboard: IconClipboardTextFilled,
-    trash: IconTrashFilled,
-    lingkunganSehat: IconHomeEco,
-    sumberOksigen: IconChristmasTreeFilled,
-    ekonomiBerkelanjutan: IconTrendingUp,
-    mencegahBencana: IconShieldFilled,
-    rumah: IconHome,
-    pohon: IconTree,
-    air: IconDroplet,
-    bantuan: IconCash,
-    pelatihan: IconSchool,
-    subsidi: IconShoppingCart,
-    layananKesehatan: IconHospital,
-    polisi: IconShieldFilled,
-    ambulans: IconAmbulance,
-    pemadam: IconFiretruck,
-    rumahSakit: IconHospital,
-    bangunan: IconBuilding,
-    darurat: IconAlertTriangle
-  };
+ const iconMap: Record<string, React.FC<any>> = {
+     // ===== Umum & Lingkungan =====
+     ekowisata: IconLeaf,
+     kompetisi: IconTrophy,
+     wisata: IconTent,
+     ekonomi: IconChartLine,
+     sampah: IconRecycle,
+     truck: IconTruckFilled,
+     scale: IconScale,
+     clipboard: IconClipboardTextFilled,
+     trash: IconTrashFilled,
+     lingkunganSehat: IconHomeEco,
+     sumberOksigen: IconChristmasTreeFilled,
+     ekonomiBerkelanjutan: IconTrendingUp,
+     mencegahBencana: IconShieldFilled,
+     rumah: IconHome,
+     pohon: IconTree,
+     air: IconDroplet,
+     bantuan: IconCash,
+     pelatihan: IconSchool,
+     subsidi: IconShoppingCart,
+     layananKesehatan: IconHospital,
+ 
+     // ===== Keamanan & Darurat =====
+     polisi: IconShieldFilled,
+     ambulans: IconAmbulance,
+     pemadam: IconFiretruck,
+     darurat: IconAlertTriangle,
+     sar: IconLifebuoy,
+     evakuasi: IconRun,
+     keamanan: IconShield,
+     teleponDarurat: IconPhoneCall,
+ 
+     // ===== Kesehatan =====
+     rumahSakit: IconHospital,
+     puskesmas: IconFirstAidKit,
+     klinik: IconStethoscope,
+ 
+     // ===== Pemerintahan & Fasilitas =====
+     bangunan: IconBuilding,
+     kantorDesa: IconBuildingCommunity,
+     administrasi: IconFileText,
+     informasi: IconInfoCircle,
+     pengaduan: IconMessageReport,
+     layananPublik: IconUsers,
+     book: IconBook
+   };
 
   if (loading || !data) {
     return (
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
index a41d23f2..460c4d4d 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/page.tsx
@@ -2,7 +2,7 @@
 import colors from '@/con/colors';
 import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
-import { IconAlertTriangle, IconAmbulance, IconBuilding, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled, IconDroplet, IconEdit, IconFiretruck, IconHome, IconHomeEco, IconHospital, IconLeaf, IconPlus, IconRecycle, IconScale, IconSchool, IconSearch, IconShieldFilled, IconShoppingCart, IconTent, IconTrashFilled, IconTree, IconTrendingUp, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
+import { IconAlertTriangle, IconAmbulance, IconBook, IconBuilding, IconBuildingCommunity, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled, IconDroplet, IconEdit, IconFileText, IconFiretruck, IconFirstAidKit, IconHome, IconHomeEco, IconHospital, IconInfoCircle, IconLeaf, IconLifebuoy, IconMessageReport, IconPhoneCall, IconPlus, IconRecycle, IconRun, IconScale, IconSchool, IconSearch, IconShield, IconShieldFilled, IconShoppingCart, IconStethoscope, IconTent, IconTrashFilled, IconTree, IconTrendingUp, IconTrophy, IconTruckFilled, IconUsers } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React, { useState } from 'react';
 import { useProxy } from 'valtio/utils';
@@ -58,32 +58,51 @@ function ListPengelolaanSampahBankSampah({ search }: { search: string }) {
   const filteredData = data || []
 
   const iconMap: Record<string, React.FC<{ size: number; style?: React.CSSProperties }>> = {
-    ekowisata: IconLeaf,
-    kompetisi: IconTrophy,
-    wisata: IconTent,
-    ekonomi: IconChartLine,
-    sampah: IconRecycle,
-    truck: IconTruckFilled,
-    scale: IconScale,
-    clipboard: IconClipboardTextFilled,
-    trash: IconTrashFilled,
-    lingkunganSehat: IconHomeEco,
-    sumberOksigen: IconChristmasTreeFilled,
-    ekonomiBerkelanjutan: IconTrendingUp,
-    mencegahBencana: IconShieldFilled,
-    rumah: IconHome,
-    pohon: IconTree,
-    air: IconDroplet,
-    bantuan: IconCash,
-    pelatihan: IconSchool,
-    subsidi: IconShoppingCart,
-    layananKesehatan: IconHospital,
-    polisi: IconShieldFilled,
-    ambulans: IconAmbulance,
-    pemadam: IconFiretruck,
-    rumahSakit: IconHospital,
-    bangunan: IconBuilding,
-    darurat: IconAlertTriangle,
+   // ===== Umum & Lingkungan =====
+       ekowisata: IconLeaf,
+       kompetisi: IconTrophy,
+       wisata: IconTent,
+       ekonomi: IconChartLine,
+       sampah: IconRecycle,
+       truck: IconTruckFilled,
+       scale: IconScale,
+       clipboard: IconClipboardTextFilled,
+       trash: IconTrashFilled,
+       lingkunganSehat: IconHomeEco,
+       sumberOksigen: IconChristmasTreeFilled,
+       ekonomiBerkelanjutan: IconTrendingUp,
+       mencegahBencana: IconShieldFilled,
+       rumah: IconHome,
+       pohon: IconTree,
+       air: IconDroplet,
+       bantuan: IconCash,
+       pelatihan: IconSchool,
+       subsidi: IconShoppingCart,
+       layananKesehatan: IconHospital,
+   
+       // ===== Keamanan & Darurat =====
+       polisi: IconShieldFilled,
+       ambulans: IconAmbulance,
+       pemadam: IconFiretruck,
+       darurat: IconAlertTriangle,
+       sar: IconLifebuoy,
+       evakuasi: IconRun,
+       keamanan: IconShield,
+       teleponDarurat: IconPhoneCall,
+   
+       // ===== Kesehatan =====
+       rumahSakit: IconHospital,
+       puskesmas: IconFirstAidKit,
+       klinik: IconStethoscope,
+   
+       // ===== Pemerintahan & Fasilitas =====
+       bangunan: IconBuilding,
+       kantorDesa: IconBuildingCommunity,
+       administrasi: IconFileText,
+       informasi: IconInfoCircle,
+       pengaduan: IconMessageReport,
+       layananPublik: IconUsers,
+       book: IconBook
   };
 
   if (loading || !data) {
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
index 938dc046..7c1914e8 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
@@ -6,12 +6,14 @@ import { useShallowEffect } from '@mantine/hooks';
 import {
   IconAlertTriangle,
   IconAmbulance,
-  IconArrowBack, IconBuilding, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboard,
+  IconArrowBack, IconBook, IconBuilding, IconBuildingCommunity, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboard,
   IconDroplet,
-  IconEdit, IconFiretruck, IconHome, IconHomeEco, IconHospital, IconLeaf, IconRecycle, IconScale,
+  IconEdit, IconFileText, IconFiretruck, IconFirstAidKit, IconHome, IconHomeEco, IconHospital, IconInfoCircle, IconLeaf, IconLifebuoy, IconMessageReport, IconPhoneCall, IconRecycle, IconRun, IconScale,
   IconSchool,
-  IconShieldFilled, IconShoppingCart, IconTent, IconTrash, IconTree, IconTrendingUp,
-  IconTrophy, IconTruck
+  IconShield,
+  IconShieldFilled, IconShoppingCart, IconStethoscope, IconTent, IconTrash, IconTree, IconTrendingUp,
+  IconTrophy, IconTruck,
+  IconUsers
 } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import React, { useState } from 'react';
@@ -28,31 +30,49 @@ function DetailProgramPenghijauan() {
 
   const iconMap: Record<string, React.FC<any>> = {
     ekowisata: IconLeaf,
-  kompetisi: IconTrophy,
-  wisata: IconTent,
-  ekonomi: IconChartLine,
-  sampah: IconRecycle,
-  truck: IconTruck,
-  scale: IconScale,
-  clipboard: IconClipboard,
-  trash: IconTrash,
-  lingkunganSehat: IconHomeEco,
-  sumberOksigen: IconChristmasTreeFilled,
-  ekonomiBerkelanjutan: IconTrendingUp,
-  mencegahBencana: IconShieldFilled,
-  rumah: IconHome,
-  pohon: IconTree,
-  air: IconDroplet,
-  bantuan: IconCash,
-  pelatihan: IconSchool,
-  subsidi: IconShoppingCart,
-  layananKesehatan: IconHospital,
-  polisi: IconShieldFilled,
-  ambulans: IconAmbulance,
-  pemadam: IconFiretruck,
-  rumahSakit: IconHospital,
-  bangunan: IconBuilding,
-  darurat: IconAlertTriangle
+    kompetisi: IconTrophy,
+    wisata: IconTent,
+    ekonomi: IconChartLine,
+    sampah: IconRecycle,
+    truck: IconTruck,
+    scale: IconScale,
+    clipboard: IconClipboard,
+    trash: IconTrash,
+    lingkunganSehat: IconHomeEco,
+    sumberOksigen: IconChristmasTreeFilled,
+    ekonomiBerkelanjutan: IconTrendingUp,
+    mencegahBencana: IconShieldFilled,
+    rumah: IconHome,
+    pohon: IconTree,
+    air: IconDroplet,
+    bantuan: IconCash,
+    pelatihan: IconSchool,
+    subsidi: IconShoppingCart,
+    layananKesehatan: IconHospital,
+
+    // ===== Keamanan & Darurat =====
+    polisi: IconShieldFilled,
+    ambulans: IconAmbulance,
+    pemadam: IconFiretruck,
+    darurat: IconAlertTriangle,
+    sar: IconLifebuoy,
+    evakuasi: IconRun,
+    keamanan: IconShield,
+    teleponDarurat: IconPhoneCall,
+
+    // ===== Kesehatan =====
+    rumahSakit: IconHospital,
+    puskesmas: IconFirstAidKit,
+    klinik: IconStethoscope,
+
+    // ===== Pemerintahan =====
+    bangunan: IconBuilding,
+    kantorDesa: IconBuildingCommunity,
+    administrasi: IconFileText,
+    informasi: IconInfoCircle,
+    pengaduan: IconMessageReport,
+    layananPublik: IconUsers,
+    book: IconBook
   };
 
   useShallowEffect(() => {
@@ -113,7 +133,7 @@ function DetailProgramPenghijauan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Ikon Program</Text>
-                {iconMap[data?.icon]  ? (
+                {iconMap[data?.icon] ? (
                   <Box title={data?.icon}>
                     {React.createElement(iconMap[data.icon], { size: 28, color: colors['blue-button'] })}
                   </Box>
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
index ff55c48d..24270c39 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx
@@ -23,31 +23,43 @@ import {
 import {
   IconAlertTriangle,
   IconAmbulance,
+  IconBook,
   IconBuilding,
+  IconBuildingCommunity,
   IconCash,
   IconChartLine,
   IconChristmasTreeFilled,
   IconClipboardTextFilled,
   IconDeviceImac,
   IconDroplet,
+  IconFileText,
   IconFiretruck,
+  IconFirstAidKit,
   IconHome,
   IconHomeEco,
   IconHospital,
+  IconInfoCircle,
   IconLeaf,
+  IconLifebuoy,
+  IconMessageReport,
+  IconPhoneCall,
   IconPlus,
   IconRecycle,
+  IconRun,
   IconScale,
   IconSchool,
   IconSearch,
+  IconShield,
   IconShieldFilled,
   IconShoppingCart,
+  IconStethoscope,
   IconTent,
   IconTrashFilled,
   IconTree,
   IconTrendingUp,
   IconTrophy,
   IconTruckFilled,
+  IconUsers,
 } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -85,6 +97,7 @@ function ListProgramPenghijauan({ search }: { search: string }) {
   const filteredData = data || [];
 
   const iconMap: Record<string, React.FC<any>> = {
+    // ===== Umum & Lingkungan =====
     ekowisata: IconLeaf,
     kompetisi: IconTrophy,
     wisata: IconTent,
@@ -105,12 +118,30 @@ function ListProgramPenghijauan({ search }: { search: string }) {
     pelatihan: IconSchool,
     subsidi: IconShoppingCart,
     layananKesehatan: IconHospital,
+
+    // ===== Keamanan & Darurat =====
     polisi: IconShieldFilled,
     ambulans: IconAmbulance,
     pemadam: IconFiretruck,
-    rumahSakit: IconHospital,
-    bangunan: IconBuilding,
     darurat: IconAlertTriangle,
+    sar: IconLifebuoy,
+    evakuasi: IconRun,
+    keamanan: IconShield,
+    teleponDarurat: IconPhoneCall,
+
+    // ===== Kesehatan =====
+    rumahSakit: IconHospital,
+    puskesmas: IconFirstAidKit,
+    klinik: IconStethoscope,
+
+    // ===== Pemerintahan & Fasilitas =====
+    bangunan: IconBuilding,
+    kantorDesa: IconBuildingCommunity,
+    administrasi: IconFileText,
+    informasi: IconInfoCircle,
+    pengaduan: IconMessageReport,
+    layananPublik: IconUsers,
+    book: IconBook
   };
 
   if (loading || !data) {
diff --git a/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/serializ.tsx b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/serializ.tsx
new file mode 100644
index 00000000..6784ad59
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/ekonomi/pendapatan-asli-desa/serializ.tsx
@@ -0,0 +1,7 @@
+export default function serializeBigInt<T>(data: T): T {
+  return JSON.parse(
+    JSON.stringify(data, (_, value) =>
+      typeof value === "bigint" ? value.toString() : value
+    )
+  );
+}
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
index 6252515c..6775bdb1 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
@@ -40,6 +40,13 @@ function PengaduanMasyarakat() {
     };
   };
 
+  const resetAll = () => {
+    resetForm();
+    setFile(null);
+    setPreviewImage(null);
+  };
+
+
   const handleSubmit = async () => {
     if (!file) {
       return toast.error("Silahkan pilih file gambar terlebih dahulu")
@@ -64,7 +71,7 @@ function PengaduanMasyarakat() {
       const success = await state.pengaduanMasyarakat.create.create()
 
       if (success) {
-        resetForm()
+        resetAll()
         close()
       }
     } catch (error) {
@@ -190,7 +197,7 @@ function PengaduanMasyarakat() {
                     </Group>
                   </Dropzone>
                   {previewImage ? (
-                    <Image alt="" src={previewImage} w={200} h={200} loading="lazy"/>
+                    <Image alt="" src={previewImage} w={200} h={200} loading="lazy" />
                   ) : (
                     <Center w={200} h={200} bg={"gray"}>
                       <IconImageInPicture />
diff --git a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
index bbd7ce17..151dbf69 100644
--- a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
@@ -124,7 +124,6 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
         )}
       </Stack>
 
-      {totalPages > 1 && (
         <Center>
           <Pagination
             value={page}
@@ -138,7 +137,6 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
             radius="lg"
           />
         </Center>
-      )}
     </Box>
   );
 }
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
index 1f67015d..6f2bc289 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
@@ -179,7 +179,6 @@ export default function Page() {
             ))}
           </SimpleGrid>
 
-          {totalPages > 1 && (
             <Center>
               <Pagination
                 value={page}
@@ -191,7 +190,6 @@ export default function Page() {
                 mt="md"
               />
             </Center>
-          )}
 
           <Stack gap="sm">
             <Flex align="center" gap="xs">
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
index 56b15365..ddd8ca3a 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
@@ -225,7 +225,6 @@ export default function Page() {
           ))}
         </SimpleGrid>
 
-        {totalPages > 1 && (
           <Center>
             <Pagination
               value={page}
@@ -242,7 +241,6 @@ export default function Page() {
               }}
             />
           </Center>
-        )}
       </Box>
 
       <Box px={{ base: "md", md: 100 }} py="xl">
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
index 96a298fa..1187914d 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
@@ -127,7 +127,6 @@ function Page() {
         )}
       </Box>
 
-      {totalPages > 1 && (
         <Center>
           <Pagination
             value={page}
@@ -138,7 +137,6 @@ function Page() {
             mt="lg"
           />
         </Center>
-      )}
     </Stack>
   );
 }
diff --git a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
index 3dc3daa0..e87dd98c 100644
--- a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
@@ -3,7 +3,7 @@ import dataLingkunganDesaState from '@/app/admin/(dashboard)/_state/lingkungan/d
 import colors from '@/con/colors';
 import { Badge, Box, Center, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Tooltip } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
-import { Icon, IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled, IconDroplet, IconHome, IconHomeEco, IconLeaf, IconRecycle, IconScale, IconSearch, IconShieldFilled, IconTent, IconTrashFilled, IconTree, IconTrendingUp, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
+import { Icon, IconAlertTriangle, IconAmbulance, IconBook, IconBuilding, IconBuildingCommunity, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboard, IconDroplet, IconFileText, IconFiretruck, IconFirstAidKit, IconHome, IconHomeEco, IconHospital, IconInfoCircle, IconLeaf, IconLifebuoy, IconMessageReport, IconPhoneCall, IconRecycle, IconRun, IconScale, IconSchool, IconSearch, IconShield, IconShieldFilled, IconShoppingCart, IconStethoscope, IconTent, IconTrash, IconTree, IconTrendingUp, IconTrophy, IconTruck, IconUsers } from '@tabler/icons-react';
 import React, { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
@@ -21,24 +21,51 @@ function Page() {
   } = state
 
   const iconMap: Record<string, Icon> = {
-    ekowisata: IconLeaf,
-    kompetisi: IconTrophy,
-    wisata: IconTent,
-    ekonomi: IconChartLine,
-    sampah: IconRecycle,
-    truck: IconTruckFilled,
-    scale: IconScale,
-    clipboard: IconClipboardTextFilled,
-    trash: IconTrashFilled,
-    lingkunganSehat: IconHomeEco,
-    sumberOksigen: IconChristmasTreeFilled,
-    ekonomiBerkelanjutan: IconTrendingUp,
-    mencegahBencana: IconShieldFilled,
-    rumah: IconHome,
-    pohon: IconTree,
-    air: IconDroplet
+  ekowisata: IconLeaf,
+  kompetisi: IconTrophy,
+  wisata: IconTent,
+  ekonomi: IconChartLine,
+  sampah: IconRecycle,
+  truck: IconTruck,
+  scale: IconScale,
+  clipboard: IconClipboard,
+  trash: IconTrash,
+  lingkunganSehat: IconHomeEco,
+  sumberOksigen: IconChristmasTreeFilled,
+  ekonomiBerkelanjutan: IconTrendingUp,
+  mencegahBencana: IconShieldFilled,
+  rumah: IconHome,
+  pohon: IconTree,
+  air: IconDroplet,
+  bantuan: IconCash,
+  pelatihan: IconSchool,
+  subsidi: IconShoppingCart,
+  layananKesehatan: IconHospital,
 
-  };
+  // ===== Keamanan & Darurat =====
+  polisi: IconShieldFilled,
+  ambulans: IconAmbulance,
+  pemadam: IconFiretruck,
+  darurat: IconAlertTriangle,
+  sar: IconLifebuoy,
+  evakuasi: IconRun,
+  keamanan: IconShield,
+  teleponDarurat: IconPhoneCall,
+
+  // ===== Kesehatan =====
+  rumahSakit: IconHospital,
+  puskesmas: IconFirstAidKit,
+  klinik: IconStethoscope,
+
+  // ===== Pemerintahan =====
+  bangunan: IconBuilding,
+  kantorDesa: IconBuildingCommunity,
+  administrasi: IconFileText,
+  informasi: IconInfoCircle,
+  pengaduan: IconMessageReport,
+  layananPublik: IconUsers,
+  book: IconBook
+};
 
   useShallowEffect(() => {
     load(page, 6, debouncedSearch)
diff --git a/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
index 2b7ddd51..4d2a71d3 100644
--- a/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx
@@ -3,11 +3,11 @@ import pengelolaanSampahState from '@/app/admin/(dashboard)/_state/lingkungan/pe
 import colors from '@/con/colors';
 import { Box, Center, Flex, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
-import { Icon, IconChartLine, IconClipboardTextFilled, IconLeaf, IconRecycle, IconRoute, IconScale, IconSearch, IconTent, IconTrashFilled, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
+import { Icon, IconAlertTriangle, IconAmbulance, IconBook, IconBuilding, IconBuildingCommunity, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboard, IconDroplet, IconFileText, IconFiretruck, IconFirstAidKit, IconHome, IconHomeEco, IconHospital, IconInfoCircle, IconLeaf, IconLifebuoy, IconMessageReport, IconPhoneCall, IconRecycle, IconRoute, IconRun, IconScale, IconSchool, IconSearch, IconShield, IconShieldFilled, IconShoppingCart, IconStethoscope, IconTent, IconTrash, IconTree, IconTrendingUp, IconTrophy, IconTruck, IconUsers } from '@tabler/icons-react';
+import dynamic from 'next/dynamic';
 import React, { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
-import dynamic from 'next/dynamic';
 
 // Dynamically import the map component to avoid SSR issues with Leaflet
 const LeafletMultiMarkerMap = dynamic(
@@ -42,16 +42,51 @@ function Page() {
   }, [page, debouncedSearch])
 
   const iconMap: Record<string, Icon> = {
-    ekowisata: IconLeaf,
-    kompetisi: IconTrophy,
-    wisata: IconTent,
-    ekonomi: IconChartLine,
-    sampah: IconRecycle,
-    truck: IconTruckFilled,
-    scale: IconScale,
-    clipboard: IconClipboardTextFilled,
-    trash: IconTrashFilled,
-  };
+  ekowisata: IconLeaf,
+  kompetisi: IconTrophy,
+  wisata: IconTent,
+  ekonomi: IconChartLine,
+  sampah: IconRecycle,
+  truck: IconTruck,
+  scale: IconScale,
+  clipboard: IconClipboard,
+  trash: IconTrash,
+  lingkunganSehat: IconHomeEco,
+  sumberOksigen: IconChristmasTreeFilled,
+  ekonomiBerkelanjutan: IconTrendingUp,
+  mencegahBencana: IconShieldFilled,
+  rumah: IconHome,
+  pohon: IconTree,
+  air: IconDroplet,
+  bantuan: IconCash,
+  pelatihan: IconSchool,
+  subsidi: IconShoppingCart,
+  layananKesehatan: IconHospital,
+
+  // ===== Keamanan & Darurat =====
+  polisi: IconShieldFilled,
+  ambulans: IconAmbulance,
+  pemadam: IconFiretruck,
+  darurat: IconAlertTriangle,
+  sar: IconLifebuoy,
+  evakuasi: IconRun,
+  keamanan: IconShield,
+  teleponDarurat: IconPhoneCall,
+
+  // ===== Kesehatan =====
+  rumahSakit: IconHospital,
+  puskesmas: IconFirstAidKit,
+  klinik: IconStethoscope,
+
+  // ===== Pemerintahan =====
+  bangunan: IconBuilding,
+  kantorDesa: IconBuildingCommunity,
+  administrasi: IconFileText,
+  informasi: IconInfoCircle,
+  pengaduan: IconMessageReport,
+  layananPublik: IconUsers,
+  book: IconBook
+};
 
   if (state.findMany.loading || !data) {
     return (
diff --git a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx
index 1e33d357..a839c37c 100644
--- a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx
@@ -4,10 +4,21 @@ import programPenghijauanState from '@/app/admin/(dashboard)/_state/lingkungan/p
 import { Box, Button, Paper, Skeleton, Stack, Text, ThemeIcon } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import {
-  IconArrowLeft, IconChartLine, IconChristmasTreeFilled, IconClipboard,
-  IconHomeEco, IconLeaf, IconRecycle, IconScale,
-  IconShieldFilled, IconTent, IconTrash,
-  IconTrendingUp, IconTrophy, IconTruck
+  IconAlertTriangle,
+  IconAmbulance,
+  IconArrowLeft, IconBook, IconBuilding, IconBuildingCommunity, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboard,
+  IconDroplet,
+  IconFileText,
+  IconFiretruck,
+  IconFirstAidKit,
+  IconHome,
+  IconHomeEco, IconHospital, IconInfoCircle, IconLeaf, IconLifebuoy, IconMessageReport, IconPhoneCall, IconRecycle, IconRun, IconScale,
+  IconSchool,
+  IconShield,
+  IconShieldFilled, IconShoppingCart, IconStethoscope, IconTent, IconTrash,
+  IconTree,
+  IconTrendingUp, IconTrophy, IconTruck,
+  IconUsers
 } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import React from 'react';
@@ -32,6 +43,37 @@ function Page() {
     sumberOksigen: IconChristmasTreeFilled,
     ekonomiBerkelanjutan: IconTrendingUp,
     mencegahBencana: IconShieldFilled,
+    rumah: IconHome,
+    pohon: IconTree,
+    air: IconDroplet,
+    bantuan: IconCash,
+    pelatihan: IconSchool,
+    subsidi: IconShoppingCart,
+    layananKesehatan: IconHospital,
+  
+    // ===== Keamanan & Darurat =====
+    polisi: IconShieldFilled,
+    ambulans: IconAmbulance,
+    pemadam: IconFiretruck,
+    darurat: IconAlertTriangle,
+    sar: IconLifebuoy,
+    evakuasi: IconRun,
+    keamanan: IconShield,
+    teleponDarurat: IconPhoneCall,
+  
+    // ===== Kesehatan =====
+    rumahSakit: IconHospital,
+    puskesmas: IconFirstAidKit,
+    klinik: IconStethoscope,
+  
+    // ===== Pemerintahan =====
+    bangunan: IconBuilding,
+    kantorDesa: IconBuildingCommunity,
+    administrasi: IconFileText,
+    informasi: IconInfoCircle,
+    pengaduan: IconMessageReport,
+    layananPublik: IconUsers,
+    book: IconBook
   };
 
   useShallowEffect(() => {
diff --git a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx
index fcae700d..8a0d67d2 100644
--- a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx
@@ -4,11 +4,11 @@ import programPenghijauanState from '@/app/admin/(dashboard)/_state/lingkungan/p
 import colors from '@/con/colors';
 import { Box, Center, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
 import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
-import { IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled, IconHomeEco, IconLeaf, IconRecycle, IconScale, IconSearch, IconShieldFilled, IconTent, IconTrashFilled, IconTrendingUp, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
+import { IconAlertTriangle, IconAmbulance, IconBook, IconBuilding, IconBuildingCommunity, IconCash, IconChartLine, IconChristmasTreeFilled, IconClipboard, IconDroplet, IconFileText, IconFiretruck, IconFirstAidKit, IconHome, IconHomeEco, IconHospital, IconInfoCircle, IconLeaf, IconLifebuoy, IconMessageReport, IconPhoneCall, IconRecycle, IconRun, IconScale, IconSchool, IconSearch, IconShield, IconShieldFilled, IconShoppingCart, IconStethoscope, IconTent, IconTrash, IconTree, IconTrendingUp, IconTrophy, IconTruck, IconUsers } from '@tabler/icons-react';
+import { useTransitionRouter } from 'next-view-transitions';
 import React, { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import BackButton from '../../desa/layanan/_com/BackButto';
-import { useTransitionRouter } from 'next-view-transitions';
 
 function Page() {
   const state = useProxy(programPenghijauanState);
@@ -22,20 +22,51 @@ function Page() {
   }, [page, debouncedSearch]);
 
   const iconMap: Record<string, any> = {
-    ekowisata: IconLeaf,
-    kompetisi: IconTrophy,
-    wisata: IconTent,
-    ekonomi: IconChartLine,
-    sampah: IconRecycle,
-    truck: IconTruckFilled,
-    scale: IconScale,
-    clipboard: IconClipboardTextFilled,
-    trash: IconTrashFilled,
-    lingkunganSehat: IconHomeEco,
-    sumberOksigen: IconChristmasTreeFilled,
-    ekonomiBerkelanjutan: IconTrendingUp,
-    mencegahBencana: IconShieldFilled,
-  };
+  ekowisata: IconLeaf,
+  kompetisi: IconTrophy,
+  wisata: IconTent,
+  ekonomi: IconChartLine,
+  sampah: IconRecycle,
+  truck: IconTruck,
+  scale: IconScale,
+  clipboard: IconClipboard,
+  trash: IconTrash,
+  lingkunganSehat: IconHomeEco,
+  sumberOksigen: IconChristmasTreeFilled,
+  ekonomiBerkelanjutan: IconTrendingUp,
+  mencegahBencana: IconShieldFilled,
+  rumah: IconHome,
+  pohon: IconTree,
+  air: IconDroplet,
+  bantuan: IconCash,
+  pelatihan: IconSchool,
+  subsidi: IconShoppingCart,
+  layananKesehatan: IconHospital,
+
+  // ===== Keamanan & Darurat =====
+  polisi: IconShieldFilled,
+  ambulans: IconAmbulance,
+  pemadam: IconFiretruck,
+  darurat: IconAlertTriangle,
+  sar: IconLifebuoy,
+  evakuasi: IconRun,
+  keamanan: IconShield,
+  teleponDarurat: IconPhoneCall,
+
+  // ===== Kesehatan =====
+  rumahSakit: IconHospital,
+  puskesmas: IconFirstAidKit,
+  klinik: IconStethoscope,
+
+  // ===== Pemerintahan =====
+  bangunan: IconBuilding,
+  kantorDesa: IconBuildingCommunity,
+  administrasi: IconFileText,
+  informasi: IconInfoCircle,
+  pengaduan: IconMessageReport,
+  layananPublik: IconUsers,
+  book: IconBook
+};
 
   if (loading || !data) {
     return (
-- 
2.49.1


From 6ca1e032a64ccebb9cf7fa3e74c116ea528921b5 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 21 Jan 2026 14:09:27 +0800
Subject: [PATCH 69/97] Fix uploads -1

---
 bun.lockb                         | Bin 423223 -> 424350 bytes
 package.json                      |   2 +
 prisma/seed_assets.ts             | 381 ++++++++++++++++++++++--------
 src/app/api/[[...slugs]]/route.ts |  26 +-
 4 files changed, 303 insertions(+), 106 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index e30c097613d9bfed2a8bed26cfd8cb0c3e5e8a2d..14f3d9e9c553e8c6ef5d3af125a851b747a3e886 100755
GIT binary patch
delta 76110
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

delta 76496
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

diff --git a/package.json b/package.json
index e4b3bc0b..cfab3f92 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "@types/bun": "^1.2.2",
     "@types/leaflet": "^1.9.20",
     "@types/lodash": "^4.17.16",
+    "@types/mime-types": "^3.0.1",
     "@types/nodemailer": "^7.0.2",
     "add": "^2.0.6",
     "adm-zip": "^0.5.16",
@@ -72,6 +73,7 @@
     "leaflet": "^1.9.4",
     "list": "^2.0.19",
     "lodash": "^4.17.21",
+    "mime-types": "^3.0.2",
     "motion": "^12.4.1",
     "nanoid": "^5.1.5",
     "next": "^15.5.2",
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 5b086254..79e72337 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -1,27 +1,222 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
+// /* eslint-disable @typescript-eslint/no-unused-vars */
+// // prisma/seedAssets.ts
+// import prisma from "@/lib/prisma";
+// import AdmZip from "adm-zip";
+// import fs from "fs/promises";
+// import path from "path";
+// import sharp from "sharp";
+// import fetchWithRetry from "./data/fetchWithRetry";
+
+// const UPLOADS_DIR = path.resolve(
+//   process.env.WIBU_UPLOAD_DIR || "uploads"
+// );
+
+// // --- Helper: deteksi kategori file ---
+// function detectCategory(filename: string): "image" | "document" | "other" {
+//   const ext = path.extname(filename).toLowerCase();
+//   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
+//   if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
+//   return "other";
+// }
+
+// // --- Helper: recursive walk dir ---
+// async function walkDir(
+//   dir: string,
+//   fileList: string[] = []
+// ): Promise<string[]> {
+//   const entries = await fs.readdir(dir, { withFileTypes: true });
+
+//   for (const entry of entries) {
+//     const fullPath = path.join(dir, entry.name);
+
+//     if (entry.isDirectory()) {
+//       if (entry.name === "__MACOSX") continue; // skip folder sampah
+//       await walkDir(fullPath, fileList);
+//     } else {
+//       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
+//       fileList.push(fullPath);
+//     }
+//   }
+
+//   return fileList;
+// }
+
+// export default async function seedAssets() {
+//   console.log("🚀 Seeding assets...");
+//   console.log("📁 Upload dir:", UPLOADS_DIR);
+
+//   await fs.mkdir(UPLOADS_DIR, { recursive: true });
+
+//   // 1. Download zip
+//   const url =
+//     "https://cld-dkr-makuro-seafile.wibudev.com/f/eadd52c5bd654ec789a3/?dl=1";
+//   const res = await fetchWithRetry(url, 3, 20000);
+
+//   // Validasi content-type
+//   const contentType = res.headers.get("content-type");
+//   if (!contentType?.includes("zip")) {
+//     throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
+//   }
+
+//   const buffer = Buffer.from(await res.arrayBuffer());
+
+//   // Validasi ukuran file
+//   if (buffer.length < 100) {
+//     throw new Error("Downloaded ZIP is empty or corrupted");
+//   }
+
+//   // Validasi signature ZIP ("PK")
+//   if (buffer.toString("utf8", 0, 2) !== "PK") {
+//     throw new Error("Invalid ZIP signature (PK not found)");
+//   }
+
+//   // 2. Extract zip ke folder tmp
+//   const extractDir = path.join(process.cwd(), "tmp_assets");
+//   await fs.rm(extractDir, { recursive: true, force: true });
+//   await fs.mkdir(extractDir, { recursive: true });
+
+//   let zip: AdmZip;
+
+//   try {
+//     zip = new AdmZip(buffer);
+//   } catch (err) {
+//     throw new Error("Failed to parse ZIP file (corrupted or invalid)");
+//   }
+
+//   try {
+//     zip.extractAllTo(extractDir, true);
+//   } catch (err) {
+//     throw new Error("Failed to extract ZIP contents");
+//   }
+
+//   // 3. Cari semua file valid (recursive)
+//   const files = await walkDir(extractDir);
+
+//   // 4. Loop tiap file & simpan
+//   for (const filePath of files) {
+//     const entryName = path.basename(filePath);
+//     const category = detectCategory(entryName);
+
+//     let finalName = entryName;
+//     let mimeType = "application/octet-stream";
+//     let targetPath = "";
+
+//     if (category === "image") {
+//       const fileBaseName = path.parse(entryName).name;
+//       finalName = `${fileBaseName}.webp`;
+//       targetPath = path.join(UPLOADS_DIR, "images", finalName);
+//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
+//       await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+//       mimeType = "image/webp";
+//     } else if (category === "document") {
+//       targetPath = path.join(UPLOADS_DIR, "documents", entryName);
+//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
+//       await fs.copyFile(filePath, targetPath);
+//       mimeType = "application/pdf";
+//     } else {
+//       targetPath = path.join(UPLOADS_DIR, "other", entryName);
+//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
+//       await fs.copyFile(filePath, targetPath);
+//     }
+
+//     const existing = await prisma.fileStorage.findUnique({
+//       where: { name: finalName },
+//     });
+
+//     if (existing) {
+//       // Restore kalau soft deleted
+//       await prisma.fileStorage.update({
+//         where: { name: finalName },
+//         data: {
+//           path: targetPath,
+//           realName: entryName,
+//           mimeType,
+//           link: `/uploads/${category}/${finalName}`,
+//           category,
+//           deletedAt: null,
+//           isActive: true,
+//         },
+//       });
+
+//       console.log(`♻️ restored: ${category}/${finalName}`);
+//     } else {
+//       await prisma.fileStorage.create({
+//         data: {
+//           name: finalName,
+//           realName: entryName,
+//           path: targetPath,
+//           mimeType,
+//           link: `/uploads/${category}/${finalName}`,
+//           category,
+//         },
+//       });
+
+//       console.log(`📂 created: ${category}/${finalName}`);
+//     }
+
+//     console.log(`📂 saved: ${category}/${finalName}`);
+//   }
+
+//   // 6. Cleanup
+//   await fs.rm(extractDir, { recursive: true, force: true });
+
+//   console.log("✅ Selesai seed assets!");
+//   console.log("DB URL (asset):", process.env.DATABASE_URL);
+
+// }
+
+// // --- Auto run kalau dipanggil langsung ---
+// if (import.meta.main) {
+//   seedAssets()
+//     .catch((err) => {
+//       console.error("❌ Error seeding assets:", err);
+//       process.exit(1);
+//     })
+//     .finally(async () => {
+//       await prisma.$disconnect();
+//     });
+// }
+
+
 // prisma/seedAssets.ts
 import prisma from "@/lib/prisma";
 import AdmZip from "adm-zip";
 import fs from "fs/promises";
 import path from "path";
 import sharp from "sharp";
+import mime from "mime-types";
 import fetchWithRetry from "./data/fetchWithRetry";
 
-const UPLOADS_DIR =
-  process.env.WIBU_UPLOAD_DIR || path.join(process.cwd(), "uploads");
+/* =========================
+ * CONFIG
+ * ========================= */
+const UPLOADS_DIR = path.resolve(
+  process.env.WIBU_UPLOAD_DIR || "uploads"
+);
 
-// --- Helper: deteksi kategori file ---
-function detectCategory(filename: string): "image" | "document" | "other" {
+const TMP_DIR = path.join(process.cwd(), "tmp_assets");
+
+const CATEGORY_DIR: Record<FileCategory, string> = {
+  image: "images",
+  document: "documents",
+  other: "other",
+};
+
+type FileCategory = "image" | "document" | "other";
+
+/* =========================
+ * HELPERS
+ * ========================= */
+function detectCategory(filename: string): FileCategory {
   const ext = path.extname(filename).toLowerCase();
   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-  if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
+  if ([".pdf", ".doc", ".docx", ".txt"].includes(ext)) return "document";
   return "other";
 }
 
-// --- Helper: recursive walk dir ---
 async function walkDir(
   dir: string,
-  fileList: string[] = []
+  result: string[] = []
 ): Promise<string[]> {
   const entries = await fs.readdir(dir, { withFileTypes: true });
 
@@ -29,139 +224,139 @@ async function walkDir(
     const fullPath = path.join(dir, entry.name);
 
     if (entry.isDirectory()) {
-      if (entry.name === "__MACOSX") continue; // skip folder sampah
-      await walkDir(fullPath, fileList);
+      if (entry.name === "__MACOSX") continue;
+      await walkDir(fullPath, result);
     } else {
-      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
-      fileList.push(fullPath);
+      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
+      result.push(fullPath);
     }
   }
 
-  return fileList;
+  return result;
 }
 
+async function ensureDir(dir: string) {
+  await fs.mkdir(dir, { recursive: true });
+}
+
+/* =========================
+ * FILE PROCESSORS
+ * ========================= */
+async function processImage(filePath: string, entryName: string) {
+  const baseName = path.parse(entryName).name;
+  const finalName = `${baseName}.webp`;
+  const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR.image);
+  const targetPath = path.join(targetDir, finalName);
+
+  await ensureDir(targetDir);
+  await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+
+  return {
+    finalName,
+    targetPath,
+    mimeType: "image/webp",
+  };
+}
+
+async function processNonImage(
+  filePath: string,
+  entryName: string,
+  category: FileCategory
+) {
+  const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR[category]);
+  const targetPath = path.join(targetDir, entryName);
+
+  await ensureDir(targetDir);
+  await fs.copyFile(filePath, targetPath);
+
+  return {
+    finalName: entryName,
+    targetPath,
+    mimeType: mime.lookup(entryName) || "application/octet-stream",
+  };
+}
+
+/* =========================
+ * MAIN
+ * ========================= */
 export default async function seedAssets() {
   console.log("🚀 Seeding assets...");
+  console.log("📁 Upload dir:", UPLOADS_DIR);
 
-  // 1. Download zip
+  await ensureDir(UPLOADS_DIR);
+
+  /* ===== Download ZIP ===== */
   const url =
     "https://cld-dkr-makuro-seafile.wibudev.com/f/eadd52c5bd654ec789a3/?dl=1";
   const res = await fetchWithRetry(url, 3, 20000);
 
-  // Validasi content-type
-  const contentType = res.headers.get("content-type");
-  if (!contentType?.includes("zip")) {
-    throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
+  if (!res.headers.get("content-type")?.includes("zip")) {
+    throw new Error("Invalid ZIP content-type");
   }
 
   const buffer = Buffer.from(await res.arrayBuffer());
-
-  // Validasi ukuran file
-  if (buffer.length < 100) {
-    throw new Error("Downloaded ZIP is empty or corrupted");
+  if (buffer.length < 100 || buffer.toString("utf8", 0, 2) !== "PK") {
+    throw new Error("Corrupted ZIP file");
   }
 
-  // Validasi signature ZIP ("PK")
-  if (buffer.toString("utf8", 0, 2) !== "PK") {
-    throw new Error("Invalid ZIP signature (PK not found)");
-  }
+  /* ===== Extract ===== */
+  await fs.rm(TMP_DIR, { recursive: true, force: true });
+  await ensureDir(TMP_DIR);
 
-  // 2. Extract zip ke folder tmp
-  const extractDir = path.join(process.cwd(), "tmp_assets");
-  await fs.rm(extractDir, { recursive: true, force: true });
-  await fs.mkdir(extractDir, { recursive: true });
+  const zip = new AdmZip(buffer);
+  zip.extractAllTo(TMP_DIR, true);
 
-  let zip: AdmZip;
+  /* ===== Process Files ===== */
+  const files = await walkDir(TMP_DIR);
 
-  try {
-    zip = new AdmZip(buffer);
-  } catch (err) {
-    throw new Error("Failed to parse ZIP file (corrupted or invalid)");
-  }
-
-  try {
-    zip.extractAllTo(extractDir, true);
-  } catch (err) {
-    throw new Error("Failed to extract ZIP contents");
-  }
-
-  // 3. Cari semua file valid (recursive)
-  const files = await walkDir(extractDir);
-
-  // 4. Loop tiap file & simpan
   for (const filePath of files) {
     const entryName = path.basename(filePath);
     const category = detectCategory(entryName);
 
-    let finalName = entryName;
-    let mimeType = "application/octet-stream";
-    let targetPath = "";
+    let result;
 
     if (category === "image") {
-      const fileBaseName = path.parse(entryName).name;
-      finalName = `${fileBaseName}.webp`;
-      targetPath = path.join(UPLOADS_DIR, "images", finalName);
-      await fs.mkdir(path.dirname(targetPath), { recursive: true });
-      await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-      mimeType = "image/webp";
-    } else if (category === "document") {
-      targetPath = path.join(UPLOADS_DIR, "documents", entryName);
-      await fs.mkdir(path.dirname(targetPath), { recursive: true });
-      await fs.copyFile(filePath, targetPath);
-      mimeType = "application/pdf";
+      result = await processImage(filePath, entryName);
     } else {
-      targetPath = path.join(UPLOADS_DIR, "other", entryName);
-      await fs.mkdir(path.dirname(targetPath), { recursive: true });
-      await fs.copyFile(filePath, targetPath);
+      result = await processNonImage(filePath, entryName, category);
     }
 
+    const { finalName, targetPath, mimeType } = result;
+
     const existing = await prisma.fileStorage.findUnique({
       where: { name: finalName },
     });
 
+    const data = {
+      name: finalName,
+      realName: entryName,
+      path: targetPath,
+      mimeType,
+      link: `/uploads/${CATEGORY_DIR[category]}/${finalName}`,
+      category,
+      deletedAt: null,
+      isActive: true,
+    };
+
     if (existing) {
-      // Restore kalau soft deleted
       await prisma.fileStorage.update({
         where: { name: finalName },
-        data: {
-          path: targetPath,
-          realName: entryName,
-          mimeType,
-          link: `/uploads/${category}/${finalName}`,
-          category,
-          deletedAt: null,
-          isActive: true,
-        },
+        data,
       });
-
       console.log(`♻️ restored: ${category}/${finalName}`);
     } else {
-      await prisma.fileStorage.create({
-        data: {
-          name: finalName,
-          realName: entryName,
-          path: targetPath,
-          mimeType,
-          link: `/uploads/${category}/${finalName}`,
-          category,
-        },
-      });
-
+      await prisma.fileStorage.create({ data });
       console.log(`📂 created: ${category}/${finalName}`);
     }
-
-    console.log(`📂 saved: ${category}/${finalName}`);
   }
 
-  // 6. Cleanup
-  await fs.rm(extractDir, { recursive: true, force: true });
+  /* ===== Cleanup ===== */
+  await fs.rm(TMP_DIR, { recursive: true, force: true });
 
   console.log("✅ Selesai seed assets!");
-  console.log("DB URL (asset):", process.env.DATABASE_URL);
-
 }
 
-// --- Auto run kalau dipanggil langsung ---
+/* ===== Auto Run ===== */
 if (import.meta.main) {
   seedAssets()
     .catch((err) => {
diff --git a/src/app/api/[[...slugs]]/route.ts b/src/app/api/[[...slugs]]/route.ts
index ed4e2f1b..22580aec 100644
--- a/src/app/api/[[...slugs]]/route.ts
+++ b/src/app/api/[[...slugs]]/route.ts
@@ -65,7 +65,7 @@ const Utils = new Elysia({
 }).get("/version", async () => {
   const packageJson = await fs.readFile(
     path.join(ROOT, "package.json"),
-    "utf-8"
+    "utf-8",
   );
   const version = JSON.parse(packageJson).version;
   return { version };
@@ -78,9 +78,9 @@ const ApiServer = new Elysia()
   .use(swagger({ path: "/api/docs" }))
   .use(
     staticPlugin({
-      assets: process.env.WIBU_UPLOAD_DIR,
+      assets: UPLOAD_DIR,
       prefix: "/uploads",
-    })
+    }),
   )
   .use(cors(corsConfig))
   .use(Utils)
@@ -127,9 +127,9 @@ const ApiServer = new Elysia()
           query: t.Optional(
             t.Object({
               size: t.Optional(t.Number()),
-            })
+            }),
           ),
-        }
+        },
       )
       .delete(
         "/img/:name",
@@ -143,7 +143,7 @@ const ApiServer = new Elysia()
           params: t.Object({
             name: t.String(),
           }),
-        }
+        },
       )
       .get(
         "/imgs",
@@ -161,9 +161,9 @@ const ApiServer = new Elysia()
               page: t.Number({ default: 1 }),
               count: t.Number({ default: 10 }),
               search: t.String({ default: "" }),
-            })
+            }),
           ),
-        }
+        },
       )
       .post(
         "/upl-img",
@@ -176,7 +176,7 @@ const ApiServer = new Elysia()
             title: t.String(),
             files: t.Files({ multiple: true }),
           }),
-        }
+        },
       )
       .post(
         "/upl-img-single",
@@ -192,7 +192,7 @@ const ApiServer = new Elysia()
             name: t.String(),
             file: t.File(),
           }),
-        }
+        },
       )
       .post(
         "/upl-csv-single",
@@ -204,7 +204,7 @@ const ApiServer = new Elysia()
             name: t.String(),
             file: t.File(),
           }),
-        }
+        },
       )
       .post(
         "/upl-csv",
@@ -215,8 +215,8 @@ const ApiServer = new Elysia()
           body: t.Object({
             files: t.Files(),
           }),
-        }
-      )
+        },
+      ),
   );
 
 export const GET = ApiServer.handle;
-- 
2.49.1


From 3fcfec22fbb65d1f02bc5c3d6391342edeb3d649 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 21 Jan 2026 14:25:20 +0800
Subject: [PATCH 70/97] Fix seeder statistik kemiskinan

---
 prisma/seed.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/prisma/seed.ts b/prisma/seed.ts
index 9f68bd85..892a8bb9 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -2166,14 +2166,12 @@ import resolveImageById from "./resolveImageByName";
   for (const k of statistikKemiskinan) {
     await prisma.statistikKemiskinan.upsert({
       where: {
-        id: k.id,
+        tahun: k.tahun,
       },
       update: {
-        tahun: k.tahun,
         jumlah: k.jumlah,
       },
       create: {
-        id: k.id,
         tahun: k.tahun,
         jumlah: k.jumlah,
       },
-- 
2.49.1


From d9ce4aac6d520ac3c1e4780ebc1fc3814cbafab6 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 23 Jan 2026 16:51:35 +0800
Subject: [PATCH 71/97] Seed Pendidikan

---
 .../program-kemiskinan.json                   |  12 +-
 .../statistik-kemiskinan.json                 |   6 +-
 prisma/data/file-storage.json                 | 200 +++-
 .../keamanan/tips-keamanan/tips-keamanan.json |   8 +-
 .../data-pendidikan/data-pendidikan.json      |  22 +
 .../data/pendidikan/info-sekolah/lembaga.json |  97 ++
 .../pendidikan/info-sekolah/pengajar.json     | 967 ++++++++++++++++++
 .../data/pendidikan/info-sekolah/siswa.json   | 967 ++++++++++++++++++
 .../perpustakaan-digital/kategori-buku.json   |  47 +
 .../perpustakaan-digital.json                 | 142 +++
 .../20260122074939_21_jan_26/migration.sql    |  84 ++
 prisma/schema.prisma                          |  73 +-
 prisma/seed.ts                                | 213 +++-
 prisma/seed_assets.ts                         | 570 +++++------
 .../_state/pendidikan/perpustakaan-digital.ts |  36 +
 .../data-perpustakaan/[id]/edit/page.tsx      |   2 +-
 .../data-perpustakaan/create/page.tsx         |   4 +-
 .../info-sekolah-paud/pengajar/findMany.ts    |  31 +-
 .../info-sekolah-paud/siswa/findMany.ts       |  25 +-
 .../kategori-buku/findManyAll.ts              |  43 +
 .../kategori-buku/index.ts                    |   2 +
 .../[kategoriBuku]/content.tsx                |   2 +-
 .../perpustakaan-digital/_lib/layoutTabs.tsx  |   4 +-
 xx.ts                                         |  51 +-
 24 files changed, 3187 insertions(+), 421 deletions(-)
 create mode 100644 prisma/data/pendidikan/data-pendidikan/data-pendidikan.json
 create mode 100644 prisma/data/pendidikan/info-sekolah/lembaga.json
 create mode 100644 prisma/data/pendidikan/info-sekolah/pengajar.json
 create mode 100644 prisma/data/pendidikan/info-sekolah/siswa.json
 create mode 100644 prisma/data/pendidikan/perpustakaan-digital/kategori-buku.json
 create mode 100644 prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
 create mode 100644 prisma/migrations/20260122074939_21_jan_26/migration.sql
 create mode 100644 src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/findManyAll.ts

diff --git a/prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json b/prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json
index 3348f08a..dfb09288 100644
--- a/prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json
+++ b/prisma/data/ekonomi/program-kemiskinan/program-kemiskinan.json
@@ -1,23 +1,23 @@
 [
   {
-    "id": "dd92a029-cd7d-4b60-8a3b-dd88e61fe715",
+    "id": "c2760e40-f770-11f0-89ff-719f813f71b3",
     "nama": "BLT-DD (Bantuan Langsung Tunai Dana Desa)",
     "icon": "bantuan",
     "deskripsi": "<p>Program pemberian Bantuan Langsung Tunai yang dibiayai dari Dana Desa untuk meringankan beban ekonomi keluarga miskin/prasejahtera di Desa Darmasaba.</p>",
-    "statistikId": "d59481a3-ff7f-4e52-cd5c-89e143eeb869"
+    "tahun": 2023
   },
   {
-    "id": "dd92a029-cd7d-4b60-9b4c-dd88e61fe715",
+    "id": "c7f0f2e0-f770-11f0-89ff-719f813f71b3",
     "nama": "Penguatan Ketahanan Pangan",
     "icon": "air",
     "deskripsi": "<p>Kegiatan pemberdayaan masyarakat dalam ketahanan pangan untuk mendukung ketersediaan pangan keluarga kurang mampu dan meningkatkan kemampuan produksi pangan lokal.</p>",
-    "statistikId": "d59481a3-ff7f-4e52-de6d-89e143eeb869"
+    "tahun": 2024
   },
   {
-    "id": "dd92a029-cd7d-4b60-0c5d-dd88e61fe715",
+    "id": "ccda45e0-f770-11f0-89ff-719f813f71b3",
     "nama": "Peningkatan IKM berbasis E-commerce",
     "icon": "ekonomi",
     "deskripsi": "<p>Program peningkatan keterampilan usaha mikro kecil (IKM) termasuk pelatihan branding, pengemasan, dan promosi digital untuk memperkuat ekonomi rumah tangga melalui pemasaran online.</p>",
-    "statistikId": "d59481a3-ff7f-4e52-df7e-89e143eeb869"
+    "tahun": 2025
   }
 ]
diff --git a/prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json b/prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json
index 7fec063f..475f015d 100644
--- a/prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json
+++ b/prisma/data/ekonomi/program-kemiskinan/statistik-kemiskinan.json
@@ -1,16 +1,16 @@
 [
   {
-    "id": "d59481a3-ff7f-4e52-cd5c-89e143eeb869",
+    "id": "85d8a150-f770-11f0-89ff-719f813f71b3",
     "tahun": 2023,
     "jumlah": 20
   },
   {
-    "id": "d59481a3-ff7f-4e52-de6d-89e143eeb869",
+    "id": "993b8d20-f770-11f0-89ff-719f813f71b3",
     "tahun": 2024,
     "jumlah": 30
   },
   {
-    "id": "d59481a3-ff7f-4e52-df7e-89e143eeb869",
+    "id": "9eb3b2a0-f770-11f0-89ff-719f813f71b3",
     "tahun": 2025,
     "jumlah": 20
   }
diff --git a/prisma/data/file-storage.json b/prisma/data/file-storage.json
index dcdfff71..052bde8a 100644
--- a/prisma/data/file-storage.json
+++ b/prisma/data/file-storage.json
@@ -1144,21 +1144,21 @@
     "category": "image"
   },
   {
-    "id": "cmkccs50d0000vn2mfuk0d9dw",
-    "name": "U7rePDZq5E59z-Eo9tLBe-desktop.webp",
+    "id": "cmkp70z5g0000vnu9b0aieem8",
+    "name": "vwZsaxcoFWDlxG1PW7FC0-desktop.webp",
     "realName": "tips-keamanan-1.jpg",
     "path": "uploads/images",
     "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/U7rePDZq5E59z-Eo9tLBe-desktop.webp",
+    "link": "/api/fileStorage/findUnique/vwZsaxcoFWDlxG1PW7FC0-desktop.webp",
     "category": "image"
   },
   {
-    "id": "cmkccyh7t0003vn2mjdrqtuu0",
-    "name": "TTur8BttDlAS9UgZVe3M8-desktop.webp",
+    "id": "cmkp71pub0003vnu9ef60huuv",
+    "name": "dSe0xyvNLkP2t2f6iq-Hk-desktop.webp",
     "realName": "tipskaman.jpg",
     "path": "uploads/images",
     "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/TTur8BttDlAS9UgZVe3M8-desktop.webp",
+    "link": "/api/fileStorage/findUnique/dSe0xyvNLkP2t2f6iq-Hk-desktop.webp",
     "category": "image"
   },
   {
@@ -1224,7 +1224,7 @@
     "link": "/api/fileStorage/findUnique/uE2QwpbcXyBWxVYqCWQQT-desktop.webp",
     "category": "image"
   },
-   {
+  {
     "id": "cmkkx9e38000bvni4azjd3u53",
     "name": "SQqSobKRg3ShvgPw_H41h-desktop.webp",
     "realName": "pengaduan1.webp",
@@ -1287,7 +1287,7 @@
     "link": "/api/fileStorage/findUnique/h_Gd0SoeIJVTi_5TWUO-P-desktop.webp",
     "category": "image"
   },
-    {
+  {
     "id": "cmkm1zis2000bvnsw85m6wdlf",
     "name": "qJFWokQLCaO60j0XJU_33-desktop.webp",
     "realName": "mitrakl1.jpg",
@@ -1314,7 +1314,7 @@
     "link": "/api/fileStorage/findUnique/JFd5C2FoaZcgDQUmvp-AO-desktop.webp",
     "category": "image"
   },
-   {
+  {
     "id": "cmkm3b1a2000nvnswb9x48dzk",
     "name": "JjUDrfqxuEMYSAza-s7A8-desktop.webp",
     "realName": "desa-digital.jpeg",
@@ -1350,7 +1350,7 @@
     "link": "/api/fileStorage/findUnique/TrbkwnYM5rKZeHlISHCX4-desktop.webp",
     "category": "image"
   },
-    {
+  {
     "id": "cmknb59md0000vnmam828iuzt",
     "name": "YgOX5qAP3O1PHG5XmQXkr-desktop.webp",
     "realName": "gr-1.jpg",
@@ -1376,5 +1376,185 @@
     "mimeType": "image/webp",
     "link": "/api/fileStorage/findUnique/iHTVkQZ1VdkMOXLt5qdAd-desktop.webp",
     "category": "image"
+  },
+  {
+    "id": "cmkqhbhxi0000vneamj3din9u",
+    "name": "RnAdv7O0QAFrxkFLAXJSa-desktop.webp",
+    "realName": "buku1.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/RnAdv7O0QAFrxkFLAXJSa-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqhed8x0003vneakx0c7me2",
+    "name": "71eZShq4FYAFLxpLfZB0W-desktop.webp",
+    "realName": "buku2.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/71eZShq4FYAFLxpLfZB0W-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqhg1cb0006vneagsxa6t4t",
+    "name": "Uxq3GXPqh7HN9fHmRkr3r-desktop.webp",
+    "realName": "buku3.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Uxq3GXPqh7HN9fHmRkr3r-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqhl6mv0009vneasgix42ud",
+    "name": "W5Fc0uRADNkIY3nZicvQA-desktop.webp",
+    "realName": "buku4.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/W5Fc0uRADNkIY3nZicvQA-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqhoa5w000cvneah15n28zq",
+    "name": "mp77Op-MwtPQZnH3so4JY-desktop.webp",
+    "realName": "buku5.jpeg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/mp77Op-MwtPQZnH3so4JY-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqhr9lg000fvneai3q8qw0s",
+    "name": "V09ZxN1wOwbSFLQiDK0VQ-desktop.webp",
+    "realName": "buku6.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/V09ZxN1wOwbSFLQiDK0VQ-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqi5knc000ivnea8grp7j06",
+    "name": "Wqp4AyVkGjqRMED9Q5XAs-desktop.webp",
+    "realName": "buku7.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/Wqp4AyVkGjqRMED9Q5XAs-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqi9799000lvneamskmvpq5",
+    "name": "NH4aLc7cVuutdQBCofTC0-desktop.webp",
+    "realName": "buku8.webp",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/NH4aLc7cVuutdQBCofTC0-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqibjj2000ovnea3zmmvdop",
+    "name": "MLrsPrD6oiHsrNP4Lc8J7-desktop.webp",
+    "realName": "buku9.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/MLrsPrD6oiHsrNP4Lc8J7-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqidn7e000rvnea5rl58f2e",
+    "name": "iaIeNdhuxqltqKP7aZncQ-desktop.webp",
+    "realName": "buku10.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/iaIeNdhuxqltqKP7aZncQ-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqifdfs000uvneajss8zswp",
+    "name": "WUDssJ59pTKE_3IuTiZ2s-desktop.webp",
+    "realName": "buku11.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/WUDssJ59pTKE_3IuTiZ2s-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqik7p5000xvnea6krii3vw",
+    "name": "RJH_-4_R_nlP7GVEQeD1M-desktop.webp",
+    "realName": "buku13.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/RJH_-4_R_nlP7GVEQeD1M-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqinnih0010vneakpjb9egl",
+    "name": "9MA-Jx_36uoho2Tg40_G9-desktop.webp",
+    "realName": "buku14.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/9MA-Jx_36uoho2Tg40_G9-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqiqeb60013vnea2ygrq5rs",
+    "name": "dkb7ZWFl28TREVcvH8sWd-desktop.webp",
+    "realName": "buku15.png",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/dkb7ZWFl28TREVcvH8sWd-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqiur960016vnea3werdoey",
+    "name": "nVj3one6CLuWRd04QnsWo-desktop.webp",
+    "realName": "buku16.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/nVj3one6CLuWRd04QnsWo-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqix2go0019vnea8coousvn",
+    "name": "AnB7JO4_6tlPTX3ypOVLi-desktop.webp",
+    "realName": "buku17.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/AnB7JO4_6tlPTX3ypOVLi-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqiytnv001cvnea7o2sv1vt",
+    "name": "sAyoMERxL6JgFfiO22KPb-desktop.webp",
+    "realName": "buku18.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/sAyoMERxL6JgFfiO22KPb-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqj0nn0001fvneaufur3nke",
+    "name": "WeA-JP2Ks_32fv1k529vj-desktop.webp",
+    "realName": "buku18.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/WeA-JP2Ks_32fv1k529vj-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqj37rg001ivneam29fgayr",
+    "name": "pxlHu2kDmIprQqC2PuXaL-desktop.webp",
+    "realName": "buku19.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/pxlHu2kDmIprQqC2PuXaL-desktop.webp",
+    "category": "image"
+  },
+  {
+    "id": "cmkqj5ql6001lvnea6p0afr9f",
+    "name": "G0iELZb2DhQDCCP5OdzJR-desktop.webp",
+    "realName": "buku20.jpg",
+    "path": "uploads/images",
+    "mimeType": "image/webp",
+    "link": "/api/fileStorage/findUnique/G0iELZb2DhQDCCP5OdzJR-desktop.webp",
+    "category": "image"
   }
 ]
diff --git a/prisma/data/keamanan/tips-keamanan/tips-keamanan.json b/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
index 2eff01d6..df435730 100644
--- a/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
+++ b/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
@@ -1,14 +1,14 @@
 [
     {
-    "id": "cmh48wo9c0006qq09txnxusql",
+    "id": "cmkp70zau0002vnu9o1jtpi1i",
     "judul": "Keamanan Rumah",
     "deskripsi": "<p><ul><li><p>Pastikan pintu dan jendela selalu terkunci saat meninggalkan rumah</p></li><li><p>Pasang lampu penerangan di halaman dan area sekitar rumah untuk mencegah tindak kejahatan.</p></li><li><p>Jangan mudah memberikan akses masuk ke orang yang tidak dikenal.</p></li></ul></p>",
-    "imageId": "cmkccs50d0000vn2mfuk0d9dw"
+    "imageId": "cmkp71pub0003vnu9ef60huuv"
   },
   {
-    "id": "cmh48wo9c1117rr10txnxusql",
+    "id": "cmkp71pzo0005vnu9p3n9646d",
     "judul": "Keamanan Lingkungan Tanggungjawab Bersama",
     "deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan sosialisasi dan pembinaan tentang keamanan dan ketertiban lingkungan kepada warga Perumahan Darmasaba Permai. Warga diajak berperan aktif dalam menjaga keamanan lingkungan serta mendukung penyediaan lampu penerangan jalan untuk mencegah tindak kriminal dan kecelakaan. Bhabinkamtibmas dan Babinsa turut memberikan materi keamanan dan ketertiban kepada warga, menekankan pentingnya partisipasi masyarakat dalam menjaga keamanan desa.</p>",
-    "imageId": "cmkccyh7t0003vn2mjdrqtuu0"
+    "imageId": "cmkp70z5g0000vnu9b0aieem8"
   }
 ]
\ No newline at end of file
diff --git a/prisma/data/pendidikan/data-pendidikan/data-pendidikan.json b/prisma/data/pendidikan/data-pendidikan/data-pendidikan.json
new file mode 100644
index 00000000..4e5b64ed
--- /dev/null
+++ b/prisma/data/pendidikan/data-pendidikan/data-pendidikan.json
@@ -0,0 +1,22 @@
+[
+  {
+    "id": "cmkqmqbv30000vn84kf0ogf61",
+    "name": "TK",
+    "jumlah": "120"
+  },
+  {
+    "id": "cmkqmr20h0001vn84jxtuukfk",
+    "name": "SD",
+    "jumlah": "874"
+  },
+  {
+    "id": "cmkqmshcx0002vn84ufnz9mue",
+    "name": "SMP",
+    "jumlah": "50"
+  },
+  {
+    "id": "cmkqmsuoc0003vn84glk1d0rc",
+    "name": "SMA",
+    "jumlah": "862"
+  }
+]
diff --git a/prisma/data/pendidikan/info-sekolah/lembaga.json b/prisma/data/pendidikan/info-sekolah/lembaga.json
new file mode 100644
index 00000000..7bae725d
--- /dev/null
+++ b/prisma/data/pendidikan/info-sekolah/lembaga.json
@@ -0,0 +1,97 @@
+[
+  {
+    "id": "cmghqwjs4000404l8c6vwd200",
+    "nama": "TK Widya Kumara",
+    "jenjangId": "cmghqwjs4000404l8c5uvc301"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd202",
+    "nama": "TK Widya Sari",
+    "jenjangId": "cmghqwjs4000404l8c5uvc301"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd203",
+    "nama": "TK Kuntala Dewi I",
+    "jenjangId": "cmghqwjs4000404l8c5uvc301"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd204",
+    "nama": "TK Widya Kumarayasa",
+    "jenjangId": "cmghqwjs4000404l8c5uvc301"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd205",
+    "nama": "TK Dewi Ganadwati",
+    "jenjangId": "cmghqwjs4000404l8c5uvc301"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd400",
+    "nama": "SD No. 1 Darmasaba",
+    "jenjangId": "cmghqwjs4000404l8c5uvc302"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd300",
+    "nama": "SD No. 2 Darmasaba",
+    "jenjangId": "cmghqwjs4000404l8c5uvc302"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd401",
+    "nama": "SD No. 3 Darmasaba",
+    "jenjangId": "cmghqwjs4000404l8c5uvc302"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd402",
+    "nama": "SD No. 4 Darmasaba",
+    "jenjangId": "cmghqwjs4000404l8c5uvc302"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd403",
+    "nama": "SD No. 5 Darmasaba",
+    "jenjangId": "cmghqwjs4000404l8c5uvc302"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd404",
+    "nama": "SD No. 6 Darmasaba",
+    "jenjangId": "cmghqwjs4000404l8c5uvc302"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd405",
+    "nama": "SD No. 7 Darmasaba",
+    "jenjangId": "cmghqwjs4000404l8c5uvc302"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd406",
+    "nama": "SMP Negeri 1 Abiansemal",
+    "jenjangId": "cmghqwjs4000404l8c5uvc303"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd407",
+    "nama": "SMP Negeri 2 Abiansemal",
+    "jenjangId": "cmghqwjs4000404l8c5uvc303"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd408",
+    "nama": "SMP Negeri 3 Abiansemal",
+    "jenjangId": "cmghqwjs4000404l8c5uvc303"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd409",
+    "nama": "SMP Negeri 4 Abiansemal",
+    "jenjangId": "cmghqwjs4000404l8c5uvc303"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd410",
+    "nama": "SMP Negeri 5 Abiansemal",
+    "jenjangId": "cmghqwjs4000404l8c5uvc303"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd411",
+    "nama": "SMA Negeri 1 Abiansemal",
+    "jenjangId": "cmghqwjs4000404l8c5uvc304"
+  },
+  {
+    "id": "cmghqwjs4000404l8c6vwd412",
+    "nama": "SMA Negeri 2 Abiansemal",
+    "jenjangId": "cmghqwjs4000404l8c5uvc304"
+  }
+]
diff --git a/prisma/data/pendidikan/info-sekolah/pengajar.json b/prisma/data/pendidikan/info-sekolah/pengajar.json
new file mode 100644
index 00000000..2a82cdfc
--- /dev/null
+++ b/prisma/data/pendidikan/info-sekolah/pengajar.json
@@ -0,0 +1,967 @@
+[
+  {
+    "id": "dnkowzpeu000004l7exka3arm",
+    "nama": "I Kadek Ariyasa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3brm",
+    "nama": "Ni Luh Sinta Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3crm",
+    "nama": "I Made Dharma Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3drm",
+    "nama": "Ni Kadek Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3erm",
+    "nama": "I Komang Aditya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3frm",
+    "nama": "Ni Made Intan Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3grm",
+    "nama": "I Putu Bayu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3hrm",
+    "nama": "Ni Ketut Sri Wahyuni",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3irm",
+    "nama": "I Nyoman Yoga Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "dnkowzpeu000004l7exka3jrm",
+    "nama": "Ni Komang Ratna Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+
+  {
+    "id": "dnkox31m7000004lagpwk9z5r",
+    "nama": "I Made Satria",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z1r",
+    "nama": "Ni Luh Putri Ayu",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z2r",
+    "nama": "I Kadek Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z3r",
+    "nama": "Ni Made Rani Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z4r",
+    "nama": "I Komang Yuda Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z5r",
+    "nama": "Ni Kadek Ayu Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z6r",
+    "nama": "I Putu Ardi Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z7r",
+    "nama": "Ni Ketut Melati",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z8r",
+    "nama": "I Nyoman Agung",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "dnkox31m7000004lagpwk9z9r",
+    "nama": "Ni Komang Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+
+  {
+    "id": "dnkox64cu000104la7mge67yy",
+    "nama": "I Made Arya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67zz",
+    "nama": "Ni Luh Putu Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67aa",
+    "nama": "I Komang Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67bb",
+    "nama": "Ni Kadek Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67cc",
+    "nama": "I Putu Gede Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67dd",
+    "nama": "Ni Made Cahya Utami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67ee",
+    "nama": "I Nyoman Aditya Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67ff",
+    "nama": "Ni Komang Ratna Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67gg",
+    "nama": "I Kadek Bima Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "dnkox64cu000104la7mge67hh",
+    "nama": "Ni Putu Ayu Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+
+  {
+    "id": "dnkox9520000204la1ans1pag",
+    "nama": "I Made Yoga Wirawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pbg",
+    "nama": "Ni Luh Desi Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pcg",
+    "nama": "I Komang Putra Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pdg",
+    "nama": "Ni Kadek Intan Paramitha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1peg",
+    "nama": "I Putu Adi Wicaksana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pfg",
+    "nama": "Ni Made Ayu Kirana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1phg",
+    "nama": "I Nyoman Bayu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pih",
+    "nama": "Ni Komang Sri Laksmi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pjh",
+    "nama": "I Kadek Rama Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pjk",
+    "nama": "Ni Putu Diah Anggraini",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+
+  {
+    "id": "dnkox9520000204la1ans1pzg",
+    "nama": "I Made Krisna Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzh",
+    "nama": "Ni Luh Ayu Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzi",
+    "nama": "I Komang Yuda Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzj",
+    "nama": "Ni Kadek Putri Anjani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzk",
+    "nama": "I Putu Surya Adi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzl",
+    "nama": "Ni Made Ayu Cahyani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzm",
+    "nama": "I Nyoman Artha Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzn",
+    "nama": "Ni Komang Sinta Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzo",
+    "nama": "I Kadek Gede Pranaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "dnkox9520000204la1ans1pzp",
+    "nama": "Ni Putu Ratih Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+
+  {
+    "id": "dnkoxzl8u000704la0jla6y5a",
+    "nama": "I Made Arya Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5b",
+    "nama": "I Nyoman Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5c",
+    "nama": "I Kadek Surya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5d",
+    "nama": "I Komang Aditya Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5e",
+    "nama": "Ni Luh Putri Ayu",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5f",
+    "nama": "Ni Made Intan Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5g",
+    "nama": "I Gede Yoga Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5h",
+    "nama": "Ni Kadek Sri Wahyuni",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5i",
+    "nama": "I Putu Andika Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "dnkoxzl8u000704la0jla6y5j",
+    "nama": "Ni Komang Diah Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq1",
+    "nama": "I Made Bima Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq2",
+    "nama": "I Nyoman Rizky Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq3",
+    "nama": "I Kadek Wahyu Nugraha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq4",
+    "nama": "I Komang Fajar Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq5",
+    "nama": "Ni Luh Sinta Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq6",
+    "nama": "Ni Made Putu Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq7",
+    "nama": "I Gede Arjuna Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq8",
+    "nama": "Ni Kadek Ayu Puspita",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq9",
+    "nama": "I Putu Danu Kresna",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "dnkoy1mvk000804ladmmq5qq0",
+    "nama": "Ni Komang Ratna Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+
+  {
+    "id": "dnkoy2m6j000904la2fbthtda",
+    "nama": "I Made Yoga Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdb",
+    "nama": "I Nyoman Bayu Adnyana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdc",
+    "nama": "I Kadek Rama Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdd",
+    "nama": "I Komang Agus Prabawa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtde",
+    "nama": "Ni Luh Ayu Citra Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdf",
+    "nama": "Ni Made Sari Indrayani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdg",
+    "nama": "I Gede Mahesa Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdh",
+    "nama": "Ni Kadek Purnami Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdi",
+    "nama": "I Putu Arta Gunawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "dnkoy2m6j000904la2fbthtdj",
+    "nama": "Ni Komang Indah Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpya",
+    "nama": "I Made Arya Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyb",
+    "nama": "I Nyoman Dika Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyc",
+    "nama": "I Kadek Putra Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyd",
+    "nama": "I Komang Agus Setiawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpye",
+    "nama": "Ni Luh Putu Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyf",
+    "nama": "Ni Kadek Ayu Puspita",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyg",
+    "nama": "I Putu Yoga Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyh",
+    "nama": "Ni Komang Dwi Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyi",
+    "nama": "I Made Bayu Kurniawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "dnkoy5cs5000a04la9jlcbpyj",
+    "nama": "Ni Putu Ayu Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+
+  {
+    "id": "dnkoy6dtp000b04la1zlo60ua",
+    "nama": "I Made Dewa Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60ub",
+    "nama": "I Nyoman Surya Adnyana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60uc",
+    "nama": "I Kadek Bima Santosa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60ud",
+    "nama": "I Komang Arta Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60ue",
+    "nama": "Ni Luh Made Pertiwi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60uf",
+    "nama": "Ni Kadek Citra Laksmi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60ug",
+    "nama": "I Putu Rangga Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60uh",
+    "nama": "Ni Komang Rina Apriyani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60ui",
+    "nama": "I Made Aditya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "dnkoy6dtp000b04la1zlo60uj",
+    "nama": "Ni Putu Ayu Cahyaningrum",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+
+  {
+    "id": "dnkoy76ux000c04lags2adcaa",
+    "nama": "I Made Krisna Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcab",
+    "nama": "I Nyoman Gede Putrawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcac",
+    "nama": "I Kadek Yoga Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcad",
+    "nama": "I Komang Danu Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcae",
+    "nama": "Ni Luh Ayu Sinta Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcaf",
+    "nama": "Ni Kadek Intan Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcag",
+    "nama": "I Putu Wira Gunawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcah",
+    "nama": "Ni Komang Ayu Ratnasari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcai",
+    "nama": "I Made Fajar Nugraha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy76ux000c04lags2adcaj",
+    "nama": "Ni Putu Desi Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn1",
+    "nama": "I Made Arya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn2",
+    "nama": "I Nyoman Surya Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn3",
+    "nama": "I Komang Aditya Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn4",
+    "nama": "I Putu Gede Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn5",
+    "nama": "Ni Luh Putri Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn6",
+    "nama": "Ni Kadek Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn7",
+    "nama": "I Made Yoga Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn8",
+    "nama": "I Nyoman Wira Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn9",
+    "nama": "Ni Komang Diah Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "dnkoy85nz000d04lahr5hepn0",
+    "nama": "I Putu Bayu Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+
+  {
+    "id": "dnkoy91wc000e04la966390na",
+    "nama": "I Made Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390nb",
+    "nama": "I Nyoman Agus Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390nc",
+    "nama": "I Komang Yuda Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390nd",
+    "nama": "I Putu Gede Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390ne",
+    "nama": "Ni Luh Desi Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390nf",
+    "nama": "Ni Kadek Ayu Prameswari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390ng",
+    "nama": "I Made Rizky Ananta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390nh",
+    "nama": "I Nyoman Dika Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390ni",
+    "nama": "Ni Komang Puspita Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "dnkoy91wc000e04la966390nj",
+    "nama": "I Putu Andika Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi1",
+    "nama": "I Made Wahyu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi2",
+    "nama": "I Nyoman Kevin Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi3",
+    "nama": "I Komang Arta Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi4",
+    "nama": "I Putu Gede Satya Wibawa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi5",
+    "nama": "Ni Luh Ayu Citra Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi6",
+    "nama": "Ni Kadek Putri Anggraini",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi7",
+    "nama": "I Made Fajar Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi8",
+    "nama": "I Nyoman Rama Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi9",
+    "nama": "Ni Komang Sinta Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoy9zzy000f04la7rze3fi0",
+    "nama": "I Putu Dimas Pradipta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wya",
+    "nama": "I Made Arya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyb",
+    "nama": "I Nyoman Adi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyc",
+    "nama": "I Wayan Putra Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyd",
+    "nama": "Ni Kadek Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyf",
+    "nama": "I Komang Yoga Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyg",
+    "nama": "Ni Luh Putu Anggreni",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyh",
+    "nama": "I Made Dewa Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyi",
+    "nama": "Ni Putu Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyj",
+    "nama": "I Nyoman Agus Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "dnkoyapqt000g04laaob10wyk",
+    "nama": "Ni Komang Ratih Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+
+  {
+    "id": "dnkoybh2p000h04lahbds4wc1",
+    "nama": "I Wayan Surya Dharma",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc2",
+    "nama": "Ni Kadek Ayu Prameswari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc3",
+    "nama": "I Made Gede Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc4",
+    "nama": "I Nyoman Krisna Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc5",
+    "nama": "Ni Luh Desi Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc6",
+    "nama": "I Komang Bima Santosa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc7",
+    "nama": "Ni Putu Cahya Utami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc8",
+    "nama": "I Wayan Dimas Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc9",
+    "nama": "Ni Kadek Purnama Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "dnkoybh2p000h04lahbds4wc0",
+    "nama": "I Made Yoga Kencana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1a",
+    "nama": "I Nyoman Gede Sapta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1b",
+    "nama": "Ni Luh Ayu Pertiwi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1c",
+    "nama": "I Wayan Danu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1d",
+    "nama": "Ni Kadek Melati Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1e",
+    "nama": "I Made Raka Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1f",
+    "nama": "Ni Komang Sinta Laksmi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1g",
+    "nama": "I Nyoman Arta Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1h",
+    "nama": "Ni Putu Indah Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1i",
+    "nama": "I Wayan Bagus Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoyc6ij000i04la3r8i7f1j",
+    "nama": "Ni Kadek Ayu Wulandari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9ba",
+    "nama": "I Made Arya Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bb",
+    "nama": "I Komang Adi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bc",
+    "nama": "I Nyoman Dewa Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bd",
+    "nama": "I Ketut Agus Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9be",
+    "nama": "Ni Luh Putu Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bf",
+    "nama": "Ni Kadek Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bg",
+    "nama": "I Made Surya Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bh",
+    "nama": "I Komang Yoga Pradipta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bi",
+    "nama": "Ni Putu Citra Wulandari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "dnkoycyfl000j04la757zg9bj",
+    "nama": "I Nyoman Bayu Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfa",
+    "nama": "I Made Gede Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfb",
+    "nama": "I Komang Krisna Yudha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfc",
+    "nama": "I Nyoman Putra Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfd",
+    "nama": "I Ketut Wira Adnyana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfe",
+    "nama": "Ni Luh Kadek Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbff",
+    "nama": "Ni Made Ayu Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfg",
+    "nama": "I Putu Yoga Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfh",
+    "nama": "I Komang Dimas Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfi",
+    "nama": "Ni Kadek Sinta Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "dnkoydnnl000k04lae6jvhbfj",
+    "nama": "I Nyoman Arta Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  }
+]
diff --git a/prisma/data/pendidikan/info-sekolah/siswa.json b/prisma/data/pendidikan/info-sekolah/siswa.json
new file mode 100644
index 00000000..9068ddf3
--- /dev/null
+++ b/prisma/data/pendidikan/info-sekolah/siswa.json
@@ -0,0 +1,967 @@
+[
+  {
+    "id": "cmkowzpeu000004l7exka3arm",
+    "nama": "I Kadek Ariyasa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3brm",
+    "nama": "Ni Luh Sinta Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3crm",
+    "nama": "I Made Dharma Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3drm",
+    "nama": "Ni Kadek Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3erm",
+    "nama": "I Komang Aditya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3frm",
+    "nama": "Ni Made Intan Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3grm",
+    "nama": "I Putu Bayu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3hrm",
+    "nama": "Ni Ketut Sri Wahyuni",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3irm",
+    "nama": "I Nyoman Yoga Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+  {
+    "id": "cmkowzpeu000004l7exka3jrm",
+    "nama": "Ni Komang Ratna Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd200"
+  },
+
+  {
+    "id": "cmkox31m7000004lagpwk9z5r",
+    "nama": "I Made Satria",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z1r",
+    "nama": "Ni Luh Putri Ayu",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z2r",
+    "nama": "I Kadek Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z3r",
+    "nama": "Ni Made Rani Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z4r",
+    "nama": "I Komang Yuda Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z5r",
+    "nama": "Ni Kadek Ayu Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z6r",
+    "nama": "I Putu Ardi Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z7r",
+    "nama": "Ni Ketut Melati",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z8r",
+    "nama": "I Nyoman Agung",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+  {
+    "id": "cmkox31m7000004lagpwk9z9r",
+    "nama": "Ni Komang Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd202"
+  },
+
+  {
+    "id": "cmkox64cu000104la7mge67yy",
+    "nama": "I Made Arya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67zz",
+    "nama": "Ni Luh Putu Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67aa",
+    "nama": "I Komang Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67bb",
+    "nama": "Ni Kadek Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67cc",
+    "nama": "I Putu Gede Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67dd",
+    "nama": "Ni Made Cahya Utami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67ee",
+    "nama": "I Nyoman Aditya Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67ff",
+    "nama": "Ni Komang Ratna Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67gg",
+    "nama": "I Kadek Bima Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+  {
+    "id": "cmkox64cu000104la7mge67hh",
+    "nama": "Ni Putu Ayu Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd203"
+  },
+
+  {
+    "id": "cmkox9520000204la1ans1pag",
+    "nama": "I Made Yoga Wirawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pbg",
+    "nama": "Ni Luh Desi Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pcg",
+    "nama": "I Komang Putra Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pdg",
+    "nama": "Ni Kadek Intan Paramitha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1peg",
+    "nama": "I Putu Adi Wicaksana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pfg",
+    "nama": "Ni Made Ayu Kirana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1phg",
+    "nama": "I Nyoman Bayu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pih",
+    "nama": "Ni Komang Sri Laksmi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pjh",
+    "nama": "I Kadek Rama Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pjk",
+    "nama": "Ni Putu Diah Anggraini",
+    "lembagaId": "cmghqwjs4000404l8c6vwd204"
+  },
+
+  {
+    "id": "cmkox9520000204la1ans1pzg",
+    "nama": "I Made Krisna Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzh",
+    "nama": "Ni Luh Ayu Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzi",
+    "nama": "I Komang Yuda Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzj",
+    "nama": "Ni Kadek Putri Anjani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzk",
+    "nama": "I Putu Surya Adi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzl",
+    "nama": "Ni Made Ayu Cahyani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzm",
+    "nama": "I Nyoman Artha Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzn",
+    "nama": "Ni Komang Sinta Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzo",
+    "nama": "I Kadek Gede Pranaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+  {
+    "id": "cmkox9520000204la1ans1pzp",
+    "nama": "Ni Putu Ratih Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd205"
+  },
+
+  {
+    "id": "cmkoxzl8u000704la0jla6y5a",
+    "nama": "I Made Arya Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5b",
+    "nama": "I Nyoman Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5c",
+    "nama": "I Kadek Surya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5d",
+    "nama": "I Komang Aditya Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5e",
+    "nama": "Ni Luh Putri Ayu",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5f",
+    "nama": "Ni Made Intan Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5g",
+    "nama": "I Gede Yoga Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5h",
+    "nama": "Ni Kadek Sri Wahyuni",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5i",
+    "nama": "I Putu Andika Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+  {
+    "id": "cmkoxzl8u000704la0jla6y5j",
+    "nama": "Ni Komang Diah Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd400"
+  },
+
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq1",
+    "nama": "I Made Bima Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq2",
+    "nama": "I Nyoman Rizky Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq3",
+    "nama": "I Kadek Wahyu Nugraha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq4",
+    "nama": "I Komang Fajar Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq5",
+    "nama": "Ni Luh Sinta Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq6",
+    "nama": "Ni Made Putu Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq7",
+    "nama": "I Gede Arjuna Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq8",
+    "nama": "Ni Kadek Ayu Puspita",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq9",
+    "nama": "I Putu Danu Kresna",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+  {
+    "id": "cmkoy1mvk000804ladmmq5qq0",
+    "nama": "Ni Komang Ratna Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd300"
+  },
+
+  {
+    "id": "cmkoy2m6j000904la2fbthtda",
+    "nama": "I Made Yoga Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdb",
+    "nama": "I Nyoman Bayu Adnyana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdc",
+    "nama": "I Kadek Rama Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdd",
+    "nama": "I Komang Agus Prabawa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtde",
+    "nama": "Ni Luh Ayu Citra Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdf",
+    "nama": "Ni Made Sari Indrayani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdg",
+    "nama": "I Gede Mahesa Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdh",
+    "nama": "Ni Kadek Purnami Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdi",
+    "nama": "I Putu Arta Gunawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+  {
+    "id": "cmkoy2m6j000904la2fbthtdj",
+    "nama": "Ni Komang Indah Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd401"
+  },
+
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpya",
+    "nama": "I Made Arya Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyb",
+    "nama": "I Nyoman Dika Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyc",
+    "nama": "I Kadek Putra Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyd",
+    "nama": "I Komang Agus Setiawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpye",
+    "nama": "Ni Luh Putu Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyf",
+    "nama": "Ni Kadek Ayu Puspita",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyg",
+    "nama": "I Putu Yoga Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyh",
+    "nama": "Ni Komang Dwi Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyi",
+    "nama": "I Made Bayu Kurniawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+  {
+    "id": "cmkoy5cs5000a04la9jlcbpyj",
+    "nama": "Ni Putu Ayu Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd402"
+  },
+
+  {
+    "id": "cmkoy6dtp000b04la1zlo60ua",
+    "nama": "I Made Dewa Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60ub",
+    "nama": "I Nyoman Surya Adnyana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60uc",
+    "nama": "I Kadek Bima Santosa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60ud",
+    "nama": "I Komang Arta Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60ue",
+    "nama": "Ni Luh Made Pertiwi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60uf",
+    "nama": "Ni Kadek Citra Laksmi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60ug",
+    "nama": "I Putu Rangga Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60uh",
+    "nama": "Ni Komang Rina Apriyani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60ui",
+    "nama": "I Made Aditya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+  {
+    "id": "cmkoy6dtp000b04la1zlo60uj",
+    "nama": "Ni Putu Ayu Cahyaningrum",
+    "lembagaId": "cmghqwjs4000404l8c6vwd403"
+  },
+
+  {
+    "id": "cmkoy76ux000c04lags2adcaa",
+    "nama": "I Made Krisna Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcab",
+    "nama": "I Nyoman Gede Putrawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcac",
+    "nama": "I Kadek Yoga Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcad",
+    "nama": "I Komang Danu Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcae",
+    "nama": "Ni Luh Ayu Sinta Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcaf",
+    "nama": "Ni Kadek Intan Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcag",
+    "nama": "I Putu Wira Gunawan",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcah",
+    "nama": "Ni Komang Ayu Ratnasari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcai",
+    "nama": "I Made Fajar Nugraha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy76ux000c04lags2adcaj",
+    "nama": "Ni Putu Desi Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd404"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn1",
+    "nama": "I Made Arya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn2",
+    "nama": "I Nyoman Surya Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn3",
+    "nama": "I Komang Aditya Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn4",
+    "nama": "I Putu Gede Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn5",
+    "nama": "Ni Luh Putri Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn6",
+    "nama": "Ni Kadek Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn7",
+    "nama": "I Made Yoga Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn8",
+    "nama": "I Nyoman Wira Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn9",
+    "nama": "Ni Komang Diah Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+  {
+    "id": "cmkoy85nz000d04lahr5hepn0",
+    "nama": "I Putu Bayu Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd405"
+  },
+
+  {
+    "id": "cmkoy91wc000e04la966390na",
+    "nama": "I Made Dwi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390nb",
+    "nama": "I Nyoman Agus Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390nc",
+    "nama": "I Komang Yuda Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390nd",
+    "nama": "I Putu Gede Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390ne",
+    "nama": "Ni Luh Desi Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390nf",
+    "nama": "Ni Kadek Ayu Prameswari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390ng",
+    "nama": "I Made Rizky Ananta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390nh",
+    "nama": "I Nyoman Dika Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390ni",
+    "nama": "Ni Komang Puspita Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+  {
+    "id": "cmkoy91wc000e04la966390nj",
+    "nama": "I Putu Andika Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd406"
+  },
+
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi1",
+    "nama": "I Made Wahyu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi2",
+    "nama": "I Nyoman Kevin Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi3",
+    "nama": "I Komang Arta Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi4",
+    "nama": "I Putu Gede Satya Wibawa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi5",
+    "nama": "Ni Luh Ayu Citra Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi6",
+    "nama": "Ni Kadek Putri Anggraini",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi7",
+    "nama": "I Made Fajar Pranata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi8",
+    "nama": "I Nyoman Rama Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi9",
+    "nama": "Ni Komang Sinta Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoy9zzy000f04la7rze3fi0",
+    "nama": "I Putu Dimas Pradipta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd407"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wya",
+    "nama": "I Made Arya Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyb",
+    "nama": "I Nyoman Adi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyc",
+    "nama": "I Wayan Putra Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyd",
+    "nama": "Ni Kadek Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyf",
+    "nama": "I Komang Yoga Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyg",
+    "nama": "Ni Luh Putu Anggreni",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyh",
+    "nama": "I Made Dewa Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyi",
+    "nama": "Ni Putu Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyj",
+    "nama": "I Nyoman Agus Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+  {
+    "id": "cmkoyapqt000g04laaob10wyk",
+    "nama": "Ni Komang Ratih Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd408"
+  },
+
+  {
+    "id": "cmkoybh2p000h04lahbds4wc1",
+    "nama": "I Wayan Surya Dharma",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc2",
+    "nama": "Ni Kadek Ayu Prameswari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc3",
+    "nama": "I Made Gede Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc4",
+    "nama": "I Nyoman Krisna Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc5",
+    "nama": "Ni Luh Desi Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc6",
+    "nama": "I Komang Bima Santosa",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc7",
+    "nama": "Ni Putu Cahya Utami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc8",
+    "nama": "I Wayan Dimas Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc9",
+    "nama": "Ni Kadek Purnama Sari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+  {
+    "id": "cmkoybh2p000h04lahbds4wc0",
+    "nama": "I Made Yoga Kencana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd409"
+  },
+
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1a",
+    "nama": "I Nyoman Gede Sapta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1b",
+    "nama": "Ni Luh Ayu Pertiwi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1c",
+    "nama": "I Wayan Danu Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1d",
+    "nama": "Ni Kadek Melati Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1e",
+    "nama": "I Made Raka Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1f",
+    "nama": "Ni Komang Sinta Laksmi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1g",
+    "nama": "I Nyoman Arta Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1h",
+    "nama": "Ni Putu Indah Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1i",
+    "nama": "I Wayan Bagus Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoyc6ij000i04la3r8i7f1j",
+    "nama": "Ni Kadek Ayu Wulandari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd410"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9ba",
+    "nama": "I Made Arya Putra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bb",
+    "nama": "I Komang Adi Saputra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bc",
+    "nama": "I Nyoman Dewa Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bd",
+    "nama": "I Ketut Agus Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9be",
+    "nama": "Ni Luh Putu Sari Dewi",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bf",
+    "nama": "Ni Kadek Ayu Lestari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bg",
+    "nama": "I Made Surya Mahendra",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bh",
+    "nama": "I Komang Yoga Pradipta",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bi",
+    "nama": "Ni Putu Citra Wulandari",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+  {
+    "id": "cmkoycyfl000j04la757zg9bj",
+    "nama": "I Nyoman Bayu Pramana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd411"
+  },
+
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfa",
+    "nama": "I Made Gede Pratama",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfb",
+    "nama": "I Komang Krisna Yudha",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfc",
+    "nama": "I Nyoman Putra Santika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfd",
+    "nama": "I Ketut Wira Adnyana",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfe",
+    "nama": "Ni Luh Kadek Maharani",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbff",
+    "nama": "Ni Made Ayu Purnami",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfg",
+    "nama": "I Putu Yoga Mahardika",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfh",
+    "nama": "I Komang Dimas Prasetya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfi",
+    "nama": "Ni Kadek Sinta Permata",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  },
+  {
+    "id": "cmkoydnnl000k04lae6jvhbfj",
+    "nama": "I Nyoman Arta Wijaya",
+    "lembagaId": "cmghqwjs4000404l8c6vwd412"
+  }
+]
diff --git a/prisma/data/pendidikan/perpustakaan-digital/kategori-buku.json b/prisma/data/pendidikan/perpustakaan-digital/kategori-buku.json
new file mode 100644
index 00000000..71e58601
--- /dev/null
+++ b/prisma/data/pendidikan/perpustakaan-digital/kategori-buku.json
@@ -0,0 +1,47 @@
+[
+    {
+        "id": "cmkqb11mc000104jibq76bdzu",
+        "name": "Fiksi"
+    },
+    {
+        "id": "cmkqb11mc000104jibq87bdzu",
+        "name": "Non Fiksi"
+    },
+    {
+        "id": "cmkqb11mc000104jibq97bdzu",
+        "name": "Pendidikan"
+    },
+    {
+        "id": "cmkqb11mc000104jibqa7bdzu",
+        "name": "Ilmiah"
+    },
+    {
+        "id": "cmkqb11mc000104jibqb7bdzu",
+        "name": "Drama"
+    },
+    {
+        "id": "cmkqb11mc000104jibqc7bdzu",
+        "name": "Sejarah"
+    },
+    {
+        "id": "cmkqb11mc000104jibqd7bdzu",
+        "name": "Teknologi"
+    },
+    {
+        "id": "cmkqb11mc000104jibqe7bdzu",
+        "name": "Agama"
+    },
+    {
+        "id": "cmkqb11mc000104jibqf7bdzu",
+        "name": "Pengembangan Diri"
+    },
+    {
+        "id": "cmkqb11mc000104jibqg7bdzu",
+        "name": "Kesehatan"
+    },
+    {
+        "id": "cmkqb11mc000104jibqh7bdzu",
+        "name": "Anak Dan Remaja"
+    }
+
+]
\ No newline at end of file
diff --git a/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json b/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
new file mode 100644
index 00000000..ff9757df
--- /dev/null
+++ b/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
@@ -0,0 +1,142 @@
+[
+  {
+    "id": "cmkqhbi6f0002vneao4my49k9",
+    "judul": "Laskar Pelangi",
+    "deskripsi": "<p>Novel inspiratif tentang perjuangan anak-anak di Belitung dalam meraih pendidikan dan mimpi mereka</p>",
+    "kategoriId": "cmkqb11mc000104jibq76bdzu",
+    "imageId": "cmkqhbhxi0000vneamj3din9u"
+  },
+  {
+    "id": "cmkqhedff0005vneas3rtbumi",
+    "judul": "Bumi Manusia",
+    "deskripsi": "<p>Kisah kehidupan Minke di masa kolonial yang menggambarkan perjuangan, pendidikan, dan identitas bangsa</p>",
+    "kategoriId": "cmkqb11mc000104jibqc7bdzu",
+    "imageId": "cmkqhed8x0003vneakx0c7me2"
+  },
+  {
+    "id": "cmkqhg1g70008vneajbpz8phh",
+    "judul": "Atomic Habits",
+    "deskripsi": "<p>Panduan membangun kebiasaan kecil yang konsisten untuk menghasilkan perubahan besar dalam hidup</p>",
+    "kategoriId": "cmkqb11mc000104jibqf7bdzu",
+    "imageId": "cmkqhg1cb0006vneagsxa6t4t"
+  },
+  {
+    "id": "cmkqhl6sr000bvneampx0svus",
+    "judul": "Clean Code",
+    "deskripsi": "<p>Buku wajib programmer tentang cara menulis kode yang bersih, mudah dibaca, dan mudah dirawat</p>",
+    "kategoriId": "cmkqb11mc000104jibqd7bdzu",
+    "imageId": "cmkqhl6mv0009vneasgix42ud"
+  },
+  {
+    "id": "cmkqhoaa1000evnearppgpyxo",
+    "judul": "Sejarah Indonesia Modern",
+    "deskripsi": "<p>Membahas perjalanan sejarah Indonesia dari masa kolonial hingga era modern</p>",
+    "kategoriId": "cmkqb11mc000104jibqc7bdzu",
+    "imageId": "cmkqhoa5w000cvneah15n28zq"
+  },
+  {
+    "id": "cmkqhr9oc000hvnea677ad3kb",
+    "judul": "Ensiklopedia Anak Pintar",
+    "deskripsi": "<p>Buku referensi bergambar yang membantu anak mengenal ilmu pengetahuan secara menyenangkan</p>",
+    "kategoriId": "cmkqb11mc000104jibqh7bdzu",
+    "imageId": "cmkqhr9lg000fvneai3q8qw0s"
+  },
+  {
+    "id": "cmkqi5ksf000kvnea9c04n2hy",
+    "judul": "Filosofi Teras",
+    "deskripsi": "<p>Pengenalan filsafat Stoikisme untuk menghadapi kehidupan modern dengan lebih tenang</p>",
+    "kategoriId": "cmkqb11mc000104jibq87bdzu",
+    "imageId": "cmkqi5knc000ivnea8grp7j06"
+  },
+  {
+    "id": "cmkqi97hq000nvneaparjbcrm",
+    "judul": "Pemrograman JavaScript Dasar",
+    "deskripsi": "<p>Panduan dasar belajar JavaScript untuk pemula dalam dunia pengembangan web</p>",
+    "kategoriId": "cmkqb11mc000104jibqd7bdzu",
+    "imageId": "cmkqi9799000lvneamskmvpq5"
+  },
+  {
+    "id": "cmkqibjt9000qvnea13ox7fmv",
+    "judul": "Pendidikan Karakter",
+    "deskripsi": "<p>Buku yang membahas pentingnya pendidikan karakter dalam membentuk generasi bangsa</p>",
+    "kategoriId": "cmkqb11mc000104jibqf7bdzu",
+    "imageId": "cmkqibjj2000ovnea3zmmvdop"
+  },
+  {
+    "id": "cmkqidnar000tvneaohk5v8k6",
+    "judul": "Psikologi Kepribadian",
+    "deskripsi": "<p>Mengenal teori-teori kepribadian manusia dalam perspektif psikologi</p>",
+    "kategoriId": "cmkqb11mc000104jibq87bdzu",
+    "imageId": "cmkqidn7e000rvnea5rl58f2e"
+  },
+  {
+    "id": "cmkqifdiu000wvnea7xd0yi4f",
+    "judul": "Ayat-Ayat Cinta",
+    "deskripsi": "<p>Novel religi yang mengangkat kisah cinta, iman, dan perjuangan hidup</p>",
+    "kategoriId": "cmkqb11mc000104jibqe7bdzu",
+    "imageId": "cmkqifdfs000uvneajss8zswp"
+  },
+  {
+    "id": "cmkqik7vi000zvneae7d5cq9i",
+    "judul": "Negeri 5 Menara",
+    "deskripsi": "<p>Cerita persahabatan dan perjuangan santri dalam mengejar mimpi hingga ke mancanegara</p>",
+    "kategoriId": "cmkqb11mc000104jibq76bdzu",
+    "imageId": "cmkqik7p5000xvnea6krii3vw"
+  },
+  {
+    "id": "cmkqinno30012vneac1sgsvis",
+    "judul": "Belajar UI/UX Design",
+    "deskripsi": "<p>Panduan praktis memahami desain antarmuka dan pengalaman pengguna</p>",
+    "kategoriId": "cmkqb11mc000104jibqd7bdzu",
+    "imageId": "cmkqinnih0010vneakpjb9egl"
+  },
+  {
+    "id": "cmkqiqegd0015vneawv5u5tpm",
+    "judul": "Manajemen Waktu Efektif",
+    "deskripsi": "<p>Teknik mengatur waktu agar lebih produktif dan fokus pada hal penting</p>",
+    "kategoriId": "cmkqb11mc000104jibqf7bdzu",
+    "imageId": "cmkqiqeb60013vnea2ygrq5rs"
+  },
+  {
+    "id": "cmkqiurc60018vneavyd3pj9q",
+    "judul": "Dongeng Nusantara",
+    "deskripsi": "<p>Kumpulan dongeng tradisional Indonesia yang sarat pesan moral</p>",
+    "kategoriId": "cmkqb11mc000104jibq76bdzu",
+    "imageId": "cmkqiur960016vnea3werdoey"
+  },
+  {
+    "id": "cmkqix2kb001bvnea5v81cw7p",
+    "judul": "Ekonomi Makro",
+    "deskripsi": "<p>Pembahasan konsep ekonomi makro secara sistematis dan mudah dipahami</p>",
+    "kategoriId": "cmkqb11mc000104jibq87bdzu",
+    "imageId": "cmkqix2go0019vnea8coousvn"
+  },
+  {
+    "id": "cmkqiyts2001evneahnk45ry5",
+    "judul": "Seni Berpikir Kritis",
+    "deskripsi": "<p>Buku yang membantu pembaca menghindari kesalahan berpikir dalam pengambilan keputusan</p>",
+    "kategoriId": "cmkqb11mc000104jibq87bdzu",
+    "imageId": "cmkqiytnv001cvnea7o2sv1vt"
+  },
+  {
+    "id": "cmkqj0nq0001hvnea06r8m3kj",
+    "judul": "Seni Berpikir Kritis",
+    "deskripsi": "<p>Buku yang membantu pembaca menghindari kesalahan berpikir dalam pengambilan keputusan</p>",
+    "kategoriId": "cmkqb11mc000104jibq87bdzu",
+    "imageId": "cmkqj0nn0001fvneaufur3nke"
+  },
+  {
+    "id": "cmkqj37w4001kvnea04n9w2bx",
+    "judul": "Panduan Shalat Lengkap",
+    "deskripsi": "<p>Panduan praktis dan lengkap tentang tata cara shalat sesuai tuntunan</p>",
+    "kategoriId": "cmkqb11mc000104jibqe7bdzu",
+    "imageId": "cmkqj37rg001ivneam29fgayr"
+  },
+  {
+    "id": "cmkqj5qp6001nvnea4xhvluz3",
+    "judul": "Cerita Sains untuk Anak",
+    "deskripsi": "<p>Cerita edukatif yang mengenalkan sains kepada anak dengan bahasa sederhana</p>",
+    "kategoriId": "cmkqb11mc000104jibqh7bdzu",
+    "imageId": "cmkqj5ql6001lvnea6p0afr9f"
+  }
+]
diff --git a/prisma/migrations/20260122074939_21_jan_26/migration.sql b/prisma/migrations/20260122074939_21_jan_26/migration.sql
new file mode 100644
index 00000000..3363be3d
--- /dev/null
+++ b/prisma/migrations/20260122074939_21_jan_26/migration.sql
@@ -0,0 +1,84 @@
+-- DropForeignKey
+ALTER TABLE "Berita" DROP CONSTRAINT "Berita_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "InfoWabahPenyakit" DROP CONSTRAINT "InfoWabahPenyakit_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "KontakDarurat" DROP CONSTRAINT "KontakDarurat_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PenangananDarurat" DROP CONSTRAINT "PenangananDarurat_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Posyandu" DROP CONSTRAINT "Posyandu_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "ProgramKesehatan" DROP CONSTRAINT "ProgramKesehatan_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Puskesmas" DROP CONSTRAINT "Puskesmas_imageId_fkey";
+
+-- AlterTable
+ALTER TABLE "Berita" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "InfoWabahPenyakit" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "KontakDarurat" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "PasarDesa" ADD COLUMN     "deskripsi" TEXT;
+
+-- AlterTable
+ALTER TABLE "PenangananDarurat" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "Posyandu" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "ProgramKesehatan" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "Puskesmas" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- CreateTable
+CREATE TABLE "LayananToPolsek" (
+    "id" TEXT NOT NULL,
+    "layananId" TEXT NOT NULL,
+    "polsekTerdekatId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "LayananToPolsek_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "Berita" ADD CONSTRAINT "Berita_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Posyandu" ADD CONSTRAINT "Posyandu_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Puskesmas" ADD CONSTRAINT "Puskesmas_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ProgramKesehatan" ADD CONSTRAINT "ProgramKesehatan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PenangananDarurat" ADD CONSTRAINT "PenangananDarurat_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KontakDarurat" ADD CONSTRAINT "KontakDarurat_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "InfoWabahPenyakit" ADD CONSTRAINT "InfoWabahPenyakit_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LayananToPolsek" ADD CONSTRAINT "LayananToPolsek_layananId_fkey" FOREIGN KEY ("layananId") REFERENCES "LayananPolsek"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LayananToPolsek" ADD CONSTRAINT "LayananToPolsek_polsekTerdekatId_fkey" FOREIGN KEY ("polsekTerdekatId") REFERENCES "PolsekTerdekat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index b39617f5..8e45d429 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1655,17 +1655,17 @@ model Pembiayaan {
 
 // ========================================= MENU INOVASI ========================================= //
 // ========================================= DESA DIGITAL / SMART VILLAGE ========================================= //
-  model DesaDigital {
-    id        String      @id @default(cuid())
-    name      String
-    deskripsi String      @db.Text
-    image     FileStorage @relation(fields: [imageId], references: [id])
-    imageId   String
-    createdAt DateTime    @default(now())
-    updatedAt DateTime    @updatedAt
-    deletedAt DateTime    @default(now())
-    isActive  Boolean     @default(true)
-  }
+model DesaDigital {
+  id        String      @id @default(cuid())
+  name      String
+  deskripsi String      @db.Text
+  image     FileStorage @relation(fields: [imageId], references: [id])
+  imageId   String
+  createdAt DateTime    @default(now())
+  updatedAt DateTime    @updatedAt
+  deletedAt DateTime    @default(now())
+  isActive  Boolean     @default(true)
+}
 
 // ========================================= PROGRAM KREATIF ========================================= //
 model ProgramKreatif {
@@ -1719,19 +1719,19 @@ model InfoTekno {
 }
 
 // ========================================= AJUKAN IDE INOVATIF ========================================= //
-  model AjukanIdeInovatif {
-    id        String   @id @default(cuid())
-    name      String
-    alamat    String
-    namaIde   String
-    deskripsi String   @db.Text
-    masalah   String   @db.Text
-    benefit   String   @db.Text
-    createdAt DateTime @default(now())
-    updatedAt DateTime @updatedAt
-    deletedAt DateTime @default(now())
-    isActive  Boolean  @default(true)
-  }
+model AjukanIdeInovatif {
+  id        String   @id @default(cuid())
+  name      String
+  alamat    String
+  namaIde   String
+  deskripsi String   @db.Text
+  masalah   String   @db.Text
+  benefit   String   @db.Text
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
 
 // ========================================= LAYANAN ONLINE DESA ========================================= //
 model AdministrasiOnline {
@@ -1934,7 +1934,7 @@ model NilaiKonservasiAdat {
 // ========================================= INFO SEKOLAH & PAUD ========================================= //
 model JenjangPendidikan {
   id        String    @id @default(cuid())
-  nama      String // TK/PAUD, SD, SMP, SMA/SMK
+  nama      String    // TK/PAUD, SD, SMP, SMA/SMK
   lembagas  Lembaga[] // Relasi ke lembaga
   createdAt DateTime  @default(now())
   updatedAt DateTime  @updatedAt
@@ -2179,6 +2179,18 @@ enum StatusPeminjaman {
   Dibatalkan
 }
 
+
+// ========================================= DATA PENDIDIKAN ========================================= //
+model DataPendidikan {
+  id        String   @id @default(cuid())
+  name      String
+  jumlah    String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
 // ========================================= USER ========================================= //
 
 model User {
@@ -2249,14 +2261,3 @@ model UserMenuAccess {
 
   @@unique([userId, menuId]) // Satu user tidak bisa punya akses menu yang sama dua kali
 }
-
-// ========================================= DATA PENDIDIKAN ========================================= //
-model DataPendidikan {
-  id        String   @id @default(cuid())
-  name      String
-  jumlah    String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
-}
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 892a8bb9..3772fb42 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -77,20 +77,25 @@ import mitraKolaborasi from "./data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.
 import infoTeknologi from "./data/inovasi/info-teknologi/info-teknologi.json";
 import ajukanIde from "./data/inovasi/ajukan-ide/ajukan-ide.json";
 import pengelolaanSampah from "./data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json";
-import keteranganBankSampah from "./data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json"
-import programPenghijauan from "./data/lingkungan/program-penghijauan/program-penghijauan.json"
+import keteranganBankSampah from "./data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json";
+import programPenghijauan from "./data/lingkungan/program-penghijauan/program-penghijauan.json";
 import dataLingkunganDesa from "./data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json";
 import kategoriGotongRoyong from "./data/lingkungan/gotong-royong/kategori-gotong-royong.json";
-import gotongRoyong from "./data/lingkungan/gotong-royong/gotong-royong.json"
+import gotongRoyong from "./data/lingkungan/gotong-royong/gotong-royong.json";
 import berita from "./data/desa/berita/berita.json";
 import kategoriBerita from "./data/desa/berita/kategori-berita.json";
 import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
 import materiEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan.json";
 import tujuanEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan.json";
 import bentukKonservasiBerdasarkanAdat from "./data/lingkungan/konservasi-adat-bali/bentuk-konservasi.json";
-import kategoriKegiatanData from "./data/lingkungan/gotong-royong/kategori-gotong-royong.json";
 import filosofiTriHita from "./data/lingkungan/konservasi-adat-bali/filosofi-tri-hita.json";
 import nilaiKonservasiAdat from "./data/lingkungan/konservasi-adat-bali/nilai-konservasi-adat.json";
+import jenjangPendidikan from "./data/pendidikan/info-sekolah/jenjang-pendidikan.json";
+import lembagaPendidikan from "./data/pendidikan/info-sekolah/lembaga.json";
+import siswa from "./data/pendidikan/info-sekolah/siswa.json";
+import pengajar from "./data/pendidikan/info-sekolah/pengajar.json";
+import dataPerpustakaan from "./data/pendidikan/perpustakaan-digital/perpustakaan-digital.json";
+import dataPendidikan from "./data/pendidikan/data-pendidikan/data-pendidikan.json"
 import caraMemperolehInformasi from "./data/list-caraMemperolehInformasi.json";
 import caraMemperolehSalinanInformasi from "./data/list-caraMemperolehSalinanInformasi.json";
 import jenisInformasiDiminta from "./data/list-jenisInfromasi.json";
@@ -104,15 +109,12 @@ import tempatKegiatan from "./data/pendidikan/pendidikan-non-formal/tempat-kegia
 import tujuanProgram2 from "./data/pendidikan/pendidikan-non-formal/tujuan-program2.json";
 import programUnggulan from "./data/pendidikan/program-pendidikan-anak/program-unggulan.json";
 import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-program.json";
+import kategoriBuku from "./data/pendidikan/perpustakaan-digital/kategori-buku.json";
 import roles from "./data/user/roles.json";
 import fileStorage from "./data/file-storage.json";
-import jenjangPendidikan from "./data/pendidikan/info-sekolah/jenjang-pendidikan.json";
 import seedAssets from "./seed_assets";
 import users from "./data/user/users.json";
 import { safeSeedUnique } from "./safeseedUnique";
-import safeImageId from "./data/safeImageId";
-import resolveImageIdForSeed from "./data/resolveImageId";
-import resolveImageByName from "./resolveImageByName";
 import resolveImageById from "./resolveImageByName";
 
 (async () => {
@@ -1903,7 +1905,6 @@ import resolveImageById from "./resolveImageByName";
         imageId: t.imageId,
       },
       create: {
-        id: t.id,
         judul: t.judul,
         deskripsi: t.deskripsi,
         imageId: t.imageId,
@@ -2163,40 +2164,46 @@ import resolveImageById from "./resolveImageByName";
   console.log("✅ Jumlah Penduduk Miskin seeded successfully");
 
   // ==================== SUBMENU PROGRAM KEMISKINAN =============
-  for (const k of statistikKemiskinan) {
+  for (const s of statistikKemiskinan) {
     await prisma.statistikKemiskinan.upsert({
-      where: {
-        tahun: k.tahun,
-      },
+      where: { tahun: s.tahun }, // ✅ FIX
       update: {
-        jumlah: k.jumlah,
+        jumlah: s.jumlah,
       },
       create: {
-        tahun: k.tahun,
-        jumlah: k.jumlah,
+        id: s.id, // id boleh tetap
+        tahun: s.tahun,
+        jumlah: s.jumlah,
       },
     });
   }
+
   console.log("📊 Statistik Kemiskinan seeded successfully");
 
   console.log("🔄 Seeding Program Kemiskinan...");
   for (const k of programKemiskinan) {
     await prisma.programKemiskinan.upsert({
-      where: {
-        id: k.id,
-      },
+      where: { id: k.id },
       update: {
         nama: k.nama,
         deskripsi: k.deskripsi,
         icon: k.icon,
-        statistikId: k.statistikId,
+        statistik: {
+          connect: {
+            tahun: k.tahun, // 👈 BUKAN ID
+          },
+        },
       },
       create: {
         id: k.id,
         nama: k.nama,
         deskripsi: k.deskripsi,
         icon: k.icon,
-        statistikId: k.statistikId,
+        statistik: {
+          connect: {
+            tahun: k.tahun,
+          },
+        },
       },
     });
   }
@@ -2490,12 +2497,12 @@ import resolveImageById from "./resolveImageByName";
       },
       update: {
         name: p.name,
-        icon: p.icon
+        icon: p.icon,
       },
       create: {
         id: p.id,
         name: p.name,
-        icon: p.icon
+        icon: p.icon,
       },
     });
   }
@@ -2513,7 +2520,7 @@ import resolveImageById from "./resolveImageByName";
         namaTempatMaps: p.namaTempatMaps,
         linkPetunjukArah: p.linkPetunjukArah,
         lat: p.lat,
-        lng: p.lng
+        lng: p.lng,
       },
       create: {
         id: p.id,
@@ -2522,7 +2529,7 @@ import resolveImageById from "./resolveImageByName";
         namaTempatMaps: p.namaTempatMaps,
         linkPetunjukArah: p.linkPetunjukArah,
         lat: p.lat,
-        lng: p.lng
+        lng: p.lng,
       },
     });
   }
@@ -2539,14 +2546,14 @@ import resolveImageById from "./resolveImageByName";
         name: p.name,
         judul: p.judul,
         deskripsi: p.deskripsi,
-        icon: p.icon
+        icon: p.icon,
       },
       create: {
         id: p.id,
         name: p.name,
         judul: p.judul,
         deskripsi: p.deskripsi,
-        icon: p.icon
+        icon: p.icon,
       },
     });
   }
@@ -2563,14 +2570,14 @@ import resolveImageById from "./resolveImageByName";
         name: p.name,
         jumlah: p.jumlah,
         deskripsi: p.deskripsi,
-        icon: p.icon
+        icon: p.icon,
       },
       create: {
         id: p.id,
         name: p.name,
         jumlah: p.jumlah,
         deskripsi: p.deskripsi,
-        icon: p.icon
+        icon: p.icon,
       },
     });
   }
@@ -2629,9 +2636,8 @@ import resolveImageById from "./resolveImageByName";
 
   console.log("✅ Kategori Gotong Royong seeded successfully");
 
-  
-  
-  
+  // =========== SUBMENU EDUKASI LINGKUNGAN ===========
+
   for (const e of tujuanEdukasiLingkungan) {
     await prisma.tujuanEdukasiLingkungan.upsert({
       where: {
@@ -2689,6 +2695,8 @@ import resolveImageById from "./resolveImageByName";
 
   console.log("contoh edukasi lingkungan success ...");
 
+  // =========== SUBMENU KONSERVASI ADAT BALI ===========
+
   for (const f of filosofiTriHita) {
     await prisma.filosofiTriHita.upsert({
       where: {
@@ -2746,6 +2754,85 @@ import resolveImageById from "./resolveImageByName";
 
   console.log("nilai konservasi adat success ...");
 
+  // ====================== MENU PENDIDIKAN ==========================
+  // =========== SUBMENU INFO SEKOLAH =====================
+
+  for (const j of jenjangPendidikan) {
+    await prisma.jenjangPendidikan.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+      },
+    });
+  }
+
+  console.log("✅ Jenjang Pendidikan seeded successfully");
+
+  for (const j of lembagaPendidikan) {
+    await prisma.lembaga.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        jenjangId: j.jenjangId,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        jenjangId: j.jenjangId,
+      },
+    });
+  }
+
+  console.log("✅ Lembaga Pendidikan seeded successfully");
+
+  for (const j of siswa) {
+    await prisma.siswa.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+    });
+  }
+
+  console.log("✅ siswa seeded successfully");
+
+  for (const j of pengajar) {
+    await prisma.pengajar.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+    });
+  }
+
+  console.log("✅ pengajar seeded successfully");
+
+  // =========== SUBMENU PROGRAM PENDIDIKAN ANAK =====================
+
   for (const t of tujuanProgram) {
     await prisma.tujuanProgram.upsert({
       where: { id: t.id },
@@ -2778,6 +2865,8 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("✅ program unggulan seeded (editable later via UI)");
 
+  // =========== SUBMENU BIMBINGAN BELAJAR DESA =====================
+
   for (const t of tujuanBimbinganBelajarDesa) {
     await prisma.tujuanBimbinganBelajarDesa.upsert({
       where: { id: t.id },
@@ -2832,6 +2921,8 @@ import resolveImageById from "./resolveImageByName";
     "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
   );
 
+  // =========== SUBMENU PENDIDIKAN NON FORMAL =====================
+
   for (const t of tujuanProgram2) {
     await prisma.tujuanPendidikanNonFormal.upsert({
       where: { id: t.id },
@@ -2886,21 +2977,67 @@ import resolveImageById from "./resolveImageByName";
     "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
   );
 
-  for (const j of jenjangPendidikan) {
-    await prisma.jenjangPendidikan.upsert({
+  // =========== SUBMENU PERPUSTAKAAN DIGITAL =====================
+  console.log("🔄 Seeding Kategori Buku...");
+  for (const k of kategoriBuku) {
+    await prisma.kategoriBuku.upsert({
       where: {
-        id: j.id || undefined,
+        id: k.id,
       },
       update: {
-        nama: j.nama,
+        name: k.name,
       },
       create: {
-        nama: j.nama,
+        id: k.id,
+        name: k.name,
       },
     });
   }
+  console.log("✅ Kategori Buku seeded successfully");
 
-  console.log("✅ Jenjang Pendidikan seeded successfully");
+  console.log("🔄 Seeding Data perpustakaan...");
+  for (const k of dataPerpustakaan) {
+    await prisma.dataPerpustakaan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        judul: k.judul,
+        deskripsi: k.deskripsi,
+        kategoriId: k.kategoriId,
+        imageId: k.imageId,
+      },
+      create: {
+        id: k.id,
+        judul: k.judul,
+        deskripsi: k.deskripsi,
+        kategoriId: k.kategoriId,
+        imageId: k.imageId,
+      },
+    });
+  }
+  console.log("✅ Data perpustakaan seeded successfully");
+
+  console.log("🔄 Seeding Data pendidikan...");
+  for (const k of dataPendidikan) {
+    await prisma.dataPendidikan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        name: k.name,
+        jumlah: k.jumlah
+      },
+      create: {
+        id: k.id,
+        name: k.name,
+        jumlah: k.jumlah
+      },
+    });
+  }
+  console.log("✅ Data pendidikan seeded successfully");
+
+  // =========== SUBMENU DATA PENDIDIKAN =====================
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 79e72337..1565c034 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -1,222 +1,26 @@
-// /* eslint-disable @typescript-eslint/no-unused-vars */
-// // prisma/seedAssets.ts
-// import prisma from "@/lib/prisma";
-// import AdmZip from "adm-zip";
-// import fs from "fs/promises";
-// import path from "path";
-// import sharp from "sharp";
-// import fetchWithRetry from "./data/fetchWithRetry";
-
-// const UPLOADS_DIR = path.resolve(
-//   process.env.WIBU_UPLOAD_DIR || "uploads"
-// );
-
-// // --- Helper: deteksi kategori file ---
-// function detectCategory(filename: string): "image" | "document" | "other" {
-//   const ext = path.extname(filename).toLowerCase();
-//   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-//   if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
-//   return "other";
-// }
-
-// // --- Helper: recursive walk dir ---
-// async function walkDir(
-//   dir: string,
-//   fileList: string[] = []
-// ): Promise<string[]> {
-//   const entries = await fs.readdir(dir, { withFileTypes: true });
-
-//   for (const entry of entries) {
-//     const fullPath = path.join(dir, entry.name);
-
-//     if (entry.isDirectory()) {
-//       if (entry.name === "__MACOSX") continue; // skip folder sampah
-//       await walkDir(fullPath, fileList);
-//     } else {
-//       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
-//       fileList.push(fullPath);
-//     }
-//   }
-
-//   return fileList;
-// }
-
-// export default async function seedAssets() {
-//   console.log("🚀 Seeding assets...");
-//   console.log("📁 Upload dir:", UPLOADS_DIR);
-
-//   await fs.mkdir(UPLOADS_DIR, { recursive: true });
-
-//   // 1. Download zip
-//   const url =
-//     "https://cld-dkr-makuro-seafile.wibudev.com/f/eadd52c5bd654ec789a3/?dl=1";
-//   const res = await fetchWithRetry(url, 3, 20000);
-
-//   // Validasi content-type
-//   const contentType = res.headers.get("content-type");
-//   if (!contentType?.includes("zip")) {
-//     throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
-//   }
-
-//   const buffer = Buffer.from(await res.arrayBuffer());
-
-//   // Validasi ukuran file
-//   if (buffer.length < 100) {
-//     throw new Error("Downloaded ZIP is empty or corrupted");
-//   }
-
-//   // Validasi signature ZIP ("PK")
-//   if (buffer.toString("utf8", 0, 2) !== "PK") {
-//     throw new Error("Invalid ZIP signature (PK not found)");
-//   }
-
-//   // 2. Extract zip ke folder tmp
-//   const extractDir = path.join(process.cwd(), "tmp_assets");
-//   await fs.rm(extractDir, { recursive: true, force: true });
-//   await fs.mkdir(extractDir, { recursive: true });
-
-//   let zip: AdmZip;
-
-//   try {
-//     zip = new AdmZip(buffer);
-//   } catch (err) {
-//     throw new Error("Failed to parse ZIP file (corrupted or invalid)");
-//   }
-
-//   try {
-//     zip.extractAllTo(extractDir, true);
-//   } catch (err) {
-//     throw new Error("Failed to extract ZIP contents");
-//   }
-
-//   // 3. Cari semua file valid (recursive)
-//   const files = await walkDir(extractDir);
-
-//   // 4. Loop tiap file & simpan
-//   for (const filePath of files) {
-//     const entryName = path.basename(filePath);
-//     const category = detectCategory(entryName);
-
-//     let finalName = entryName;
-//     let mimeType = "application/octet-stream";
-//     let targetPath = "";
-
-//     if (category === "image") {
-//       const fileBaseName = path.parse(entryName).name;
-//       finalName = `${fileBaseName}.webp`;
-//       targetPath = path.join(UPLOADS_DIR, "images", finalName);
-//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
-//       await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-//       mimeType = "image/webp";
-//     } else if (category === "document") {
-//       targetPath = path.join(UPLOADS_DIR, "documents", entryName);
-//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
-//       await fs.copyFile(filePath, targetPath);
-//       mimeType = "application/pdf";
-//     } else {
-//       targetPath = path.join(UPLOADS_DIR, "other", entryName);
-//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
-//       await fs.copyFile(filePath, targetPath);
-//     }
-
-//     const existing = await prisma.fileStorage.findUnique({
-//       where: { name: finalName },
-//     });
-
-//     if (existing) {
-//       // Restore kalau soft deleted
-//       await prisma.fileStorage.update({
-//         where: { name: finalName },
-//         data: {
-//           path: targetPath,
-//           realName: entryName,
-//           mimeType,
-//           link: `/uploads/${category}/${finalName}`,
-//           category,
-//           deletedAt: null,
-//           isActive: true,
-//         },
-//       });
-
-//       console.log(`♻️ restored: ${category}/${finalName}`);
-//     } else {
-//       await prisma.fileStorage.create({
-//         data: {
-//           name: finalName,
-//           realName: entryName,
-//           path: targetPath,
-//           mimeType,
-//           link: `/uploads/${category}/${finalName}`,
-//           category,
-//         },
-//       });
-
-//       console.log(`📂 created: ${category}/${finalName}`);
-//     }
-
-//     console.log(`📂 saved: ${category}/${finalName}`);
-//   }
-
-//   // 6. Cleanup
-//   await fs.rm(extractDir, { recursive: true, force: true });
-
-//   console.log("✅ Selesai seed assets!");
-//   console.log("DB URL (asset):", process.env.DATABASE_URL);
-
-// }
-
-// // --- Auto run kalau dipanggil langsung ---
-// if (import.meta.main) {
-//   seedAssets()
-//     .catch((err) => {
-//       console.error("❌ Error seeding assets:", err);
-//       process.exit(1);
-//     })
-//     .finally(async () => {
-//       await prisma.$disconnect();
-//     });
-// }
-
-
+/* eslint-disable @typescript-eslint/no-unused-vars */
 // prisma/seedAssets.ts
 import prisma from "@/lib/prisma";
 import AdmZip from "adm-zip";
 import fs from "fs/promises";
 import path from "path";
 import sharp from "sharp";
-import mime from "mime-types";
 import fetchWithRetry from "./data/fetchWithRetry";
 
-/* =========================
- * CONFIG
- * ========================= */
-const UPLOADS_DIR = path.resolve(
-  process.env.WIBU_UPLOAD_DIR || "uploads"
-);
+const UPLOADS_DIR = path.resolve(process.env.WIBU_UPLOAD_DIR || "uploads");
 
-const TMP_DIR = path.join(process.cwd(), "tmp_assets");
-
-const CATEGORY_DIR: Record<FileCategory, string> = {
-  image: "images",
-  document: "documents",
-  other: "other",
-};
-
-type FileCategory = "image" | "document" | "other";
-
-/* =========================
- * HELPERS
- * ========================= */
-function detectCategory(filename: string): FileCategory {
+// --- Helper: deteksi kategori file ---
+function detectCategory(filename: string): "image" | "document" | "other" {
   const ext = path.extname(filename).toLowerCase();
   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-  if ([".pdf", ".doc", ".docx", ".txt"].includes(ext)) return "document";
+  if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
   return "other";
 }
 
+// --- Helper: recursive walk dir ---
 async function walkDir(
   dir: string,
-  result: string[] = []
+  fileList: string[] = [],
 ): Promise<string[]> {
   const entries = await fs.readdir(dir, { withFileTypes: true });
 
@@ -224,139 +28,141 @@ async function walkDir(
     const fullPath = path.join(dir, entry.name);
 
     if (entry.isDirectory()) {
-      if (entry.name === "__MACOSX") continue;
-      await walkDir(fullPath, result);
+      if (entry.name === "__MACOSX") continue; // skip folder sampah
+      await walkDir(fullPath, fileList);
     } else {
-      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
-      result.push(fullPath);
+      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
+      fileList.push(fullPath);
     }
   }
 
-  return result;
+  return fileList;
 }
 
-async function ensureDir(dir: string) {
-  await fs.mkdir(dir, { recursive: true });
-}
-
-/* =========================
- * FILE PROCESSORS
- * ========================= */
-async function processImage(filePath: string, entryName: string) {
-  const baseName = path.parse(entryName).name;
-  const finalName = `${baseName}.webp`;
-  const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR.image);
-  const targetPath = path.join(targetDir, finalName);
-
-  await ensureDir(targetDir);
-  await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-
-  return {
-    finalName,
-    targetPath,
-    mimeType: "image/webp",
-  };
-}
-
-async function processNonImage(
-  filePath: string,
-  entryName: string,
-  category: FileCategory
-) {
-  const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR[category]);
-  const targetPath = path.join(targetDir, entryName);
-
-  await ensureDir(targetDir);
-  await fs.copyFile(filePath, targetPath);
-
-  return {
-    finalName: entryName,
-    targetPath,
-    mimeType: mime.lookup(entryName) || "application/octet-stream",
-  };
-}
-
-/* =========================
- * MAIN
- * ========================= */
 export default async function seedAssets() {
   console.log("🚀 Seeding assets...");
   console.log("📁 Upload dir:", UPLOADS_DIR);
 
-  await ensureDir(UPLOADS_DIR);
+  await fs.mkdir(UPLOADS_DIR, { recursive: true });
 
-  /* ===== Download ZIP ===== */
+  // 1. Download zip
   const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/eadd52c5bd654ec789a3/?dl=1";
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/03be4043989e4caeb36b/?dl=1";
   const res = await fetchWithRetry(url, 3, 20000);
 
-  if (!res.headers.get("content-type")?.includes("zip")) {
-    throw new Error("Invalid ZIP content-type");
+  // Validasi content-type
+  const contentType = res.headers.get("content-type");
+  if (!contentType?.includes("zip")) {
+    throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
   }
 
   const buffer = Buffer.from(await res.arrayBuffer());
-  if (buffer.length < 100 || buffer.toString("utf8", 0, 2) !== "PK") {
-    throw new Error("Corrupted ZIP file");
+
+  // Validasi ukuran file
+  if (buffer.length < 100) {
+    throw new Error("Downloaded ZIP is empty or corrupted");
   }
 
-  /* ===== Extract ===== */
-  await fs.rm(TMP_DIR, { recursive: true, force: true });
-  await ensureDir(TMP_DIR);
+  // Validasi signature ZIP ("PK")
+  if (buffer.toString("utf8", 0, 2) !== "PK") {
+    throw new Error("Invalid ZIP signature (PK not found)");
+  }
 
-  const zip = new AdmZip(buffer);
-  zip.extractAllTo(TMP_DIR, true);
+  // 2. Extract zip ke folder tmp
+  const extractDir = path.join(process.cwd(), "tmp_assets");
+  await fs.rm(extractDir, { recursive: true, force: true });
+  await fs.mkdir(extractDir, { recursive: true });
 
-  /* ===== Process Files ===== */
-  const files = await walkDir(TMP_DIR);
+  let zip: AdmZip;
 
+  try {
+    zip = new AdmZip(buffer);
+  } catch (err) {
+    throw new Error("Failed to parse ZIP file (corrupted or invalid)");
+  }
+
+  try {
+    zip.extractAllTo(extractDir, true);
+  } catch (err) {
+    throw new Error("Failed to extract ZIP contents");
+  }
+
+  // 3. Cari semua file valid (recursive)
+  const files = await walkDir(extractDir);
+
+  // 4. Loop tiap file & simpan
   for (const filePath of files) {
     const entryName = path.basename(filePath);
     const category = detectCategory(entryName);
 
-    let result;
+    let finalName = entryName;
+    let mimeType = "application/octet-stream";
+    let targetPath = "";
 
     if (category === "image") {
-      result = await processImage(filePath, entryName);
+      const fileBaseName = path.parse(entryName).name;
+      finalName = `${fileBaseName}.webp`;
+      targetPath = path.join(UPLOADS_DIR, "images", finalName);
+      await fs.mkdir(path.dirname(targetPath), { recursive: true });
+      await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+      mimeType = "image/webp";
+    } else if (category === "document") {
+      targetPath = path.join(UPLOADS_DIR, "documents", entryName);
+      await fs.mkdir(path.dirname(targetPath), { recursive: true });
+      await fs.copyFile(filePath, targetPath);
+      mimeType = "application/pdf";
     } else {
-      result = await processNonImage(filePath, entryName, category);
+      targetPath = path.join(UPLOADS_DIR, "other", entryName);
+      await fs.mkdir(path.dirname(targetPath), { recursive: true });
+      await fs.copyFile(filePath, targetPath);
     }
 
-    const { finalName, targetPath, mimeType } = result;
-
     const existing = await prisma.fileStorage.findUnique({
       where: { name: finalName },
     });
 
-    const data = {
-      name: finalName,
-      realName: entryName,
-      path: targetPath,
-      mimeType,
-      link: `/uploads/${CATEGORY_DIR[category]}/${finalName}`,
-      category,
-      deletedAt: null,
-      isActive: true,
-    };
-
     if (existing) {
+      // Restore kalau soft deleted
       await prisma.fileStorage.update({
         where: { name: finalName },
-        data,
+        data: {
+          path: targetPath,
+          realName: entryName,
+          mimeType,
+          link: `/uploads/${category}/${finalName}`,
+          category,
+          deletedAt: null,
+          isActive: true,
+        },
       });
+
       console.log(`♻️ restored: ${category}/${finalName}`);
     } else {
-      await prisma.fileStorage.create({ data });
+      await prisma.fileStorage.create({
+        data: {
+          name: finalName,
+          realName: entryName,
+          path: targetPath,
+          mimeType,
+          link: `/uploads/${category}/${finalName}`,
+          category,
+        },
+      });
+
       console.log(`📂 created: ${category}/${finalName}`);
     }
+
+    console.log(`📂 saved: ${category}/${finalName}`);
   }
 
-  /* ===== Cleanup ===== */
-  await fs.rm(TMP_DIR, { recursive: true, force: true });
+  // 6. Cleanup
+  await fs.rm(extractDir, { recursive: true, force: true });
 
   console.log("✅ Selesai seed assets!");
+  console.log("DB URL (asset):", process.env.DATABASE_URL);
 }
 
-/* ===== Auto Run ===== */
+// --- Auto run kalau dipanggil langsung ---
 if (import.meta.main) {
   seedAssets()
     .catch((err) => {
@@ -367,3 +173,193 @@ if (import.meta.main) {
       await prisma.$disconnect();
     });
 }
+
+// prisma/seedAssets.ts
+// import prisma from "@/lib/prisma";
+// import AdmZip from "adm-zip";
+// import fs from "fs/promises";
+// import path from "path";
+// import sharp from "sharp";
+// import mime from "mime-types";
+// import fetchWithRetry from "./data/fetchWithRetry";
+
+// /* =========================
+//  * CONFIG
+//  * ========================= */
+// const UPLOADS_DIR = path.resolve(
+//   process.env.WIBU_UPLOAD_DIR || "uploads"
+// );
+
+// const TMP_DIR = path.join(process.cwd(), "tmp_assets");
+
+// const CATEGORY_DIR: Record<FileCategory, string> = {
+//   image: "images",
+//   document: "documents",
+//   other: "other",
+// };
+
+// type FileCategory = "image" | "document" | "other";
+
+// /* =========================
+//  * HELPERS
+//  * ========================= */
+// function detectCategory(filename: string): FileCategory {
+//   const ext = path.extname(filename).toLowerCase();
+//   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
+//   if ([".pdf", ".doc", ".docx", ".txt"].includes(ext)) return "document";
+//   return "other";
+// }
+
+// async function walkDir(
+//   dir: string,
+//   result: string[] = []
+// ): Promise<string[]> {
+//   const entries = await fs.readdir(dir, { withFileTypes: true });
+
+//   for (const entry of entries) {
+//     const fullPath = path.join(dir, entry.name);
+
+//     if (entry.isDirectory()) {
+//       if (entry.name === "__MACOSX") continue;
+//       await walkDir(fullPath, result);
+//     } else {
+//       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
+//       result.push(fullPath);
+//     }
+//   }
+
+//   return result;
+// }
+
+// async function ensureDir(dir: string) {
+//   await fs.mkdir(dir, { recursive: true });
+// }
+
+// /* =========================
+//  * FILE PROCESSORS
+//  * ========================= */
+// async function processImage(filePath: string, entryName: string) {
+//   const baseName = path.parse(entryName).name;
+//   const finalName = `${baseName}.webp`;
+//   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR.image);
+//   const targetPath = path.join(targetDir, finalName);
+
+//   await ensureDir(targetDir);
+//   await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+
+//   return {
+//     finalName,
+//     targetPath,
+//     mimeType: "image/webp",
+//   };
+// }
+
+// async function processNonImage(
+//   filePath: string,
+//   entryName: string,
+//   category: FileCategory
+// ) {
+//   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR[category]);
+//   const targetPath = path.join(targetDir, entryName);
+
+//   await ensureDir(targetDir);
+//   await fs.copyFile(filePath, targetPath);
+
+//   return {
+//     finalName: entryName,
+//     targetPath,
+//     mimeType: mime.lookup(entryName) || "application/octet-stream",
+//   };
+// }
+
+// /* =========================
+//  * MAIN
+//  * ========================= */
+// export default async function seedAssets() {
+//   console.log("🚀 Seeding assets...");
+//   console.log("📁 Upload dir:", UPLOADS_DIR);
+
+//   await ensureDir(UPLOADS_DIR);
+
+//   /* ===== Download ZIP ===== */
+//   const url =
+//     "https://cld-dkr-makuro-seafile.wibudev.com/f/e13d5429785640c098ae/?dl=1";
+//   const res = await fetchWithRetry(url, 3, 20000);
+
+//   if (!res.headers.get("content-type")?.includes("zip")) {
+//     throw new Error("Invalid ZIP content-type");
+//   }
+
+//   const buffer = Buffer.from(await res.arrayBuffer());
+//   if (buffer.length < 100 || buffer.toString("utf8", 0, 2) !== "PK") {
+//     throw new Error("Corrupted ZIP file");
+//   }
+
+//   /* ===== Extract ===== */
+//   await fs.rm(TMP_DIR, { recursive: true, force: true });
+//   await ensureDir(TMP_DIR);
+
+//   const zip = new AdmZip(buffer);
+//   zip.extractAllTo(TMP_DIR, true);
+
+//   /* ===== Process Files ===== */
+//   const files = await walkDir(TMP_DIR);
+
+//   for (const filePath of files) {
+//     const entryName = path.basename(filePath);
+//     const category = detectCategory(entryName);
+
+//     let result;
+
+//     if (category === "image") {
+//       result = await processImage(filePath, entryName);
+//     } else {
+//       result = await processNonImage(filePath, entryName, category);
+//     }
+
+//     const { finalName, targetPath, mimeType } = result;
+
+//     const existing = await prisma.fileStorage.findUnique({
+//       where: { name: finalName },
+//     });
+
+//     const data = {
+//       name: finalName,
+//       realName: entryName,
+//       path: targetPath,
+//       mimeType,
+//       link: `/uploads/${CATEGORY_DIR[category]}/${finalName}`,
+//       category,
+//       deletedAt: null,
+//       isActive: true,
+//     };
+
+//     if (existing) {
+//       await prisma.fileStorage.update({
+//         where: { name: finalName },
+//         data,
+//       });
+//       console.log(`♻️ restored: ${category}/${finalName}`);
+//     } else {
+//       await prisma.fileStorage.create({ data });
+//       console.log(`📂 created: ${category}/${finalName}`);
+//     }
+//   }
+
+//   /* ===== Cleanup ===== */
+//   await fs.rm(TMP_DIR, { recursive: true, force: true });
+
+//   console.log("✅ Selesai seed assets!");
+// }
+
+// /* ===== Auto Run ===== */
+// if (import.meta.main) {
+//   seedAssets()
+//     .catch((err) => {
+//       console.error("❌ Error seeding assets:", err);
+//       process.exit(1);
+//     })
+//     .finally(async () => {
+//       await prisma.$disconnect();
+//     });
+// }
diff --git a/src/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital.ts b/src/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital.ts
index 69234af2..101b33b9 100644
--- a/src/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital.ts
+++ b/src/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital.ts
@@ -400,6 +400,42 @@ const kategoriBuku = proxy({
       }
     },
   },
+  findManyAll: {
+      data: [] as Prisma.KategoriBukuGetPayload<{
+      omit: {
+        isActive: true;
+      };
+    }>[],
+      loading: false,
+      search: "",
+      load: async (search = "") => {
+        // Change to arrow function
+        kategoriBuku.findManyAll.loading = true; // Use the full path to access the property
+        kategoriBuku.findManyAll.search = search;
+        try {
+          const query: any = { search };
+          if (search) query.search = search;
+  
+          const res = await ApiFetch.api.pendidikan.perpustakaandigital.kategoribuku[
+            "findManyAll"
+          ].get({
+            query,
+          });
+  
+          if (res.status === 200 && res.data?.success) {
+            kategoriBuku.findManyAll.data = res.data.data || [];
+          } else {
+            console.error("Failed to load pegawai:", res.data?.message);
+            kategoriBuku.findManyAll.data = [];
+          }
+        } catch (error) {
+          console.error("Error loading pegawai:", error);
+          kategoriBuku.findManyAll.data = [];
+        } finally {
+          kategoriBuku.findManyAll.loading = false;
+        }
+      },
+    }, 
   findUnique: {
     data: null as Prisma.KategoriBukuGetPayload<{
       omit: {
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
index 9484e58d..cc694eb8 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
@@ -40,7 +40,7 @@ function EditPerpustakaanDigital() {
 
   // Load kategori & data awal
   useEffect(() => {
-    perpustakaanDigitalState.kategoriBuku.findMany.load();
+    perpustakaanDigitalState.kategoriBuku.findManyAll.load();
 
     const loadData = async () => {
       const id = Array.isArray(params?.id) ? params.id[0] : params?.id;
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
index 54a28cd6..668aa861 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
@@ -19,7 +19,7 @@ function CreateDataPerpustakaan() {
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   useEffect(() => {
-    perpustakaanDigitalState.kategoriBuku.findMany.load();
+    perpustakaanDigitalState.kategoriBuku.findManyAll.load();
   }, []);
 
   const resetForm = () => {
@@ -109,7 +109,7 @@ function CreateDataPerpustakaan() {
             placeholder='Pilih kategori'
             value={createState.create.form.kategoriId || ""}
             onChange={(val) => { createState.create.form.kategoriId = val ?? ""; }}
-            data={perpustakaanDigitalState.kategoriBuku.findMany.data?.map((item) => ({
+            data={perpustakaanDigitalState.kategoriBuku.findManyAll.data?.map((item) => ({
               value: item.id,
               label: item.name,
             }))}
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts
index 891fccb7..273f4a3a 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/pengajar/findMany.ts
@@ -8,7 +8,8 @@ async function pengajarFindMany(context: Context) {
     const limit = Number(context.query.limit) || 10;
     const skip = (page - 1) * limit;
     const search = (context.query.search as string) || "";
-    const jenjangPendidikanName = (context.query.jenjangPendidikanId as string) || "";
+    const jenjangPendidikanName =
+      (context.query.jenjangPendidikanId as string) || "";
 
     const where: any = { isActive: true };
 
@@ -19,17 +20,17 @@ async function pengajarFindMany(context: Context) {
         where: {
           nama: {
             equals: jenjangPendidikanName,
-            mode: 'insensitive'
+            mode: "insensitive",
           },
-          isActive: true
+          isActive: true,
         },
-        orderBy: { nama: 'desc' },
+        orderBy: { nama: "desc" },
       });
 
       if (jenjangPendidikan) {
         where.lembaga = {
           ...where.lembaga,
-          jenjangId: jenjangPendidikan.id
+          jenjangId: jenjangPendidikan.id,
         };
       } else {
         // Jika tidak ditemukan, return data kosong
@@ -48,8 +49,8 @@ async function pengajarFindMany(context: Context) {
     // Add search condition if search term exists
     if (search) {
       where.OR = [
-        { nama: { contains: search, mode: 'insensitive' } },
-        { lembaga: { nama: { contains: search, mode: 'insensitive' } } }
+        { nama: { contains: search, mode: "insensitive" } },
+        { lembaga: { nama: { contains: search, mode: "insensitive" } } },
       ];
     }
 
@@ -59,17 +60,15 @@ async function pengajarFindMany(context: Context) {
         include: {
           lembaga: {
             include: {
-              jenjangPendidikan: true
-            }
-          }
+              jenjangPendidikan: true,
+            },
+          },
         },
         skip,
         take: limit,
-        orderBy: { nama: 'asc' },
+        orderBy: [{ nama: "asc" }, { lembaga: { nama: "asc" } }],
       }),
-      prisma.pengajar.count({
-        where,
-      })
+      prisma.pengajar.count({ where }),
     ]);
 
     return {
@@ -85,8 +84,8 @@ async function pengajarFindMany(context: Context) {
     console.error("Error in pengajarFindMany:", error);
     return {
       success: false,
-      message: `Failed fetch pengajar: ${error instanceof Error ? error.message : 'Unknown error'}`,
+      message: `Failed fetch pengajar: ${error instanceof Error ? error.message : "Unknown error"}`,
     };
   }
 }
-export default pengajarFindMany;
\ No newline at end of file
+export default pengajarFindMany;
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/siswa/findMany.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/siswa/findMany.ts
index ce8bd35b..1d57fb36 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/siswa/findMany.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/info-sekolah-paud/siswa/findMany.ts
@@ -8,7 +8,8 @@ async function siswaFindMany(context: Context) {
     const limit = Number(context.query.limit) || 10;
     const skip = (page - 1) * limit;
     const search = (context.query.search as string) || "";
-    const jenjangPendidikanName = (context.query.jenjangPendidikanName as string) || "";
+    const jenjangPendidikanName =
+      (context.query.jenjangPendidikanName as string) || "";
 
     // Buat where clause
     const where: any = { isActive: true };
@@ -20,16 +21,16 @@ async function siswaFindMany(context: Context) {
         where: {
           nama: {
             equals: jenjangPendidikanName,
-            mode: 'insensitive'
+            mode: "insensitive",
           },
           isActive: true,
-        }
+        },
       });
 
       if (jenjangPendidikan) {
         where.lembaga = {
           ...where.lembaga,
-          jenjangId: jenjangPendidikan.id
+          jenjangId: jenjangPendidikan.id,
         };
       } else {
         // Jika tidak ditemukan, return data kosong
@@ -48,8 +49,8 @@ async function siswaFindMany(context: Context) {
     // Add search functionality
     if (search) {
       where.OR = [
-        { nama: { contains: search, mode: 'insensitive' } },
-        { lembaga: { nama: { contains: search, mode: 'insensitive' } } }
+        { nama: { contains: search, mode: "insensitive" } },
+        { lembaga: { nama: { contains: search, mode: "insensitive" } } },
       ];
     }
 
@@ -65,15 +66,13 @@ async function siswaFindMany(context: Context) {
         },
         skip,
         take: limit,
-        orderBy: { nama: 'asc' },
+        orderBy: [{ nama: "asc" }, { lembaga: { nama: "asc" } }],
       }),
-      prisma.siswa.count({
-        where,
-      })
+      prisma.siswa.count({ where }),
     ]);
 
-    console.log('Fetched siswa data count:', data.length);
-    console.log('Total siswa count:', total);
+    console.log("Fetched siswa data count:", data.length);
+    console.log("Total siswa count:", total);
 
     return {
       success: true,
@@ -88,7 +87,7 @@ async function siswaFindMany(context: Context) {
     console.error("Error in siswaFindMany:", error);
     return {
       success: false,
-      message: `Failed fetch siswa: ${error instanceof Error ? error.message : 'Unknown error'}`,
+      message: `Failed fetch siswa: ${error instanceof Error ? error.message : "Unknown error"}`,
     };
   }
 }
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/findManyAll.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/findManyAll.ts
new file mode 100644
index 00000000..397d744b
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/findManyAll.ts
@@ -0,0 +1,43 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+export default async function kategoriBukuFindManyAll(context: Context) {
+  const search = (context.query.search as string) || "";
+  const isActiveParam = context.query.isActive;
+
+  // Buat where clause dinamis
+  const where: any = {};
+
+  if (isActiveParam !== undefined) {
+    where.isActive = isActiveParam === "true";
+  }
+
+  if (search) {
+    where.OR = [
+      { name: { contains: search, mode: "insensitive" } },
+    ];
+  }
+
+  try {
+    const data = await prisma.kategoriBuku.findMany({
+      where,
+      orderBy: { name: "asc" },
+    });
+
+    return {
+      success: true,
+      message: "Success fetch all kategori buku (non-paginated)",
+      total: data.length,
+      data,
+    };
+  } catch (error) {
+    console.error("Find many all error:", error);
+    return {
+      success: false,
+      message: "Failed fetch all kategori buku",
+      total: 0,
+      data: [],
+    };
+  }
+}
diff --git a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/index.ts b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/index.ts
index 6ef2bbfd..6f407f8b 100644
--- a/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/index.ts
@@ -4,6 +4,7 @@ import kategoriBukuDelete from "./del";
 import kategoriBukuFindMany from "./findMany";
 import kategoriBukuFindUnique from "./findUnique";
 import kategoriBukuUpdate from "./updt";
+import kategoriBukuFindManyAll from "./findManyAll";
 
 const KategoriBuku = new Elysia({
     prefix: "/kategoribuku",
@@ -17,6 +18,7 @@ const KategoriBuku = new Elysia({
   })
 
   .get("/findMany", kategoriBukuFindMany)
+  .get("/findManyAll", kategoriBukuFindManyAll)
   .get("/:id", async (context) => {
     const response = await kategoriBukuFindUnique(
       new Request(context.request)
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
index 349af199..5cc017f7 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
@@ -173,9 +173,9 @@ function Content({ kategoriBuku }: { kategoriBuku: string }) {
       </Box>
       <Center mt="lg">
         <Pagination
+          total={totalPages}
           value={currentPage}
           onChange={handlePageChange}
-          total={totalPages}
           color="blue"
           radius="md"
         />
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
index e61f85ca..f3984886 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx
@@ -46,7 +46,7 @@ export default function LayoutTabs({
 
   // 🟦 Ambil kategori buku saat mount
   useEffect(() => {
-    perpustakaanDigitalState.kategoriBuku.findMany.load();
+    perpustakaanDigitalState.kategoriBuku.findManyAll.load();
   }, []);
 
   useEffect(() => {
@@ -86,7 +86,7 @@ export default function LayoutTabs({
 
   // 🟩 Tabs dinamis berdasarkan kategori dari state
   const kategoriTabs =
-    snap.kategoriBuku.findMany.data?.map((item) => ({
+    snap.kategoriBuku.findManyAll.data?.map((item) => ({
       label: item.name,
       value: item.name.toLowerCase().replace(/\s+/g, '-'),
       href: `/darmasaba/pendidikan/perpustakaan-digital/${encodeURIComponent(item.name.toLowerCase().replace(/\s+/g, '-'))}`,
diff --git a/xx.ts b/xx.ts
index 2a1248a8..d7966612 100644
--- a/xx.ts
+++ b/xx.ts
@@ -1,4 +1,51 @@
-import 'colors'
+// // import {v4} from 'uuid'
 
+// import prisma from "@/lib/prisma";
 
-console.log("halo".blue)
\ No newline at end of file
+// // console.log(v4())
+
+// const listNama = [
+//   { name: "Adi Pratama", phone: "081234567801" },
+//   { name: "Budi Santoso", phone: "081234567802" },
+//   { name: "Citra Lestari", phone: "081234567803" },
+//   { name: "Dewi Anggraini", phone: "081234567804" },
+//   { name: "Eka Putra", phone: "081234567805" },
+//   { name: "Fajar Nugroho", phone: "081234567806" },
+//   { name: "Gita Maharani", phone: "081234567807" },
+//   { name: "Hadi Wijaya", phone: "081234567808" },
+//   { name: "Indah Purnama", phone: "081234567809" },
+//   { name: "Joko Susilo", phone: "081234567810" },
+//   { name: "Kartika Sari", phone: "081234567811" },
+//   { name: "Lukman Hakim", phone: "081234567812" },
+//   { name: "Maya Fitriani", phone: "081234567813" },
+//   { name: "Nanda Saputra", phone: "081234567814" },
+//   { name: "Oka Mahendra", phone: "081234567815" },
+//   { name: "Putri Ayu", phone: "081234567816" },
+//   { name: "Rizky Kurniawan", phone: "081234567817" },
+//   { name: "Sari Wulandari", phone: "081234567818" },
+//   { name: "Taufik Hidayat", phone: "081234567819" },
+//   { name: "Yoga Prasetya", phone: "081234567820" },
+// ];
+
+// (async () => {
+//   for (const n of listNama) {
+//     await prisma.percobaan.upsert({
+//       create: {
+//         nama: n.name,
+//         phone: n.phone,
+//       },
+//       update: {
+//         nama: n.name,
+//       },
+//       where: {
+//         phone: n.phone,
+//       },
+//     });
+//   }
+// })()
+//   .then(() => {
+//     console.log("success");
+//   })
+//   .catch((e) => {
+//     console.log(e);
+//   });
-- 
2.49.1


From c2ad5153663f3f73d9c448a34f3c9c1993f0e419 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 27 Jan 2026 10:50:33 +0800
Subject: [PATCH 72/97] Fix Seed Image 27 Jan

---
 bun.lockb                                     | Bin 424350 -> 427009 bytes
 package.json                                  |   2 +
 prisma/resolveImageByName.ts                  |  87 +-
 prisma/safeSeedMany.ts                        |  45 ++
 prisma/safeseedUnique.ts                      |  87 +-
 prisma/seed.ts                                |   2 +-
 prisma/seed_assets.ts                         | 756 +++++++++++-------
 .../(pages)/desa/galery/video/[id]/page.tsx   |  10 +-
 8 files changed, 676 insertions(+), 313 deletions(-)
 create mode 100644 prisma/safeSeedMany.ts

diff --git a/bun.lockb b/bun.lockb
index 14f3d9e9c553e8c6ef5d3af125a851b747a3e886..afa73367054fd4c567f7f3ee08d6856f71413675 100755
GIT binary patch
delta 80538
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

delta 78602
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
YXz$&lU39xXTSHseo-aJLZieaq2XO##n*aa+

diff --git a/package.json b/package.json
index cfab3f92..2cfb90fb 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,7 @@
     "bun": "^1.2.2",
     "chart.js": "^4.4.8",
     "classnames": "^2.5.1",
+    "cli-progress": "^3.12.0",
     "colors": "^1.4.0",
     "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
@@ -104,6 +105,7 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@types/cli-progress": "^3.11.6",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/node": "^20",
     "@types/react": "^19",
diff --git a/prisma/resolveImageByName.ts b/prisma/resolveImageByName.ts
index 0d9e0cff..e105eef3 100644
--- a/prisma/resolveImageByName.ts
+++ b/prisma/resolveImageByName.ts
@@ -1,25 +1,78 @@
+// import prisma from "@/lib/prisma";
+
+// // Ganti nama fungsi dan logikanya
+// export default async function resolveImageById(
+//   imageId?: string | null
+// ): Promise<string | null> {
+//   if (!imageId) return null;
+
+//   const image = await prisma.fileStorage.findFirst({
+//     where: {
+//       id: imageId,  // ← cari berdasarkan ID
+//       category: "image",
+//       isActive: true,
+//       deletedAt: null,
+//     },
+//     select: { id: true },
+//   });
+
+//   if (!image) {
+//     console.warn(`⚠️ Image with ID ${imageId} not found`);
+//     return null;
+//   }
+
+//   return image.id;
+// }
+
 import prisma from "@/lib/prisma";
 
-// Ganti nama fungsi dan logikanya
-export default async function resolveImageById(
-  imageId?: string | null
-): Promise<string | null> {
+/**
+ * Resolve image ID by checking multiple possible names
+ * @param imageId - The ID from JSON (could be filename or actual ID)
+ * @returns The actual database ID or null
+ */
+export default async function resolveImageById(imageId: string | null): Promise<string | null> {
   if (!imageId) return null;
 
-  const image = await prisma.fileStorage.findFirst({
-    where: {
-      id: imageId,  // ← cari berdasarkan ID
-      category: "image",
-      isActive: true,
-      deletedAt: null,
-    },
-    select: { id: true },
-  });
+  try {
+    // 1. Coba cari berdasarkan ID langsung
+    const byId = await prisma.fileStorage.findUnique({
+      where: { id: imageId },
+      select: { id: true },
+    });
+    if (byId) return byId.id;
 
-  if (!image) {
-    console.warn(`⚠️ Image with ID ${imageId} not found`);
+    // 2. Coba cari berdasarkan name (exact match)
+    const byName = await prisma.fileStorage.findUnique({
+      where: { name: imageId },
+      select: { id: true },
+    });
+    if (byName) return byName.id;
+
+    // 3. Coba cari berdasarkan realName
+    const byRealName = await prisma.fileStorage.findFirst({
+      where: { realName: imageId },
+      select: { id: true },
+    });
+    if (byRealName) return byRealName.id;
+
+    // 4. Coba dengan menambahkan ekstensi .webp
+    const withWebp = `${imageId.replace(/\.(jpg|jpeg|png)$/i, '')}.webp`;
+    const byWebp = await prisma.fileStorage.findFirst({
+      where: {
+        OR: [
+          { name: withWebp },
+          { name: { contains: imageId.split('.')[0] } },
+        ],
+      },
+      select: { id: true },
+    });
+    if (byWebp) return byWebp.id;
+
+    console.warn(`⚠️ Image not found for: ${imageId}`);
+    return null;
+  } catch (error) {
+    console.error(`❌ Error resolving image ${imageId}:`, error);
     return null;
   }
-
-  return image.id;
 }
\ No newline at end of file
diff --git a/prisma/safeSeedMany.ts b/prisma/safeSeedMany.ts
new file mode 100644
index 00000000..d909bb2c
--- /dev/null
+++ b/prisma/safeSeedMany.ts
@@ -0,0 +1,45 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { PrismaClient } from "@prisma/client";
+import { safeSeedUnique } from "./safeseedUnique";
+import cliProgress from 'cli-progress';
+
+type SafeSeedOptions = {
+  skipUpdate?: boolean;
+  silent?: boolean; // Opsional: untuk suppress log
+};
+
+/**
+ * Batch upsert with progress logging
+ */
+export async function safeSeedMany<T extends keyof PrismaClient>(
+  model: T,
+  items: Array<{ where: Record<string, any>; data: Record<string, any> }>,
+  options: SafeSeedOptions = {}
+) {
+  const bar = new cliProgress.SingleBar({}, cliProgress.Presets.shades_classic);
+  bar.start(items.length, 0);
+
+  let success = 0;
+  let failed = 0;
+  let skipped = 0;
+
+  for (const [index, item] of items.entries()) {
+    try {
+      const result = await safeSeedUnique(model, item.where, item.data, {
+        ...options,
+        silent: true,
+      });
+      if (result) success++;
+      else skipped++;
+    } catch (err) {
+      failed++;
+    }
+    bar.update(index + 1);
+  }
+
+  bar.stop();
+  console.log(`✅ ${String(model)}: ${success} seeded, ${skipped} skipped, ${failed} failed`);
+  
+  return { success, skipped, failed };
+}
\ No newline at end of file
diff --git a/prisma/safeseedUnique.ts b/prisma/safeseedUnique.ts
index 75f942dd..e0ea0d52 100644
--- a/prisma/safeseedUnique.ts
+++ b/prisma/safeseedUnique.ts
@@ -4,9 +4,16 @@ import { PrismaClient } from "@prisma/client";
 
 type SafeSeedOptions = {
   skipUpdate?: boolean;
+  silent?: boolean; // Opsional: untuk suppress log
 };
 
-// prisma/safeseedUnique.ts
+/**
+ * Safely upsert data with error handling
+ * @param model - Prisma model name
+ * @param where - Unique identifier(s)
+ * @param data - Full data object (will be used for create)
+ * @param options - Additional options
+ */
 export async function safeSeedUnique<T extends keyof PrismaClient>(
   model: T,
   where: Record<string, any>,
@@ -14,23 +21,87 @@ export async function safeSeedUnique<T extends keyof PrismaClient>(
   options: SafeSeedOptions = {}
 ) {
   const m = prisma[model] as any;
-  if (!m) throw new Error(`Model ${String(model)} tidak ditemukan`);
+  
+  if (!m) {
+    throw new Error(`❌ Model ${String(model)} tidak ditemukan di Prisma Client`);
+  }
 
   try {
-    // Pastikan `where` berisi field yang benar-benar unique (misal: `id`)
     const result = await m.upsert({
       where,
       update: options.skipUpdate ? {} : data,
-      create: data, // ✅ Jangan duplikasi `where` ke `create`
+      create: data,
     });
-    console.log(`✅ Seed ${String(model)}:`, where);
+
+    if (!options.silent) {
+      console.log(`✅ Seeded ${String(model)}:`, where);
+    }
+    
     return result;
-  } catch (err) {
-    console.error(`❌ Gagal seed ${String(model)}:`, where, err);
-    throw err; // ✅ Rethrow agar seeding berhenti jika kritis
+  } catch (err: any) {
+    // Handle specific Prisma errors
+    if (err.code === "P2002") {
+      console.warn(`⚠️ Duplicate ${String(model)} (skipped):`, where);
+      return null;
+    }
+    
+    if (err.code === "P2003") {
+      console.error(`❌ Foreign key constraint failed for ${String(model)}:`, where);
+      console.error("   Missing relation:", err.meta?.field_name);
+      throw err;
+    }
+    
+    if (err.code === "P2025") {
+      console.error(`❌ Record not found for ${String(model)}:`, where);
+      throw err;
+    }
+
+    // Log unexpected errors with full details
+    console.error(`❌ Failed to seed ${String(model)}:`, where);
+    console.error("   Error:", err.message);
+    console.error("   Code:", err.code);
+    
+    throw err;
   }
 }
 
+
+
+//ini yang bener pertama
+
+// /* eslint-disable @typescript-eslint/no-explicit-any */
+// import prisma from "@/lib/prisma";
+// import { PrismaClient } from "@prisma/client";
+
+// type SafeSeedOptions = {
+//   skipUpdate?: boolean;
+// };
+
+// // prisma/safeseedUnique.ts
+// export async function safeSeedUnique<T extends keyof PrismaClient>(
+//   model: T,
+//   where: Record<string, any>,
+//   data: Record<string, any>,
+//   options: SafeSeedOptions = {}
+// ) {
+//   const m = prisma[model] as any;
+//   if (!m) throw new Error(`Model ${String(model)} tidak ditemukan`);
+
+//   try {
+//     // Pastikan `where` berisi field yang benar-benar unique (misal: `id`)
+//     const result = await m.upsert({
+//       where,
+//       update: options.skipUpdate ? {} : data,
+//       create: data, // ✅ Jangan duplikasi `where` ke `create`
+//     });
+//     console.log(`✅ Seed ${String(model)}:`, where);
+//     return result;
+//   } catch (err) {
+//     console.error(`❌ Gagal seed ${String(model)}:`, where, err);
+//     throw err; // ✅ Rethrow agar seeding berhenti jika kritis
+//   }
+// }
+
 // /* eslint-disable @typescript-eslint/no-explicit-any */
 // import { PrismaClient } from "@prisma/client";
 
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 3772fb42..129643d5 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -3018,6 +3018,7 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("✅ Data perpustakaan seeded successfully");
 
+  // =========== SUBMENU DATA PENDIDIKAN =====================
   console.log("🔄 Seeding Data pendidikan...");
   for (const k of dataPendidikan) {
     await prisma.dataPendidikan.upsert({
@@ -3037,7 +3038,6 @@ import resolveImageById from "./resolveImageByName";
   }
   console.log("✅ Data pendidikan seeded successfully");
 
-  // =========== SUBMENU DATA PENDIDIKAN =====================
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 1565c034..1bc230da 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -1,218 +1,27 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-// prisma/seedAssets.ts
-import prisma from "@/lib/prisma";
-import AdmZip from "adm-zip";
-import fs from "fs/promises";
-import path from "path";
-import sharp from "sharp";
-import fetchWithRetry from "./data/fetchWithRetry";
-
-const UPLOADS_DIR = path.resolve(process.env.WIBU_UPLOAD_DIR || "uploads");
-
-// --- Helper: deteksi kategori file ---
-function detectCategory(filename: string): "image" | "document" | "other" {
-  const ext = path.extname(filename).toLowerCase();
-  if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-  if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
-  return "other";
-}
-
-// --- Helper: recursive walk dir ---
-async function walkDir(
-  dir: string,
-  fileList: string[] = [],
-): Promise<string[]> {
-  const entries = await fs.readdir(dir, { withFileTypes: true });
-
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-
-    if (entry.isDirectory()) {
-      if (entry.name === "__MACOSX") continue; // skip folder sampah
-      await walkDir(fullPath, fileList);
-    } else {
-      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
-      fileList.push(fullPath);
-    }
-  }
-
-  return fileList;
-}
-
-export default async function seedAssets() {
-  console.log("🚀 Seeding assets...");
-  console.log("📁 Upload dir:", UPLOADS_DIR);
-
-  await fs.mkdir(UPLOADS_DIR, { recursive: true });
-
-  // 1. Download zip
-  const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/03be4043989e4caeb36b/?dl=1";
-  const res = await fetchWithRetry(url, 3, 20000);
-
-  // Validasi content-type
-  const contentType = res.headers.get("content-type");
-  if (!contentType?.includes("zip")) {
-    throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
-  }
-
-  const buffer = Buffer.from(await res.arrayBuffer());
-
-  // Validasi ukuran file
-  if (buffer.length < 100) {
-    throw new Error("Downloaded ZIP is empty or corrupted");
-  }
-
-  // Validasi signature ZIP ("PK")
-  if (buffer.toString("utf8", 0, 2) !== "PK") {
-    throw new Error("Invalid ZIP signature (PK not found)");
-  }
-
-  // 2. Extract zip ke folder tmp
-  const extractDir = path.join(process.cwd(), "tmp_assets");
-  await fs.rm(extractDir, { recursive: true, force: true });
-  await fs.mkdir(extractDir, { recursive: true });
-
-  let zip: AdmZip;
-
-  try {
-    zip = new AdmZip(buffer);
-  } catch (err) {
-    throw new Error("Failed to parse ZIP file (corrupted or invalid)");
-  }
-
-  try {
-    zip.extractAllTo(extractDir, true);
-  } catch (err) {
-    throw new Error("Failed to extract ZIP contents");
-  }
-
-  // 3. Cari semua file valid (recursive)
-  const files = await walkDir(extractDir);
-
-  // 4. Loop tiap file & simpan
-  for (const filePath of files) {
-    const entryName = path.basename(filePath);
-    const category = detectCategory(entryName);
-
-    let finalName = entryName;
-    let mimeType = "application/octet-stream";
-    let targetPath = "";
-
-    if (category === "image") {
-      const fileBaseName = path.parse(entryName).name;
-      finalName = `${fileBaseName}.webp`;
-      targetPath = path.join(UPLOADS_DIR, "images", finalName);
-      await fs.mkdir(path.dirname(targetPath), { recursive: true });
-      await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-      mimeType = "image/webp";
-    } else if (category === "document") {
-      targetPath = path.join(UPLOADS_DIR, "documents", entryName);
-      await fs.mkdir(path.dirname(targetPath), { recursive: true });
-      await fs.copyFile(filePath, targetPath);
-      mimeType = "application/pdf";
-    } else {
-      targetPath = path.join(UPLOADS_DIR, "other", entryName);
-      await fs.mkdir(path.dirname(targetPath), { recursive: true });
-      await fs.copyFile(filePath, targetPath);
-    }
-
-    const existing = await prisma.fileStorage.findUnique({
-      where: { name: finalName },
-    });
-
-    if (existing) {
-      // Restore kalau soft deleted
-      await prisma.fileStorage.update({
-        where: { name: finalName },
-        data: {
-          path: targetPath,
-          realName: entryName,
-          mimeType,
-          link: `/uploads/${category}/${finalName}`,
-          category,
-          deletedAt: null,
-          isActive: true,
-        },
-      });
-
-      console.log(`♻️ restored: ${category}/${finalName}`);
-    } else {
-      await prisma.fileStorage.create({
-        data: {
-          name: finalName,
-          realName: entryName,
-          path: targetPath,
-          mimeType,
-          link: `/uploads/${category}/${finalName}`,
-          category,
-        },
-      });
-
-      console.log(`📂 created: ${category}/${finalName}`);
-    }
-
-    console.log(`📂 saved: ${category}/${finalName}`);
-  }
-
-  // 6. Cleanup
-  await fs.rm(extractDir, { recursive: true, force: true });
-
-  console.log("✅ Selesai seed assets!");
-  console.log("DB URL (asset):", process.env.DATABASE_URL);
-}
-
-// --- Auto run kalau dipanggil langsung ---
-if (import.meta.main) {
-  seedAssets()
-    .catch((err) => {
-      console.error("❌ Error seeding assets:", err);
-      process.exit(1);
-    })
-    .finally(async () => {
-      await prisma.$disconnect();
-    });
-}
-
-// prisma/seedAssets.ts
+// /* eslint-disable @typescript-eslint/no-unused-vars */
+// // prisma/seedAssets.ts
 // import prisma from "@/lib/prisma";
 // import AdmZip from "adm-zip";
 // import fs from "fs/promises";
 // import path from "path";
 // import sharp from "sharp";
-// import mime from "mime-types";
 // import fetchWithRetry from "./data/fetchWithRetry";
 
-// /* =========================
-//  * CONFIG
-//  * ========================= */
-// const UPLOADS_DIR = path.resolve(
-//   process.env.WIBU_UPLOAD_DIR || "uploads"
-// );
+// const UPLOADS_DIR = path.resolve(process.env.WIBU_UPLOAD_DIR || "uploads");
 
-// const TMP_DIR = path.join(process.cwd(), "tmp_assets");
-
-// const CATEGORY_DIR: Record<FileCategory, string> = {
-//   image: "images",
-//   document: "documents",
-//   other: "other",
-// };
-
-// type FileCategory = "image" | "document" | "other";
-
-// /* =========================
-//  * HELPERS
-//  * ========================= */
-// function detectCategory(filename: string): FileCategory {
+// // --- Helper: deteksi kategori file ---
+// function detectCategory(filename: string): "image" | "document" | "other" {
 //   const ext = path.extname(filename).toLowerCase();
 //   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-//   if ([".pdf", ".doc", ".docx", ".txt"].includes(ext)) return "document";
+//   if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
 //   return "other";
 // }
 
+// // --- Helper: recursive walk dir ---
 // async function walkDir(
 //   dir: string,
-//   result: string[] = []
+//   fileList: string[] = [],
 // ): Promise<string[]> {
 //   const entries = await fs.readdir(dir, { withFileTypes: true });
 
@@ -220,139 +29,141 @@ if (import.meta.main) {
 //     const fullPath = path.join(dir, entry.name);
 
 //     if (entry.isDirectory()) {
-//       if (entry.name === "__MACOSX") continue;
-//       await walkDir(fullPath, result);
+//       if (entry.name === "__MACOSX") continue; // skip folder sampah
+//       await walkDir(fullPath, fileList);
 //     } else {
-//       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
-//       result.push(fullPath);
+//       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
+//       fileList.push(fullPath);
 //     }
 //   }
 
-//   return result;
+//   return fileList;
 // }
 
-// async function ensureDir(dir: string) {
-//   await fs.mkdir(dir, { recursive: true });
-// }
-
-// /* =========================
-//  * FILE PROCESSORS
-//  * ========================= */
-// async function processImage(filePath: string, entryName: string) {
-//   const baseName = path.parse(entryName).name;
-//   const finalName = `${baseName}.webp`;
-//   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR.image);
-//   const targetPath = path.join(targetDir, finalName);
-
-//   await ensureDir(targetDir);
-//   await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-
-//   return {
-//     finalName,
-//     targetPath,
-//     mimeType: "image/webp",
-//   };
-// }
-
-// async function processNonImage(
-//   filePath: string,
-//   entryName: string,
-//   category: FileCategory
-// ) {
-//   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR[category]);
-//   const targetPath = path.join(targetDir, entryName);
-
-//   await ensureDir(targetDir);
-//   await fs.copyFile(filePath, targetPath);
-
-//   return {
-//     finalName: entryName,
-//     targetPath,
-//     mimeType: mime.lookup(entryName) || "application/octet-stream",
-//   };
-// }
-
-// /* =========================
-//  * MAIN
-//  * ========================= */
 // export default async function seedAssets() {
 //   console.log("🚀 Seeding assets...");
 //   console.log("📁 Upload dir:", UPLOADS_DIR);
 
-//   await ensureDir(UPLOADS_DIR);
+//   await fs.mkdir(UPLOADS_DIR, { recursive: true });
 
-//   /* ===== Download ZIP ===== */
+//   // 1. Download zip
 //   const url =
-//     "https://cld-dkr-makuro-seafile.wibudev.com/f/e13d5429785640c098ae/?dl=1";
+//     "https://cld-dkr-makuro-seafile.wibudev.com/f/03be4043989e4caeb36b/?dl=1";
 //   const res = await fetchWithRetry(url, 3, 20000);
 
-//   if (!res.headers.get("content-type")?.includes("zip")) {
-//     throw new Error("Invalid ZIP content-type");
+//   // Validasi content-type
+//   const contentType = res.headers.get("content-type");
+//   if (!contentType?.includes("zip")) {
+//     throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
 //   }
 
 //   const buffer = Buffer.from(await res.arrayBuffer());
-//   if (buffer.length < 100 || buffer.toString("utf8", 0, 2) !== "PK") {
-//     throw new Error("Corrupted ZIP file");
+
+//   // Validasi ukuran file
+//   if (buffer.length < 100) {
+//     throw new Error("Downloaded ZIP is empty or corrupted");
 //   }
 
-//   /* ===== Extract ===== */
-//   await fs.rm(TMP_DIR, { recursive: true, force: true });
-//   await ensureDir(TMP_DIR);
+//   // Validasi signature ZIP ("PK")
+//   if (buffer.toString("utf8", 0, 2) !== "PK") {
+//     throw new Error("Invalid ZIP signature (PK not found)");
+//   }
 
-//   const zip = new AdmZip(buffer);
-//   zip.extractAllTo(TMP_DIR, true);
+//   // 2. Extract zip ke folder tmp
+//   const extractDir = path.join(process.cwd(), "tmp_assets");
+//   await fs.rm(extractDir, { recursive: true, force: true });
+//   await fs.mkdir(extractDir, { recursive: true });
 
-//   /* ===== Process Files ===== */
-//   const files = await walkDir(TMP_DIR);
+//   let zip: AdmZip;
 
+//   try {
+//     zip = new AdmZip(buffer);
+//   } catch (err) {
+//     throw new Error("Failed to parse ZIP file (corrupted or invalid)");
+//   }
+
+//   try {
+//     zip.extractAllTo(extractDir, true);
+//   } catch (err) {
+//     throw new Error("Failed to extract ZIP contents");
+//   }
+
+//   // 3. Cari semua file valid (recursive)
+//   const files = await walkDir(extractDir);
+
+//   // 4. Loop tiap file & simpan
 //   for (const filePath of files) {
 //     const entryName = path.basename(filePath);
 //     const category = detectCategory(entryName);
 
-//     let result;
+//     let finalName = entryName;
+//     let mimeType = "application/octet-stream";
+//     let targetPath = "";
 
 //     if (category === "image") {
-//       result = await processImage(filePath, entryName);
+//       const fileBaseName = path.parse(entryName).name;
+//       finalName = `${fileBaseName}.webp`;
+//       targetPath = path.join(UPLOADS_DIR, "images", finalName);
+//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
+//       await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+//       mimeType = "image/webp";
+//     } else if (category === "document") {
+//       targetPath = path.join(UPLOADS_DIR, "documents", entryName);
+//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
+//       await fs.copyFile(filePath, targetPath);
+//       mimeType = "application/pdf";
 //     } else {
-//       result = await processNonImage(filePath, entryName, category);
+//       targetPath = path.join(UPLOADS_DIR, "other", entryName);
+//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
+//       await fs.copyFile(filePath, targetPath);
 //     }
 
-//     const { finalName, targetPath, mimeType } = result;
-
 //     const existing = await prisma.fileStorage.findUnique({
 //       where: { name: finalName },
 //     });
 
-//     const data = {
-//       name: finalName,
-//       realName: entryName,
-//       path: targetPath,
-//       mimeType,
-//       link: `/uploads/${CATEGORY_DIR[category]}/${finalName}`,
-//       category,
-//       deletedAt: null,
-//       isActive: true,
-//     };
-
 //     if (existing) {
+//       // Restore kalau soft deleted
 //       await prisma.fileStorage.update({
 //         where: { name: finalName },
-//         data,
+//         data: {
+//           path: targetPath,
+//           realName: entryName,
+//           mimeType,
+//           link: `/uploads/${category}/${finalName}`,
+//           category,
+//           deletedAt: null,
+//           isActive: true,
+//         },
 //       });
+
 //       console.log(`♻️ restored: ${category}/${finalName}`);
 //     } else {
-//       await prisma.fileStorage.create({ data });
+//       await prisma.fileStorage.create({
+//         data: {
+//           name: finalName,
+//           realName: entryName,
+//           path: targetPath,
+//           mimeType,
+//           link: `/uploads/${category}/${finalName}`,
+//           category,
+//         },
+//       });
+
 //       console.log(`📂 created: ${category}/${finalName}`);
 //     }
+
+//     console.log(`📂 saved: ${category}/${finalName}`);
 //   }
 
-//   /* ===== Cleanup ===== */
-//   await fs.rm(TMP_DIR, { recursive: true, force: true });
+//   // 6. Cleanup
+//   await fs.rm(extractDir, { recursive: true, force: true });
 
 //   console.log("✅ Selesai seed assets!");
+//   console.log("DB URL (asset):", process.env.DATABASE_URL);
 // }
 
-// /* ===== Auto Run ===== */
+// // --- Auto run kalau dipanggil langsung ---
 // if (import.meta.main) {
 //   seedAssets()
 //     .catch((err) => {
@@ -363,3 +174,382 @@ if (import.meta.main) {
 //       await prisma.$disconnect();
 //     });
 // }
+
+// // prisma/seedAssets.ts
+// // import prisma from "@/lib/prisma";
+// // import AdmZip from "adm-zip";
+// // import fs from "fs/promises";
+// // import path from "path";
+// // import sharp from "sharp";
+// // import mime from "mime-types";
+// // import fetchWithRetry from "./data/fetchWithRetry";
+
+// // /* =========================
+// //  * CONFIG
+// //  * ========================= */
+// // const UPLOADS_DIR = path.resolve(
+// //   process.env.WIBU_UPLOAD_DIR || "uploads"
+// // );
+
+// // const TMP_DIR = path.join(process.cwd(), "tmp_assets");
+
+// // const CATEGORY_DIR: Record<FileCategory, string> = {
+// //   image: "images",
+// //   document: "documents",
+// //   other: "other",
+// // };
+
+// // type FileCategory = "image" | "document" | "other";
+
+// // /* =========================
+// //  * HELPERS
+// //  * ========================= */
+// // function detectCategory(filename: string): FileCategory {
+// //   const ext = path.extname(filename).toLowerCase();
+// //   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
+// //   if ([".pdf", ".doc", ".docx", ".txt"].includes(ext)) return "document";
+// //   return "other";
+// // }
+
+// // async function walkDir(
+// //   dir: string,
+// //   result: string[] = []
+// // ): Promise<string[]> {
+// //   const entries = await fs.readdir(dir, { withFileTypes: true });
+
+// //   for (const entry of entries) {
+// //     const fullPath = path.join(dir, entry.name);
+
+// //     if (entry.isDirectory()) {
+// //       if (entry.name === "__MACOSX") continue;
+// //       await walkDir(fullPath, result);
+// //     } else {
+// //       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
+// //       result.push(fullPath);
+// //     }
+// //   }
+
+// //   return result;
+// // }
+
+// // async function ensureDir(dir: string) {
+// //   await fs.mkdir(dir, { recursive: true });
+// // }
+
+// // /* =========================
+// //  * FILE PROCESSORS
+// //  * ========================= */
+// // async function processImage(filePath: string, entryName: string) {
+// //   const baseName = path.parse(entryName).name;
+// //   const finalName = `${baseName}.webp`;
+// //   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR.image);
+// //   const targetPath = path.join(targetDir, finalName);
+
+// //   await ensureDir(targetDir);
+// //   await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+
+// //   return {
+// //     finalName,
+// //     targetPath,
+// //     mimeType: "image/webp",
+// //   };
+// // }
+
+// // async function processNonImage(
+// //   filePath: string,
+// //   entryName: string,
+// //   category: FileCategory
+// // ) {
+// //   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR[category]);
+// //   const targetPath = path.join(targetDir, entryName);
+
+// //   await ensureDir(targetDir);
+// //   await fs.copyFile(filePath, targetPath);
+
+// //   return {
+// //     finalName: entryName,
+// //     targetPath,
+// //     mimeType: mime.lookup(entryName) || "application/octet-stream",
+// //   };
+// // }
+
+// // /* =========================
+// //  * MAIN
+// //  * ========================= */
+// // export default async function seedAssets() {
+// //   console.log("🚀 Seeding assets...");
+// //   console.log("📁 Upload dir:", UPLOADS_DIR);
+
+// //   await ensureDir(UPLOADS_DIR);
+
+// //   /* ===== Download ZIP ===== */
+// //   const url =
+// //     "https://cld-dkr-makuro-seafile.wibudev.com/f/e13d5429785640c098ae/?dl=1";
+// //   const res = await fetchWithRetry(url, 3, 20000);
+
+// //   if (!res.headers.get("content-type")?.includes("zip")) {
+// //     throw new Error("Invalid ZIP content-type");
+// //   }
+
+// //   const buffer = Buffer.from(await res.arrayBuffer());
+// //   if (buffer.length < 100 || buffer.toString("utf8", 0, 2) !== "PK") {
+// //     throw new Error("Corrupted ZIP file");
+// //   }
+
+// //   /* ===== Extract ===== */
+// //   await fs.rm(TMP_DIR, { recursive: true, force: true });
+// //   await ensureDir(TMP_DIR);
+
+// //   const zip = new AdmZip(buffer);
+// //   zip.extractAllTo(TMP_DIR, true);
+
+// //   /* ===== Process Files ===== */
+// //   const files = await walkDir(TMP_DIR);
+
+// //   for (const filePath of files) {
+// //     const entryName = path.basename(filePath);
+// //     const category = detectCategory(entryName);
+
+// //     let result;
+
+// //     if (category === "image") {
+// //       result = await processImage(filePath, entryName);
+// //     } else {
+// //       result = await processNonImage(filePath, entryName, category);
+// //     }
+
+// //     const { finalName, targetPath, mimeType } = result;
+
+// //     const existing = await prisma.fileStorage.findUnique({
+// //       where: { name: finalName },
+// //     });
+
+// //     const data = {
+// //       name: finalName,
+// //       realName: entryName,
+// //       path: targetPath,
+// //       mimeType,
+// //       link: `/uploads/${CATEGORY_DIR[category]}/${finalName}`,
+// //       category,
+// //       deletedAt: null,
+// //       isActive: true,
+// //     };
+
+// //     if (existing) {
+// //       await prisma.fileStorage.update({
+// //         where: { name: finalName },
+// //         data,
+// //       });
+// //       console.log(`♻️ restored: ${category}/${finalName}`);
+// //     } else {
+// //       await prisma.fileStorage.create({ data });
+// //       console.log(`📂 created: ${category}/${finalName}`);
+// //     }
+// //   }
+
+// //   /* ===== Cleanup ===== */
+// //   await fs.rm(TMP_DIR, { recursive: true, force: true });
+
+// //   console.log("✅ Selesai seed assets!");
+// // }
+
+// // /* ===== Auto Run ===== */
+// // if (import.meta.main) {
+// //   seedAssets()
+// //     .catch((err) => {
+// //       console.error("❌ Error seeding assets:", err);
+// //       process.exit(1);
+// //     })
+// //     .finally(async () => {
+// //       await prisma.$disconnect();
+// //     });
+// // }
+
+import prisma from "@/lib/prisma";
+import AdmZip from "adm-zip";
+import fs from "fs/promises";
+import path from "path";
+import sharp from "sharp";
+import fetchWithRetry from "./data/fetchWithRetry";
+import { constants } from "fs";
+
+// ✅ Gunakan env variable dengan fallback
+const UPLOADS_DIR = path.join(process.cwd(), process.env.WIBU_UPLOAD_DIR || "uploads");
+
+
+function detectCategory(filename: string): "image" | "document" | "other" {
+  const ext = path.extname(filename).toLowerCase();
+  if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
+  if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
+  return "other";
+}
+
+async function walkDir(
+  dir: string,
+  fileList: string[] = [],
+): Promise<string[]> {
+  const entries = await fs.readdir(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const fullPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      if (entry.name === "__MACOSX") continue;
+      await walkDir(fullPath, fileList);
+    } else {
+      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
+      fileList.push(fullPath);
+    }
+  }
+  return fileList;
+}
+
+export default async function seedAssets() {
+  console.log("🚀 Seeding assets...");
+  console.log("📁 Upload dir:", UPLOADS_DIR);
+
+  try {
+    await fs.access(UPLOADS_DIR, fs.constants.W_OK);
+  } catch (err) {
+    console.error("❌ Upload directory is not writable:", UPLOADS_DIR);
+    throw new Error(
+      `UPLOADS_DIR not writable: ${UPLOADS_DIR}. Check Docker volume or permissions`
+    );
+  }
+
+  // ✅ Pastikan folder exist
+  await fs.mkdir(UPLOADS_DIR, { recursive: true });
+ try {
+  await fs.access(UPLOADS_DIR, constants.W_OK);
+} catch {
+  throw new Error(
+    `UPLOADS_DIR not writable: ${UPLOADS_DIR}. Check Docker volume or permissions`
+  );
+}
+  await fs.mkdir(path.join(UPLOADS_DIR, "images"), { recursive: true });
+  await fs.mkdir(path.join(UPLOADS_DIR, "documents"), { recursive: true });
+  await fs.mkdir(path.join(UPLOADS_DIR, "other"), { recursive: true });
+
+  const url =
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/8e9e42e9f3e94c80919e/?dl=1";
+
+  let buffer: Buffer;
+  try {
+    console.log("⬇️ Downloading ZIP from:", url);
+    const res = await fetchWithRetry(url, 3, 20000);
+
+    const contentType = res.headers.get("content-type");
+    if (
+      !contentType?.includes("zip") &&
+      !contentType?.includes("octet-stream")
+    ) {
+      throw new Error(
+        `Invalid content-type (${contentType}). Expected ZIP file`,
+      );
+    }
+
+    buffer = Buffer.from(await res.arrayBuffer());
+
+    if (buffer.length < 100) {
+      throw new Error("Downloaded ZIP is empty or corrupted");
+    }
+
+    if (buffer.toString("utf8", 0, 2) !== "PK") {
+      throw new Error("Invalid ZIP signature (PK not found)");
+    }
+
+    console.log(`✅ Downloaded ${(buffer.length / 1024 / 1024).toFixed(2)} MB`);
+  } catch (err) {
+    console.error("❌ Failed to download ZIP:", err);
+    throw err;
+  }
+
+  // Extract ZIP
+  const extractDir = path.join(process.cwd(), "tmp_assets");
+  await fs.rm(extractDir, { recursive: true, force: true });
+  await fs.mkdir(extractDir, { recursive: true });
+
+  let zip: AdmZip;
+  try {
+    zip = new AdmZip(buffer);
+    zip.extractAllTo(extractDir, true);
+    console.log("✅ ZIP extracted successfully");
+  } catch (err) {
+    console.error("❌ Failed to extract ZIP:", err);
+    throw err;
+  }
+
+  const files = await walkDir(extractDir);
+  console.log(`📦 Found ${files.length} files to process`);
+
+  // Process files
+  for (const filePath of files) {
+    const entryName = path.basename(filePath);
+    const category = detectCategory(entryName);
+
+    let finalName = entryName;
+    let mimeType = "application/octet-stream";
+    let targetPath = "";
+
+    try {
+      if (category === "image") {
+        const fileBaseName = path.parse(entryName).name;
+        finalName = `${fileBaseName}.webp`;
+        targetPath = path.join(UPLOADS_DIR, "images", finalName);
+
+        await fs.mkdir(path.dirname(targetPath), { recursive: true });
+        await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+        mimeType = "image/webp";
+      } else if (category === "document") {
+        targetPath = path.join(UPLOADS_DIR, "documents", entryName);
+        await fs.mkdir(path.dirname(targetPath), { recursive: true });
+        await fs.copyFile(filePath, targetPath);
+        mimeType = "application/pdf";
+      } else {
+        targetPath = path.join(UPLOADS_DIR, "other", entryName);
+        await fs.mkdir(path.dirname(targetPath), { recursive: true });
+        await fs.copyFile(filePath, targetPath);
+      }
+
+      // ✅ Upsert ke database
+      await prisma.fileStorage.upsert({
+        where: { name: finalName },
+        update: {
+          path: path.dirname(targetPath),
+          realName: entryName,
+          mimeType,
+          link: `/api/fileStorage/findUnique/${finalName}`,
+          category,
+          deletedAt: null,
+          isActive: true,
+        },
+        create: {
+          name: finalName,
+          realName: entryName,
+          path: path.dirname(targetPath),
+          mimeType,
+          link: `/api/fileStorage/findUnique/${finalName}`,
+          category,
+        },
+      });
+
+      console.log(`✅ Processed: ${category}/${finalName}`);
+    } catch (err) {
+      console.error(`❌ Failed to process ${entryName}`, err);
+      throw err; // ⛔ penting
+    }
+  }
+
+  // Cleanup
+  await fs.rm(extractDir, { recursive: true, force: true });
+  console.log("✅ Asset seeding completed!");
+}
+
+if (import.meta.main) {
+  seedAssets()
+    .catch((err) => {
+      console.error("❌ Error seeding assets:", err);
+      process.exit(1);
+    })
+    .finally(async () => {
+      await prisma.$disconnect();
+    });
+}
diff --git a/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
index 2e65b465..8b3fa242 100644
--- a/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/video/[id]/page.tsx
@@ -1,7 +1,9 @@
 'use client';
 
+import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
 import colors from '@/con/colors';
 import {
+  ActionIcon,
   Alert,
   Box,
   Button,
@@ -15,12 +17,10 @@ import {
   Title,
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
-import { IconArrowBack, IconInfoCircle, IconVideo } from '@tabler/icons-react';
+import { IconArrowBack, IconArrowLeft, IconInfoCircle, IconVideo } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
-import stateGallery from '@/app/admin/(dashboard)/_state/desa/gallery';
-import BackButton from '../../../layanan/_com/BackButto';
 
 
 function convertToEmbedUrl(youtubeUrl: string): string {
@@ -95,7 +95,9 @@ export default function DetailVideoUser() {
     <Box py="xl" px={{ base: 'md', md: 100 }}>
       {/* Tombol Kembali */}
       <Box>
-        <BackButton />
+        <ActionIcon bg={colors["blue-button"]} onClick={() => router.push('/darmasaba/desa/galery/video')}>
+          <IconArrowLeft />
+        </ActionIcon>
       </Box>
 
       {/* Header - Dijadikan Title */}
-- 
2.49.1


From f0425cfc4743d713a89d05342eac022881caaa43 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 30 Jan 2026 15:55:05 +0800
Subject: [PATCH 73/97] Fix Seeder Image, Menu Landing Page - Desa

---
 .vscode/extensions.json                       |    3 +
 AGENTS.md                                     |  167 +
 QWEN.md                                       |  219 +
 gambar.ttx                                    |   99 +
 .../_seeder_list/desa/berita/seed_berita.ts   |   71 +
 .../desa/gallery/foto/seed_foto.ts            |   40 +
 .../desa/gallery/video/seed_video.ts          |   25 +
 .../_seeder_list/desa/layanan/seed_layanan.ts |  128 +
 .../desa/penghargaan/penghargaan.ts           |   44 +
 .../desa/pengumuman/seed_pengumuman.ts        |   43 +
 .../_seeder_list/desa/potensi/seed_potensi.ts |   64 +
 .../desa/profile-desa/seed_profile_desa.ts    |  147 +
 .../profile-desa/seed_profile_perbekel.ts     |   42 +
 .../seed_desa_anti_korupsi.ts                 |   38 +
 .../prestasi-desa/seed_prestasi_desa.ts       |   61 +
 .../profil_landing_page/seed_media_sosial.ts  |   44 +
 .../profil_landing_page/seed_profile_lp.ts    |   40 +
 .../seed_program_inovasi.ts                   |   44 +
 .../landing-page/sdgs/seed_sdgs.ts            |   41 +
 .../seed_daftar_informasi_publik_ppid.ts      |   76 +
 .../dasar-hukum-ppid/seed_dasar_hukum_ppid.ts |   22 +
 prisma/_seeder_list/ppid/ikm/seed_ikm.ts      |   54 +
 .../ppid/profil-ppid/seed_profil_ppd.ts       |   48 +
 .../ppid/struktur-ppid/seed_struktur_ppid.ts  |   82 +
 .../visi-misi-ppid/seed_visi_misi_ppid.ts     |   23 +
 prisma/data/desa/berita/berita.json           |   36 +-
 prisma/data/desa/gallery/foto/foto.json       |   20 +
 ...json => pelayananPendudukNonPermanen.json} |    0
 .../layanan/pelayananSuratKeterangan.json     |   44 +-
 prisma/data/desa/penghargaan/penghargaan.json |    8 +-
 prisma/data/desa/potensi/potensi-desa.json    |   22 +-
 prisma/data/desa/profile/profil_perbekel.json |    2 +-
 .../desa/profile/profile-perbekel-lalu.json   |   18 +-
 .../data/desa/profile/profileDesaImage.json   |   26 +
 prisma/data/fetchWithRetry.ts                 |    3 +
 prisma/data/file-storage.json                 | 1794 ++-----
 .../prestasi-desa/prestasi-desa.json          |    8 +-
 .../landing-page/profile/mediaSosial.json     |    8 +-
 prisma/data/landing-page/profile/profile.json |    2 +-
 .../landing-page/profile/programInovasi.json  |   16 +-
 .../landing-page/sdgs-desa/sdgs-desa.json     |   36 +-
 .../data/ppid/profile-ppid/profilePPid.json   |    2 +-
 .../data/ppid/struktur-ppid/pegawai-PPID.json |   24 +-
 prisma/lib/get_images.ts                      |   75 +
 prisma/newseed-asset.ts                       |   82 +
 prisma/schema.prisma                          |    4 +-
 prisma/seed.ts                                | 4757 +++++++----------
 prisma/seed_assets.ts                         |  575 +-
 .../admin/(dashboard)/_state/desa/profile.ts  |    2 +-
 .../desa/profil/profil-desa/page.tsx          |    4 +-
 .../profile_desa/maskot-desa/update.ts        |  158 +-
 .../(pages)/desa/berita/semua/page.tsx        |    2 +-
 .../(pages)/desa/profil/ui/maskotDesa.tsx     |    2 +-
 .../(tambahan)/apbdes/lib/apbDesaProgress.tsx |   48 +-
 .../(tambahan)/apbdes/lib/apbDesaTable.tsx    |   31 +-
 .../darmasaba/(tambahan)/apbdes/lib/types.ts  |   37 +-
 src/app/darmasaba/(tambahan)/apbdes/page.tsx  |   26 +-
 .../darmasaba/_com/main-page/apbdes/index.tsx |   52 +-
 types/env.d.ts                                |    7 +-
 x.json                                        |   69 +
 x.sh                                          |   30 +
 61 files changed, 4533 insertions(+), 5162 deletions(-)
 create mode 100644 .vscode/extensions.json
 create mode 100644 AGENTS.md
 create mode 100644 QWEN.md
 create mode 100644 gambar.ttx
 create mode 100644 prisma/_seeder_list/desa/berita/seed_berita.ts
 create mode 100644 prisma/_seeder_list/desa/gallery/foto/seed_foto.ts
 create mode 100644 prisma/_seeder_list/desa/gallery/video/seed_video.ts
 create mode 100644 prisma/_seeder_list/desa/layanan/seed_layanan.ts
 create mode 100644 prisma/_seeder_list/desa/penghargaan/penghargaan.ts
 create mode 100644 prisma/_seeder_list/desa/pengumuman/seed_pengumuman.ts
 create mode 100644 prisma/_seeder_list/desa/potensi/seed_potensi.ts
 create mode 100644 prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts
 create mode 100644 prisma/_seeder_list/desa/profile-desa/seed_profile_perbekel.ts
 create mode 100644 prisma/_seeder_list/landing-page/desa-anti-korupsi/seed_desa_anti_korupsi.ts
 create mode 100644 prisma/_seeder_list/landing-page/prestasi-desa/seed_prestasi_desa.ts
 create mode 100644 prisma/_seeder_list/landing-page/profil_landing_page/seed_media_sosial.ts
 create mode 100644 prisma/_seeder_list/landing-page/profil_landing_page/seed_profile_lp.ts
 create mode 100644 prisma/_seeder_list/landing-page/profil_landing_page/seed_program_inovasi.ts
 create mode 100644 prisma/_seeder_list/landing-page/sdgs/seed_sdgs.ts
 create mode 100644 prisma/_seeder_list/ppid/daftar-informasi-publik-ppid/seed_daftar_informasi_publik_ppid.ts
 create mode 100644 prisma/_seeder_list/ppid/dasar-hukum-ppid/seed_dasar_hukum_ppid.ts
 create mode 100644 prisma/_seeder_list/ppid/ikm/seed_ikm.ts
 create mode 100644 prisma/_seeder_list/ppid/profil-ppid/seed_profil_ppd.ts
 create mode 100644 prisma/_seeder_list/ppid/struktur-ppid/seed_struktur_ppid.ts
 create mode 100644 prisma/_seeder_list/ppid/visi-misi-ppid/seed_visi_misi_ppid.ts
 create mode 100644 prisma/data/desa/gallery/foto/foto.json
 rename prisma/data/desa/layanan/{pelayanaPendudukNonPermanen.json => pelayananPendudukNonPermanen.json} (100%)
 create mode 100644 prisma/data/desa/profile/profileDesaImage.json
 create mode 100644 prisma/lib/get_images.ts
 create mode 100644 prisma/newseed-asset.ts
 create mode 100644 x.json
 create mode 100644 x.sh

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 00000000..7e257db9
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+    "recommendations": []
+}
\ No newline at end of file
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 00000000..dc9d86dc
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,167 @@
+# AGENTS.md
+
+This file contains essential information for agentic coding agents working in the desa-darmasaba repository.
+
+## Project Overview
+
+Desa Darmasaba is a Next.js 15 application for village management services in Badung, Bali. It uses:
+- **Framework**: Next.js 15 with App Router
+- **Language**: TypeScript with strict mode
+- **Styling**: Mantine UI components with custom CSS
+- **Backend**: Elysia.js API server integrated with Next.js
+- **Database**: PostgreSQL with Prisma ORM
+- **State Management**: Jotai for global state
+- **Authentication**: JWT with iron-session
+
+## Build Commands
+
+```bash
+# Development
+npm run dev
+
+# Production build
+npm run build
+
+# Start production server
+npm start
+
+# Database seeding
+bun run prisma/seed.ts
+
+# Linting (ESLint)
+npx eslint .
+
+# Type checking
+npx tsc --noEmit
+
+# Prisma operations
+npx prisma generate
+npx prisma db push
+npx prisma studio
+```
+
+## Running Tests
+
+Currently no test framework is configured. When adding tests:
+- Set up test scripts in package.json
+- Consider Jest or Vitest for unit testing
+- Use Playwright for E2E testing
+- Update this section with specific test commands
+
+## Code Style Guidelines
+
+### Imports
+- Use absolute imports with `@/` alias (configured in tsconfig.json)
+- Group imports: external libraries first, then internal modules
+- Keep import statements organized and remove unused imports
+
+```typescript
+// External libraries
+import { useState } from 'react'
+import { Button, Stack } from '@mantine/core'
+
+// Internal modules  
+import ApiFetch from '@/lib/api-fetch'
+import { MyComponent } from '@/components/my-component'
+```
+
+### TypeScript Configuration
+- Strict mode enabled (`"strict": true`)
+- Target: ES2017
+- Module resolution: bundler
+- Path alias: `@/*` maps to `./src/*`
+
+### Naming Conventions
+- **Components**: PascalCase (e.g., `UploadImage.tsx`)
+- **Files**: kebab-case for utilities (e.g., `api-fetch.ts`)
+- **Variables/Functions**: camelCase
+- **Constants**: UPPER_SNAKE_CASE
+- **Database Models**: PascalCase (Prisma convention)
+
+### Error Handling
+- Use try-catch blocks for async operations
+- Implement proper error boundaries in React components
+- Log errors appropriately without exposing sensitive data
+- Use Zod for runtime validation and type safety
+
+### API Structure
+- Backend uses Elysia.js with TypeScript
+- API routes are in `src/app/api/[[...slugs]]/` directory
+- Use treaty client for type-safe API calls
+- Follow RESTful conventions for endpoints
+- Include proper HTTP status codes and error responses
+
+### Database Operations
+- Use Prisma client from `@/lib/prisma.ts`
+- Database connection includes graceful shutdown handling
+- Use transactions for complex operations
+- Implement proper error handling for database queries
+
+### Component Guidelines
+- Use functional components with hooks
+- Implement proper prop types with TypeScript interfaces
+- Use Mantine components for UI consistency
+- Follow atomic design principles when possible
+- Add loading states and error states for async operations
+
+### State Management
+- Use Jotai atoms for global state
+- Keep local state in components when possible
+- Use React Query (SWR) for server state caching
+- Implement optimistic updates for better UX
+
+### Styling
+- Primary: Mantine UI components
+- Use Mantine theme system for customization
+- Custom CSS should be minimal and scoped
+- Follow responsive design principles
+- Use semantic HTML5 elements
+
+### Environment Variables
+- Use `.env.local` for development
+- Prefix public variables with `NEXT_PUBLIC_`
+- Never commit environment files to version control
+- Use proper typing for environment variables
+
+### File Organization
+```
+src/
+├── app/                 # Next.js app router pages
+├── components/          # Reusable React components  
+├── lib/                # Utility functions and configurations
+├── state/              # Jotai atoms and state management
+├── types/              # TypeScript type definitions
+└── con/                # Constants and static data
+```
+
+### Security Practices
+- Validate all user inputs with Zod schemas
+- Use JWT tokens for authentication
+- Implement proper CORS configuration
+- Never expose database credentials or API keys
+- Use HTTPS in production
+- Implement rate limiting for sensitive endpoints
+
+### Performance Considerations
+- Use Next.js Image optimization
+- Implement proper caching strategies
+- Use React.memo for expensive components
+- Optimize bundle size with dynamic imports
+- Use Prisma query optimization
+
+## Development Workflow
+
+1. Always run type checking before committing: `npx tsc --noEmit`
+2. Run linting to catch style issues: `npx eslint .`
+3. Test database changes with `npx prisma db push`
+4. Use the integrated Swagger docs at `/api/docs` for API testing
+5. Check environment variables are properly configured
+6. Verify responsive design on different screen sizes
+
+## Important Notes
+
+- The application uses a custom Elysia.js server integrated with Next.js API routes
+- Image uploads are handled through `/api/upl-img-single` endpoint
+- Database seeding is done with Bun runtime
+- The app supports Indonesian locale (id_ID) for SEO and content
+- CORS is configured to allow cross-origin requests during development
\ No newline at end of file
diff --git a/QWEN.md b/QWEN.md
new file mode 100644
index 00000000..75423026
--- /dev/null
+++ b/QWEN.md
@@ -0,0 +1,219 @@
+# Desa Darmasaba - Village Management System
+
+## Project Overview
+
+Desa Darmasaba is a comprehensive Next.js 15 application designed for village management services in Badung, Bali. The platform serves as a digital hub for government services, public information, news, and community engagement for the residents of Darmasaba village.
+
+### Key Technologies
+- **Framework**: Next.js 15 with App Router
+- **Language**: TypeScript with strict mode
+- **Styling**: Mantine UI components with custom CSS
+- **Backend**: Elysia.js API server integrated with Next.js
+- **Database**: PostgreSQL with Prisma ORM
+- **State Management**: Jotai for global state
+- **Authentication**: JWT with iron-session
+- **Runtime**: Bun (instead of Node.js)
+
+### Architecture
+The application follows a modern full-stack architecture with:
+- Frontend built with Next.js 15 and TypeScript
+- Backend API endpoints using Elysia.js
+- PostgreSQL database managed with Prisma ORM
+- Mantine UI library for consistent design components
+- File storage system for managing images and documents
+- Comprehensive user authentication and authorization system
+
+## Features
+
+The application provides extensive functionality across multiple domains:
+
+### Government Services
+- Public service information and requests
+- Administrative online services
+- Community announcements and news
+- Village profile and governance information
+
+### Health Services
+- Healthcare facility information
+- Health programs and initiatives
+- Emergency health contacts
+- Health articles and education
+- Posyandu (community health posts) information
+
+### Economic Development
+- Local market information
+- Job listings and employment opportunities
+- Village economic statistics
+- Business registration and support
+
+### Innovation & Technology
+- Digital village initiatives
+- Technology adoption programs
+- Innovation proposal system
+- Smart village features
+
+### Education
+- School information and statistics
+- Scholarship programs
+- Educational support services
+- Library and learning resources
+
+### Environmental Management
+- Waste management systems
+- Green initiatives
+- Environmental conservation programs
+- Community participation activities
+
+### Security & Safety
+- Emergency contacts
+- Police station information
+- Crime prevention measures
+- Community safety programs
+
+## Building and Running
+
+### Prerequisites
+- Bun runtime (version specified in package.json)
+- PostgreSQL database
+- Environment variables configured
+
+### Setup Commands
+```bash
+# Install dependencies
+bun install
+
+# Set up environment variables
+cp .env.example .env.local
+# Edit .env.local with your configuration
+
+# Database setup
+bunx prisma db push
+bunx prisma generate
+
+# Seed database (optional)
+bun run prisma/seed.ts
+
+# Development mode
+bun run dev
+
+# Production build
+bun run build
+
+# Start production server
+bun run start
+```
+
+### Additional Commands
+```bash
+# Linting (ESLint)
+bunx eslint .
+
+# Type checking
+bunx tsc --noEmit
+
+# Prisma operations
+bunx prisma generate
+bunx prisma db push
+bunx prisma studio
+```
+
+## Project Structure
+
+```
+src/
+├── app/                 # Next.js app router pages
+│   ├── _com/           # Common components
+│   ├── admin/          # Admin panel routes
+│   ├── api/            # API routes
+│   ├── darmasaba/      # Main application pages
+│   ├── login/          # Authentication pages
+│   └── ...             # Other feature pages
+├── con/                # Constants and static data
+├── hooks/              # Custom React hooks
+├── lib/                # Utility functions and configurations
+├── middlewares/        # Middleware functions
+├── state/              # Global state management
+├── store/              # Additional state management
+├── types/              # TypeScript type definitions
+├── utils/              # Utility functions
+├── middleware.ts       # Application middleware
+└── schema.ts           # Schema definitions
+```
+
+## Development Guidelines
+
+### Code Style
+- Use absolute imports with `@/` alias (configured in tsconfig.json)
+- Group imports: external libraries first, then internal modules
+- Follow consistent naming conventions:
+  - Components: PascalCase (e.g., `UploadImage.tsx`)
+  - Files: kebab-case for utilities (e.g., `api-fetch.ts`)
+  - Variables/Functions: camelCase
+  - Constants: UPPER_SNAKE_CASE
+
+### TypeScript Configuration
+- Strict mode enabled (`"strict": true`)
+- Target: ES2017
+- Module resolution: bundler
+- Path alias: `@/*` maps to `./src/*`
+
+### Error Handling
+- Use try-catch blocks for async operations
+- Implement proper error boundaries in React components
+- Log errors appropriately without exposing sensitive data
+- Use Zod for runtime validation and type safety
+
+### Security Practices
+- Validate all user inputs with Zod schemas
+- Use JWT tokens for authentication
+- Implement proper CORS configuration
+- Never expose database credentials or API keys
+- Use HTTPS in production
+- Implement rate limiting for sensitive endpoints
+
+### Performance Considerations
+- Use Next.js Image optimization
+- Implement proper caching strategies
+- Use React.memo for expensive components
+- Optimize bundle size with dynamic imports
+- Use Prisma query optimization
+
+## Database Schema
+
+The application uses a comprehensive PostgreSQL database schema with Prisma ORM, featuring:
+
+- **User Management**: Complete user authentication system with roles and permissions
+- **Content Management**: News, announcements, and various content types
+- **Service Management**: Various government and community services
+- **File Storage**: Centralized file management system
+- **Health Information**: Healthcare facilities and programs
+- **Economic Data**: Market information and employment data
+- **Educational Resources**: Schools, scholarships, and educational programs
+- **Environmental Data**: Sustainability and environmental management
+- **Security Information**: Emergency contacts and safety measures
+
+## API Structure
+
+- Backend uses Elysia.js with TypeScript
+- API routes are in `src/app/api/[[...slugs]]/` directory
+- Use treaty client for type-safe API calls
+- Follow RESTful conventions for endpoints
+- Include proper HTTP status codes and error responses
+
+## Deployment
+
+The application includes deployment scripts for staging environments, with:
+- Automated builds using Bun
+- Database migration handling
+- Environment-specific configurations
+- PM2 process management for production
+
+## Important Notes
+
+- The application uses a custom Elysia.js server integrated with Next.js API routes
+- Image uploads are handled through `/api/upl-img-single` endpoint
+- Database seeding is done with Bun runtime
+- The app supports Indonesian locale (id_ID) for SEO and content
+- CORS is configured to allow cross-origin requests during development
+- Authentication is implemented with JWT tokens and iron-session
+- The application has both public-facing and admin sections with different access controls
\ No newline at end of file
diff --git a/gambar.ttx b/gambar.ttx
new file mode 100644
index 00000000..6fa9e10e
--- /dev/null
+++ b/gambar.ttx
@@ -0,0 +1,99 @@
+type DirItem = {
+  type: "file" | "dir";
+  name: string;
+  path: string;
+  size?: number;
+};
+
+// type FileDownloadResponse = {
+//   url: string;
+// };
+
+// const TOKEN = "20a19f4a04032215d50ce53292e6abdd38b9f806";
+// const REPO_ID = "8814bfe1-30d5-4e77-ab36-3122fa59a022";
+// const DIR_TARGET = "image";
+
+// const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com/api2";
+
+const TOKEN = process.env.SEAFILE_TOKEN!;
+const REPO_ID = process.env.SEAFILE_REPO_ID!;
+
+// ⛔ PENTING: RELATIVE PATH (tanpa slash depan)
+const DIR_TARGET = "asset-web";
+
+const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com/api2";
+
+const headers = {
+  Authorization: `Token ${TOKEN}`,
+};
+
+/**
+ * Ambil list file di directory
+ */
+async function getDirItems(): Promise<DirItem[]> {
+  const res = await fetch(
+    `${BASE_URL}/repos/${REPO_ID}/dir/?p=${DIR_TARGET}`,
+    { headers }
+  );
+
+  if (!res.ok) {
+    throw new Error(`Failed get dir items: ${res.statusText}`);
+  }
+
+  return res.json();
+}
+
+/**
+ * Ambil download URL file
+ */
+async function getDownloadUrl(filePath: string): Promise<string> {
+
+
+  const res = await fetch(
+    `${BASE_URL}/repos/${REPO_ID}/file/?p=${encodeURIComponent(filePath)}`,
+    { headers }
+  );
+
+  if (!res.ok) {
+    throw new Error(`Failed get file url: ${res.statusText}`);
+  }
+
+  const data = await res.json();
+
+  return data;
+}
+
+/**
+ * Ambil semua download URL dari target dir
+ */
+async function getAllDownloadUrls() {
+  const items = await getDirItems();
+
+  const files = items.filter((item) => item.type === "file");
+
+  const results = await Promise.all(
+    files.map(async (file) => {
+      const filePath = `${DIR_TARGET}/${file.name}`;
+      const url = await getDownloadUrl(filePath);
+      return {
+        name: file.name,
+        path: filePath,
+        downloadUrl: url,
+      };
+    })
+  );
+
+  return results;
+}
+
+// contoh eksekusi
+(async () => {
+  try {
+    console.log("ambil gambar")
+    const urls = await getAllDownloadUrls();
+    await Bun.write("list_image2.json", JSON.stringify(urls))
+    console.log("selesai !")
+  } catch (err) {
+    console.error(err);
+  }
+})();
diff --git a/prisma/_seeder_list/desa/berita/seed_berita.ts b/prisma/_seeder_list/desa/berita/seed_berita.ts
new file mode 100644
index 00000000..1d1fb9f0
--- /dev/null
+++ b/prisma/_seeder_list/desa/berita/seed_berita.ts
@@ -0,0 +1,71 @@
+import prisma from "@/lib/prisma";
+import kategoriBerita from "../../../data/desa/berita/kategori-berita.json";
+import beritaJson from "../../../data/desa/berita/berita.json";
+
+export async function seedBerita() {
+  // ================== SUBMENU BERITA ========================
+  console.log("🔄 Seeding Kategori Berita...");
+  for (const k of kategoriBerita) {
+    await prisma.kategoriBerita.upsert({
+      where: {
+        name: k.name, // ✅ cocok dengan @unique
+      },
+      update: {
+        name: k.name,
+        isActive: true,
+      },
+      create: {
+        id: k.id, // ✅ id tetap bisa disimpan
+        name: k.name,
+        isActive: true,
+      },
+    });
+  }
+
+  console.log("kategori berita success ...");
+
+  console.log("🔄 Seeding Berita...");
+
+  for (const b of beritaJson) {
+    let imageId: string | null = null;
+
+    if (b.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: b.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for berita "${b.judul}": ${b.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.berita.upsert({
+      where: { id: b.id },
+      update: {
+        judul: b.judul,
+        deskripsi: b.deskripsi,
+        content: b.content,
+        kategoriBeritaId: b.kategoriBeritaId,
+        imageId,
+      },
+      create: {
+        id: b.id,
+        judul: b.judul,
+        deskripsi: b.deskripsi,
+        content: b.content,
+        kategoriBeritaId: b.kategoriBeritaId,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Berita seeded: ${b.judul}`);
+  }
+
+  console.log("🎉 Berita seed selesai");
+}
+
diff --git a/prisma/_seeder_list/desa/gallery/foto/seed_foto.ts b/prisma/_seeder_list/desa/gallery/foto/seed_foto.ts
new file mode 100644
index 00000000..6abf33c2
--- /dev/null
+++ b/prisma/_seeder_list/desa/gallery/foto/seed_foto.ts
@@ -0,0 +1,40 @@
+import prisma from "@/lib/prisma";
+import foto from "../../../../data/desa/gallery/foto/foto.json";
+
+export async function seedFoto() {
+  console.log("🔄 Seeding Foto...");
+  for (const f of foto) {
+    let imagesId: string | null = null;
+
+    if (f.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: f.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for foto  "${f.name}": ${f.imageName}`,
+        );
+      } else {
+        imagesId = image.id;
+      }
+    }
+
+    await prisma.galleryFoto.upsert({
+      where: { id: f.id },
+      update: {
+        name: f.name,
+        deskripsi: f.deskripsi,
+        imagesId,
+      },
+      create: {
+        id: f.id,
+        name: f.name,
+        deskripsi: f.deskripsi,
+        imagesId,
+      },
+    });
+  }
+  console.log("✅ Foto seeding completed");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/desa/gallery/video/seed_video.ts b/prisma/_seeder_list/desa/gallery/video/seed_video.ts
new file mode 100644
index 00000000..42d97860
--- /dev/null
+++ b/prisma/_seeder_list/desa/gallery/video/seed_video.ts
@@ -0,0 +1,25 @@
+import prisma from "@/lib/prisma";
+import galleryVideo from "../../../../data/desa/gallery/video/video.json";
+
+export async function seedVideo() {
+  console.log("🔄 Seeding Gallery Video...");
+  for (const v of galleryVideo) {
+    await prisma.galleryVideo.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        name: v.judul,
+        deskripsi: v.deskripsi,
+        linkVideo: v.linkVideo,
+      },
+      create: {
+        name: v.judul,
+        deskripsi: v.deskripsi,
+        linkVideo: v.linkVideo,
+      },
+    });
+  }
+
+  console.log("gallery video success ...");
+}
diff --git a/prisma/_seeder_list/desa/layanan/seed_layanan.ts b/prisma/_seeder_list/desa/layanan/seed_layanan.ts
new file mode 100644
index 00000000..a242458c
--- /dev/null
+++ b/prisma/_seeder_list/desa/layanan/seed_layanan.ts
@@ -0,0 +1,128 @@
+import prisma from "@/lib/prisma";
+import pelayananSuratKeterangan from "../../../data/desa/layanan/pelayananSuratKeterangan.json";
+import pelayananTelunjukSaktiDesa from "../../../data/desa/layanan/pelayananTelunjukSaktiDesa.json";
+import pelayananPerizinanBerusaha from "../../../data/desa/layanan/pelayananPerizinanBerusaha.json";
+import pelayananPendudukNonPermanen from "../../../data/desa/layanan/pelayananPendudukNonPermanen.json";
+
+export async function seedLayanan() {
+  console.log("🔄 Seeding Pelayanan Surat Keterangan...");
+
+  for (const p of pelayananSuratKeterangan) {
+    const existing = await prisma.pelayananSuratKeterangan.findUnique({
+      where: { id: p.id },
+      select: { imageId: true, image2Id: true }, // 📌 tambahkan image2Id
+    });
+
+    // 1️⃣ Handle imageId
+    let imageId = existing?.imageId ?? null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for pelayanan surat keterangan 1 "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    // 2️⃣ Handle image2Id
+    let image2Id = existing?.image2Id ?? null;
+
+    if (p.image2Name) {
+      const image2 = await prisma.fileStorage.findUnique({
+        where: { name: p.image2Name },
+        select: { id: true },
+      });
+
+      if (!image2) {
+        console.warn(
+          `⚠️ Image not found for pelayanan surat keterangan 2 "${p.name}": ${p.image2Name}`,
+        );
+      } else {
+        image2Id = image2.id;
+      }
+    }
+
+    // 3️⃣ Upsert dengan kedua image
+    await prisma.pelayananSuratKeterangan.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+        image2Id, // 📌 tambahkan ini
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+        image2Id, // 📌 tambahkan ini
+      },
+    });
+  }
+  console.log("✅ Pelayanan Surat Keterangan success...");
+
+  for (const p of pelayananTelunjukSaktiDesa) {
+    await prisma.pelayananTelunjukSaktiDesa.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        link: p.link,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        link: p.link,
+      },
+    });
+  }
+  console.log("pelayanan telunjuk sakti desa success ...");
+
+  for (const l of pelayananPerizinanBerusaha) {
+    await prisma.pelayananPerizinanBerusaha.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        name: l.name,
+        deskripsi: l.deskripsi,
+        link: l.link,
+      },
+      create: {
+        id: l.id,
+        name: l.name,
+        deskripsi: l.deskripsi,
+        link: l.link,
+      },
+    });
+  }
+
+  console.log("pelayanan perizinan berusaha success ...");
+
+  for (const l of pelayananPendudukNonPermanen) {
+    await prisma.pelayananPendudukNonPermanen.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        name: l.name,
+        deskripsi: l.deskripsi,
+      },
+      create: {
+        id: l.id,
+        name: l.name,
+        deskripsi: l.deskripsi,
+      },
+    });
+  }
+  console.log("pelayanan penduduk non permanen success ...");
+}
diff --git a/prisma/_seeder_list/desa/penghargaan/penghargaan.ts b/prisma/_seeder_list/desa/penghargaan/penghargaan.ts
new file mode 100644
index 00000000..b696ae75
--- /dev/null
+++ b/prisma/_seeder_list/desa/penghargaan/penghargaan.ts
@@ -0,0 +1,44 @@
+import prisma from "@/lib/prisma";
+import penghargaan from "../../../data/desa/penghargaan/penghargaan.json"
+
+export async function seedPenghargaan() {
+  console.log("🔄 Seeding Penghargaan...");
+  for (const m of penghargaan) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for penghargaan "${m.name}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.penghargaan.upsert({
+      where: { id: m.id },
+      update: {
+        name: m.name,
+        juara: m.juara,
+        deskripsi: m.deskripsi,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        name: m.name,
+        juara: m.juara,
+        deskripsi: m.deskripsi,
+        imageId,
+      },
+    });
+  }
+
+  console.log("penghargaan success ...");
+}
+  
\ No newline at end of file
diff --git a/prisma/_seeder_list/desa/pengumuman/seed_pengumuman.ts b/prisma/_seeder_list/desa/pengumuman/seed_pengumuman.ts
new file mode 100644
index 00000000..184fc804
--- /dev/null
+++ b/prisma/_seeder_list/desa/pengumuman/seed_pengumuman.ts
@@ -0,0 +1,43 @@
+import prisma from "@/lib/prisma";
+import { safeSeedUnique } from "../../../safeseedUnique";
+import kategoriPengumuman from "../../../data/desa/pengumuman/kategori-pengumuman.json";
+import pengumuman from "../../../data/desa/pengumuman/pengumuman.json";
+
+export async function seedPengumuman() {
+  console.log("🔄 Seeding Kategori Pengumuman...");
+  for (const c of kategoriPengumuman) {
+    await safeSeedUnique(
+      "categoryPengumuman",
+      { name: c.name }, // ✅ where clause
+      {
+        id: c.id,
+        name: c.name,
+      },
+    );
+  }
+
+  console.log("kategori pengumuman success ...");
+
+  console.log("🔄 Seeding Pengumuman...");
+  for (const p of pengumuman) {
+    await prisma.pengumuman.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        content: p.content,
+        categoryPengumumanId: p.categoryPengumumanId,
+      },
+      create: {
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        content: p.content,
+        categoryPengumumanId: p.categoryPengumumanId,
+      },
+    });
+  }
+
+  console.log("pengumuman success ...");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/desa/potensi/seed_potensi.ts b/prisma/_seeder_list/desa/potensi/seed_potensi.ts
new file mode 100644
index 00000000..7e1ad408
--- /dev/null
+++ b/prisma/_seeder_list/desa/potensi/seed_potensi.ts
@@ -0,0 +1,64 @@
+import prisma from "@/lib/prisma";
+import kategoriPotensi from "../../../data/desa/potensi/kategori-potensi.json";
+import potensiDesa from "../../../data/desa/potensi/potensi-desa.json";
+
+export async function seedPotensi() {
+  console.log("🔄Seeding Kategori Potensi Desa ...");
+  for (const c of kategoriPotensi) {
+    await prisma.kategoriPotensi.upsert({
+      where: {
+        id: c.id,
+      },
+      update: {
+        nama: c.nama,
+      },
+      create: {
+        id: c.id,
+        nama: c.nama,
+      },
+    });
+  }
+
+  console.log("kategori Potensi success ...");
+
+  console.log("🔄 Seeding Potensi Desa...");
+  for (const m of potensiDesa) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for potensi desa "${m.name}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.potensiDesa.upsert({
+      where: { id: m.id },
+      update: {
+        name: m.name,
+        deskripsi: m.deskripsi,
+        content: m.content,
+        kategoriId: m.kategoriId,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        name: m.name,
+        deskripsi: m.deskripsi,
+        content: m.content,
+        kategoriId: m.kategoriId,
+        imageId,
+      },
+    });
+  }
+
+  console.log("potensi desa success ...");
+}
diff --git a/prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts b/prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts
new file mode 100644
index 00000000..9ab4bef3
--- /dev/null
+++ b/prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts
@@ -0,0 +1,147 @@
+import prisma from "@/lib/prisma";
+import lambangDesa from "../../../data/desa/profile/lambang_desa.json";
+import maskotDesa from "../../../data/desa/profile/maskot_desa.json";
+import profilePerbekel from "../../../data/desa/profile/profil_perbekel.json";
+import profileDesaImage from "../../../data/desa/profile/profileDesaImage.json";
+import sejarahDesa from "../../../data/desa/profile/sejarah_desa.json";
+
+export async function seedProfileDesa() {
+  // =========== SEJARAH DESA ===========
+  for (const l of sejarahDesa) {
+    await prisma.sejarahDesa.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        judul: l.judul,
+        deskripsi: l.deskripsi,
+      },
+      create: {
+        id: l.id,
+        judul: l.judul,
+        deskripsi: l.deskripsi,
+      },
+    });
+  }
+
+  console.log("sejarah desa success ...");
+
+  // =========== MASKOT DESA ===========
+  for (const l of maskotDesa) {
+    await prisma.maskotDesa.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        judul: l.judul,
+        deskripsi: l.deskripsi,
+      },
+      create: {
+        id: l.id,
+        judul: l.judul,
+        deskripsi: l.deskripsi,
+      },
+    });
+  }
+
+  console.log("maskot desa success ...");
+
+  console.log("🔄 Seeding Profile Desa Image...");
+  for (const m of profileDesaImage) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for profile desa image "${m.label}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.profileDesaImage.upsert({
+      where: { id: m.id },
+      update: {
+        label: m.label,
+        maskotDesaId: m.maskotDesaId,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        label: m.label,
+        maskotDesaId: m.maskotDesaId,
+        imageId,
+      },
+    });
+  }
+
+  console.log("profile desa image success ...");
+
+  // =========== LAMBANG DESA ===========
+  for (const l of lambangDesa) {
+    await prisma.lambangDesa.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        judul: l.judul,
+        deskripsi: l.deskripsi,
+      },
+      create: {
+        id: l.id,
+        judul: l.judul,
+        deskripsi: l.deskripsi,
+      },
+    });
+  }
+
+  console.log("lambang desa success ...");
+
+  // ===========  PROFILE PERBEKEL PROFILE DESA ===========
+  console.log("🔄 Seeding Profile Perbekel...");
+  for (const m of profilePerbekel) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for profile perbekel "${m.biodata}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.profilPerbekel.upsert({
+      where: { id: m.id },
+      update: {
+        biodata: m.biodata,
+        pengalaman: m.pengalaman,
+        pengalamanOrganisasi: m.pengalamanOrganisasi,
+        programUnggulan: m.programUnggulan,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        biodata: m.biodata,
+        pengalaman: m.pengalaman,
+        pengalamanOrganisasi: m.pengalamanOrganisasi,
+        programUnggulan: m.programUnggulan,
+        imageId,
+      },
+    });
+  }
+
+  console.log("profile perbekel desa success ...");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/desa/profile-desa/seed_profile_perbekel.ts b/prisma/_seeder_list/desa/profile-desa/seed_profile_perbekel.ts
new file mode 100644
index 00000000..1507fe32
--- /dev/null
+++ b/prisma/_seeder_list/desa/profile-desa/seed_profile_perbekel.ts
@@ -0,0 +1,42 @@
+import prisma from "@/lib/prisma";
+import perbekelDariMasaKeMasa from "../../../data/desa/profile/profile-perbekel-lalu.json";
+
+export async function seedProfilePerbekel() {
+   console.log("🔄 Seeding Perbekel Dari Masa Ke Masa...");
+for (const p of perbekelDariMasaKeMasa) {
+  let imageId: string | null = null;
+
+  if (p.imageName) {
+    const image = await prisma.fileStorage.findUnique({
+      where: { name: p.imageName },
+      select: { id: true },
+    });
+
+    if (!image) {
+      console.warn(
+        `⚠️ Image not found for Perbekel Dari Masa Ke Masa  "${p.nama}": ${p.imageName}`,
+      );
+    } else {
+      imageId = image.id;
+    }
+  }
+
+  await prisma.perbekelDariMasaKeMasa.upsert({
+    where: { id: p.id },
+    update: {
+      nama: p.nama,
+      periode: p.periode,
+      daerah: p.daerah,
+      imageId,
+    },
+    create: {
+      id: p.id,
+      nama: p.nama,
+      periode: p.periode,
+      daerah: p.daerah,
+      imageId,
+    },
+  });
+}
+console.log("✅ Pejabat Desa seeding completed");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/landing-page/desa-anti-korupsi/seed_desa_anti_korupsi.ts b/prisma/_seeder_list/landing-page/desa-anti-korupsi/seed_desa_anti_korupsi.ts
new file mode 100644
index 00000000..5a1927fa
--- /dev/null
+++ b/prisma/_seeder_list/landing-page/desa-anti-korupsi/seed_desa_anti_korupsi.ts
@@ -0,0 +1,38 @@
+import prisma from "@/lib/prisma";
+import kategoriDesaAntiKorupsi from "../../../data/landing-page/desa-anti-korupsi/kategoriDesaAntiKorupsi.json"
+import desaAntiKorupsi from "../../../data/landing-page/desa-anti-korupsi/desaantiKorpusi.json"
+
+export async function seedDesaAntiKorupsi() {
+    for (const k of kategoriDesaAntiKorupsi) {
+    await prisma.kategoriDesaAntiKorupsi.upsert({
+      where: { id: k.id },
+      update: {
+        name: k.name,
+      },
+      create: {
+        id: k.id,
+        name: k.name,
+      },
+    });
+  }
+  console.log("kategori desa anti korupsi success ...");
+
+  // =========== DESA ANTI KORUPSI ===========
+  for (const p of desaAntiKorupsi) {
+    await prisma.desaAntiKorupsi.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        kategoriId: p.kategoriId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        kategoriId: p.kategoriId,
+      },
+    });
+  }
+  console.log("desa anti korupsi success ...");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/landing-page/prestasi-desa/seed_prestasi_desa.ts b/prisma/_seeder_list/landing-page/prestasi-desa/seed_prestasi_desa.ts
new file mode 100644
index 00000000..18129dfb
--- /dev/null
+++ b/prisma/_seeder_list/landing-page/prestasi-desa/seed_prestasi_desa.ts
@@ -0,0 +1,61 @@
+import prisma from "@/lib/prisma";
+import prestasiDesa from "../../../data/landing-page/prestasi-desa/prestasi-desa.json"
+import kategoriPrestasiDesa from "../../../data/landing-page/prestasi-desa/kategori-prestasi.json"
+
+export async function seedPrestasiDesa() {
+
+  console.log("🔄 Seeding Kategori Prestasi Desa...");
+for (const c of kategoriPrestasiDesa) {
+    await prisma.kategoriPrestasiDesa.upsert({
+      where: { id: c.id },
+      update: {
+        name: c.name,
+      },
+      create: {
+        id: c.id,
+        name: c.name,
+      },
+    });
+  }
+  console.log("kategori prestasi desa success ...");
+
+  console.log("🔄 Seeding Prestasi Desa...");
+  for (const m of prestasiDesa) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for prestasi desa "${m.name}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.prestasiDesa.upsert({
+      where: { id: m.id },
+      update: {
+        name: m.name,
+        deskripsi: m.deskripsi,
+        kategoriId: m.kategoriId,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        name: m.name,
+        deskripsi: m.deskripsi,
+        kategoriId: m.kategoriId,
+        imageId,
+      },
+    });
+  }
+
+  console.log("prestasi desa success ...");
+}
+  
\ No newline at end of file
diff --git a/prisma/_seeder_list/landing-page/profil_landing_page/seed_media_sosial.ts b/prisma/_seeder_list/landing-page/profil_landing_page/seed_media_sosial.ts
new file mode 100644
index 00000000..7636202a
--- /dev/null
+++ b/prisma/_seeder_list/landing-page/profil_landing_page/seed_media_sosial.ts
@@ -0,0 +1,44 @@
+import prisma from "@/lib/prisma";
+import mediaSosial from "../../../data/landing-page/profile/mediaSosial.json"
+
+export async function seedMediaSosial() {
+  console.log("🔄 Seeding Media Sosial...");
+  for (const m of mediaSosial) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for berita "${m.name}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.mediaSosial.upsert({
+      where: { id: m.id },
+      update: {
+        name: m.name,
+        iconUrl: m.iconUrl,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        name: m.name,
+        iconUrl: m.iconUrl,
+        imageId,
+      },
+    });
+  }
+
+  console.log("media sosial success ...");
+}
+
+
+  
\ No newline at end of file
diff --git a/prisma/_seeder_list/landing-page/profil_landing_page/seed_profile_lp.ts b/prisma/_seeder_list/landing-page/profil_landing_page/seed_profile_lp.ts
new file mode 100644
index 00000000..a2f5f7a6
--- /dev/null
+++ b/prisma/_seeder_list/landing-page/profil_landing_page/seed_profile_lp.ts
@@ -0,0 +1,40 @@
+import prisma from "@/lib/prisma";
+import profilePejabatDesa from "../../../data/landing-page/profile/profile.json";
+
+export async function seedProfileLP() {
+  console.log("🔄 Seeding Pejabat Desa...");
+  for (const p of profilePejabatDesa) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for profile  "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.pejabatDesa.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        position: p.position,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        position: p.position,
+        imageId,
+      },
+    });
+  }
+  console.log("✅ Pejabat Desa seeding completed");
+}
diff --git a/prisma/_seeder_list/landing-page/profil_landing_page/seed_program_inovasi.ts b/prisma/_seeder_list/landing-page/profil_landing_page/seed_program_inovasi.ts
new file mode 100644
index 00000000..207045b2
--- /dev/null
+++ b/prisma/_seeder_list/landing-page/profil_landing_page/seed_program_inovasi.ts
@@ -0,0 +1,44 @@
+import prisma from "@/lib/prisma";
+import programInovasi from "../../../data/landing-page/profile/programInovasi.json";
+
+export async function seedProgramInovasi() {
+    console.log("🔄 Seeding Program Inovasi...");
+    
+      for (const b of programInovasi) {
+        let imageId: string | null = null;
+    
+        if (b.imageName) {
+          const image = await prisma.fileStorage.findUnique({
+            where: { name: b.imageName },
+            select: { id: true },
+          });
+    
+          if (!image) {
+            console.warn(
+              `⚠️ Image not found for program inovasi "${b.name}": ${b.imageName}`,
+            );
+          } else {
+            imageId = image.id;
+          }
+        }
+    
+        await prisma.programInovasi.upsert({
+          where: { id: b.id },
+          update: {
+            name: b.name,
+            description: b.description,
+            link: b.link,
+            imageId,
+          },
+          create: {
+            id: b.id,
+            name: b.name,
+            description: b.description,
+            link: b.link,
+            imageId,
+          },
+        });
+    
+        console.log(`✅ Program Inovasi seeded: ${b.name}`);
+      }
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/landing-page/sdgs/seed_sdgs.ts b/prisma/_seeder_list/landing-page/sdgs/seed_sdgs.ts
new file mode 100644
index 00000000..a8aac2a1
--- /dev/null
+++ b/prisma/_seeder_list/landing-page/sdgs/seed_sdgs.ts
@@ -0,0 +1,41 @@
+import prisma from "@/lib/prisma";
+import sdgsDesa from "../../../data/landing-page/sdgs-desa/sdgs-desa.json";
+
+export async function seedSDGSDesa() {
+  console.log("🔄 Seeding SDGS Desa...");
+  for (const m of sdgsDesa) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for sdgs desa "${m.name}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.sdgsDesa.upsert({
+      where: { id: m.id },
+      update: {
+        name: m.name,
+        jumlah: m.jumlah,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        name: m.name,
+        jumlah: m.jumlah,
+        imageId,
+      },
+    });
+  }
+
+  console.log("sdgs desa success ...");
+}
diff --git a/prisma/_seeder_list/ppid/daftar-informasi-publik-ppid/seed_daftar_informasi_publik_ppid.ts b/prisma/_seeder_list/ppid/daftar-informasi-publik-ppid/seed_daftar_informasi_publik_ppid.ts
new file mode 100644
index 00000000..3bf6b77b
--- /dev/null
+++ b/prisma/_seeder_list/ppid/daftar-informasi-publik-ppid/seed_daftar_informasi_publik_ppid.ts
@@ -0,0 +1,76 @@
+import prisma from "@/lib/prisma";
+import daftarInformasiPublik from "../../../data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json"
+import jenisInformasiDiminta from "../../../data/list-jenisInfromasi.json"
+import caraMemperolehInformasi from "../../../data/list-caraMemperolehInformasi.json"
+import caraMemperolehSalinanInformasi from "../../../data/list-caraMemperolehSalinanInformasi.json"
+
+export async function seedDaftarInformasiPublikPpid() {
+
+    for (const v of daftarInformasiPublik) {
+    // Convert string date to Date object
+    const tanggal = new Date(v.tanggal);
+
+    await prisma.daftarInformasiPublik.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        jenisInformasi: v.jenisInformasi,
+        deskripsi: v.deskripsi,
+        tanggal: tanggal,
+      },
+      create: {
+        id: v.id,
+        jenisInformasi: v.jenisInformasi,
+        deskripsi: v.deskripsi,
+        tanggal: tanggal,
+      },
+    });
+  }
+  console.log("daftar informasi publik PPID success ...");
+
+    for (const j of jenisInformasiDiminta) {
+    await prisma.jenisInformasiDiminta.upsert({
+      where: {
+        name: j.name,
+      },
+      update: {
+        name: j.name,
+      },
+      create: {
+        name: j.name,
+      },
+    });
+  }
+  console.log("jenis informasi diminta success ...");
+
+  for (const c of caraMemperolehInformasi) {
+    await prisma.caraMemperolehInformasi.upsert({
+      where: {
+        name: c.name,
+      },
+      update: {
+        name: c.name,
+      },
+      create: {
+        name: c.name,
+      },
+    });
+  }
+  console.log("cara memperoleh informasi success ...");
+
+  for (const c of caraMemperolehSalinanInformasi) {
+    await prisma.caraMemperolehSalinanInformasi.upsert({
+      where: {
+        name: c.name,
+      },
+      update: {
+        name: c.name,
+      },
+      create: {
+        name: c.name,
+      },
+    });
+  }
+  console.log("cara memperoleh salinan informasi success ...");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/ppid/dasar-hukum-ppid/seed_dasar_hukum_ppid.ts b/prisma/_seeder_list/ppid/dasar-hukum-ppid/seed_dasar_hukum_ppid.ts
new file mode 100644
index 00000000..7d14359a
--- /dev/null
+++ b/prisma/_seeder_list/ppid/dasar-hukum-ppid/seed_dasar_hukum_ppid.ts
@@ -0,0 +1,22 @@
+import prisma from "@/lib/prisma";
+import dasarHukumPPID from "../../../data/ppid/dasar-hukum-ppid/dasarhukumPPID.json"
+
+export async function seedDasarHukumPpid() {
+  for (const v of dasarHukumPPID) {
+    await prisma.dasarHukumPPID.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        judul: v.judul,
+        content: v.content,
+      },
+      create: {
+        id: v.id,
+        judul: v.judul,
+        content: v.content,
+      },
+    });
+  }
+  console.log("dasar hukum PPID success ...");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/ppid/ikm/seed_ikm.ts b/prisma/_seeder_list/ppid/ikm/seed_ikm.ts
new file mode 100644
index 00000000..905b4f4d
--- /dev/null
+++ b/prisma/_seeder_list/ppid/ikm/seed_ikm.ts
@@ -0,0 +1,54 @@
+import prisma from "@/lib/prisma";
+import jenisKelamin from "../../../data/ppid/ikm/jenis-kelamin/jenis-kelamin.json";
+import pilihanRatingResponden from "../../../data/ppid/ikm/pilihan-rating-responden/rating-responden.json";
+import umurResponden from "../../../data/ppid/ikm/umur-responden/umur-responden.json";
+
+export async function seedIkmPpid() {
+ for (const j of jenisKelamin) {
+    await prisma.jenisKelaminResponden.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        name: j.name,
+      },
+      create: {
+        id: j.id,
+        name: j.name,
+      },
+    });
+  }
+  console.log("jenis kelamin responden success ...");
+
+  for (const r of pilihanRatingResponden) {
+    await prisma.pilihanRatingResponden.upsert({
+      where: {
+        id: r.id,
+      },
+      update: {
+        name: r.name,
+      },
+      create: {
+        id: r.id,
+        name: r.name,
+      },
+    });
+  }
+  console.log("pilihan rating responden success ...");
+
+  for (const u of umurResponden) {
+    await prisma.umurResponden.upsert({
+      where: {
+        id: u.id,
+      },
+      update: {
+        name: u.name,
+      },
+      create: {
+        id: u.id,
+        name: u.name,
+      },
+    });
+  }
+  console.log("umur responden success ...");   
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/ppid/profil-ppid/seed_profil_ppd.ts b/prisma/_seeder_list/ppid/profil-ppid/seed_profil_ppd.ts
new file mode 100644
index 00000000..bf666e2d
--- /dev/null
+++ b/prisma/_seeder_list/ppid/profil-ppid/seed_profil_ppd.ts
@@ -0,0 +1,48 @@
+import prisma from "@/lib/prisma";
+import profilPpd from "../../../data/ppid/profile-ppid/profilePPid.json"
+
+export async function seedProfilPpd() {
+  console.log("🔄 Seeding Profil PPD...");
+  for (const m of profilPpd) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for berita "${m.name}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.profilePPID.upsert({
+      where: { id: m.id },
+      update: {
+        name: m.name,
+        biodata: m.biodata,
+        riwayat: m.riwayat,
+        pengalaman: m.pengalaman,
+        unggulan: m.unggulan,
+        imageId,
+      },
+      create: {
+        id: m.id,
+        name: m.name,
+        biodata: m.biodata,
+        riwayat: m.riwayat,
+        pengalaman: m.pengalaman,
+        unggulan: m.unggulan,
+        imageId,
+      },
+    });
+  }
+
+  console.log("profil ppd success ...");
+}
+  
\ No newline at end of file
diff --git a/prisma/_seeder_list/ppid/struktur-ppid/seed_struktur_ppid.ts b/prisma/_seeder_list/ppid/struktur-ppid/seed_struktur_ppid.ts
new file mode 100644
index 00000000..e2141e91
--- /dev/null
+++ b/prisma/_seeder_list/ppid/struktur-ppid/seed_struktur_ppid.ts
@@ -0,0 +1,82 @@
+import prisma from "@/lib/prisma";
+import pegawaiPpid from "../../../data/ppid/struktur-ppid/pegawai-PPID.json"
+import posisiOrganisasiPPID from "../../../data/ppid/struktur-ppid/posisi-organisasi-PPID.json"
+
+export async function seedPegawaiPpid() {
+
+const flattenedPosisi = posisiOrganisasiPPID.flat();
+
+  // ✅ Urutkan berdasarkan hierarki
+  const sortedPosisi = flattenedPosisi.sort((a, b) => a.hierarki - b.hierarki);
+
+  for (const p of sortedPosisi) {
+    console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
+
+    if (p.parentId) {
+      const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
+      if (!parentExists) {
+        console.warn(
+          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
+        );
+        continue;
+      }
+    }
+
+    await prisma.posisiOrganisasiPPID.upsert({
+      where: { id: p.id },
+      update: p,
+      create: p,
+    });
+  }
+  console.log("posisi organisasi berhasil");
+
+  console.log("🔄 Seeding Struktur Ppid...");
+  for (const m of pegawaiPpid) {
+    let imageId: string | null = null;
+
+    if (m.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: m.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for pegawai ppid "${m.namaLengkap}": ${m.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.pegawaiPPID.upsert({
+      where: { id: m.id },
+      update: {
+        namaLengkap: m.namaLengkap,
+        gelarAkademik: m.gelarAkademik,
+        tanggalMasuk: m.tanggalMasuk,
+        email: m.email,
+        telepon: m.telepon,
+        alamat: m.alamat,
+        imageId,
+        posisiId: m.posisiId,
+        isActive: m.isActive,
+      },
+      create: {
+        id: m.id,
+        namaLengkap: m.namaLengkap,
+        gelarAkademik: m.gelarAkademik,
+        tanggalMasuk: m.tanggalMasuk,
+        email: m.email,
+        telepon: m.telepon,
+        alamat: m.alamat,
+        imageId,
+        posisiId: m.posisiId,
+        isActive: m.isActive,
+      },
+    });
+  }
+
+  console.log("struktur ppid success ...");
+}
+  
\ No newline at end of file
diff --git a/prisma/_seeder_list/ppid/visi-misi-ppid/seed_visi_misi_ppid.ts b/prisma/_seeder_list/ppid/visi-misi-ppid/seed_visi_misi_ppid.ts
new file mode 100644
index 00000000..e99087e3
--- /dev/null
+++ b/prisma/_seeder_list/ppid/visi-misi-ppid/seed_visi_misi_ppid.ts
@@ -0,0 +1,23 @@
+import prisma from "@/lib/prisma";
+import visiMisiPPID from "../../../data/ppid/visi-misi-ppid/visimisiPPID.json"
+
+export async function seedVisiMisiPpid() {
+     for (const v of visiMisiPPID) {
+    await prisma.visiMisiPPID.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        misi: v.misi,
+        visi: v.visi,
+      },
+      create: {
+        id: v.id,
+        misi: v.misi,
+        visi: v.visi,
+      },
+    });
+  }
+  console.log("visi misi PPID success ...");
+
+}
\ No newline at end of file
diff --git a/prisma/data/desa/berita/berita.json b/prisma/data/desa/berita/berita.json
index 73ba5bb2..904361fc 100644
--- a/prisma/data/desa/berita/berita.json
+++ b/prisma/data/desa/berita/berita.json
@@ -5,7 +5,7 @@
     "deskripsi": "<p>Kegiatan pembinaan dan bantuan kepada kader Posyandu Desa Darmasaba oleh TP Posyandu Provinsi Bali.</p>",
     "content": "<p>Sebanyak 50 kader posyandu mendapatkan pembinaan dan sembako sebagai dukungan terhadap peran Posyandu dalam pemberdayaan masyarakat. Kegiatan ini menunjukkan peran strategis posyandu dalam layanan publik desa.</p>",
     "kategoriBeritaId": "cmk69tghy000vvnv8xeouenv5",
-    "imageId": "cmk6bk2va0003vnadn9w0mxc4"
+    "imageName": "Wp41ccw3yma9W8i6zBr6E-mobile.webp"
   },
   {
     "id": "cmk6af7vf00013b6rj2br4nv8",
@@ -13,7 +13,7 @@
     "deskripsi": "<p>Temu Sadar Hukum untuk meningkatkan kesadaran hukum warga Desa Darmasaba.</p>",
     "content": "<p>Kegiatan ini membahas isu kekerasan dalam rumah tangga dengan narasumber dari Kanwil Kemenkum Bali, menjadi forum penting dalam membangun masyarakat yang melek hukum.</p>",
     "kategoriBeritaId": "cmk69tghy000vvnv8xeouenv5",
-    "imageId": "cmk6bo3290006vnadzhgalacy"
+    "imageName": "IwedNmhjD_wGpY6PvYX7W-mobile.webp"
   },
   {
     "id": "cmk6afo0g00033b6rjc2pae67",
@@ -21,7 +21,7 @@
     "deskripsi": "<p>Ruang dialog terbuka di Desa Darmasaba untuk membahas persoalan sampah dan partisipasi publik.</p>",
     "content": "<p>Forum dialog ini membantu pemerintahan desa menyusun kebijakan tepat sasaran, terutama terkait permasalahan lingkungan dan aspirasi warga.</p>",
     "kategoriBeritaId": "cmk69tghy000vvnv8xeouenv5",
-    "imageId": "cmk6bptid0009vnad6my1w4s1"
+    "imageName": "EVkMxPdoWyL3y31L7d7x1-mobile.webp"
   },
   {
     "id": "cmk6ag56y00053b6rj9481z6m",
@@ -29,7 +29,7 @@
     "deskripsi": "<p>Diskusi terbuka antara pemerintah desa dan warga mengenai isu sampah.</p>",
     "content": "<p>Acara ini mendukung perumusan kebijakan desa yang sesuai kebutuhan warga dan meningkatkan partisipasi dalam pembangunan lingkungan.</p>",
     "kategoriBeritaId": "cmk69tghx000tvnv8g2d206wv",
-    "imageId": "cmk6c86dc000cvnadlh54q7xr"
+    "imageName": "c_5xOKUbMiD8dTAbkAv9a-mobile.webp"
   },
   {
     "id": "cmk6agzxx00073b6rr3vhxcsj",
@@ -37,7 +37,7 @@
     "deskripsi": "<p>Penutupan program KKN-PMM yang berjalan dengan berbagai kegiatan pemberdayaan masyarakat.</p>",
     "content": "<p>Kegiatan KKN meliputi edukasi kesehatan, pengelolaan sampah, literasi keuangan, dan upaya ekonomi lokal sebagai bagian dari pembangunan desa berkelanjutan.</p>",
     "kategoriBeritaId": "cmk69tghx000tvnv8g2d206wv",
-    "imageId": "cmk6cbbtw000fvnadk862le38"
+    "imageName": "I9CDBqdeDXRbbzbPWhy6h-mobile.webp"
   },
   {
     "id": "cmk6agzxx00073b6rr3vhxasj",
@@ -45,7 +45,7 @@
     "deskripsi": "<p>Desa Darmasaba mengalokasikan anggaran untuk pengelolaan sampah berbasis komunitas.</p>",
     "content": "<p>Pengelolaan sampah mandiri melalui TPS3R, kader penyuluh, dan inovasi CINtA menjadi strategi desa dalam penanganan sampah sesuai kebijakan provinsi dan desa.</p>",
     "kategoriBeritaId": "cmk69tghx000tvnv8g2d206wv",
-    "imageId": "cmk6cdmjp000ivnadeejerm59"
+    "imageName": "Gq-gEDaGNb-FkKasVs7i4-mobile.webp"
   },
   {
     "id": "cmk6agzxx00073b6rr3vhxbsj",
@@ -53,7 +53,7 @@
     "deskripsi": "<p>Pembukaan festival desa untuk mendorong UMKM dan ekonomi lokal.</p>",
     "content": "<p>Kegiatan ini menampilkan berbagai UMKM yang membantu meningkatkan pendapatan masyarakat setempat.</p>",
     "kategoriBeritaId": "cmk69tghx000uvnv847ppcxqh",
-    "imageId": "cmk6crib4000lvnadqtrhnb14"
+    "imageName": "TymQ5xDH7vEUOA9BY63hr-mobile.webp"
   },
   {
     "id": "cmk6agzxx00073b6rr3vhxdsj",
@@ -61,7 +61,7 @@
     "deskripsi": "<p>Program inovatif untuk memperkuat ekonomi lokal melalui ekowisata dan kuliner.</p>",
     "content": "<p>Kegiatan mencakup pembangunan green house, edukasi pemasaran digital, literasi bahasa Inggris, dan pengembangan potensi kuliner desa.</p>",
     "kategoriBeritaId": "cmk69tghx000uvnv847ppcxqh",
-    "imageId": "cmk6czfag000ovnad7kjz36lj"
+    "imageName": "2nUvEBsMuigIJQWZIdcEJ-mobile.webp"
   },
   {
     "id": "cmk6agzxx00073b6rr3vhxesj",
@@ -69,7 +69,7 @@
     "deskripsi": "<p>Desa Darmasaba meraih penghargaan juara dalam evaluasi perkembangan desa untuk mendukung perekonomian dan pemerintahan lokal.</p>",
     "content": "<p>Prestasi desa ditandai dengan keberhasilan dalam lomba evaluasi perkembangan desa di tingkat provinsi dan kabupaten, yang berdampak positif pada ekonomi desa.</p>",
     "kategoriBeritaId": "cmk69tghx000uvnv847ppcxqh",
-    "imageId": "cmk6d3zow000rvnades3btqrh"
+    "imageName": "Hokgum3-nI_NWTWJRnWi3-mobile.webp"
   },
   {
     "id": "cmk6agzxx00073b6rr3vhxfsj",
@@ -77,7 +77,7 @@
     "deskripsi": "<p>Prestasi desa dalam forum internasional mengenai penanggulangan rabies.</p>",
     "content": "<p>Partisipasi dalam konferensi Rabies in Borneo menunjukkan kolaborasi lintas sektor dan penggunaan data dalam pelayanan publik desa.</p>",
     "kategoriBeritaId": "cmk69tght000svnv8ok5rid2v",
-    "imageId": "cmk6hgl8r000uvnadwchcqigp"
+    "imageName": "T1fcksUoZSUqNMbzvr9WI-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp1z",
@@ -85,7 +85,7 @@
     "deskripsi": "<p>Pemasangan spanduk larangan buang hewan sebagai langkah proteksi kesehatan masyarakat.</p>",
     "content": "<p>Pemerintah desa bersama Tim Bajra aktif dalam kampanye dan regulasi untuk mencegah rabies di tingkat desa.</p>",
     "kategoriBeritaId": "cmk69tght000svnv8ok5rid2v",
-     "imageId": "cmk6hh34d000xvnadr74cs014"
+    "imageName": "-M_tICRVz6ZxOfvkuHQgU-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp2z",
@@ -93,7 +93,7 @@
     "deskripsi": "<p>Kolaborasi pemerintahan desa dengan TP Posyandu untuk meningkatkan layanan masyarakat.</p>",
     "content": "<p>Kegiatan ini menunjukkan peran pemerintahan desa dalam mendukung layanan kesehatan dan pemberdayaan masyarakat.</p>",
     "kategoriBeritaId": "cmk69tght000svnv8ok5rid2v",
-    "imageId": "cmk6hhl5p0010vnadx09hrg3n"
+    "imageName": "O11hmN9oNwFKs_ACpH9uV-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp3z",
@@ -101,7 +101,7 @@
     "deskripsi": "<p>Inisiatif pengelolaan sampah desa sebagai bagian dari inovasi teknologi lokal.</p>",
     "content": "<p>Penerapan metode pengelolaan sampah dan biopori menunjukkan upaya Desa Darmasaba dalam menggunakan solusi teknologi sederhana untuk masalah lingkungan.</p>",
     "kategoriBeritaId": "cmk69tghz000xvnv8kxzzt24h",
-    "imageId": "cmk6hz5640013vnadwdmfzyoa"
+    "imageName": "rrgHHUYHDuq3jW94HCRsq-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp4z",
@@ -109,7 +109,7 @@
     "deskripsi": "<p>Program BAJRA menerapkan mekanisme pelaporan cepat berbasis data untuk penanggulangan rabies.</p>",
     "content": "<p>Penggunaan teknologi informasi dalam pelaporan kasus rabies membantu respons cepat pemerintahan desa dan komunitas.</p>",
     "kategoriBeritaId": "cmk69tghz000xvnv8kxzzt24h",
-    "imageId": "cmk6hzlrg0016vnaduf57rp2i"
+    "imageName": "igz0V0MCoLYqAgLIBRZdG-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp5z",
@@ -117,7 +117,7 @@
     "deskripsi": "<p>Digitalisasi Desa Darmasaba Bersama PT. Bali Interaktif Perkasa.</p>",
     "content": "<p>Digitalisasi Desa Darmasaba Bersama PT. Bali Interaktif Perkasa<br><br>Dalam rangka mendukung transformasi digital dan inovasi desa, Desa Darmasaba bekerja sama dengan PT. Bali Interaktif Perkasa melaksanakan kegiatan Digitalisasi Desa.<br><br>Program ini bertujuan untuk memperkuat kapasitas desa dalam pemanfaatan teknologi informasi dan komunikasi, sehingga pelayanan publik menjadi lebih efektif, transparan, dan cepat. Masyarakat juga diberikan pemahaman terkait pemanfaatan platform digital untuk kegiatan administrasi, komunikasi, dan pengembangan potensi desa.<br><br>Kegiatan digitalisasi ini menjadi bagian dari komitmen Desa Darmasaba untuk mewujudkan desa cerdas (smart village) yang mampu bersaing dan beradaptasi di era digital, sekaligus meningkatkan inovasi dan pemberdayaan masyarakat.<br><br>Dengan kolaborasi ini, Desa Darmasaba menegaskan tekadnya untuk terus berinovasi, menghadirkan kemudahan bagi masyarakat, dan memperkuat tata kelola desa berbasis teknologi modern.<br><br>? Digitalisasi hari ini, kemajuan desa esok!<br><br>#DesaDarmasaba #DigitalisasiDesa #DesaCerdas #InovasiDesa #TransformasiDigital<br>#PemdesDarmasaba<br>#PerbekelDarmasaba<br>#DesaDarmasaba<br> #KitaDarmasaba<br> #DarmasabaBisa<br> <br> @kostergubernurbali<br> @giri.prasta<br> @iwayanadiarnawa<br> @gus.bota<br> @puturasniathiadiarnawa<br> @yunita_oktarini<br> @surya.suamba<br> @budhi.argawakba<br> @pemkabbadung<br> @ppidbadung<br> @dinaspmddukcapilprovbali<br> @surya_prabhawa<br> @kecamatanabiansemal<br> @dpmdbadungkab<br> @pemprov_bali<br> @prokompimbadung<br> @seputar_darmasaba</p>",
     "kategoriBeritaId": "cmk69tghz000xvnv8kxzzt24h",
-    "imageId": "cmk6hzz1i0019vnadwdymqlrf"
+    "imageName": "DzVIfpiAP3OcCsZ_VJ02b-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp6z",
@@ -125,7 +125,7 @@
     "deskripsi": "<p>Festival Darmasaba Village Festival II melibatkan promosi digital produk UMKM.</p>",
     "content": "<p>Promosi dan dokumentasi digital menjadi bagian dari strategi pemasaran UMKM dalam festival desa.</p>",
     "kategoriBeritaId": "cmk69tghy000wvnv8umg2vloa",
-    "imageId": "cmk6i925x001cvnadm3y2m04b"
+    "imageName": "xzM77A6bDW2silyp_8W7n-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp7z",
@@ -133,7 +133,7 @@
     "deskripsi": "<p>Pementasan seni tradisional menjadi bagian dari Darmasaba Village Festival II.</p>",
     "content": "<p>Kegiatan ini mengangkat warisan budaya lokal melalui pertunjukan dan lomba di festival desa.</p>",
     "kategoriBeritaId": "cmk69tghy000wvnv8umg2vloa",
-    "imageId": "cmk6i9cc7001fvnadn9xnl8xq"
+    "imageName": "2wivBEDcVNxHGG8HUBsNH-mobile.webp"
   },
   {
     "id": "cmk6aih8f00093b6rqw63yp8z",
@@ -141,6 +141,6 @@
     "deskripsi": "<p>Forum dialog desa mengangkat tema partisipasi masyarakat dalam kegiatan budaya lokal.</p>",
     "content": "<p>Diskusi ini memperkuat peran budaya dalam pembangunan desa melalui keterlibatan warga dalam kegiatan adat dan sosial.</p>",
     "kategoriBeritaId": "cmk69tghy000wvnv8umg2vloa",
-    "imageId": "cmk6i9qff001ivnadgrrghebr"
+    "imageName": "T1fcksUoZSUqNMbzvr9WI-mobile.webp"
   }
 ]
diff --git a/prisma/data/desa/gallery/foto/foto.json b/prisma/data/desa/gallery/foto/foto.json
new file mode 100644
index 00000000..f1141c30
--- /dev/null
+++ b/prisma/data/desa/gallery/foto/foto.json
@@ -0,0 +1,20 @@
+[
+  {
+    "id": "cml0aiiv1000004l754ldaf2v",
+    "name": "Kunjungan Ibu TP PKK Kabupaten Badung",
+    "deskripsi": "<p>Dokumentasi kunjungan Ibu TP PKK Kabupaten Badung ke Desa Darmasaba pada awal tahun 2026.</p>",
+    "imageName": "foto1Gallery.webp"
+  },
+  {
+    "id": "cml0aiqd4000104l7f91ee3xu",
+    "name": "Darmasaba Village Festival II 2024",
+    "deskripsi": "<p>Foto kegiatan Darmasaba Village Festival II Tahun 2024 yang diselenggarakan di Lapangan Umum Desa Darmasaba, menampilkan lomba, pementasan seni, dan UMKM lokal.</p>", 
+    "imageName": "foto2Gallery.webp"
+  },
+  {
+    "id": "cml0aiyi7000204l7f2sy657c",
+    "name": "Lomba Mancing Air Deras Banjar Gulingan",
+    "deskripsi": "<p>Galeri foto kegiatan lomba mancing air deras Komunitas Pemancing Gulingan di Desa Darmasaba, bagian dari pemberdayaan masyarakat.</p>", 
+    "imageName": "foto3Gallery.webp"
+  }
+]
diff --git a/prisma/data/desa/layanan/pelayanaPendudukNonPermanen.json b/prisma/data/desa/layanan/pelayananPendudukNonPermanen.json
similarity index 100%
rename from prisma/data/desa/layanan/pelayanaPendudukNonPermanen.json
rename to prisma/data/desa/layanan/pelayananPendudukNonPermanen.json
diff --git a/prisma/data/desa/layanan/pelayananSuratKeterangan.json b/prisma/data/desa/layanan/pelayananSuratKeterangan.json
index ccbfa85d..87ea9f17 100644
--- a/prisma/data/desa/layanan/pelayananSuratKeterangan.json
+++ b/prisma/data/desa/layanan/pelayananSuratKeterangan.json
@@ -3,77 +3,77 @@
     "id": "cmdxyb9zi0010vniiaeyi55ui",
     "name": "Surat Keterangan Beda Biodata Diri",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Fotocopy dokumen bersangkutan yang terdapat perbedaan biodata diri misal : Sertifikat Tanah/Ijazah/Polis Asuransi dan lainnya.</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6n68k80005vn6qtdbshoqi",
-    "image2": "cmk6n68vw0006vn6qv65lrdw8"
+    "imageName": "wFXYVHKHtU7posfhBKjZt-mobile.webp",
+    "image2Name": "kTiZ9uhRUEwu0WeASU00b-mobile.webp"
   },
   {
     "id": "cmdxycqz40014vniidftrixvf",
     "name": "Surat Keterangan Yatim Piatu",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau KIA atau Kartu Keluarga</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6n8rwv0007vn6q312rawvt",
-    "image2": "cmk6n8s9b0008vn6qwd02eyjf"
+    "imageName": "ZkvjJ7Zx8uBy2-d8RWNEt-mobile.webp",
+    "image2Name": "hHfOWKz4USZK-z0nsD7Uz-mobile.webp"
   },
   {
     "id": "cmdwx3wph0003vnr74us2t7h7",
     "name": "Surat Keterangan Domisili Organisasi",
     "deskripsi": "<p>Persyaratan Dokumen:</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy Surat Keterangan Terdaftar (SKT) organisasi atau Pengukuhan Kelompok</p></li><li><p>Jika Pengajuan baru pembuatan SKT maka melengkapi Susunan Pengurus lengkap dengan Kop Organisasi</p></li><li><p>Tanggal berdiri/Tahun berdiri/Sejak kapan berdirinya organisasi</p></li></ul><p>Alur Pelayanan:</p>",
-    "image": "cmk6n9ti90009vn6qt48wbklu",
-    "image2": "cmk6n9tvx000avn6qwkguha7w"
+    "imageName": "03WZn5JMKffo62cKzShF4-mobile.webp",
+    "image2Name": "dnTcxeYQACzY5yzq-Rjoz-mobile.webp"
   },
   {
     "id": "cmdxxv3i80004vniidg1mrucc",
     "name": "Surat Keterangan Penghasilan",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP orang tua atau Fotocopy Kartu keluarga</p></li><li><p>Membuat Surat Pernyataan Penghasilan bermaterai (disertai jumlah penghasilan)</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6nb69n000bvn6qx67n06ee",
-    "image2": "cmk6nb6nq000cvn6q75730cr3"
+    "imageName": "7er4OinxhuKRZUSkKeSYR-mobile.webp",
+    "image2Name": "8ZtJeCnKwMAcEUBU0QvE7-mobile.webp"
   },
   {
     "id": "cmdxxwp070008vnii9jbdcto7",
     "name": "Surat Keterangan Tidak Mampu",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP/KIA atau Kartu Keluarga</p></li><li><p>Fotocopy Kartu Indonesia Pintar/Kartu Perlindungan Sosial/Terdaftar dalam DTKS</p></li><li><p>Jika tidak memiliki Kartu tersebut diatas diwajibkan membuat Surat Pernyataan Tidak Mampu</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6nc438000dvn6q723r7phi",
-    "image2": "cmk6nc4aa000evn6qwl5t53h4"
+    "imageName": "Y7IuwpwjT3ZFYWpiXJZYw-mobile.webp",
+    "image2Name": "Fbi-6gnhokkwux9hvriS--mobile.webp"
   },
   {
     "id": "cmdxxyfkl000cvnii1bxinnfi",
     "name": "Surat Keterangan Kelahiran",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy Surat lahir dari dokter/bidan (jika ada)</p></li><li><p>Fotocopy Kartu Keluarga</p></li><li><p>Fotocopy KTP 2 orang saksi</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6ndw2z000fvn6q3b9wxswd",
-    "image2": "cmk6ndwbf000gvn6qusd4mkhq"
+    "imageName": "qtdJ39rIbjGTJJQZflrDL-mobile.webp",
+    "image2Name": "ldmfJBS2ZBhIda60yU2JW-mobile.webp"
   },
   {
     "id": "cmdxy23pl000gvniihsg38aq4",
     "name": "Surat Keterangan Usaha",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Foto Lokasi dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6nf4pu000hvn6qszs6xyp5",
-    "image2": "cmk6nf53c000ivn6qawvoxndb"
+    "imageName": "CAtRFHiM11gsY4ExcvGgc-mobile.webp",
+    "image2Name": "MLWp-38kKygXKVekCh0q7-mobile.webp"
   },
   {
     "id": "cmdxy4mgt000kvniib1nemjem",
     "name": "Surat Keterangan Kematian",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Surat Kematian dari rumah sakit atau dokter (jika ada)</p></li><li><p>tanggal kematian</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6ng6yk000jvn6q0ditzufj",
-    "image2": "cmk6ng77b000kvn6q51j2s4q7"
+    "imageName": "C0zE5lneKa888VJDHzgh--mobile.webp",
+    "image2Name": "hhDK7OL0wQLik5dsh1a-L-mobile.webp"
   },
   {
     "id": "cmdxy61a1000ovniif4ytb9hs",
     "name": "Surat Keterangan Tempat Usaha",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Foto Lokasi&nbsp;dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</p></li><li><p>Surat Perjanjian Sewa/Kontrak atau Kwintansi Pembayaran Sewa 3 bulan terakhir bagi yang mengontrak tempat usaha, apabila tempat usaha milik sendiri lampiri dengan dokumen kepemilikan tempat usaha (dapat berupa fotocopy sppt atau Fotocopy Sertipikat Hak Milik)</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6nh7ez000lvn6qjfkqeufn",
-    "image2": "cmk6nh7pq000mvn6qor967hjh"
+    "imageName": "sVIfCUGBplNU8h1x99l8z-mobile.webp",
+    "image2Name": "MM-1CZMai3eXwbVr2HAEv-mobile.webp"
   },
   {
     "id": "cmdxy754q000svniiiz8oqyo0",
     "name": "Surat Keterangan Belum Kawin",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Khusus bagi yang berstatus duda atau janda melampirkan fotocopy akta cerai atau dokumen pendukung lainnya</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6n37tp0003vn6qqyvelh5s",
-    "image2": "cmk6n388d0004vn6qby5fkuz8"
+    "imageName": "oNH9VvRPlAmTI_Ndu3slN-mobile.webp",
+    "image2Name": "Wze2x68vn-ShZAqgkSCMC-mobile.webp"
   },
   {
     "id": "cmdxy8pi2000wvnii48fc1sxd",
     "name": "Surat Keterangan Kelakuan Baik",
     "deskripsi": "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li></ul><p>Alur Pelayanan :</p>",
-    "image": "cmk6mvhwh0001vn6qa6ddzqfm",
-    "image2": "cmk6mvi8c0002vn6q9vfyv6yt"
+    "imageName": "tK9T6BObEQEdYU-5y1xnJ-mobile.webp",
+    "image2Name": "sX9yfcM05OOx2ELhcSNWl-mobile.webp"
   }
 ]
diff --git a/prisma/data/desa/penghargaan/penghargaan.json b/prisma/data/desa/penghargaan/penghargaan.json
index d0e0c15c..6b073a23 100644
--- a/prisma/data/desa/penghargaan/penghargaan.json
+++ b/prisma/data/desa/penghargaan/penghargaan.json
@@ -4,27 +4,27 @@
     "name": "Perbekel Darmasaba Terima Penghargaan pada Indonesia Alternative Dispute Resolution Awards 2025",
     "juara": "Penghargaan IADRA 2025",
     "deskripsi": "<p>Perbekel Darmasaba, Ida Bagus Surya Prabhawa Manuaba menerima penghargaan pada Indonesia Alternative Dispute Resolution Awards 2025 atas kontribusi dalam penyelesaian sengketa secara damai dan berkeadilan.</p>",
-    "imageId": "cmkal9d2p0000vnexf8flpunj"
+    "imageName": "cte_gy0V8glhDcghMa3-B-mobile.webp"
   },
   {
     "id": "cmkalfbux0005vnexj8zplube",
     "name": "Penghargaan Bhawana Sewaka Nugraha kepada Perbekel Darmasaba",
     "juara": "Penghargaan Bhawana Sewaka Nugraha",
     "deskripsi": "<p>Penghargaan Bhawana Sewaka Nugraha diberikan kepada Perbekel Desa Darmasaba atas dedikasi dan komitmen dalam menjaga kelestarian lingkungan serta menginspirasi masyarakat untuk menciptakan desa yang hijau, bersih, dan berkelanjutan.</p>",
-    "imageId": "cmkalfbsn0003vnex3bbsx5ja"
+    "imageName": "hLoy_DjB_3Yie2vjaXDYz-mobile.webp"
   },
   {
     "id": "cmkalg6hk0008vnexmsqwd3n7",
     "name": "Desa Darmasaba Raih Juara 1 Lomba Desa Tingkat Provinsi Bali Tahun 2025",
     "juara": "Juara 1 Lomba Desa Provinsi Bali 2025",
     "deskripsi": "<p>Desa Darmasaba meraih juara 1 dalam Lomba Desa Tingkat Provinsi Bali Tahun 2025 melalui sinergi elemen desa serta inovasi dalam pelayanan publik dan pemberdayaan masyarakat.</p>",
-    "imageId": "cmkalg6fh0006vnexid4z9vlg"
+    "imageName": "VxELyZ0ifdHOdRFu7aBSz-mobile.webp"
   },
   {
     "id": "cmkalgucu000bvnexw2blt1v3",
     "name": "Pemerintah Desa Darmasaba Raih Peringkat IV dalam Ajang Mangupura Award Tahun 2025",
     "juara": "Peringkat IV Mangupura Award 2025",
     "deskripsi": "<p>Desa Darmasaba mendapatkan penghargaan Peringkat IV pada Mangupura Award 2025 dari Pemerintah Kabupaten Badung atas tata kelola pemerintahan, inovasi layanan, dan pemberdayaan masyarakat.</p>",
-    "imageId": "cmkalguac0009vnex5dpixivn"
+    "imageName": "xgrBxDdo8g7KA-3zNbRGj-mobile.webp"
   }
 ]
diff --git a/prisma/data/desa/potensi/potensi-desa.json b/prisma/data/desa/potensi/potensi-desa.json
index 284c9049..43b8dfbf 100644
--- a/prisma/data/desa/potensi/potensi-desa.json
+++ b/prisma/data/desa/potensi/potensi-desa.json
@@ -5,7 +5,7 @@
     "deskripsi": "<p>Taman Beji Cengana adalah situs keagamaan dan budaya tradisional Bali</p>",
     "content": "<p>Taman Beji Cengana adalah situs keagamaan dan budaya tradisional Bali yang memadukan unsur spiritual, ritual pembersihan (melukat), serta nilai budaya lokal yang berpadu dengan suasana alam yang tenang dan harmonis.</p>",
     "kategoriId": "cmk3pmwq10008vn9bqdquv153",
-    "imageId": "cmk3rbc53000cvn9bjsywrj18"
+    "imageName": "yySqpA7ougpXi6cJPskg9-mobile.webp"
   },
   {
     "id": "cmk3q0sez000bvn9b3iyyct5m",
@@ -13,7 +13,7 @@
     "deskripsi": "<p>Gumuh Sari merupakan tempat rekreasi nyaman di kawasan badung yang dapat dinikmati oleh semua umur dengan berbagai fasilitas hiburan, seperti Water Park, Pusat Kebugaran, Lapangan Futsal dan Restaurant.</p>",
     "content": "<p>Gumuh Sari merupakan tempat rekreasi nyaman di kawasan badung yang dapat dinikmati oleh semua umur dengan berbagai fasilitas hiburan, seperti Water Park, Pusat Kebugaran, Lapangan Futsal dan Restaurant.<br><br><strong>Buka setiap hari</strong><br>Senin-Jumat: pukul 10.00-18.00 WITA (Weekday)<br>Sabtu-Minggu: pukul 09.00-18.00 WITA (Weekend)<br><br><strong>Wahana:</strong><br>- Kolam Renang Anak<br>- Kolam Renang Dewasa<br>- Kolam Renang Olympic<br>- Kids Playground Indoor<br>- Ayunan<br>- ATV<br><br><strong>Fasilitas:</strong><br>- Tempat ibadah<br>- Area parkir<br>- Gazebo<br>- Restoran dan kantin<br>- WiFi gratis<br>- Kamar mandi dan ruang bilas<br>- Ruang loker<br><br><strong>Kategori Tiket:</strong><br>Senin-Sabtu<br>- Dewasa 35.000<br>- Anak-anak (3-12 tahun) 20.000<br><br>Minggu &amp; Libur Nasional<br>- Dewasa 40.000<br>- Anak-anak (3-12 tahun) 25.000<br><br>Hari Raya<br>- Dewasa 45.000<br>- Anak-anak (3-12 tahun) 35.000<br><br><strong>Media Sosial:</strong><br>- Instagram: gumuhsari_rekreasi<br><a target='_blank' rel='noopener noreferrer nofollow' href='https://www.instagram.com/gumuhsari_rekreasi/'><u>https://www.instagram.com/gumuhsari_rekreasi/</u></a><br><br>- Tiktok: gumuhsari_rekreasi<br><a target='_blank' rel='noopener noreferrer nofollow' href='https://www.tiktok.com/@gumuhsari_rekreasi'><u>https://www.tiktok.com/@gumuhsari_rekreasi</u></a></p>",
     "kategoriId": "cmk3pmwq10008vn9bqdquv153",
-    "imageId": "cmk3q0s8b0009vn9blvh0q5cc"
+    "imageName": "uki9Zy0DqrEtSg9Lrgyyk-mobile.webp"
   },
   {
     "id": "cmk3rsch1000hvn9bhmyhsjqm",
@@ -21,7 +21,7 @@
     "deskripsi": "<p>Sistem pengelolaan sampah terpadu di Desa Darmasaba yang dikenal dengan TPS3R Pudak Mesari.</p>",
     "content": "<p>TPS3R Pudak Mesari adalah fasilitas pengelolaan sampah terpadu yang mengoptimalkan pemilahan, pengolahan dan daur ulang sampah masyarakat sehingga mendukung lingkungan yang bersih dan berkelanjutan di Desa Darmasaba.</p>",
     "kategoriId": "cmk3pmwq10008vn9bqdquv153",
-    "imageId": "cmk3rscb0000fvn9bq6il16ba"
+    "imageName": "F8SuL9DjCqLXlSwmgSJv_-mobile.webp"
   },
   {
     "id": "cmk3s4kz7000mvn9b8thk98c4",
@@ -29,7 +29,7 @@
     "deskripsi": "<p>Badan Usaha Milik Desa yang bergerak dalam berbagai usaha ekonomi masyarakat Darmasaba.</p>",
     "content": "<p>Bumdes Pudak Mesari merupakan badan usaha milik desa yang mengembangkan kegiatan usaha produktif untuk meningkatkan perekonomian masyarakat lokal, termasuk pengelolaan usaha jasa dan komoditas lokal yang dikelola secara partisipatif.</p>",
     "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
-    "imageId": "cmk3s4kvu000kvn9bahu2vo5f"
+    "imageName": "daDa40Y8dxune0l_cxULD-mobile.webp"
   },
   {
     "id": "cmk3sbgge000pvn9bd3r8i0on",
@@ -37,7 +37,7 @@
     "deskripsi": "<p>Sektor pertanian sebagai salah satu potensi utama Desa Darmasaba.</p>",
     "content": "<p>Pertanian di Darmasaba mencakup berbagai komoditas yang ditanam oleh masyarakat termasuk padi, tanaman hortikultura dan lain-lain, yang menjadi basis mata pencaharian dan kontribusi terhadap ekonomi desa.</p>",
     "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
-    "imageId": "cmk3sbgd8000nvn9bqooq77ix"
+    "imageName": "yms7mL_T6fy--Eze-mTwc-mobile.webp"
   },
   {
     "id": "cmk3smnj3000svn9b2ww5hesp",
@@ -45,7 +45,7 @@
     "deskripsi": "<p>Jalur jogging dan area rekreasi alam yang dimanfaatkan masyarakat untuk aktivitas sehat dan pariwisata lokal.</p>",
     "content": "<p>Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma adalah area terbuka hijau yang dikembangkan sebagai fasilitas olahraga dan rekreasi, memberikan ruang beraktivitas fisik sambil menikmati suasana alam Desa Darmasaba.</p>",
     "kategoriId": "cmk3pmwq10008vn9bqdquv153",
-    "imageId": "cmk3smnbf000qvn9b28ma8las"
+    "imageName": "AFA1PZtHwKkwmWCC4M7lM-mobile.webp"
   },
   {
     "id": "cmk3t8hgs000vvn9bna6pnw8r",
@@ -53,7 +53,7 @@
     "deskripsi": "<p>Bendungan lokal yang berfungsi sebagai sumber irigasi pertanian.</p>",
     "content": "<p>Dam Tanah Putih merupakan bendungan yang mendukung pengairan sawah dan lahan pertanian di Desa Darmasaba, yang membantu peningkatan produktivitas pertanian masyarakat setempat.</p>",
     "kategoriId": "cmk3pmwq10008vn9bqdquv153",
-    "imageId": "cmk3t8ha3000tvn9bkqsty6sq"
+    "imageName": "84pnYeV2_9f4xplh9RBXW-mobile.webp"
   },
   {
     "id": "cmk3tlrkb000yvn9bo1vse4c5",
@@ -61,7 +61,7 @@
     "deskripsi": "<p>Usaha mikro, kecil, dan menengah masyarakat Desa Darmasaba.</p>",
     "content": "<p>UMKM di Darmasaba mencakup berbagai usaha kecil produktif seperti kuliner, kerajinan tangan, dan jasa lainnya, yang menjadi pilar kegiatan ekonomi dan pemberdayaan masyarakat lokal.</p>",
     "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
-    "imageId": "cmk3tlrdl000wvn9b67jkppzh"
+    "imageName": "5VSeupjyjtam02PNJW3ZG-mobile.webp"
   },
   {
     "id": "cmk3tzpku0011vn9beq2kzyen",
@@ -69,7 +69,7 @@
     "deskripsi": "<p>Wilayah yang menyediakan berbagai pilihan kuliner khas lokal Desa Darmasaba.</p>",
     "content": "<p>Kawasan kuliner di Darmasaba menjadi tempat berkumpul dan menikmati makanan khas lokal, mendukung kegiatan ekonomi UMKM kuliner desa serta daya tarik wisata kuliner.</p>",
     "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
-    "imageId": "cmk3tzpd7000zvn9bu519xrjk"
+    "imageName": "gjwx1dcHKMJEICbLF6g88-mobile.webp"
   },
   {
     "id": "cmk3u7gzh0014vn9brvlz3fjp",
@@ -77,7 +77,7 @@
     "deskripsi": "<p>Industri kecil menengah yang fokus pada pengolahan produk pangan lokal.</p>",
     "content": "<p>IKM berbasis pengolahan pangan di desa mencakup produksi makanan olahan yang dihasilkan oleh masyarakat setempat, memperkaya nilai tambah hasil pertanian lokal dan menciptakan peluang bisnis.</p>",
     "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
-    "imageId": "cmk3u7gsg0012vn9bhqhsw5g6"
+    "imageName": "j3q1NLvwPFrxAmgMXBmq2-mobile.webp"
   },
   {
     "id": "cmk3udr960017vn9bq33ce6mw",
@@ -85,6 +85,6 @@
     "deskripsi": "<p>Usaha budidaya ikan lele sebagai potensi perikanan desa.</p>",
     "content": "<p>Peternakan ikan lele menjadi salah satu bentuk usaha budidaya perikanan di Darmasaba, memberikan sumber pendapatan tambahan bagi petani ikan dan diversifikasi komoditas desa.</p>",
     "kategoriId": "cmk3s1ks6000ivn9bcrv960ko",
-    "imageId": "cmk3udr2s0015vn9bqn9hxdxx"
+    "imageName": "eZCq49lXnx6zKslb6hLxz-mobile.webp"
   }
 ]
diff --git a/prisma/data/desa/profile/profil_perbekel.json b/prisma/data/desa/profile/profil_perbekel.json
index 8d4efc34..2ce61afe 100644
--- a/prisma/data/desa/profile/profil_perbekel.json
+++ b/prisma/data/desa/profile/profil_perbekel.json
@@ -5,6 +5,6 @@
     "pengalaman": "<ul><li>2021 - 2027: Perbekel Desa Darmasaba</li><li>2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</li><li>2020 - Sekarang: Founder Ugawa Record Music Studio</li><li>2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</li></ul>",
     "pengalamanOrganisasi": "<ul> <li>1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal</li><li>1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi</li> <li>2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar</li> <li>2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</li> <li>2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</li> <li>2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</li> <li>2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</li> </ul>",
     "programUnggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>",
-    "imageId": "cmk4xh3gz0000vnwqjy4zfr3w"
+    "imageName": "perbekel-profile-desa.webp"
   }
 ]
diff --git a/prisma/data/desa/profile/profile-perbekel-lalu.json b/prisma/data/desa/profile/profile-perbekel-lalu.json
index 68154e46..22f49658 100644
--- a/prisma/data/desa/profile/profile-perbekel-lalu.json
+++ b/prisma/data/desa/profile/profile-perbekel-lalu.json
@@ -3,63 +3,63 @@
     "id": "cmk4yswiy0003vnwq97wem6t2",
     "nama": "Si Gede Kania",
     "periode": "Tahun 1943 - 1946",
-    "imageId": "cmk4yswge0001vnwqgfieunnm",
+    "imageName": "120DDmtAkWEOlu_z56EVj-mobile.webp",
     "daerah": "Perbekel Tegal"
   },
   {
     "id": "cmk4yvuxg0006vnwqa0nk7jcx",
     "nama": "Si Gede Gandem",
     "periode": "Tahun 1946 - 1950",
-    "imageId": "cmk4yvuv20004vnwqqq8ifxq8",
+    "imageName": "bJEAL2K_DcR9AhabklcdP-mobile.webp",
     "daerah": "Perbekel Tegal"
   },
   {
     "id": "cmk4ywml70009vnwqnnrp0cpq",
     "nama": "I Wayan Sama",
     "periode": "Tahun 1950 - 1953",
-    "imageId": "cmk4ywmiu0007vnwq5ea5jz1z",
+    "imageName": "szxGnXEFqa0k0nvZ-ALVG-mobile.webp",
     "daerah": "Perbekel Tegal"
   },
   {
     "id": "cmk4yzix3000cvnwqn2pa57gs",
     "nama": "I Wayan Nambreg",
     "periode": "Tahun 1950 - 1960",
-    "imageId": "cmk4yzitx000avnwq7479tvxb",
+    "imageName": "ectWSAf6wfzIPzKMf3wzo-mobile.webp",
     "daerah": "Perbekel Darmasaba"
   },
   {
     "id": "cmk4z0sgd000fvnwqlgjasqx9",
     "nama": "Ida Bagus Putu Oka",
     "periode": "Tahun 1953 - 1974",
-    "imageId": "cmk4z0scm000dvnwqlntylzyk",
+    "imageName": "VwjN6P8HyaKpNngtLCt6z-mobile.webp",
     "daerah": "Perbekel Tegal / Darmasaba"
   },
   {
     "id": "cmk4z1w8m000ivnwqe68w5vjg",
     "nama": "I Nyoman Patra",
     "periode": "Tahun 1974 - 1991",
-    "imageId": "cmk4z1vqs000gvnwqj579yvnt",
+    "imageName": "f3tdB74WjhVVJXmAE7Sev-mobile.webp",
     "daerah": "Perbekel Darmasaba"
   },
   {
     "id": "cmk4z2y3u000lvnwq7fbr3paz",
     "nama": "I Made Rudja",
     "periode": "Tahun 1991 - 2007",
-    "imageId": "cmk4z2y0r000jvnwq2jgrs565",
+    "imageName": "X3FbO9ns3We5GM1uAwds1-mobile.webp",
     "daerah": "Perbekel Darmasaba"
   },
   {
     "id": "cmk4z6esm000ovnwqacek3jlx",
     "nama": "I Wayan Kaler, S.H., M.H.",
     "periode": "Tahun 2007 - 2013",
-    "imageId": "cmk4z6epq000mvnwq81dfq29b",
+    "imageName": "AO-mB9JXm0ahmNnSAEDJ3-mobile.webp",
     "daerah": "Perbekel Darmasaba"
   },
   {
     "id": "cmk4z7e77000rvnwqo2wkmbwl",
     "nama": "I Made Taram, S.H.",
     "periode": "Tahun 2013 - 2019",
-    "imageId": "cmk4z7e5g000pvnwq7k45e366",
+    "imageName": "ropKaJjSbK_XAyxd8mEYt-mobile.webp",
     "daerah": "Perbekel Darmasaba"
   }
 ]
diff --git a/prisma/data/desa/profile/profileDesaImage.json b/prisma/data/desa/profile/profileDesaImage.json
new file mode 100644
index 00000000..678198a6
--- /dev/null
+++ b/prisma/data/desa/profile/profileDesaImage.json
@@ -0,0 +1,26 @@
+[
+  {
+    "id": "cmkz5lumu0008vn5gso2vrejt",
+    "label": "Bunga Pudak",
+    "imageName": "fpovTIXnnsX5duqLeoSx6-mobile.webp",
+    "maskotDesaId": "edit"
+  },
+  {
+    "id": "cmkz5lumu0009vn5gcn3ah0ku",
+    "label": "Pohon Pudak",
+    "imageName": "I01xTmkCZo3u8-y0w07TG-mobile.webp",
+    "maskotDesaId": "edit"
+  },
+  {
+    "id": "cmkz5lumu000avn5grvxbmaux",
+    "label": "Tari Sekar Pudak",
+    "imageName": "MlTQffVnQ-itl-vgO0BGM-mobile.webp",
+    "maskotDesaId": "edit"
+  },
+  {
+    "id": "cmkz5lumu000bvn5gwujxhp2r",
+    "label": "Klimaks Tari Pudak",
+    "imageName": "PdIqEFHq5Q12PEi0NRUJ3-mobile.webp",
+    "maskotDesaId": "edit"
+  }
+]
diff --git a/prisma/data/fetchWithRetry.ts b/prisma/data/fetchWithRetry.ts
index e561ed00..e8a55d73 100644
--- a/prisma/data/fetchWithRetry.ts
+++ b/prisma/data/fetchWithRetry.ts
@@ -3,6 +3,9 @@ export default async function fetchWithRetry(
   retries = 3,
   timeoutMs = 20000
 ) {
+  if (!url || url.trim() === "") {
+    throw new Error("fetchWithRetry called with empty URL");
+  }
   for (let attempt = 1; attempt <= retries; attempt++) {
     const controller = new AbortController();
     const timeout = setTimeout(() => controller.abort(), timeoutMs);
diff --git a/prisma/data/file-storage.json b/prisma/data/file-storage.json
index 052bde8a..2f5267dd 100644
--- a/prisma/data/file-storage.json
+++ b/prisma/data/file-storage.json
@@ -1,1560 +1,406 @@
 [
   {
-    "id": "cmk27746i0000vnso2aspwf9g",
-    "name": "Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
-    "realName": "perbekel.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk20mg320000vnevxy0k73fr",
-    "name": "thpgPSJkBxUIRajZt3AVo-desktop.webp",
-    "realName": "bares.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/thpgPSJkBxUIRajZt3AVo-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk20nqmu0001vnevfte29rk0",
-    "name": "ubna9N6r7RgVWN5plO5mq-desktop.webp",
-    "realName": "bicara-darma.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/ubna9N6r7RgVWN5plO5mq-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk228urs0007vnevi5b66bqn",
-    "name": "Z4i2RRnnlHq2iWj94ldyo-desktop.webp",
-    "realName": "daves.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Z4i2RRnnlHq2iWj94ldyo-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk20nyen0002vnevd0hfr3u8",
-    "name": "y4yaE4XdUP1TSUGhWPW9h-desktop.webp",
-    "realName": "mangan.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/y4yaE4XdUP1TSUGhWPW9h-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk20o7mf0003vnevohrksm1d",
-    "name": "Vr7CoaYDpk2dIkHx9PxRj-desktop.webp",
-    "realName": "gelah-melah.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Vr7CoaYDpk2dIkHx9PxRj-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk20of8m0004vnev9ujy5o0l",
-    "name": "ceoB_sg-HOzljN8j_2nZA-desktop.webp",
-    "realName": "inovasi-desa-darmasaba.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/ceoB_sg-HOzljN8j_2nZA-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk20omzq0005vnevgi6f4edu",
-    "name": "vOy5YVUXfHXfiFOHylIN7-desktop.webp",
-    "realName": "pdkt.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/vOy5YVUXfHXfiFOHylIN7-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk20pf3d0006vnev3mkoqpyy",
-    "name": "gE_qcqIbY0mqI6FV9V4CL-desktop.webp",
-    "realName": "sajjiana-dharma-raksaka.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/gE_qcqIbY0mqI6FV9V4CL-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk2a2dl6001nvngck1n0k8qc",
-    "name": "Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
-    "realName": "perbekel.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Eqlrr1W-pK8ShMGqgPGL3-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk2cgqgm0003vn96jun52pik",
-    "name": "q1G995W7cLkC_qquLTlKN-desktop.webp",
-    "realName": "youtube.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/q1G995W7cLkC_qquLTlKN-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk2cmr000006vn96qepq6gvl",
-    "name": "I6mlQ4nRmPX26gm79C_rM-desktop.webp",
-    "realName": "facebook.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/I6mlQ4nRmPX26gm79C_rM-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk2cpeba0009vn966jcrpf3u",
-    "name": "WArLC_yvU33MjoqEnQeQ1-desktop.webp",
-    "realName": "instagram.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/WArLC_yvU33MjoqEnQeQ1-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk2crcl1000cvn96j8pmgmo5",
-    "name": "D3RPbNiaNSCjacLjeR_qO-desktop.webp",
-    "realName": "tiktok.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/D3RPbNiaNSCjacLjeR_qO-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3grkby0000vnxwblul7viy",
-    "name": "kxpXwgyx74-HkAGXML7Hv-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.23.11.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/kxpXwgyx74-HkAGXML7Hv-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3h87lc0001vnxwxc5sn0xc",
-    "name": "D0DEORcSkSWXEpY29mh_x-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.23.22.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/D0DEORcSkSWXEpY29mh_x-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3haaaf0002vnxwy5w07z3n",
-    "name": "jrUol97rV5whAUtpljbyF-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.23.32.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/jrUol97rV5whAUtpljbyF-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hdeeg0003vnxwezx6zu99",
-    "name": "Kh8RTS4ac1bG4ZXy3L2-y-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.23.40.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Kh8RTS4ac1bG4ZXy3L2-y-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hg3n20004vnxwxofi5ylm",
-    "name": "8bAk-cuzJ73W1dgj4lVqM-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.23.49.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/8bAk-cuzJ73W1dgj4lVqM-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hjdb10005vnxwjtgd6g9g",
-    "name": "k4zOPRqxi6PS0W_rHgiVp-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.24.00.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/k4zOPRqxi6PS0W_rHgiVp-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hlu6l0006vnxw9wtsaq4w",
-    "name": "txtX9hDmrHrRIkmpyQ6rp-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.24.14.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/txtX9hDmrHrRIkmpyQ6rp-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hp5ht0007vnxwakvsa7ld",
-    "name": "Yx7ruGLJ_0QtD5RCvYhEC-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.24.21.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Yx7ruGLJ_0QtD5RCvYhEC-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hrkmp0008vnxwijncfayo",
-    "name": "j1kZLRY4HLFBxdRt24XQw-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.24.32.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/j1kZLRY4HLFBxdRt24XQw-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hu2lh0009vnxw82qb8l6h",
-    "name": "Iqx5__9VtAQiScvvGb21S-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.24.43.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Iqx5__9VtAQiScvvGb21S-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3hwtsm000avnxwfug41t9x",
-    "name": "Eelib_Lr7GYv0nPj3XHVo-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.24.58.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Eelib_Lr7GYv0nPj3XHVo-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3i09sa000bvnxw95elyupj",
-    "name": "6MzAfXZyjsSTOkckqYJug-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.25.06.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/6MzAfXZyjsSTOkckqYJug-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3i2q07000cvnxwkjxqld0c",
-    "name": "f05zcftt1hdvkhCeN7wxk-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.25.16.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/f05zcftt1hdvkhCeN7wxk-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3i53wr000dvnxw074gyuar",
-    "name": "3tuC1Bq5WvH7QEBHQVDaM-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.25.25.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/3tuC1Bq5WvH7QEBHQVDaM-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3i7krz000evnxwe4uturyn",
-    "name": "oTKQeqAydsV5fXelI0S7Y-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.25.36.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/oTKQeqAydsV5fXelI0S7Y-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3ib07w000fvnxwsnb1hga3",
-    "name": "37VzhdQ6zus1WdVLcCwF5-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.25.45.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/37VzhdQ6zus1WdVLcCwF5-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3idx0t000gvnxw16urbiw5",
-    "name": "L8jv3Wvj0GwsQgS7JSJQO-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.25.57.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/L8jv3Wvj0GwsQgS7JSJQO-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3ig4ho000hvnxwewlheju3",
-    "name": "vSP59yLERIKB4xMv_ob5s-desktop.webp",
-    "realName": "Screenshot 2025-07-23 at 17.26.06.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/vSP59yLERIKB4xMv_ob5s-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3o5wxs0006vn9b1u5kbqyw",
-    "name": "t9x6bSW8WnbdPS9cx9PLC-desktop.webp",
-    "realName": "perbekel.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/t9x6bSW8WnbdPS9cx9PLC-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3q0s8b0009vn9blvh0q5cc",
-    "name": "uki9Zy0DqrEtSg9Lrgyyk-desktop.webp",
-    "realName": "Gumuh-Sari.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/uki9Zy0DqrEtSg9Lrgyyk-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3rbc53000cvn9bjsywrj18",
-    "name": "yySqpA7ougpXi6cJPskg9-desktop.webp",
-    "realName": "taman-beji.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/yySqpA7ougpXi6cJPskg9-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3rscb0000fvn9bq6il16ba",
-    "name": "F8SuL9DjCqLXlSwmgSJv_-desktop.webp",
-    "realName": "tps.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/F8SuL9DjCqLXlSwmgSJv_-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3s4kvu000kvn9bahu2vo5f",
-    "name": "daDa40Y8dxune0l_cxULD-desktop.webp",
-    "realName": "bumdes.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/daDa40Y8dxune0l_cxULD-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3sbgd8000nvn9bqooq77ix",
-    "name": "yms7mL_T6fy--Eze-mTwc-desktop.webp",
-    "realName": "pertanian.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/yms7mL_T6fy--Eze-mTwc-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3smnbf000qvn9b28ma8las",
-    "name": "AFA1PZtHwKkwmWCC4M7lM-desktop.webp",
-    "realName": "joging.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/AFA1PZtHwKkwmWCC4M7lM-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3t8ha3000tvn9bkqsty6sq",
-    "name": "84pnYeV2_9f4xplh9RBXW-desktop.webp",
-    "realName": "dam-tanah-putih.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/84pnYeV2_9f4xplh9RBXW-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3tlrdl000wvn9b67jkppzh",
-    "name": "5VSeupjyjtam02PNJW3ZG-desktop.webp",
-    "realName": "umkm.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/5VSeupjyjtam02PNJW3ZG-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3tzpd7000zvn9bu519xrjk",
-    "name": "gjwx1dcHKMJEICbLF6g88-desktop.webp",
-    "realName": "kuliner.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/gjwx1dcHKMJEICbLF6g88-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3u7gsg0012vn9bhqhsw5g6",
-    "name": "j3q1NLvwPFrxAmgMXBmq2-desktop.webp",
-    "realName": "ikm.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/j3q1NLvwPFrxAmgMXBmq2-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk3udr2s0015vn9bqn9hxdxx",
-    "name": "eZCq49lXnx6zKslb6hLxz-desktop.webp",
-    "realName": "ikan lele.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/eZCq49lXnx6zKslb6hLxz-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4xh3gz0000vnwqjy4zfr3w",
-    "name": "wkUnTN2pzkEXolbWsgWi7-desktop.webp",
-    "realName": "perbekel.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/wkUnTN2pzkEXolbWsgWi7-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4yswge0001vnwqgfieunnm",
-    "name": "120DDmtAkWEOlu_z56EVj-desktop.webp",
-    "realName": "perbekel 1.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/120DDmtAkWEOlu_z56EVj-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4yvuv20004vnwqqq8ifxq8",
-    "name": "bJEAL2K_DcR9AhabklcdP-desktop.webp",
-    "realName": "perbekel 2.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/bJEAL2K_DcR9AhabklcdP-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4ywmiu0007vnwq5ea5jz1z",
-    "name": "szxGnXEFqa0k0nvZ-ALVG-desktop.webp",
-    "realName": "Perbekel 3.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/szxGnXEFqa0k0nvZ-ALVG-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4yzitx000avnwq7479tvxb",
-    "name": "ectWSAf6wfzIPzKMf3wzo-desktop.webp",
-    "realName": "perbekel 4.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/ectWSAf6wfzIPzKMf3wzo-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4z0scm000dvnwqlntylzyk",
-    "name": "VwjN6P8HyaKpNngtLCt6z-desktop.webp",
-    "realName": "perbekel 5.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/VwjN6P8HyaKpNngtLCt6z-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4z1vqs000gvnwqj579yvnt",
-    "name": "f3tdB74WjhVVJXmAE7Sev-desktop.webp",
-    "realName": "perbekel 6.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/f3tdB74WjhVVJXmAE7Sev-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4z2y0r000jvnwq2jgrs565",
-    "name": "X3FbO9ns3We5GM1uAwds1-desktop.webp",
-    "realName": "Screenshot 2025-09-19 at 16.45.39.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/X3FbO9ns3We5GM1uAwds1-desktop.webp",
-    "category": "image"
-  },
-
-  {
-    "id": "cmk4z6epq000mvnwq81dfq29b",
-    "name": "AO-mB9JXm0ahmNnSAEDJ3-desktop.webp",
-    "realName": "Screenshot 2025-09-19 at 16.46.51.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/AO-mB9JXm0ahmNnSAEDJ3-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk4z7e5g000pvnwq7k45e366",
-    "name": "ropKaJjSbK_XAyxd8mEYt-desktop.webp",
-    "realName": "Screenshot 2025-09-19 at 16.48.11.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/ropKaJjSbK_XAyxd8mEYt-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkamji130000vntz3loca9q2",
-    "name": "D4za5fHh_y92Bj9qZkp5j-desktop.webp",
-    "realName": "prestasi1.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/D4za5fHh_y92Bj9qZkp5j-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkamk2cf0001vntzjg4rzqep",
-    "name": "3rshaPxCgk5unArWbKPpk-desktop.webp",
-    "realName": "prestasi2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/3rshaPxCgk5unArWbKPpk-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkamkb150002vntzklhz9ryx",
-    "name": "pxpQFGBkTRpFOwJFTwjbD-desktop.webp",
-    "realName": "prestasi3.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/pxpQFGBkTRpFOwJFTwjbD-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkamki230003vntzg25voz53",
-    "name": "_CIAQk1Yem-_6LFjrkmVg-desktop.webp",
-    "realName": "prestasi4.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/_CIAQk1Yem-_6LFjrkmVg-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6bk2va0003vnadn9w0mxc4",
-    "name": "Wp41ccw3yma9W8i6zBr6E-desktop.webp",
-    "realName": "berita-sosial-1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Wp41ccw3yma9W8i6zBr6E-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6bo3290006vnadzhgalacy",
-    "name": "IwedNmhjD_wGpY6PvYX7W-desktop.webp",
-    "realName": "berita-sosial-2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/IwedNmhjD_wGpY6PvYX7W-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6bptid0009vnad6my1w4s1",
-    "name": "EVkMxPdoWyL3y31L7d7x1-desktop.webp",
-    "realName": "berita-sosial-3.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/EVkMxPdoWyL3y31L7d7x1-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6c86dc000cvnadlh54q7xr",
-    "name": "c_5xOKUbMiD8dTAbkAv9a-desktop.webp",
-    "realName": "pembangunan-1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/c_5xOKUbMiD8dTAbkAv9a-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6cbbtw000fvnadk862le38",
-    "name": "I9CDBqdeDXRbbzbPWhy6h-desktop.webp",
-    "realName": "pembangunan-2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/I9CDBqdeDXRbbzbPWhy6h-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6cdmjp000ivnadeejerm59",
-    "name": "Gq-gEDaGNb-FkKasVs7i4-desktop.webp",
-    "realName": "pembangunan-3.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Gq-gEDaGNb-FkKasVs7i4-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6crib4000lvnadqtrhnb14",
-    "name": "TymQ5xDH7vEUOA9BY63hr-desktop.webp",
-    "realName": "ekonomi-1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/TymQ5xDH7vEUOA9BY63hr-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6czfag000ovnad7kjz36lj",
-    "name": "2nUvEBsMuigIJQWZIdcEJ-desktop.webp",
-    "realName": "ekonomi-2-.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/2nUvEBsMuigIJQWZIdcEJ-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6d3zow000rvnades3btqrh",
-    "name": "Hokgum3-nI_NWTWJRnWi3-desktop.webp",
-    "realName": "ekonomi-3.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Hokgum3-nI_NWTWJRnWi3-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6hgl8r000uvnadwchcqigp",
-    "name": "T1fcksUoZSUqNMbzvr9WI-desktop.webp",
-    "realName": "pemerintahan-1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/T1fcksUoZSUqNMbzvr9WI-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6hh34d000xvnadr74cs014",
-    "name": "-M_tICRVz6ZxOfvkuHQgU-desktop.webp",
-    "realName": "pemerintahan-2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/-M_tICRVz6ZxOfvkuHQgU-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6hhl5p0010vnadx09hrg3n",
-    "name": "O11hmN9oNwFKs_ACpH9uV-desktop.webp",
-    "realName": "pemerintahan-3-.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/O11hmN9oNwFKs_ACpH9uV-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6hz5640013vnadwdmfzyoa",
-    "name": "rrgHHUYHDuq3jW94HCRsq-desktop.webp",
-    "realName": "teknologi-1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/rrgHHUYHDuq3jW94HCRsq-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6hzlrg0016vnaduf57rp2i",
-    "name": "igz0V0MCoLYqAgLIBRZdG-desktop.webp",
-    "realName": "teknologi-2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/igz0V0MCoLYqAgLIBRZdG-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6hzz1i0019vnadwdymqlrf",
-    "name": "DzVIfpiAP3OcCsZ_VJ02b-desktop.webp",
-    "realName": "teknologi-3.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/DzVIfpiAP3OcCsZ_VJ02b-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6i925x001cvnadm3y2m04b",
-    "name": "xzM77A6bDW2silyp_8W7n-desktop.webp",
-    "realName": "budaya-1-.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/xzM77A6bDW2silyp_8W7n-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6i9cc7001fvnadn9xnl8xq",
-    "name": "2wivBEDcVNxHGG8HUBsNH-desktop.webp",
-    "realName": "budaya-2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/2wivBEDcVNxHGG8HUBsNH-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6i9qff001ivnadgrrghebr",
-    "name": "fffAFkeBBjjxHljZIDCZw-desktop.webp",
-    "realName": "budaya-3.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/fffAFkeBBjjxHljZIDCZw-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n68k80005vn6qtdbshoqi",
-    "name": "wFXYVHKHtU7posfhBKjZt-desktop.webp",
-    "realName": "data-diri.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/wFXYVHKHtU7posfhBKjZt-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n68vw0006vn6qv65lrdw8",
-    "name": "kTiZ9uhRUEwu0WeASU00b-desktop.webp",
-    "realName": "flow-data-diri.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/kTiZ9uhRUEwu0WeASU00b-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n8rwv0007vn6q312rawvt",
-    "name": "ZkvjJ7Zx8uBy2-d8RWNEt-desktop.webp",
-    "realName": "yatim.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/ZkvjJ7Zx8uBy2-d8RWNEt-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n8s9b0008vn6qwd02eyjf",
-    "name": "hHfOWKz4USZK-z0nsD7Uz-desktop.webp",
-    "realName": "flow yatim.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/hHfOWKz4USZK-z0nsD7Uz-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n9ti90009vn6qt48wbklu",
-    "name": "03WZn5JMKffo62cKzShF4-desktop.webp",
-    "realName": "organisasi.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/03WZn5JMKffo62cKzShF4-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n9tvx000avn6qwkguha7w",
-    "name": "dnTcxeYQACzY5yzq-Rjoz-desktop.webp",
-    "realName": "domisili-organisasi.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/dnTcxeYQACzY5yzq-Rjoz-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nb69n000bvn6qx67n06ee",
-    "name": "7er4OinxhuKRZUSkKeSYR-desktop.webp",
-    "realName": "penghasilan-layanan.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/7er4OinxhuKRZUSkKeSYR-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nb6nq000cvn6q75730cr3",
-    "name": "8ZtJeCnKwMAcEUBU0QvE7-desktop.webp",
-    "realName": "flow-penghasilan.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/8ZtJeCnKwMAcEUBU0QvE7-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nc438000dvn6q723r7phi",
-    "name": "Y7IuwpwjT3ZFYWpiXJZYw-desktop.webp",
-    "realName": "tidak mampu.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Y7IuwpwjT3ZFYWpiXJZYw-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nc4aa000evn6qwl5t53h4",
-    "name": "Fbi-6gnhokkwux9hvriS--desktop.webp",
-    "realName": "flow-tidak-mampu.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Fbi-6gnhokkwux9hvriS--desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6ndw2z000fvn6q3b9wxswd",
-    "name": "qtdJ39rIbjGTJJQZflrDL-desktop.webp",
-    "realName": "kelahiran.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/qtdJ39rIbjGTJJQZflrDL-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6ndwbf000gvn6qusd4mkhq",
-    "name": "ldmfJBS2ZBhIda60yU2JW-desktop.webp",
-    "realName": "flow-kelahiran.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/ldmfJBS2ZBhIda60yU2JW-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nf4pu000hvn6qszs6xyp5",
-    "name": "CAtRFHiM11gsY4ExcvGgc-desktop.webp",
-    "realName": "usaha.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/CAtRFHiM11gsY4ExcvGgc-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nf53c000ivn6qawvoxndb",
-    "name": "MLWp-38kKygXKVekCh0q7-desktop.webp",
-    "realName": "flow-usaha.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/MLWp-38kKygXKVekCh0q7-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6ng6yk000jvn6q0ditzufj",
-    "name": "C0zE5lneKa888VJDHzgh--desktop.webp",
-    "realName": "kematian.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/C0zE5lneKa888VJDHzgh--desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6ng77b000kvn6q51j2s4q7",
-    "name": "hhDK7OL0wQLik5dsh1a-L-desktop.webp",
-    "realName": "flow-kematian.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/hhDK7OL0wQLik5dsh1a-L-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nh7ez000lvn6qjfkqeufn",
-    "name": "sVIfCUGBplNU8h1x99l8z-desktop.webp",
-    "realName": "tempat-usaha.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/sVIfCUGBplNU8h1x99l8z-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6nh7pq000mvn6qor967hjh",
-    "name": "MM-1CZMai3eXwbVr2HAEv-desktop.webp",
-    "realName": "flow tempat usaha.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/MM-1CZMai3eXwbVr2HAEv-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n37tp0003vn6qqyvelh5s",
-    "name": "oNH9VvRPlAmTI_Ndu3slN-desktop.webp",
-    "realName": "kawin.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/oNH9VvRPlAmTI_Ndu3slN-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6n388d0004vn6qby5fkuz8",
-    "name": "Wze2x68vn-ShZAqgkSCMC-desktop.webp",
-    "realName": "flow belum kawin.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Wze2x68vn-ShZAqgkSCMC-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6mvhwh0001vn6qa6ddzqfm",
-    "name": "tK9T6BObEQEdYU-5y1xnJ-desktop.webp",
-    "realName": "kelakuan baik.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/tK9T6BObEQEdYU-5y1xnJ-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmk6mvi8c0002vn6q9vfyv6yt",
-    "name": "sX9yfcM05OOx2ELhcSNWl-desktop.webp",
-    "realName": "flow_kelakuan_baik.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/sX9yfcM05OOx2ELhcSNWl-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkal9d2p0000vnexf8flpunj",
-    "name": "cte_gy0V8glhDcghMa3-B-desktop.webp",
-    "realName": "penghargaan1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/cte_gy0V8glhDcghMa3-B-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkalfbsn0003vnex3bbsx5ja",
-    "name": "hLoy_DjB_3Yie2vjaXDYz-desktop.webp",
-    "realName": "penghargaan2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/hLoy_DjB_3Yie2vjaXDYz-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkalg6fh0006vnexid4z9vlg",
-    "name": "VxELyZ0ifdHOdRFu7aBSz-desktop.webp",
-    "realName": "penghargaan3.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/VxELyZ0ifdHOdRFu7aBSz-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkalguac0009vnex5dpixivn",
-    "name": "xgrBxDdo8g7KA-3zNbRGj-desktop.webp",
-    "realName": "penghargaan4.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/xgrBxDdo8g7KA-3zNbRGj-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkanjnfh0004vntz8cdbxa7f",
-    "name": "TDQReg1lQ73s39crXW0ra-desktop.webp",
-    "realName": "posyandu1.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/TDQReg1lQ73s39crXW0ra-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkao2zm90007vntzxqkjy5mt",
-    "name": "d6hJgycQawWN3VEcHaqtR-desktop.webp",
-    "realName": "puskesmas.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/d6hJgycQawWN3VEcHaqtR-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkatoru10000vny38y0wxd6s",
-    "name": "cg78Sb_QzZFlli9s2FPVc-desktop.webp",
-    "realName": "puskesmas2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/cg78Sb_QzZFlli9s2FPVc-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkay1e590010vn6y24pgaa1r",
-    "name": "hLeF0GRFZqDUngZnDMAAk-desktop.webp",
-    "realName": "pk1.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/hLeF0GRFZqDUngZnDMAAk-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkay6hob0011vn6ybjwejcej",
-    "name": "hyyTFi8EApjzFEZ9EvJgB-desktop.webp",
-    "realName": "pk2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/hyyTFi8EApjzFEZ9EvJgB-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkay8vmd0012vn6ylsk2vzfo",
-    "name": "l4qsUEw2JiclGAkkrXp9g-desktop.webp",
-    "realName": "pk3.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/l4qsUEw2JiclGAkkrXp9g-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkayd8o90013vn6ye7n8805q",
-    "name": "Gc79mlIlGuoRQuTqskFj--desktop.webp",
-    "realName": "pk-4.jpeg",
-    "path": "uploads/images",
+    "name": "42RCCpBZla4ZWxXcwx7kG-desktop.webp",
+    "path": "image/42RCCpBZla4ZWxXcwx7kG-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/d05a9e22-feac-4955-b1a2-75faad37f0ac/42RCCpBZla4ZWxXcwx7kG-desktop.webp",
     "mimeType": "image/webp",
     "link": "/api/fileStorage/findUnique/Gc79mlIlGuoRQuTqskFj--desktop.webp",
     "category": "image"
+
   },
   {
-    "id": "cmkayi0x90016vn6ykddxqyq3",
-    "name": "OsMY3AYPyGC_CoN1xUjOn-desktop.webp",
-    "realName": "posyandu1.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/OsMY3AYPyGC_CoN1xUjOn-desktop.webp",
-    "category": "image"
+    "name": "42RCCpBZla4ZWxXcwx7kG-mobile.webp",
+    "path": "image/42RCCpBZla4ZWxXcwx7kG-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/c91212b5-7408-4ec9-b7c0-6c0fde2a9fc5/42RCCpBZla4ZWxXcwx7kG-mobile.webp"
   },
   {
-    "id": "cmkaykipf0019vn6yknjno3k1",
-    "name": "M9QlgVKIEfCdY3g4F_tRZ-desktop.webp",
-    "realName": "pk6.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/M9QlgVKIEfCdY3g4F_tRZ-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkayz2h8001cvn6yrb7uptjs",
-    "name": "Gi8EX3pBmT719AfzXirDS-desktop.webp",
-    "realName": "pd1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Gi8EX3pBmT719AfzXirDS-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkawq38m0009vn6yi7evbhap",
-    "name": "v7Ac2xQvTiJy-HYh1AxF4-desktop.webp",
-    "realName": "posko-siaga.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/v7Ac2xQvTiJy-HYh1AxF4-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkawso29000cvn6y879ahra0",
-    "name": "jYxEXspWH5g6eTTVqK72c-desktop.webp",
-    "realName": "ambulance.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/jYxEXspWH5g6eTTVqK72c-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkawu7qj000fvn6yubhimyiv",
-    "name": "3tNQ9J8I3Ewq5H8CWuqvp-desktop.webp",
-    "realName": "penanganan darurat.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/3tNQ9J8I3Ewq5H8CWuqvp-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkb6488i001fvn6ylkddch1j",
-    "name": "g4ICsRrmOaIqS_yqlQLZK-desktop.webp",
-    "realName": "puskesmas2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/g4ICsRrmOaIqS_yqlQLZK-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkb681og001gvn6ykb5uasln",
-    "name": "1NkzPzQailqE5yNOiUjB9-desktop.webp",
-    "realName": "puskesmas.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/1NkzPzQailqE5yNOiUjB9-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkb6brrf0000vn14u8c7wnox",
-    "name": "NBPAqjPXn7GQmYTDBI5hu-desktop.webp",
-    "realName": "kd3.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/NBPAqjPXn7GQmYTDBI5hu-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkb6ehpi0001vn14hjp4tdye",
-    "name": "EcQIGOF6LW1dIKE53vmba-desktop.webp",
-    "realName": "kd4.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/EcQIGOF6LW1dIKE53vmba-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkbynxxo0000vn67wi2nsyl3",
-    "name": "pps1ZgzJxDb4VZxEvtZeu-desktop.webp",
-    "realName": "infowp-1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/pps1ZgzJxDb4VZxEvtZeu-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkbyr3mk0003vn673xrqv8xv",
-    "name": "JhJigMo269K1TFGzSB1OS-desktop.webp",
-    "realName": "infowp-2.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/JhJigMo269K1TFGzSB1OS-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkax3o8g000rvn6ygqpmo1nb",
-    "name": "5giLSHSnWEFoZoMEcjhL7-desktop.webp",
-    "realName": "diare.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/5giLSHSnWEFoZoMEcjhL7-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkax5ukz000uvn6yho3aj2nf",
-    "name": "3faPo-1wjhVDVU6S7S8sS-desktop.webp",
-    "realName": "tbc.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/3faPo-1wjhVDVU6S7S8sS-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkax72nw000xvn6ymcuvlzom",
-    "name": "DyX82oztXbHfu6HEvbrpt-desktop.webp",
-    "realName": "dbd.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/DyX82oztXbHfu6HEvbrpt-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkc2tcn30000vnt9esmx8kyb",
-    "name": "K0wY911212dinYA3AFB_f-desktop.webp",
-    "realName": "keamananl-1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/K0wY911212dinYA3AFB_f-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkc2xm1z0003vnt98682dv0a",
-    "name": "x0_-siY2V8IehBzo4_uph-desktop.webp",
-    "realName": "keamananl-2.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/x0_-siY2V8IehBzo4_uph-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkc36q2j0006vnt9g87h5it4",
-    "name": "TXknK9CSRSxwvM2hPW6BO-desktop.webp",
-    "realName": "pecalang.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/TXknK9CSRSxwvM2hPW6BO-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkp70z5g0000vnu9b0aieem8",
-    "name": "vwZsaxcoFWDlxG1PW7FC0-desktop.webp",
-    "realName": "tips-keamanan-1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/vwZsaxcoFWDlxG1PW7FC0-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkp71pub0003vnu9ef60huuv",
-    "name": "dSe0xyvNLkP2t2f6iq-Hk-desktop.webp",
-    "realName": "tipskaman.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/dSe0xyvNLkP2t2f6iq-Hk-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkdu8kb20002vn4lihwo4k86",
     "name": "6DQbAvn0St-xHdPGW3vpY-desktop.webp",
-    "realName": "Jamban4.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/6DQbAvn0St-xHdPGW3vpY-desktop.webp",
-    "category": "image"
+    "path": "image/6DQbAvn0St-xHdPGW3vpY-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/68cc521e-05e5-4258-af8d-c87fb76c927e/6DQbAvn0St-xHdPGW3vpY-desktop.webp"
   },
   {
-    "id": "cmkew56ls0000vnysrnzr9ttx",
-    "name": "YdCBnK-bWxlyHjwsk4Qie-desktop.webp",
-    "realName": "WarungPasar.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/YdCBnK-bWxlyHjwsk4Qie-desktop.webp",
-    "category": "image"
+    "name": "6DQbAvn0St-xHdPGW3vpY-mobile.webp",
+    "path": "image/6DQbAvn0St-xHdPGW3vpY-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/15f7ddd6-448c-4e4a-9b24-0bdc4bce5ce1/6DQbAvn0St-xHdPGW3vpY-mobile.webp"
   },
   {
-    "id": "cmkewaa2s0001vnysvvs9tu56",
-    "name": "TWdNTZZbTOhFTNJGGPDyG-desktop.webp",
-    "realName": "JajananPasar.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/TWdNTZZbTOhFTNJGGPDyG-desktop.webp",
-    "category": "image"
+    "name": "buku1 (1).jpeg",
+    "path": "image/buku1 (1).jpeg",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/d72b02a6-91f5-4d64-9729-521b306328d3/buku1%20%281%29.jpeg"
   },
   {
-    "id": "cmkewcvfq0002vnys6985nm90",
-    "name": "mtQsaKtQnhxIYVIooCkiQ-desktop.webp",
-    "realName": "SayurSegar.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/mtQsaKtQnhxIYVIooCkiQ-desktop.webp",
-    "category": "image"
+    "name": "buku1.jpeg",
+    "path": "image/buku1.jpeg",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/912bd7e5-be8a-4c19-8ab8-df6114a38864/buku1.jpeg"
   },
   {
-    "id": "cmkewf4u90003vnys87en35nj",
-    "name": "Ez-SkRyf_F-1gksz_amNg-desktop.webp",
-    "realName": "AyamDaging.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Ez-SkRyf_F-1gksz_amNg-desktop.webp",
-    "category": "image"
+    "name": "buku6.jpg",
+    "path": "image/buku6.jpg",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/ea56bc7c-094b-464e-859a-6c65bf65361d/buku6.jpg"
   },
   {
-    "id": "cmkksb3jr0005vni4sp3ogr87",
-    "name": "r_gBF0FuFpFPfSENHc4XI-desktop.webp",
-    "realName": "desa-digital.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/r_gBF0FuFpFPfSENHc4XI-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkksoze80008vni4ki2ry81r",
-    "name": "uE2QwpbcXyBWxVYqCWQQT-desktop.webp",
-    "realName": "Digital2.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/uE2QwpbcXyBWxVYqCWQQT-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkkx9e38000bvni4azjd3u53",
-    "name": "SQqSobKRg3ShvgPw_H41h-desktop.webp",
-    "realName": "pengaduan1.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/SQqSobKRg3ShvgPw_H41h-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkkxep9l000evni4xkegbk72",
-    "name": "gyNi4s8TnK2UrViU-gN2C-desktop.webp",
-    "realName": "pd2.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/gyNi4s8TnK2UrViU-gN2C-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkky60sq0000vnjjc55k84d2",
-    "name": "y78xZ2axTOjz87gRKjVAf-desktop.webp",
-    "realName": "penanganan-sampah-rumah-tangga-di-desa copy.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/y78xZ2axTOjz87gRKjVAf-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkm0w0my0001vnswthy6ihaw",
-    "name": "SVeScDA6-OAVvGoAfNC0c-desktop.webp",
-    "realName": "desadg1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/SVeScDA6-OAVvGoAfNC0c-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkm0z9hx0004vnswtjd2bk3z",
-    "name": "kN09yF3sahmy-d5EaeGqA-desktop.webp",
-    "realName": "desadg1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/kN09yF3sahmy-d5EaeGqA-desktop.webp",
-    "category": "image"
-  },
-  {
-    "id": "cmkm1a14d0005vnsww1tsd92o",
     "name": "c7xWNyoYp8Cak28NG5NoG-desktop.webp",
-    "realName": "desadg2.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/c7xWNyoYp8Cak28NG5NoG-desktop.webp",
-    "category": "image"
+    "path": "image/c7xWNyoYp8Cak28NG5NoG-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/d84fb066-4352-44f0-b7bc-5d8c5b8ffb61/c7xWNyoYp8Cak28NG5NoG-desktop.webp"
+  },
+  {
+    "name": "c7xWNyoYp8Cak28NG5NoG-mobile.webp",
+    "path": "image/c7xWNyoYp8Cak28NG5NoG-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/9fb1c742-9a80-4788-9c73-9d06108e0051/c7xWNyoYp8Cak28NG5NoG-mobile.webp"
+  },
+  {
+    "name": "cg78Sb_QzZFlli9s2FPVc-mobile.webp",
+    "path": "image/cg78Sb_QzZFlli9s2FPVc-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/c5a2cd18-806d-4dcb-b5c5-b0c6bcef7f35/cg78Sb_QzZFlli9s2FPVc-mobile.webp"
+  },
+  {
+    "name": "d3v1AgLoSJhf5xvmmO3oP-mobile.webp",
+    "path": "image/d3v1AgLoSJhf5xvmmO3oP-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/ae72c51f-9df7-4b07-9fd5-e945c775d9ab/d3v1AgLoSJhf5xvmmO3oP-mobile.webp"
+  },
+  {
+    "name": "d6hJgycQawWN3VEcHaqtR-desktop.webp",
+    "path": "image/d6hJgycQawWN3VEcHaqtR-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/4e5b9387-67b5-4c00-8f80-95ec6c54ff4a/d6hJgycQawWN3VEcHaqtR-desktop.webp"
+  },
+  {
+    "name": "d6hJgycQawWN3VEcHaqtR-mobile.webp",
+    "path": "image/d6hJgycQawWN3VEcHaqtR-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/011f65c9-4273-43e8-b6d7-ce7a5319ae83/d6hJgycQawWN3VEcHaqtR-mobile.webp"
+  },
+  {
+    "name": "DyX82oztXbHfu6HEvbrpt-desktop.webp",
+    "path": "image/DyX82oztXbHfu6HEvbrpt-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/b715dce5-1606-44cf-976f-57d8142e218e/DyX82oztXbHfu6HEvbrpt-desktop.webp"
+  },
+  {
+    "name": "DyX82oztXbHfu6HEvbrpt-mobile.webp",
+    "path": "image/DyX82oztXbHfu6HEvbrpt-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/d0ff5925-ec84-4100-920c-93e2eb479f13/DyX82oztXbHfu6HEvbrpt-mobile.webp"
+  },
+  {
+    "name": "EcQIGOF6LW1dIKE53vmba-desktop.webp",
+    "path": "image/EcQIGOF6LW1dIKE53vmba-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/7a97403e-9d6c-4a00-9c54-d5add0bd5915/EcQIGOF6LW1dIKE53vmba-desktop.webp"
+  },
+  {
+    "name": "EcQIGOF6LW1dIKE53vmba-mobile.webp",
+    "path": "image/EcQIGOF6LW1dIKE53vmba-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/7e85b8e8-27f5-46c7-b4fc-590d66eef2ce/EcQIGOF6LW1dIKE53vmba-mobile.webp"
+  },
+  {
+    "name": "Ez-SkRyf_F-1gksz_amNg-desktop.webp",
+    "path": "image/Ez-SkRyf_F-1gksz_amNg-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/c16de343-1297-4248-b104-83b3e3605f32/Ez-SkRyf_F-1gksz_amNg-desktop.webp"
+  },
+  {
+    "name": "Ez-SkRyf_F-1gksz_amNg-mobile.webp",
+    "path": "image/Ez-SkRyf_F-1gksz_amNg-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/ece148ca-8aa1-43ef-a8de-ea0bde0a315a/Ez-SkRyf_F-1gksz_amNg-mobile.webp"
+  },
+  {
+    "name": "g4ICsRrmOaIqS_yqlQLZK-desktop.webp",
+    "path": "image/g4ICsRrmOaIqS_yqlQLZK-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/31280b01-6cdb-4d96-9c96-0eecec6a238c/g4ICsRrmOaIqS_yqlQLZK-desktop.webp"
+  },
+  {
+    "name": "g4ICsRrmOaIqS_yqlQLZK-mobile.webp",
+    "path": "image/g4ICsRrmOaIqS_yqlQLZK-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/af7f3e11-1f63-4307-88e9-64382a949279/g4ICsRrmOaIqS_yqlQLZK-mobile.webp"
+  },
+  {
+    "name": "Gc79mlIlGuoRQuTqskFj--desktop.webp",
+    "path": "image/Gc79mlIlGuoRQuTqskFj--desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/05214122-51bb-4fba-9b7c-f69e072d8a0d/Gc79mlIlGuoRQuTqskFj--desktop.webp"
+  },
+  {
+    "name": "Gc79mlIlGuoRQuTqskFj--mobile.webp",
+    "path": "image/Gc79mlIlGuoRQuTqskFj--mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/d49ab5d2-7087-4088-8e59-51f116f21e27/Gc79mlIlGuoRQuTqskFj--mobile.webp"
+  },
+  {
+    "name": "Gi8EX3pBmT719AfzXirDS-desktop.webp",
+    "path": "image/Gi8EX3pBmT719AfzXirDS-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/4b456bad-228a-4211-a1bb-431dc081ecc7/Gi8EX3pBmT719AfzXirDS-desktop.webp"
+  },
+  {
+    "name": "Gi8EX3pBmT719AfzXirDS-mobile.webp",
+    "path": "image/Gi8EX3pBmT719AfzXirDS-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/68308100-d468-4e53-9cc6-3aa12035c8ab/Gi8EX3pBmT719AfzXirDS-mobile.webp"
+  },
+  {
+    "name": "gyNi4s8TnK2UrViU-gN2C-desktop.webp",
+    "path": "image/gyNi4s8TnK2UrViU-gN2C-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/539debe4-f3fc-4574-a256-ac8c8dbf5a00/gyNi4s8TnK2UrViU-gN2C-desktop.webp"
+  },
+  {
+    "name": "gyNi4s8TnK2UrViU-gN2C-mobile.webp",
+    "path": "image/gyNi4s8TnK2UrViU-gN2C-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/4971a22a-c0dd-4492-bff5-a8aa3e93f27f/gyNi4s8TnK2UrViU-gN2C-mobile.webp"
   },
   {
-    "id": "cmkm1c8py0008vnsw0unbxkpq",
     "name": "h_Gd0SoeIJVTi_5TWUO-P-desktop.webp",
-    "realName": "desadg3.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/h_Gd0SoeIJVTi_5TWUO-P-desktop.webp",
-    "category": "image"
+    "path": "image/h_Gd0SoeIJVTi_5TWUO-P-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/8409886e-c01b-421a-ac44-6d3a4bfd0985/h_Gd0SoeIJVTi_5TWUO-P-desktop.webp"
   },
   {
-    "id": "cmkm1zis2000bvnsw85m6wdlf",
-    "name": "qJFWokQLCaO60j0XJU_33-desktop.webp",
-    "realName": "mitrakl1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/qJFWokQLCaO60j0XJU_33-desktop.webp",
-    "category": "image"
+    "name": "h_Gd0SoeIJVTi_5TWUO-P-mobile.webp",
+    "path": "image/h_Gd0SoeIJVTi_5TWUO-P-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/f4a5280d-bd2d-4c5a-8040-183f9e5d951b/h_Gd0SoeIJVTi_5TWUO-P-mobile.webp"
   },
   {
-    "id": "cmkm2dgif000evnswskk0dfo9",
-    "name": "nzLJoEAfl7HkpUcYa8Y1E-desktop.webp",
-    "realName": "mitrak2.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/nzLJoEAfl7HkpUcYa8Y1E-desktop.webp",
-    "category": "image"
+    "name": "hLeF0GRFZqDUngZnDMAAk-desktop.webp",
+    "path": "image/hLeF0GRFZqDUngZnDMAAk-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/6b33097e-8d9d-4864-964b-6dc49b62b4ae/hLeF0GRFZqDUngZnDMAAk-desktop.webp"
   },
   {
-    "id": "cmkm2fzub000hvnswnvoytlzs",
-    "name": "JFd5C2FoaZcgDQUmvp-AO-desktop.webp",
-    "realName": "mitrakl3.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/JFd5C2FoaZcgDQUmvp-AO-desktop.webp",
-    "category": "image"
+    "name": "hLeF0GRFZqDUngZnDMAAk-mobile.webp",
+    "path": "image/hLeF0GRFZqDUngZnDMAAk-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/7dff816b-65bb-429c-b87e-3ff892d547dc/hLeF0GRFZqDUngZnDMAAk-mobile.webp"
   },
   {
-    "id": "cmkm3b1a2000nvnswb9x48dzk",
-    "name": "JjUDrfqxuEMYSAza-s7A8-desktop.webp",
-    "realName": "desa-digital.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/JjUDrfqxuEMYSAza-s7A8-desktop.webp",
-    "category": "image"
+    "name": "hsHiD59dZQxr8G2SAfUYp-mobile.webp",
+    "path": "image/hsHiD59dZQxr8G2SAfUYp-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/55103cd4-6f57-491d-bd41-03c0068974ef/hsHiD59dZQxr8G2SAfUYp-mobile.webp"
   },
   {
-    "id": "cmkm3bnkt000qvnswzhqa4upf",
-    "name": "xVrwJgdwtcoABPU6DB__Y-desktop.webp",
-    "realName": "Digital2.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/xVrwJgdwtcoABPU6DB__Y-desktop.webp",
-    "category": "image"
+    "name": "hyyTFi8EApjzFEZ9EvJgB-desktop.webp",
+    "path": "image/hyyTFi8EApjzFEZ9EvJgB-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/0ec4a67e-695e-4524-bf22-f823b80c7e6b/hyyTFi8EApjzFEZ9EvJgB-desktop.webp"
   },
   {
-    "id": "cmkm3fwg4000rvnsw5d1vbiz0",
-    "name": "42RCCpBZla4ZWxXcwx7kG-desktop.webp",
-    "realName": "infotek3-1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/42RCCpBZla4ZWxXcwx7kG-desktop.webp",
-    "category": "image"
+    "name": "hyyTFi8EApjzFEZ9EvJgB-mobile.webp",
+    "path": "image/hyyTFi8EApjzFEZ9EvJgB-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/c982541e-f8b2-455a-a3cd-f856cd954bed/hyyTFi8EApjzFEZ9EvJgB-mobile.webp"
   },
   {
-    "id": "cmkm3hjhz000uvnswwqu6z9f6",
-    "name": "TrbkwnYM5rKZeHlISHCX4-desktop.webp",
-    "realName": "infotek4.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/TrbkwnYM5rKZeHlISHCX4-desktop.webp",
-    "category": "image"
+    "name": "isTT2LmPbeOWD5wAdqleX-mobile.webp",
+    "path": "image/isTT2LmPbeOWD5wAdqleX-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/ef6f8237-0803-422a-83af-4daca61c7065/isTT2LmPbeOWD5wAdqleX-mobile.webp"
   },
   {
-    "id": "cmknb59md0000vnmam828iuzt",
-    "name": "YgOX5qAP3O1PHG5XmQXkr-desktop.webp",
-    "realName": "gr-1.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/YgOX5qAP3O1PHG5XmQXkr-desktop.webp",
-    "category": "image"
+    "name": "JhJigMo269K1TFGzSB1OS-desktop.webp",
+    "path": "image/JhJigMo269K1TFGzSB1OS-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/668d2f32-3277-4842-8a01-c3cb5ca0852b/JhJigMo269K1TFGzSB1OS-desktop.webp"
   },
   {
-    "id": "cmknbp3vd0001vnmarjz542o7",
-    "name": "qxqSDHe-akIRi1EkQFUbG-desktop.webp",
-    "realName": "gr-2.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/qxqSDHe-akIRi1EkQFUbG-desktop.webp",
-    "category": "image"
+    "name": "JhJigMo269K1TFGzSB1OS-mobile.webp",
+    "path": "image/JhJigMo269K1TFGzSB1OS-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/df8c52a3-189a-48a0-b7e7-98efe2479414/JhJigMo269K1TFGzSB1OS-mobile.webp"
   },
   {
-    "id": "cmknbrj4r0002vnmantw9rn0l",
-    "name": "iHTVkQZ1VdkMOXLt5qdAd-desktop.webp",
-    "realName": "gr-3.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/iHTVkQZ1VdkMOXLt5qdAd-desktop.webp",
-    "category": "image"
+    "name": "jYxEXspWH5g6eTTVqK72c-desktop.webp",
+    "path": "image/jYxEXspWH5g6eTTVqK72c-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/a13572b4-2e22-4d76-8826-64a8e6ae4e13/jYxEXspWH5g6eTTVqK72c-desktop.webp"
   },
   {
-    "id": "cmkqhbhxi0000vneamj3din9u",
-    "name": "RnAdv7O0QAFrxkFLAXJSa-desktop.webp",
-    "realName": "buku1.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/RnAdv7O0QAFrxkFLAXJSa-desktop.webp",
-    "category": "image"
+    "name": "jYxEXspWH5g6eTTVqK72c-mobile.webp",
+    "path": "image/jYxEXspWH5g6eTTVqK72c-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/55f171fa-585f-4a94-bfeb-d2bad2f7ee39/jYxEXspWH5g6eTTVqK72c-mobile.webp"
   },
   {
-    "id": "cmkqhed8x0003vneakx0c7me2",
-    "name": "71eZShq4FYAFLxpLfZB0W-desktop.webp",
-    "realName": "buku2.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/71eZShq4FYAFLxpLfZB0W-desktop.webp",
-    "category": "image"
+    "name": "K0wY911212dinYA3AFB_f-desktop.webp",
+    "path": "image/K0wY911212dinYA3AFB_f-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/31ea22bf-9ce1-4dc6-b901-caaec86c35c4/K0wY911212dinYA3AFB_f-desktop.webp"
   },
   {
-    "id": "cmkqhg1cb0006vneagsxa6t4t",
-    "name": "Uxq3GXPqh7HN9fHmRkr3r-desktop.webp",
-    "realName": "buku3.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Uxq3GXPqh7HN9fHmRkr3r-desktop.webp",
-    "category": "image"
+    "name": "K0wY911212dinYA3AFB_f-mobile.webp",
+    "path": "image/K0wY911212dinYA3AFB_f-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/ea061aa6-7e5e-447c-bec8-be1d927cc578/K0wY911212dinYA3AFB_f-mobile.webp"
   },
   {
-    "id": "cmkqhl6mv0009vneasgix42ud",
-    "name": "W5Fc0uRADNkIY3nZicvQA-desktop.webp",
-    "realName": "buku4.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/W5Fc0uRADNkIY3nZicvQA-desktop.webp",
-    "category": "image"
+    "name": "l4qsUEw2JiclGAkkrXp9g-desktop.webp",
+    "path": "image/l4qsUEw2JiclGAkkrXp9g-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/05088eb1-44bc-44d6-9e67-08dd6bca00ae/l4qsUEw2JiclGAkkrXp9g-desktop.webp"
   },
   {
-    "id": "cmkqhoa5w000cvneah15n28zq",
-    "name": "mp77Op-MwtPQZnH3so4JY-desktop.webp",
-    "realName": "buku5.jpeg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/mp77Op-MwtPQZnH3so4JY-desktop.webp",
-    "category": "image"
+    "name": "l4qsUEw2JiclGAkkrXp9g-mobile.webp",
+    "path": "image/l4qsUEw2JiclGAkkrXp9g-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/cf411a77-b7fc-4ac7-a98d-f9f89bc27e85/l4qsUEw2JiclGAkkrXp9g-mobile.webp"
   },
   {
-    "id": "cmkqhr9lg000fvneai3q8qw0s",
-    "name": "V09ZxN1wOwbSFLQiDK0VQ-desktop.webp",
-    "realName": "buku6.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/V09ZxN1wOwbSFLQiDK0VQ-desktop.webp",
-    "category": "image"
+    "name": "M9QlgVKIEfCdY3g4F_tRZ-desktop.webp",
+    "path": "image/M9QlgVKIEfCdY3g4F_tRZ-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/dfa58064-c17b-453a-b0a1-613109757844/M9QlgVKIEfCdY3g4F_tRZ-desktop.webp"
   },
   {
-    "id": "cmkqi5knc000ivnea8grp7j06",
-    "name": "Wqp4AyVkGjqRMED9Q5XAs-desktop.webp",
-    "realName": "buku7.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/Wqp4AyVkGjqRMED9Q5XAs-desktop.webp",
-    "category": "image"
+    "name": "M9QlgVKIEfCdY3g4F_tRZ-mobile.webp",
+    "path": "image/M9QlgVKIEfCdY3g4F_tRZ-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/4be366ca-1a39-46e9-adf2-d1d28fd83961/M9QlgVKIEfCdY3g4F_tRZ-mobile.webp"
   },
   {
-    "id": "cmkqi9799000lvneamskmvpq5",
-    "name": "NH4aLc7cVuutdQBCofTC0-desktop.webp",
-    "realName": "buku8.webp",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/NH4aLc7cVuutdQBCofTC0-desktop.webp",
-    "category": "image"
+    "name": "mtQsaKtQnhxIYVIooCkiQ-desktop.webp",
+    "path": "image/mtQsaKtQnhxIYVIooCkiQ-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/5015a484-ac9a-485f-9fb0-a29e3824a6ce/mtQsaKtQnhxIYVIooCkiQ-desktop.webp"
   },
   {
-    "id": "cmkqibjj2000ovnea3zmmvdop",
-    "name": "MLrsPrD6oiHsrNP4Lc8J7-desktop.webp",
-    "realName": "buku9.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/MLrsPrD6oiHsrNP4Lc8J7-desktop.webp",
-    "category": "image"
+    "name": "mtQsaKtQnhxIYVIooCkiQ-mobile.webp",
+    "path": "image/mtQsaKtQnhxIYVIooCkiQ-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/10ddd132-5b85-4a8f-b129-56a10540fc8c/mtQsaKtQnhxIYVIooCkiQ-mobile.webp"
   },
   {
-    "id": "cmkqidn7e000rvnea5rl58f2e",
-    "name": "iaIeNdhuxqltqKP7aZncQ-desktop.webp",
-    "realName": "buku10.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/iaIeNdhuxqltqKP7aZncQ-desktop.webp",
-    "category": "image"
+    "name": "NBPAqjPXn7GQmYTDBI5hu-desktop.webp",
+    "path": "image/NBPAqjPXn7GQmYTDBI5hu-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/fd8cfea3-5cf2-489e-9f21-e7985335dc98/NBPAqjPXn7GQmYTDBI5hu-desktop.webp"
   },
   {
-    "id": "cmkqifdfs000uvneajss8zswp",
-    "name": "WUDssJ59pTKE_3IuTiZ2s-desktop.webp",
-    "realName": "buku11.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/WUDssJ59pTKE_3IuTiZ2s-desktop.webp",
-    "category": "image"
+    "name": "NBPAqjPXn7GQmYTDBI5hu-mobile.webp",
+    "path": "image/NBPAqjPXn7GQmYTDBI5hu-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/f5b02049-95db-4e1b-8bfd-b1a4c431ee49/NBPAqjPXn7GQmYTDBI5hu-mobile.webp"
   },
   {
-    "id": "cmkqik7p5000xvnea6krii3vw",
-    "name": "RJH_-4_R_nlP7GVEQeD1M-desktop.webp",
-    "realName": "buku13.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/RJH_-4_R_nlP7GVEQeD1M-desktop.webp",
-    "category": "image"
+    "name": "NyPGo-1AtfNm5wkAq7Om6-mobile.webp",
+    "path": "image/NyPGo-1AtfNm5wkAq7Om6-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/b7361eb8-37e8-4baa-a6d6-01b6131dd788/NyPGo-1AtfNm5wkAq7Om6-mobile.webp"
   },
   {
-    "id": "cmkqinnih0010vneakpjb9egl",
-    "name": "9MA-Jx_36uoho2Tg40_G9-desktop.webp",
-    "realName": "buku14.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/9MA-Jx_36uoho2Tg40_G9-desktop.webp",
-    "category": "image"
+    "name": "OsMY3AYPyGC_CoN1xUjOn-desktop.webp",
+    "path": "image/OsMY3AYPyGC_CoN1xUjOn-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/509a3603-5d11-4857-baa5-d439da43825a/OsMY3AYPyGC_CoN1xUjOn-desktop.webp"
   },
   {
-    "id": "cmkqiqeb60013vnea2ygrq5rs",
-    "name": "dkb7ZWFl28TREVcvH8sWd-desktop.webp",
-    "realName": "buku15.png",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/dkb7ZWFl28TREVcvH8sWd-desktop.webp",
-    "category": "image"
+    "name": "OsMY3AYPyGC_CoN1xUjOn-mobile.webp",
+    "path": "image/OsMY3AYPyGC_CoN1xUjOn-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/cbe9798a-4cf0-45f7-b041-70269490128b/OsMY3AYPyGC_CoN1xUjOn-mobile.webp"
   },
   {
-    "id": "cmkqiur960016vnea3werdoey",
-    "name": "nVj3one6CLuWRd04QnsWo-desktop.webp",
-    "realName": "buku16.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/nVj3one6CLuWRd04QnsWo-desktop.webp",
-    "category": "image"
+    "name": "pps1ZgzJxDb4VZxEvtZeu-desktop.webp",
+    "path": "image/pps1ZgzJxDb4VZxEvtZeu-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/500fa1f3-d412-4f48-bc5f-465b91149c6e/pps1ZgzJxDb4VZxEvtZeu-desktop.webp"
   },
   {
-    "id": "cmkqix2go0019vnea8coousvn",
-    "name": "AnB7JO4_6tlPTX3ypOVLi-desktop.webp",
-    "realName": "buku17.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/AnB7JO4_6tlPTX3ypOVLi-desktop.webp",
-    "category": "image"
+    "name": "pps1ZgzJxDb4VZxEvtZeu-mobile.webp",
+    "path": "image/pps1ZgzJxDb4VZxEvtZeu-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/19c2b1a6-8c9b-4be9-981c-72d7a3ab6e38/pps1ZgzJxDb4VZxEvtZeu-mobile.webp"
   },
   {
-    "id": "cmkqiytnv001cvnea7o2sv1vt",
-    "name": "sAyoMERxL6JgFfiO22KPb-desktop.webp",
-    "realName": "buku18.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/sAyoMERxL6JgFfiO22KPb-desktop.webp",
-    "category": "image"
+    "name": "r_gBF0FuFpFPfSENHc4XI-desktop.webp",
+    "path": "image/r_gBF0FuFpFPfSENHc4XI-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/2e4ab451-df52-4f04-8af0-db2e789e58bb/r_gBF0FuFpFPfSENHc4XI-desktop.webp"
   },
   {
-    "id": "cmkqj0nn0001fvneaufur3nke",
-    "name": "WeA-JP2Ks_32fv1k529vj-desktop.webp",
-    "realName": "buku18.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/WeA-JP2Ks_32fv1k529vj-desktop.webp",
-    "category": "image"
+    "name": "r_gBF0FuFpFPfSENHc4XI-mobile.webp",
+    "path": "image/r_gBF0FuFpFPfSENHc4XI-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/1e2e8884-9da3-4610-9c57-8925740d4128/r_gBF0FuFpFPfSENHc4XI-mobile.webp"
   },
   {
-    "id": "cmkqj37rg001ivneam29fgayr",
-    "name": "pxlHu2kDmIprQqC2PuXaL-desktop.webp",
-    "realName": "buku19.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/pxlHu2kDmIprQqC2PuXaL-desktop.webp",
-    "category": "image"
+    "name": "SQqSobKRg3ShvgPw_H41h-desktop.webp",
+    "path": "image/SQqSobKRg3ShvgPw_H41h-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/4360cb84-f82a-4a68-afd3-65decd912f30/SQqSobKRg3ShvgPw_H41h-desktop.webp"
   },
   {
-    "id": "cmkqj5ql6001lvnea6p0afr9f",
-    "name": "G0iELZb2DhQDCCP5OdzJR-desktop.webp",
-    "realName": "buku20.jpg",
-    "path": "uploads/images",
-    "mimeType": "image/webp",
-    "link": "/api/fileStorage/findUnique/G0iELZb2DhQDCCP5OdzJR-desktop.webp",
-    "category": "image"
+    "name": "SQqSobKRg3ShvgPw_H41h-mobile.webp",
+    "path": "image/SQqSobKRg3ShvgPw_H41h-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/c808dff8-2e8a-4358-af03-4a838c9a6d6c/SQqSobKRg3ShvgPw_H41h-mobile.webp"
+  },
+  {
+    "name": "TDQReg1lQ73s39crXW0ra-desktop.webp",
+    "path": "image/TDQReg1lQ73s39crXW0ra-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/04d15638-31ed-440f-9fa0-bb30d71bbc59/TDQReg1lQ73s39crXW0ra-desktop.webp"
+  },
+  {
+    "name": "TDQReg1lQ73s39crXW0ra-mobile.webp",
+    "path": "image/TDQReg1lQ73s39crXW0ra-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/da174313-329c-4156-88e2-fc929325dfff/TDQReg1lQ73s39crXW0ra-mobile.webp"
+  },
+  {
+    "name": "TTur8BttDlAS9UgZVe3M8-desktop.webp",
+    "path": "image/TTur8BttDlAS9UgZVe3M8-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/32fe30ab-0d7b-4ada-8d5d-993baf23545c/TTur8BttDlAS9UgZVe3M8-desktop.webp"
+  },
+  {
+    "name": "TTur8BttDlAS9UgZVe3M8-mobile.webp",
+    "path": "image/TTur8BttDlAS9UgZVe3M8-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/85c5ecb0-2fb5-4431-af11-0c851e52de4e/TTur8BttDlAS9UgZVe3M8-mobile.webp"
+  },
+  {
+    "name": "TWdNTZZbTOhFTNJGGPDyG-desktop.webp",
+    "path": "image/TWdNTZZbTOhFTNJGGPDyG-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/d606d946-fdf9-41b9-b0bd-1421b2ec6843/TWdNTZZbTOhFTNJGGPDyG-desktop.webp"
+  },
+  {
+    "name": "TWdNTZZbTOhFTNJGGPDyG-mobile.webp",
+    "path": "image/TWdNTZZbTOhFTNJGGPDyG-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/46859e6a-ebfc-4124-adfe-320953256fe5/TWdNTZZbTOhFTNJGGPDyG-mobile.webp"
+  },
+  {
+    "name": "TXknK9CSRSxwvM2hPW6BO-desktop.webp",
+    "path": "image/TXknK9CSRSxwvM2hPW6BO-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/af38b038-0d38-4222-be29-09cb81054ce7/TXknK9CSRSxwvM2hPW6BO-desktop.webp"
+  },
+  {
+    "name": "TXknK9CSRSxwvM2hPW6BO-mobile.webp",
+    "path": "image/TXknK9CSRSxwvM2hPW6BO-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/eab1c384-aafa-438f-ac0f-003ddd51c9a5/TXknK9CSRSxwvM2hPW6BO-mobile.webp"
+  },
+  {
+    "name": "U7rePDZq5E59z-Eo9tLBe-desktop.webp",
+    "path": "image/U7rePDZq5E59z-Eo9tLBe-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/a2858ed9-8bb6-47cd-9e1b-831928a0389f/U7rePDZq5E59z-Eo9tLBe-desktop.webp"
+  },
+  {
+    "name": "U7rePDZq5E59z-Eo9tLBe-mobile.webp",
+    "path": "image/U7rePDZq5E59z-Eo9tLBe-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/1f4a189d-d312-46ef-a68c-c0c7261860d0/U7rePDZq5E59z-Eo9tLBe-mobile.webp"
+  },
+  {
+    "name": "uDxAalFV0qRv_RrW9flM8-mobile.webp",
+    "path": "image/uDxAalFV0qRv_RrW9flM8-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/5f006c3c-47f5-4e48-8bdd-7fbe005bf810/uDxAalFV0qRv_RrW9flM8-mobile.webp"
+  },
+  {
+    "name": "uE2QwpbcXyBWxVYqCWQQT-desktop.webp",
+    "path": "image/uE2QwpbcXyBWxVYqCWQQT-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/edf73617-214b-44df-960a-dd68f0bad97a/uE2QwpbcXyBWxVYqCWQQT-desktop.webp"
+  },
+  {
+    "name": "uE2QwpbcXyBWxVYqCWQQT-mobile.webp",
+    "path": "image/uE2QwpbcXyBWxVYqCWQQT-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/d7f5d738-b18f-44c8-92bb-8e526f47d9ee/uE2QwpbcXyBWxVYqCWQQT-mobile.webp"
+  },
+  {
+    "name": "v7Ac2xQvTiJy-HYh1AxF4-desktop.webp",
+    "path": "image/v7Ac2xQvTiJy-HYh1AxF4-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/3e1b8dd9-2bf5-4daf-9dd9-dd687e9b2f2c/v7Ac2xQvTiJy-HYh1AxF4-desktop.webp"
+  },
+  {
+    "name": "v7Ac2xQvTiJy-HYh1AxF4-mobile.webp",
+    "path": "image/v7Ac2xQvTiJy-HYh1AxF4-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/44c78026-f802-46f3-8ec2-271f0f001f7a/v7Ac2xQvTiJy-HYh1AxF4-mobile.webp"
+  },
+  {
+    "name": "wh79hF4HTZMEFtYc-OfZg-mobile.webp",
+    "path": "image/wh79hF4HTZMEFtYc-OfZg-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/b4b4378e-76ad-4b15-84cf-00178553b3d4/wh79hF4HTZMEFtYc-OfZg-mobile.webp"
+  },
+  {
+    "name": "x0_-siY2V8IehBzo4_uph-desktop.webp",
+    "path": "image/x0_-siY2V8IehBzo4_uph-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/7f82bcea-e7c6-4cde-9701-8d3afe49c0f8/x0_-siY2V8IehBzo4_uph-desktop.webp"
+  },
+  {
+    "name": "x0_-siY2V8IehBzo4_uph-mobile.webp",
+    "path": "image/x0_-siY2V8IehBzo4_uph-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/c4b23ebc-3915-4102-a25c-4e2f6da0d097/x0_-siY2V8IehBzo4_uph-mobile.webp"
+  },
+  {
+    "name": "y78xZ2axTOjz87gRKjVAf-desktop.webp",
+    "path": "image/y78xZ2axTOjz87gRKjVAf-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/180d0c29-c93e-4bbe-b399-7e6a34fbeb49/y78xZ2axTOjz87gRKjVAf-desktop.webp"
+  },
+  {
+    "name": "y78xZ2axTOjz87gRKjVAf-mobile.webp",
+    "path": "image/y78xZ2axTOjz87gRKjVAf-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/71b5091a-ebcd-4d4c-9aae-1b7e548051fc/y78xZ2axTOjz87gRKjVAf-mobile.webp"
+  },
+  {
+    "name": "YdCBnK-bWxlyHjwsk4Qie-desktop.webp",
+    "path": "image/YdCBnK-bWxlyHjwsk4Qie-desktop.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/bf6f2e11-b328-4da1-bda7-81af2336d03f/YdCBnK-bWxlyHjwsk4Qie-desktop.webp"
+  },
+  {
+    "name": "YdCBnK-bWxlyHjwsk4Qie-mobile.webp",
+    "path": "image/YdCBnK-bWxlyHjwsk4Qie-mobile.webp",
+    "downloadUrl": "https://cld-dkr-makuro-seafile.wibudev.com/seafhttp/files/9d7e5232-3b30-4ead-9482-1fed3a86245a/YdCBnK-bWxlyHjwsk4Qie-mobile.webp"
   }
 ]
diff --git a/prisma/data/landing-page/prestasi-desa/prestasi-desa.json b/prisma/data/landing-page/prestasi-desa/prestasi-desa.json
index ac9d67ad..645964d7 100644
--- a/prisma/data/landing-page/prestasi-desa/prestasi-desa.json
+++ b/prisma/data/landing-page/prestasi-desa/prestasi-desa.json
@@ -4,27 +4,27 @@
         "name": "Desa Darmasaba Raih Juara 1 Lomba Desa Tingkat Provinsi Bali Tahun 2025",
         "deskripsi": "<p>Pemerintah Desa Darmasaba meraih prestasi gemilang dengan menyabet Juara 1 Lomba Desa Tingkat Provinsi Bali Tahun 2025 dalam Peringatan Hari Jadi Pemerintah Provinsi Bali ke-67. Inovasi pelayanan publik dan sinergi masyarakat menjadi kunci keberhasilan.</p>",
         "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
-        "imageId": "cmkamki230003vntzg25voz53"
+        "imageName": "_CIAQk1Yem-_6LFjrkmVg-mobile.webp"
     },
     {
         "id": "cmdwrzs740008vnd329ysez5x",
         "name": "Desa Darmasaba Raih Juara 1 Lomba Desa Tingkat Kabupaten Badung Tahun 2025",
         "deskripsi": "<p>Desa Darmasaba berhasil meraih Juara 1 Lomba Desa Tingkat Kabupaten Badung Tahun 2025 yang diserahkan langsung oleh Bupati Badung dalam rangka memperingati HUT RI ke-80. Prestasi ini menjadi simbol kerja keras dan inovasi desa.</p>",
         "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
-        "imageId": "cmkamkb150002vntzklhz9ryx"
+        "imageName": "pxpQFGBkTRpFOwJFTwjbD-mobile.webp"
     },
     {
         "id": "cmdwrrxkh0005vnd3p5rxkiev",
         "name": "TPS3R Pudak Mesari Desa Darmasaba Raih Juara 2 dalam Kompetisi TPS3R Kabupaten Badung",
         "deskripsi": "<p>TPS3R Pudak Mesari Desa Darmasaba meraih Juara 2 dalam Kompetisi TPS3R tingkat Kabupaten Badung pada acara HUT Mangupura ke-16 sebagai wujud komitmen pengelolaan sampah berbasis masyarakat.</p>",
         "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
-        "imageId": "cmkamk2cf0001vntzjg4rzqep"
+        "imageName": "3rshaPxCgk5unArWbKPpk-mobile.webp"
     },
     {
         "id": "cmk3nxfkd0005vn9bcw8d10sh",
         "name": "Keluarga Sadar Hukum Desa Darmasaba Raih Prestasi Gemilang (Juara 3)",
         "deskripsi": "<p>KADARKUM Desa Darmasaba berhasil meraih Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung tahun 2024, bukti semangat kolaborasi masyarakat dengan perangkat desa dalam pendidikan hukum.</p>",
         "kategoriId": "cmdwrp0pr0002vnd35w6nkjh0",
-        "imageId": "cmkamji130000vntz3loca9q2"
+        "imageName": "D4za5fHh_y92Bj9qZkp5j-mobile.webp"
     }
 ]
\ No newline at end of file
diff --git a/prisma/data/landing-page/profile/mediaSosial.json b/prisma/data/landing-page/profile/mediaSosial.json
index 3f0ba929..799990bb 100644
--- a/prisma/data/landing-page/profile/mediaSosial.json
+++ b/prisma/data/landing-page/profile/mediaSosial.json
@@ -3,24 +3,24 @@
     "id": "cmds9023u0008vnbe3oxmhwyf",
     "name": "Desa Darmasaba",
     "iconUrl": "https://www.youtube.com/channel/UCtPw9WOQO7d2HIKzKgel4Xg",
-    "imageId": "cmk2cgqgm0003vn96jun52pik"
+    "imageName": "q1G995W7cLkC_qquLTlKN-mobile.webp"
   },
   {
     "id": "cmds90oul000bvnbe2bqkptoi",
     "name": "Pemerintah Desa Darmasaba",
     "iconUrl": "https://www.facebook.com/DarmasabaDesaku",
-    "imageId": "cmk2cmr000006vn96qepq6gvl"
+    "imageName": "I6mlQ4nRmPX26gm79C_rM-mobile.webp"
   },
   {
     "id": "cmds91i4e000evnbe8gtf1gub",
     "name": "ddarmasaba",
     "iconUrl": "https://www.instagram.com/ddarmasaba/",
-    "imageId": "cmk2cpeba0009vn966jcrpf3u"
+    "imageName": "WArLC_yvU33MjoqEnQeQ1-mobile.webp"
   },
   {
     "id": "cmds92de5000hvnbemlu6sq5x",
     "name": "desa.darmasaba",
     "iconUrl": "https://www.tiktok.com/@desa.darmasaba?is_from_webapp=1&sender_device=pc",
-    "imageId": "cmk2crcl1000cvn96j8pmgmo5"
+    "imageName": "D3RPbNiaNSCjacLjeR_qO-mobile.webp"
   }
 ]
diff --git a/prisma/data/landing-page/profile/profile.json b/prisma/data/landing-page/profile/profile.json
index 1073354f..31cab010 100644
--- a/prisma/data/landing-page/profile/profile.json
+++ b/prisma/data/landing-page/profile/profile.json
@@ -3,6 +3,6 @@
     "id": "edit",
     "name": "I.B Surya Prabhawa Manuaba, S.H., M.H.",
     "position": "Perbekel Darmasaba periode 2021-2027",
-    "imageId": "cmk2a2dl6001nvngck1n0k8qc"
+    "imageName": "Eqlrr1W-pK8ShMGqgPGL3-mobile.webp"
   }
 ]
diff --git a/prisma/data/landing-page/profile/programInovasi.json b/prisma/data/landing-page/profile/programInovasi.json
index 8cac1dd4..aadd4e79 100644
--- a/prisma/data/landing-page/profile/programInovasi.json
+++ b/prisma/data/landing-page/profile/programInovasi.json
@@ -4,55 +4,55 @@
     "name": "Bares",
     "description": "<p>BARES (Darmasaba Recycling Waste Stock/Exchange) adalah Bursa Sampah yang merupakan sebuah sistem inovatif untuk mengelola dan menukar sampah daur ulang menjadi nilai ekonomis melalui TPS3R Pudak Mesari, dengan tujuan memberdayakan masyarakat dan menjaga kebersihan lingkungan, menjadikannya bagian dari upaya lebih besar seperti program desa pintar (smart village) dan pengelolaan sampah terintegrasi.</p>",
     "link": "https://darmasaba.desa.id/berita/56722-bares#:~:text=Sampah%20jadi%20uang%20nie%20Semeton,masing%20banjar%20se%2DDesa%20Darmasaba.",
-    "imageId" : "cmk20mg320000vnevxy0k73fr"
+    "imageName" : "thpgPSJkBxUIRajZt3AVo-mobile.webp"
   },
   {
     "id": "cmdr76nqk0008vn5rdddvcxnr",
     "name": "Bicara Darmasaba",
     "description": "<p>Bicara Darmasaba adalah program ruang dialog terbuka yang digagas Pemerintah Desa Darmasaba sebagai forum strategis untuk menggali ide, menyampaikan aspirasi masyarakat, serta merangkai aksi nyata dalam menyelesaikan persoalan desa, seperti pengelolaan sampah. Kegiatan ini diselenggarakan secara berkala dengan pendekatan partisipatif dan ditayangkan secara live streaming agar transparan dan melibatkan banyak pihak, sehingga mendukung tata kelola desa yang responsif terhadap kebutuhan warga.</p>",
     "link": "https://badungkab.go.id/kab/berita/67159-bicara-darmasaba-bahas-berbagai-persoalan-warga-didorong-berani-speak-up-sampaikan-aspirasi-dan-cari-solusi-nyata",
-    "imageId" : "cmk20nqmu0001vnevfte29rk0"
+    "imageName" : "ubna9N6r7RgVWN5plO5mq-mobile.webp"
   },
   {
     "id": "cmdr755pf0005vn5rp8tyuubw",
     "name": "Dmangan",
     "description": "<p>Dmangan (Darmasaba Aman Pangan) adalah program inovasi Desa Darmasaba yang fokus pada ketahanan pangan masyarakat desa melalui pengembangan produksi hasil pangan lokal, peningkatan kemandirian pangan, serta pembinaan dan pemberdayaan warga dalam praktik pertanian dan pangan berkelanjutan.</p>",
     "link": "https://darmasaba.desa.id/berita/51787-desa-darmasaba-juara-1-lomba-desa-pangan-aman-provinsi-bali-tahun-2023#:~:text=Salah%20satu%20program%20inovasi%20Pemdes%20Darmasaba%20yaitu,Darmasaba%20dan%20seluruh%20stakeholder%20terkait%20yang%20telah",
-    "imageId" : "cmk20nyen0002vnevd0hfr3u8"
+    "imageName" : "y4yaE4XdUP1TSUGhWPW9h-mobile.webp"
   },
   {
     "id": "cmk228ust0009vnev5p8i377o",
     "name": "Davest",
     "description": "<p>DAVEST (Darmasaba Investment) merupakan program inovasi Desa Darmasaba yang bertujuan mempromosikan potensi investasi desa secara terintegrasi melalui media digital dan pendampingan langsung. Program ini menjadi sarana penghubung antara pemerintah desa, pelaku usaha, dan investor dalam rangka mendorong pertumbuhan ekonomi desa yang berkelanjutan.</p><p>DAVEST menyajikan informasi potensi unggulan desa seperti sektor UMKM, pariwisata, ekonomi kreatif, serta peluang investasi berbasis sumber daya lokal dengan prinsip transparansi dan kemudahan akses informasi.</p><p>Di tahun 2024 ini Davest (Darmasaba Village Festival) akan diadakan lagi, dengan berbagai kegiatan pemerdayaan, edukasi dan hiburan yang tentunya lebih waahhhh dari dua tahun lalu. Untuk memantapkan hal tersebut, Pemdes Darmasaba melakukan rapat koordinasi (rakor) Davest 2024 yang dipimpin langsung oleh Perbekel Darmasaba I. B. Surya Prabhawa Manuaba, S.H.,M.H. pada hari Senin (22/1/2024) bertempat di Ruang Shanti Gosana Kantor Perbekel Darmasaba.</p><hr><h3>Tujuan Program</h3><ul><li><p>Meningkatkan daya tarik investasi di Desa Darmasaba</p></li><li><p>Mempromosikan potensi unggulan desa secara profesional</p></li><li><p>Mendorong pertumbuhan ekonomi dan penciptaan lapangan kerja</p></li><li><p>Mendukung visi Desa Darmasaba sebagai desa inovatif dan berdaya saing</p></li></ul><hr><h3>Sasaran Program</h3><ul><li><p>Calon investor lokal dan regional</p></li><li><p>Pelaku UMKM dan kelompok usaha desa</p></li><li><p>Masyarakat Desa Darmasaba</p></li></ul><hr><h3>Bentuk Inovasi</h3><ul><li><p>Inovasi ekonomi desa</p></li><li><p>Inovasi digital</p></li><li><p>Inovasi tata kelola pelayanan investasi</p></li></ul><hr><h3>Ruang Lingkup Kegiatan</h3><ul><li><p>Penyusunan profil potensi investasi desa</p></li><li><p>Digitalisasi informasi investasi desa</p></li><li><p>Promosi peluang investasi melalui media online</p></li><li><p>Fasilitasi komunikasi antara investor dan desa</p></li><li><p>Pendampingan awal investasi berbasis desa</p></li></ul>",
     "link": "https://darmasaba.desa.id/berita/55862-rakor-davest-2024",
-    "imageId" : "cmk228urs0007vnevi5b66bqn"
+    "imageName" : "Z4i2RRnnlHq2iWj94ldyo-mobile.webp"
   },
   {
     "id": "cmdr7ftob000mvn5rfhgdtg8v",
     "name": "GM",
     "description": "<p>Galah Melah (Gerak dan Langkah Memilah Sampah) adalah program inovasi pengelolaan sampah yang dikembangkan oleh Pemerintah Desa Darmasaba melalui TPS3R Pudak Mesari, dengan fokus pada praktik pemisahan sampah dari sumbernya (di rumah, banjar, maupun fasilitas umum).</p>",
     "link": "https://mcinews.id/2025/09/12/serius-tangani-sampah-desa-darmasaba-terapkan-inovasi-dan-osaki-composting-system-di-tps-3r-pudak-mesari-dari-2023",
-    "imageId" : "cmk20o7mf0003vnevohrksm1d"
+    "imageName" : "Vr7CoaYDpk2dIkHx9PxRj-mobile.webp"
   },
   {
     "id": "cmdr7glue000pvn5r6onzslju",
     "name": "Inovasi Desa Darmasaba",
     "description": "<p>Inovasi Desa Darmasaba adalah kumpulan program inovatif yang dikembangkan oleh Pemerintah Desa Darmasaba untuk memperkuat penyelenggaraan pemerintahan desa, pemberdayaan masyarakat, pengelolaan lingkungan, serta peningkatan kualitas sosial-ekonomi dan budaya desa.</p>",
     "link": "https://mcinews.id/2025/09/11/inovasi-desa-darmasaba-lanjutkan-perjuangan-ke-tingkat-nasional-dan-diakui-negara-tetangga",
-    "imageId" : "cmk20of8m0004vnev9ujy5o0l"
+    "imageName" : "ceoB_sg-HOzljN8j_2nZA-mobile.webp"
   },
   {
     "id": "cmdr7dlnk000hvn5r9lur3z35",
     "name": "PDKT",
     "description": "<p>PDKT (Perangkat Desa Kuat Teknologi) merupakan program inovasi Desa Darmasaba yang dirancang untuk menguatkan kapasitas dan kompetensi perangkat desa dalam memanfaatkan teknologi informasi dan komunikasi guna mendukung tata kelola pemerintahan desa yang modern, transparan, cepat, dan responsif.</p>",
     "link": "https://darmasaba.desa.id/berita/67168-desa-darmasaba-masuk-5-besar-nasional-dalam-ajang-pemerintah-desa-dan-kelurahan-award-2025",
-    "imageId" : "cmk20omzq0005vnevgi6f4edu"
+    "imageName" : "vOy5YVUXfHXfiFOHylIN7-mobile.webp"
   },
   {
     "id": "cmdr7bxtp000evn5rmy85wihx",
     "name": "Sajjana Dharma Raksaka",
     "description": "<p>Sajjana Dharma Raksaka adalah program inovasi Desa Darmasaba yang bertujuan untuk memperkuat akses perlindungan hukum dan pendampingan hukum non-litigasi bagi masyarakat desa. Melalui inovasi ini, desa menyediakan layanan pendampingan, mediasi, dan bantuan dalam menyelesaikan persoalan hukum secara bijaksana, humanis, dan berperspektif keadilan sosial</p>",
     "link": "https://ppid.badungkab.go.id/storage/dokumen/5RS9dldGkrgzMQq6bKdZsqsVRHI8gffWv4PGfb3r.pdf",
-    "imageId" : "cmk20pf3d0006vnev3mkoqpyy"
+    "imageName" : "gE_qcqIbY0mqI6FV9V4CL-mobile.webp"
   }
 ]
diff --git a/prisma/data/landing-page/sdgs-desa/sdgs-desa.json b/prisma/data/landing-page/sdgs-desa/sdgs-desa.json
index 47ae0139..d8969097 100644
--- a/prisma/data/landing-page/sdgs-desa/sdgs-desa.json
+++ b/prisma/data/landing-page/sdgs-desa/sdgs-desa.json
@@ -3,109 +3,109 @@
     "id": "cmdsjzdl30002vneknuvo4irv",
     "name": "Desa Tanpa Kemiskinan",
     "jumlah": "52.62",
-    "imageId": "cmk3grkby0000vnxwblul7viy"
+    "imageName": "kxpXwgyx74-HkAGXML7Hv-mobile.webp"
   },
   {
     "id": "cmdskargd0005vnek0mu2ofk9",
     "name": "Desa Tanpa Kelaparan",
     "jumlah": "35.75",
-    "imageId": "cmk3h87lc0001vnxwxc5sn0xc"
+    "imageName": "D0DEORcSkSWXEpY29mh_x-mobile.webp"
   },
   {
     "id": "cmdskbvl0008vnek5dmieatb",
     "name": "Desa Sehat Dan Sejahtera",
     "jumlah": "77.37",
-    "imageId": "cmk3haaaf0002vnxwy5w07z3n"
+    "imageName": "jrUol97rV5whAUtpljbyF-mobile.webp"
   },
   {
     "id": "cmdskcx91000bvneko7tuaoqa",
     "name": "Pendidikan Desa Berkualitas",
     "jumlah": "34.11",
-    "imageId": "cmk3hdeeg0003vnxwezx6zu99"
+    "imageName": "Kh8RTS4ac1bG4ZXy3L2-y-mobile.webp"
   },
   {
     "id": "cmdskjare000evnek1hglu0x8",
     "name": "Keterlibatan Perempuan Desa",
     "jumlah": "45.70",
-    "imageId": "cmk3hg3n20004vnxwxofi5ylm"
+    "imageName": "8bAk-cuzJ73W1dgj4lVqM-mobile.webp"
   },
   {
     "id": "cmdskqcpc0002vnvnqjkqgm92",
     "name": "Desa Layak Air Bersih Dan Sanitasi",
     "jumlah": "48.54",
-    "imageId": "cmk3hjdb10005vnxwjtgd6g9g"
+    "imageName": "k4zOPRqxi6PS0W_rHgiVp-mobile.webp"
   },
   {
     "id": "cmdsktl3x0005vnvne15seefw",
     "name": "Desa Berenergi Bersih Dan Terbarukan",
     "jumlah": "99.64",
-    "imageId": "cmk3hlu6l0006vnxw9wtsaq4w"
+    "imageName": "txtX9hDmrHrRIkmpyQ6rp-mobile.webp"
   },
   {
     "id": "cmdskuncw0008vnvcsdqoeog",
     "name": "Pertumbuhan Ekonomi Desa Merata",
     "jumlah": "40.92",
-    "imageId": "cmk3hp5ht0007vnxwakvsa7ld"
+    "imageName": "Yx7ruGLJ_0QtD5RCvYhEC-mobile.webp"
   },
   {
     "id": "cmdskw83j000bvvn9szqrea6",
     "name": "Infrastruktur Dan Inovasi Desa Sesuai Kebutuhan",
     "jumlah": "35.37",
-    "imageId": "cmk3hrkmp0008vnxwijncfayo"
+    "imageName": "j1kZLRY4HLFBxdRt24XQw-mobile.webp"
   },
   {
     "id": "cmdskwrq7000envnvy0c5nbgf",
     "name": "Desa Tanpa Kesenjangan",
     "jumlah": "35.47",
-    "imageId": "cmk3hu2lh0009vnxw82qb8l6h"
+    "imageName": "Iqx5__9VtAQiScvvGb21S-mobile.webp"
   },
   {
     "id": "cmdskxivx000hnvnvsx520gv1",
     "name": "Kawasan Pemukiman Desa Aman Dan Nyaman",
     "jumlah": "40.35",
-    "imageId": "cmk3hwtsm000avnxwfug41t9x"
+    "imageName": "Eelib_Lr7GYv0nPj3XHVo-mobile.webp"
   },
   {
     "id": "cmdskzg4c000kvnnkiv61gkt",
     "name": "Konsumsi Dan Produksi Desa Sadar Lingkungan",
     "jumlah": "16.67",
-    "imageId": "cmk3i09sa000bvnxw95elyupj"
+    "imageName": "6MzAfXZyjsSTOkckqYJug-mobile.webp"
   },
   {
     "id": "cmdsl07lk000nvnnvnrepsdy5m",
     "name": "Desa Tanggap Perubahan Iklim",
     "jumlah": "0.00",
-    "imageId": "cmk3i2q07000cvnxwkjxqld0c"
+    "imageName": "f05zcftt1hdvkhCeN7wxk-mobile.webp"
   },
   {
     "id": "cmdsl10rq000qvnvnlch9c1yv",
     "name": "Desa Peduli Lingkungan Laut",
     "jumlah": "50.00",
-    "imageId": "cmk3i53wr000dvnxw074gyuar"
+    "imageName": "3tuC1Bq5WvH7QEBHQVDaM-mobile.webp"
   },
   {
     "id": "cmdsl1mc2000tvnvn357n8usi",
     "name": "Desa Peduli Lingkungan Darat",
     "jumlah": "0.00",
-    "imageId": "cmk3i7krz000evnxwe4uturyn"
+    "imageName": "oTKQeqAydsV5fXelI0S7Y-mobile.webp"
   },
   {
     "id": "cmdsl2bx3000wvnvntshi4gnj",
     "name": "Desa Damai Berkeadilan",
     "jumlah": "78.65",
-    "imageId": "cmk3ib07w000fvnxwsnb1hga3"
+    "imageName": "16sdgs.webp"
   },
   {
     "id": "cmdsl2yz3000zvnvnmf60ok7q",
     "name": "Kemitraan Untuk Pembangunan Desa",
     "jumlah": "20.00",
-    "imageId": "cmk3idx0t000gvnxw16urbiw5"
+    "imageName": "L8jv3Wvj0GwsQgS7JSJQO-mobile.webp"
   },
   {
     "id": "cmdsl492h0012vnvnmckm3n2x",
     "name": "Kelembagaan Desa Dinamis Dan Budaya Desa Adaptif",
     "jumlah": "47.22",
-    "imageId": "cmk3ig4ho000hvnxwewlheju3"
+    "imageName": "18sdgs.webp"
   }
 ] 
 
diff --git a/prisma/data/ppid/profile-ppid/profilePPid.json b/prisma/data/ppid/profile-ppid/profilePPid.json
index b1cdb82b..26fed553 100644
--- a/prisma/data/ppid/profile-ppid/profilePPid.json
+++ b/prisma/data/ppid/profile-ppid/profilePPid.json
@@ -6,6 +6,6 @@
     "riwayat": "<ul> <li>2021 - 2027: Perbekel Desa Darmasaba</li> <li>2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</li> <li>2020 - Sekarang: Founder Ugawa Record Music Studio</li> <li>2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</li> </ul>",
     "pengalaman": "<ul> <li>1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal</li><li>1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi</li> <li>2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar</li> <li>2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</li> <li>2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</li> <li>2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</li> <li>2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</li> </ul>",
     "unggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>",
-    "imageId" : "cmk3o5wxs0006vn9b1u5kbqyw"
+    "imageName" : "t9x6bSW8WnbdPS9cx9PLC-mobile.webp"
   }
 ]
diff --git a/prisma/data/ppid/struktur-ppid/pegawai-PPID.json b/prisma/data/ppid/struktur-ppid/pegawai-PPID.json
index 713cb799..8602e313 100644
--- a/prisma/data/ppid/struktur-ppid/pegawai-PPID.json
+++ b/prisma/data/ppid/struktur-ppid/pegawai-PPID.json
@@ -8,7 +8,8 @@
       "telepon": "081234567891",
       "alamat": "Jl. Raya Desa No. 1",
       "posisiId": "kepala_desa",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     },
     {
       "id": "cmgewxfvw000004ibee5013f4",
@@ -19,7 +20,8 @@
       "telepon": "081234567892",
       "alamat": "Jl. Raya Desa No. 2",
       "posisiId": "sekretaris_desa",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     },
     {
       "id": "cmgewxvqw000104ibgm5l8fzs",
@@ -30,7 +32,8 @@
       "telepon": "081234567892",
       "alamat": "Jl. Raya Desa No. 2",
       "posisiId": "kaur_keuangan",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     },
     {
       "id": "cmgewy1g9000204ib2n7hbx0i",
@@ -41,7 +44,8 @@
       "telepon": "081234567892",
       "alamat": "Jl. Raya Desa No. 2",
       "posisiId": "kadus_banjar_dinas_menesa",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     },
     {
       "id": "cmgewybah000304ibgqhn1gm2",
@@ -52,7 +56,8 @@
       "telepon": "081234567893",
       "alamat": "Jl. Raya Desa No. 2",
       "posisiId": "kadus_banjar_dinas_darmasaba",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     },
     {
       "id": "cmgewygqz000404ib20sv8nvg",
@@ -63,7 +68,8 @@
       "telepon": "081234567893",
       "alamat": "Jl. Raya Desa No. 2",
       "posisiId": "kadus_banjar_dinas_bucu",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     },
     {
       "id": "cmgewyos1000504ibcu8o2gyk",
@@ -74,7 +80,8 @@
       "telepon": "081234567893",
       "alamat": "Jl. Raya Desa No. 2",
       "posisiId": "kadus_banjar_dinas_gulingan",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     },
     {
       "id": "cmgewyxk7000604ib8djs3i6c",
@@ -85,7 +92,8 @@
       "telepon": "081234567893",
       "alamat": "Jl. Raya Desa No. 2",
       "posisiId": "kadus_banjar_dinas_taman",
-      "isActive": true
+      "isActive": true,
+      "imageName": ""
     }
 
   ]
\ No newline at end of file
diff --git a/prisma/lib/get_images.ts b/prisma/lib/get_images.ts
new file mode 100644
index 00000000..4cc47c54
--- /dev/null
+++ b/prisma/lib/get_images.ts
@@ -0,0 +1,75 @@
+type DirItem = {
+  type: "file" | "dir";
+  name: string;
+  path: string;
+  size?: number;
+};
+
+const TOKEN = process.env.SEAFILE_TOKEN!;
+const REPO_ID = process.env.SEAFILE_REPO_ID!;
+
+// ⛔ PENTING: RELATIVE PATH (tanpa slash depan)
+const DIR_TARGET = "asset-web";
+
+const BASE_URL = process.env.SEAFILE_URL;
+
+const headers = {
+  Authorization: `Token ${TOKEN}`,
+};
+
+async function getDirItems(): Promise<DirItem[]> {
+  const res = await fetch(`${BASE_URL}/repos/${REPO_ID}/dir/?p=${DIR_TARGET}`, {
+    headers,
+  });
+
+  if (!res.ok) {
+    throw new Error(`Failed get dir items: ${res.statusText}`);
+  }
+
+  return res.json();
+}
+
+async function getDownloadUrl(filePath: string): Promise<string> {
+  const res = await fetch(
+    `${BASE_URL}/repos/${REPO_ID}/file/?p=${encodeURIComponent(filePath)}`,
+    { headers },
+  );
+
+  if (!res.ok) {
+    throw new Error(`Failed get file url: ${res.statusText}`);
+  }
+
+  const data = await res.json();
+
+  return data;
+}
+
+/**
+ * Ambil semua download URL dari target dir
+ */
+export async function getAllDownloadUrls() {
+  const items = await getDirItems();
+
+  const files = items.filter((item) => item.type === "file");
+
+  const results = await Promise.all(
+    files.map(async (file) => {
+      const filePath = `${DIR_TARGET}/${file.name}`;
+      const url = await getDownloadUrl(filePath);
+      return {
+        name: file.name,
+        path: filePath,
+        downloadUrl: url,
+      };
+    }),
+  );
+
+  return results;
+}
+
+if (import.meta.main) {
+  console.log("get data ...")
+  getAllDownloadUrls().then((res) => {
+    console.log(res);
+  });
+}
diff --git a/prisma/newseed-asset.ts b/prisma/newseed-asset.ts
new file mode 100644
index 00000000..fabdbafc
--- /dev/null
+++ b/prisma/newseed-asset.ts
@@ -0,0 +1,82 @@
+type DirItem = {
+  type: "file" | "dir";
+  name: string;
+  path: string;
+  size?: number;
+};
+
+type FileDownload = {
+  name: string;
+  path: string;
+  link: string;
+};
+
+const TOKEN = process.env.SEAFILE_TOKEN!;
+const REPO_ID = process.env.SEAFILE_REPO_ID!;
+
+// ⛔ PENTING: RELATIVE PATH (tanpa slash depan)
+const DIR_TARGET = "asset-web";
+
+const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com/api2";
+
+const headers = {
+  Authorization: `Token ${TOKEN}`,
+};
+
+/**
+ * Ambil list item di directory
+ */
+async function getDirItems(): Promise<DirItem[]> {
+  const res = await fetch(
+    `${BASE_URL}/repos/${REPO_ID}/dir/?p=${encodeURIComponent(DIR_TARGET)}`,
+    { headers },
+  );
+
+  if (!res.ok) {
+    const body = await res.text();
+    throw new Error(`Failed get dir items: ${body}`);
+  }
+
+  return res.json();
+}
+
+
+/**
+ * Ambil download URL file
+ */
+async function getDownloadUrl(filePath: string): Promise<string> {
+  const res = await fetch(
+    `${BASE_URL}/repos/${REPO_ID}/file/?p=${encodeURIComponent(filePath)}`,
+    { headers },
+  );
+
+  if (!res.ok) {
+    const body = await res.text();
+    throw new Error(`Failed get file url: ${body}`);
+  }
+
+  const data = await res.json();
+  return data.url;
+}
+
+/**
+ * Ambil semua download URL dari folder image
+ */
+export async function getImageDownloadList(): Promise<FileDownload[]> {
+  const items = await getDirItems();
+
+  const files = items.filter((item) => item.type === "file");
+
+  return Promise.all(
+    files.map(async (file) => {
+      const filePath = `${DIR_TARGET}/${file.name}`; // → /image/xxx.webp
+
+      return {
+        name: file.name,
+        path: filePath,
+        link: await getDownloadUrl(filePath),
+      };
+    }),
+  );
+}
+
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 8e45d429..40780099 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -569,8 +569,8 @@ model MaskotDesa {
 model ProfileDesaImage {
   id           String      @id @default(cuid())
   label        String
-  image        FileStorage @relation(fields: [imageId], references: [id])
-  imageId      String
+  image        FileStorage? @relation(fields: [imageId], references: [id])
+  imageId      String?
   MaskotDesa   MaskotDesa  @relation(fields: [maskotDesaId], references: [id])
   maskotDesaId String
 }
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 129643d5..c1358afd 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -1,124 +1,33 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import prisma from "@/lib/prisma";
-import profilePejabatDesa from "./data/landing-page/profile/profile.json";
-import programInovasi from "./data/landing-page/profile/programInovasi.json";
-import mediaSosial from "./data/landing-page/profile/mediaSosial.json";
-import desaAntiKorupsi from "./data/landing-page/desa-anti-korupsi/desaantiKorpusi.json";
-import kategoriDesaAntiKorupsi from "./data/landing-page/desa-anti-korupsi/kategoriDesaAntiKorupsi.json";
-import sdgsDesa from "./data/landing-page/sdgs-desa/sdgs-desa.json";
-import apbdes from "./data/landing-page/apbdes/apbdes.json";
-import kategoriPrestasiDesa from "./data/landing-page/prestasi-desa/kategori-prestasi.json";
-import prestasiDesa from "./data/landing-page/prestasi-desa/prestasi-desa.json";
-import profilePPID from "./data/ppid/profile-ppid/profilePPid.json";
-import pegawaiPPID from "./data/ppid/struktur-ppid/pegawai-PPID.json";
-import posisiOrganisasiPPID from "./data/ppid/struktur-ppid/posisi-organisasi-PPID.json";
-import visiMisiPPID from "./data/ppid/visi-misi-ppid/visimisiPPID.json";
-import dasarHukumPPID from "./data/ppid/dasar-hukum-ppid/dasarhukumPPID.json";
-import jenisKelamin from "./data/ppid/ikm/jenis-kelamin/jenis-kelamin.json";
-import daftarInformasiPublik from "./data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json";
-import pilihanRatingResponden from "./data/ppid/ikm/pilihan-rating-responden/rating-responden.json";
-import umurResponden from "./data/ppid/ikm/umur-responden/umur-responden.json";
-import kategoriPengumuman from "./data/desa/pengumuman/kategori-pengumuman.json";
-import pengumuman from "./data/desa/pengumuman/pengumuman.json";
-import galleryVideo from "./data/desa/gallery/video/video.json";
-import pelayananPerizinanBerusaha from "./data/desa/layanan/pelayananPerizinanBerusaha.json";
-import pelayananSuratKeterangan from "./data/desa/layanan/pelayananSuratKeterangan.json";
-import pelayananTelunjukSaktiDesa from "./data/desa/layanan/pelayananTelunjukSaktiDesa.json";
-import pelayananPendudukNonPermanen from "./data/desa/layanan/pelayanaPendudukNonPermanen.json";
-import penghargaan from "./data/desa/penghargaan/penghargaan.json";
-import lambangDesa from "./data/desa/profile/lambang_desa.json";
-import maskotDesa from "./data/desa/profile/maskot_desa.json";
-import profilPerbekel from "./data/desa/profile/profil_perbekel.json";
-import perbekelDariMasaKeMasa from "./data/desa/profile/profile-perbekel-lalu.json";
-import sejarahDesa from "./data/desa/profile/sejarah_desa.json";
-import visiMisiDesa from "./data/desa/profile/visi_misi_desa.json";
-import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json";
-import pegawai from "./data/ekonomi/struktur-organisasi/pegawai-bumdes.json";
-import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi-bumdes.json";
-import posyandu from "./data/kesehatan/posyandu/posyandu.json";
-import kontakPuskesmas from "./data/kesehatan/puskesmas/kontak-puskesmas/kontak.json";
-import jamPuskesmas from "./data/kesehatan/puskesmas/jam-puskesmas/jam.json";
-import puskesmas from "./data/kesehatan/puskesmas/puskesmas.json";
-import programKesehatan from "./data/kesehatan/program-kesehatan/program-kesehatan.json";
-import penangananDarurat from "./data/kesehatan/penanganan-darurat/penganan-darurat.json";
-import kontakDarurat from "./data/kesehatan/kontak-darurat/kontak-darurat.json";
-import infoWabahPenyakit from "./data/kesehatan/infowabahpenyakit/infowabahpenyakit.json";
-import keamananLingkungan from "./data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json";
-import kontakDaruratKeamanan from "./data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json";
-import kontakItem from "./data/keamanan/kontak-darurat-keamanan/kontakItem.json";
-import kontakDaruratToItem from "./data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json";
-import pencegahanKriminalitas from "./data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json";
-import tipsKeamanan from "./data/keamanan/tips-keamanan/tips-keamanan.json";
-import polsekTerdekat from "./data/keamanan/polsek-terdekat/polsek-terdekat.json";
-import layananPolsek from "./data/keamanan/polsek-terdekat/layanan-polsek.json";
-import layananToPolsek from "./data/keamanan/polsek-terdekat/layanan-to-polsek.json";
-import penangananLaporan from "./data/keamanan/laporan-publik/penanganan-laporan.json";
-import laporanPublik from "./data/keamanan/laporan-publik/laporan-publik.json";
-import pasarDesa from "./data/ekonomi/pasar-desa/pasar-desa.json";
-import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
-import kategoriToPasar from "./data/ekonomi/pasar-desa/kategori-to-pasar.json";
-import lowonganKerjaLokal from "./data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json";
-import demografiPekerjaan from "./data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json";
-import sektorUnggulanDesa from "./data/ekonomi/sektor-unggulan/sektor-unggulan.json";
-import programKemiskinan from "./data/ekonomi/program-kemiskinan/program-kemiskinan.json";
-import statistikKemiskinan from "./data/ekonomi/program-kemiskinan/statistik-kemiskinan.json";
-import grafikMenganggurBerdasarkanUsia from "./data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-usia.json";
-import grafikMenganggurBerdasarkanPendidikan from "./data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-pendidikan.json";
-import jumlahPendudukMiskin from "./data/ekonomi/jumlah-penduduk-miskin/jumlah-penduduk-miskin.json";
-import desaDigital from "./data/inovasi/desa-digital/desa-digital.json";
-import jenisLayanan from "./data/inovasi/layanan-online-desa/jenis-layanan.json";
-import jenisPengaduan from "./data/inovasi/layanan-online-desa/jenis-pengaduan.json";
-import administrasiOnline from "./data/inovasi/layanan-online-desa/administrasi-online.json";
-import pengaduanMasyarakat from "./data/inovasi/layanan-online-desa/pengaduan-masyarakat.json";
-import programKreatif from "./data/inovasi/program-kreatif-desa/program-kreatif-desa.json";
-import kolaborasiInovasi from "./data/inovasi/kolaborasi-inovasi/kolaborasi-inovasi.json";
-import mitraKolaborasi from "./data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json";
-import infoTeknologi from "./data/inovasi/info-teknologi/info-teknologi.json";
-import ajukanIde from "./data/inovasi/ajukan-ide/ajukan-ide.json";
-import pengelolaanSampah from "./data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json";
-import keteranganBankSampah from "./data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json";
-import programPenghijauan from "./data/lingkungan/program-penghijauan/program-penghijauan.json";
-import dataLingkunganDesa from "./data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json";
-import kategoriGotongRoyong from "./data/lingkungan/gotong-royong/kategori-gotong-royong.json";
-import gotongRoyong from "./data/lingkungan/gotong-royong/gotong-royong.json";
-import berita from "./data/desa/berita/berita.json";
-import kategoriBerita from "./data/desa/berita/kategori-berita.json";
-import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
-import materiEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan.json";
-import tujuanEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan.json";
-import bentukKonservasiBerdasarkanAdat from "./data/lingkungan/konservasi-adat-bali/bentuk-konservasi.json";
-import filosofiTriHita from "./data/lingkungan/konservasi-adat-bali/filosofi-tri-hita.json";
-import nilaiKonservasiAdat from "./data/lingkungan/konservasi-adat-bali/nilai-konservasi-adat.json";
-import jenjangPendidikan from "./data/pendidikan/info-sekolah/jenjang-pendidikan.json";
-import lembagaPendidikan from "./data/pendidikan/info-sekolah/lembaga.json";
-import siswa from "./data/pendidikan/info-sekolah/siswa.json";
-import pengajar from "./data/pendidikan/info-sekolah/pengajar.json";
-import dataPerpustakaan from "./data/pendidikan/perpustakaan-digital/perpustakaan-digital.json";
-import dataPendidikan from "./data/pendidikan/data-pendidikan/data-pendidikan.json"
-import caraMemperolehInformasi from "./data/list-caraMemperolehInformasi.json";
-import caraMemperolehSalinanInformasi from "./data/list-caraMemperolehSalinanInformasi.json";
-import jenisInformasiDiminta from "./data/list-jenisInfromasi.json";
-import potensi from "./data/desa/potensi/potensi-desa.json";
-import kategoriPotensi from "./data/desa/potensi/kategori-potensi.json";
-import fasilitasBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan.json";
-import lokasiJadwalBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal.json";
-import tujuanBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/tujuan-bimbingan-belajar-desa.json";
-import jenisProgramYangDiselenggarakan from "./data/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan.json";
-import tempatKegiatan from "./data/pendidikan/pendidikan-non-formal/tempat-kegiatan.json";
-import tujuanProgram2 from "./data/pendidikan/pendidikan-non-formal/tujuan-program2.json";
-import programUnggulan from "./data/pendidikan/program-pendidikan-anak/program-unggulan.json";
-import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-program.json";
-import kategoriBuku from "./data/pendidikan/perpustakaan-digital/kategori-buku.json";
+import { seedVideo } from "./_seeder_list/desa/gallery/video/seed_video";
+import { seedLayanan } from "./_seeder_list/desa/layanan/seed_layanan";
+import { seedPenghargaan } from "./_seeder_list/desa/penghargaan/penghargaan";
+import { seedPengumuman } from "./_seeder_list/desa/pengumuman/seed_pengumuman";
+import { seedPotensi } from "./_seeder_list/desa/potensi/seed_potensi";
+import { seedProfileDesa } from "./_seeder_list/desa/profile-desa/seed_profile_desa";
+import { seedProfilePerbekel } from "./_seeder_list/desa/profile-desa/seed_profile_perbekel";
+import { seedDesaAntiKorupsi } from "./_seeder_list/landing-page/desa-anti-korupsi/seed_desa_anti_korupsi";
+import { seedPrestasiDesa } from "./_seeder_list/landing-page/prestasi-desa/seed_prestasi_desa";
+import { seedMediaSosial } from "./_seeder_list/landing-page/profil_landing_page/seed_media_sosial";
+import { seedProfileLP } from "./_seeder_list/landing-page/profil_landing_page/seed_profile_lp";
+import { seedProgramInovasi } from "./_seeder_list/landing-page/profil_landing_page/seed_program_inovasi";
+import { seedSDGSDesa } from "./_seeder_list/landing-page/sdgs/seed_sdgs";
+import { seedDaftarInformasiPublikPpid } from "./_seeder_list/ppid/daftar-informasi-publik-ppid/seed_daftar_informasi_publik_ppid";
+import { seedDasarHukumPpid } from "./_seeder_list/ppid/dasar-hukum-ppid/seed_dasar_hukum_ppid";
+import { seedIkmPpid } from "./_seeder_list/ppid/ikm/seed_ikm";
+import { seedPegawaiPpid } from "./_seeder_list/ppid/struktur-ppid/seed_struktur_ppid";
+import { seedVisiMisiPpid } from "./_seeder_list/ppid/visi-misi-ppid/seed_visi_misi_ppid";
+import dataPendidikan from "./data/pendidikan/data-pendidikan/data-pendidikan.json";
 import roles from "./data/user/roles.json";
-import fileStorage from "./data/file-storage.json";
-import seedAssets from "./seed_assets";
 import users from "./data/user/users.json";
 import { safeSeedUnique } from "./safeseedUnique";
-import resolveImageById from "./resolveImageByName";
+import seedAssets from "./seed_assets";
+import { seedBerita } from "./_seeder_list/desa/berita/seed_berita";
+import { seedFoto } from "./_seeder_list/desa/gallery/foto/seed_foto";
 
 (async () => {
-  // seed assets
   const totalFiles = await prisma.fileStorage.count();
 
   const hasImageAsset = await prisma.fileStorage.findFirst({
@@ -134,26 +43,6 @@ import resolveImageById from "./resolveImageByName";
   }
 
   // // =========== FILE STORAGE ===========
-  console.log("🔄 Seeding file storage...");
-  for (const f of fileStorage) {
-    await safeSeedUnique(
-      "fileStorage",
-      { name: f.name },
-      {
-        id: f.id,
-        name: f.name,
-        realName: f.realName,
-        path: f.path,
-        mimeType: f.mimeType,
-        link: f.link,
-        category: f.category,
-        deletedAt: null,
-        isActive: true,
-      },
-    );
-  }
-
-  console.log("✅ File storage seeded");
 
   console.log("🔄 Seeding roles...");
 
@@ -227,2796 +116,1813 @@ import resolveImageById from "./resolveImageByName";
   console.log("✅ Users seeding completed");
   // =========== LANDING PAGE ===========
   // =========== SUBMENU PROFILE ===========
-  // =========== PROFILE PEJABAT DESA ===========
-  // In your seed.ts file, update the PejabatDesa seeding section to:
-  console.log("🔄 Seeding Pejabat Desa...");
-  for (const p of profilePejabatDesa) {
-    try {
-      // First, verify the image exists
-      if (p.imageId) {
-        const imageExists = await prisma.fileStorage.findUnique({
-          where: { id: p.imageId },
-        });
-
-        if (!imageExists) {
-          console.warn(
-            `⚠️ Image not found for PejabatDesa ${p.name}, skipping...`,
-          );
-          continue;
-        }
-      }
-
-      await safeSeedUnique(
-        "pejabatDesa",
-        { id: p.id },
-        {
-          id: p.id,
-          name: p.name,
-          position: p.position,
-          imageId: p.imageId,
-        },
-      );
-      console.log(`✅ Seeded Pejabat Desa -> ${p.name}`);
-    } catch (error: any) {
-      console.error(`❌ Failed to seed Pejabat Desa ${p.name}:`, error.message);
-    }
-  }
-  console.log("✅ Pejabat Desa seeding completed");
-
-  // =========== PROGRAM INOVASI ===========
-  // Add this section after the other seed operations in seed.ts
-  console.log("🔄 Seeding Program Inovasi...");
-  for (const p of programInovasi) {
-    const existing = await prisma.programInovasi.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.programInovasi.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        description: p.description,
-        link: p.link,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        description: p.description,
-        link: p.link,
-        imageId,
-      },
-    });
-  }
-
-  // =========== MEDIA SOSIAL ===========
-  console.log("🔄 Seeding Media Sosial...");
-  for (const m of mediaSosial) {
-    const existing = await prisma.mediaSosial.findUnique({
-      where: { id: m.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && m.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: m.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${m.imageId} not found for ${m.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.mediaSosial.upsert({
-      where: { id: m.id },
-      update: {
-        name: m.name,
-        iconUrl: m.iconUrl,
-        imageId,
-      },
-      create: {
-        id: m.id,
-        name: m.name,
-        iconUrl: m.iconUrl,
-        imageId,
-      },
-    });
-  }
-
-  console.log("media sosial success ...");
-
-  // =========== SUBMENU DESA ANTI KORUPSI ===========
-  // =========== KATEGORI DESA ANTI KORUPSI ===========
-  for (const k of kategoriDesaAntiKorupsi) {
-    await prisma.kategoriDesaAntiKorupsi.upsert({
-      where: { id: k.id },
-      update: {
-        name: k.name,
-      },
-      create: {
-        id: k.id,
-        name: k.name,
-      },
-    });
-  }
-  console.log("kategori desa anti korupsi success ...");
-
-  // =========== DESA ANTI KORUPSI ===========
-  for (const p of desaAntiKorupsi) {
-    await prisma.desaAntiKorupsi.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-    });
-  }
-  console.log("desa anti korupsi success ...");
-
-  // =========== SDGSDesa ===========
-  console.log("🔄 Seeding SDGS Desa...");
-  for (const l of sdgsDesa) {
-    const existing = await prisma.sdgsDesa.findUnique({
-      where: { id: l.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && l.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: l.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${l.imageId} not found for ${l.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.sdgsDesa.upsert({
-      where: { id: l.id },
-      update: {
-        name: l.name,
-        jumlah: l.jumlah,
-        imageId,
-      },
-      create: {
-        id: l.id,
-        name: l.name,
-        jumlah: l.jumlah,
-        imageId,
-      },
-    });
-  }
-  console.log("sdgs desa success ...");
-
-  // =========== APBDes ===========
-  for (const l of apbdes) {
-    await prisma.aPBDes.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        name: l.name,
-        jumlah: l.jumlah,
-      },
-      create: {
-        name: l.name,
-        jumlah: l.jumlah,
-      },
-    });
-  }
-
-  console.log("apbdes success ...");
-
-  // =========== KATEGORI PRESTASI DESA===========
-  for (const c of kategoriPrestasiDesa) {
-    await prisma.kategoriPrestasiDesa.upsert({
-      where: { id: c.id },
-      update: {
-        name: c.name,
-      },
-      create: {
-        id: c.id,
-        name: c.name,
-      },
-    });
-  }
-  console.log("kategori prestasi desa success ...");
-
-  // =========== PRESTASI DESA===========
-  for (const p of prestasiDesa) {
-    await prisma.prestasiDesa.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-    });
-  }
-  console.log("prestasi desa success ...");
-
-  // =========== MENU PPID ===========
-  // =========== SUBMENU PROFILE PPID ===========
-  for (const c of profilePPID) {
-    await prisma.profilePPID.upsert({
-      where: { id: c.id },
-      update: {
-        name: c.name,
-        biodata: c.biodata,
-        riwayat: c.riwayat,
-        pengalaman: c.pengalaman,
-        unggulan: c.unggulan,
-        // imageId tidak di-update
-      },
-      create: {
-        id: c.id,
-        name: c.name,
-        biodata: c.biodata,
-        riwayat: c.riwayat,
-        pengalaman: c.pengalaman,
-        unggulan: c.unggulan,
-        // imageId tidak di-create
-      },
-    });
-  }
-  console.log("✅ profilePPID seeded without imageId (editable later via UI)");
-
-  // =========== SUBMENU STRUKTUR PPID ===========
-  // =========== POSISI ORGANISASI PPID ===========
-
-  const flattenedPosisi = posisiOrganisasiPPID.flat();
-
-  // ✅ Urutkan berdasarkan hierarki
-  const sortedPosisi = flattenedPosisi.sort((a, b) => a.hierarki - b.hierarki);
-
-  for (const p of sortedPosisi) {
-    console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
-
-    if (p.parentId) {
-      const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
-      if (!parentExists) {
-        console.warn(
-          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
-        );
-        continue;
-      }
-    }
-
-    await prisma.posisiOrganisasiPPID.upsert({
-      where: { id: p.id },
-      update: p,
-      create: p,
-    });
-  }
-  console.log("posisi organisasi berhasil");
-
-  // =========== PEGAWAI PPID ===========
-  console.log("🔄 Seeding pegawai PPID...");
-  const flattenedPegawai = pegawaiPPID.flat();
-
-  // Check for duplicate emails
-  const emails = new Set();
-  for (const p of flattenedPegawai) {
-    if (emails.has(p.email)) {
-      console.warn(`⚠️ Duplicate email found in pegawaiPPID: ${p.email}`);
-    }
-    emails.add(p.email);
-  }
-
-  for (const p of flattenedPegawai) {
-    try {
-      await prisma.pegawaiPPID.upsert({
-        where: { id: p.id },
-        update: p,
-        create: p,
-      });
-      console.log(`✅ Seeded pegawai PPID -> ${p.namaLengkap}`);
-    } catch (error: any) {
-      if (error.code === "P2002") {
-        console.warn(
-          `⚠️ Pegawai PPID with duplicate email (skipping): ${p.email}`,
-        );
-      } else {
-        console.error(
-          `❌ Failed to seed pegawai PPID ${p.namaLengkap}:`,
-          error.message,
-        );
-      }
-    }
-  }
-  console.log("✅ pegawai PPID seeding completed");
-
-  // =========== SUBMENU VISI MISI PPID ===========
-
-  for (const v of visiMisiPPID) {
-    await prisma.visiMisiPPID.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        misi: v.misi,
-        visi: v.visi,
-      },
-      create: {
-        id: v.id,
-        misi: v.misi,
-        visi: v.visi,
-      },
-    });
-  }
-  console.log("visi misi PPID success ...");
-
-  // =========== SUBMENU DASAR HUKUM PPID ===========
-  for (const v of dasarHukumPPID) {
-    await prisma.dasarHukumPPID.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        judul: v.judul,
-        content: v.content,
-      },
-      create: {
-        id: v.id,
-        judul: v.judul,
-        content: v.content,
-      },
-    });
-  }
-  console.log("dasar hukum PPID success ...");
-
-  // =========== SUBMENU DAFTAR INFORMASI PUBLIK PPID ===========
-  for (const v of daftarInformasiPublik) {
-    // Convert string date to Date object
-    const tanggal = new Date(v.tanggal);
-
-    await prisma.daftarInformasiPublik.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        jenisInformasi: v.jenisInformasi,
-        deskripsi: v.deskripsi,
-        tanggal: tanggal,
-      },
-      create: {
-        id: v.id,
-        jenisInformasi: v.jenisInformasi,
-        deskripsi: v.deskripsi,
-        tanggal: tanggal,
-      },
-    });
-  }
-  console.log("daftar informasi publik PPID success ...");
-
-  // =========== SUBMENU PERMOHONAN INFORMASI PUBLIK ===========
-
-  for (const j of jenisInformasiDiminta) {
-    await prisma.jenisInformasiDiminta.upsert({
-      where: {
-        name: j.name,
-      },
-      update: {
-        name: j.name,
-      },
-      create: {
-        name: j.name,
-      },
-    });
-  }
-  console.log("jenis informasi diminta success ...");
-
-  for (const c of caraMemperolehInformasi) {
-    await prisma.caraMemperolehInformasi.upsert({
-      where: {
-        name: c.name,
-      },
-      update: {
-        name: c.name,
-      },
-      create: {
-        name: c.name,
-      },
-    });
-  }
-  console.log("cara memperoleh informasi success ...");
-
-  for (const c of caraMemperolehSalinanInformasi) {
-    await prisma.caraMemperolehSalinanInformasi.upsert({
-      where: {
-        name: c.name,
-      },
-      update: {
-        name: c.name,
-      },
-      create: {
-        name: c.name,
-      },
-    });
-  }
-  console.log("cara memperoleh salinan informasi success ...");
-
-  // =========== SUBMENU INDEKS KEPUASAN MASYARAKAT ===========
-  for (const j of jenisKelamin) {
-    await prisma.jenisKelaminResponden.upsert({
-      where: {
-        id: j.id,
-      },
-      update: {
-        name: j.name,
-      },
-      create: {
-        id: j.id,
-        name: j.name,
-      },
-    });
-  }
-  console.log("jenis kelamin responden success ...");
-
-  for (const r of pilihanRatingResponden) {
-    await prisma.pilihanRatingResponden.upsert({
-      where: {
-        id: r.id,
-      },
-      update: {
-        name: r.name,
-      },
-      create: {
-        id: r.id,
-        name: r.name,
-      },
-    });
-  }
-  console.log("pilihan rating responden success ...");
-
-  for (const u of umurResponden) {
-    await prisma.umurResponden.upsert({
-      where: {
-        id: u.id,
-      },
-      update: {
-        name: u.name,
-      },
-      create: {
-        id: u.id,
-        name: u.name,
-      },
-    });
-  }
-  console.log("umur responden success ...");
-
-  // =========== MENU DESA ===========
-  // =========== SUBMENU PROFILE ===========
-  // =========== SEJARAH DESA ===========
-  for (const l of sejarahDesa) {
-    await prisma.sejarahDesa.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        judul: l.judul,
-        deskripsi: l.deskripsi,
-      },
-      create: {
-        id: l.id,
-        judul: l.judul,
-        deskripsi: l.deskripsi,
-      },
-    });
-  }
-
-  console.log("sejarah desa success ...");
-
-  // =========== MASKOT DESA ===========
-  for (const l of maskotDesa) {
-    await prisma.maskotDesa.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        judul: l.judul,
-        deskripsi: l.deskripsi,
-      },
-      create: {
-        id: l.id,
-        judul: l.judul,
-        deskripsi: l.deskripsi,
-      },
-    });
-  }
-
-  console.log("maskot desa success ...");
-
-  // =========== LAMBANG DESA ===========
-  for (const l of lambangDesa) {
-    await prisma.lambangDesa.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        judul: l.judul,
-        deskripsi: l.deskripsi,
-      },
-      create: {
-        id: l.id,
-        judul: l.judul,
-        deskripsi: l.deskripsi,
-      },
-    });
-  }
-
-  console.log("lambang desa success ...");
-
-  // =========== PROFIL PERBEKEL ===========
-  console.log("🔄 Seeding Profil Perbekel...");
-  for (const c of profilPerbekel) {
-    const existing = await prisma.profilPerbekel.findUnique({
-      where: { id: c.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && c.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: c.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${c.imageId} not found for ${c.biodata}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.profilPerbekel.upsert({
-      where: { id: c.id },
-      update: {
-        biodata: c.biodata,
-        pengalaman: c.pengalaman,
-        pengalamanOrganisasi: c.pengalamanOrganisasi,
-        programUnggulan: c.programUnggulan,
-        imageId,
-      },
-      create: {
-        id: c.id,
-        biodata: c.biodata,
-        pengalaman: c.pengalaman,
-        pengalamanOrganisasi: c.pengalamanOrganisasi,
-        programUnggulan: c.programUnggulan,
-        imageId,
-      },
-    });
-  }
-
-  // ============ PERBEKEL DARI MASA KE MAS ============
-  console.log("🔄 Seeding Perbekel Dari Masa Ke Masa...");
-  for (const c of perbekelDariMasaKeMasa) {
-    const existing = await prisma.perbekelDariMasaKeMasa.findUnique({
-      where: { id: c.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && c.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: c.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${c.imageId} not found for ${c.nama}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.perbekelDariMasaKeMasa.upsert({
-      where: { id: c.id },
-      update: {
-        nama: c.nama,
-        periode: c.periode,
-        daerah: c.daerah,
-        imageId,
-      },
-      create: {
-        id: c.id,
-        nama: c.nama,
-        periode: c.periode,
-        daerah: c.daerah,
-        imageId,
-      },
-    });
-  }
-
-  // =========== VISI MISI DESA ===========
-  for (const l of visiMisiDesa) {
-    await prisma.visiMisiDesa.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        visi: l.visi,
-        misi: l.misi,
-      },
-      create: {
-        id: l.id,
-        visi: l.visi,
-        misi: l.misi,
-      },
-    });
-  }
-
-  console.log("visi misi desa success ...");
-
-  // =========== SUBMENU POTENSI DESA ===========
-  console.log("🔄Seeding Kategori Potensi Desa ...");
-  for (const c of kategoriPotensi) {
-    await prisma.kategoriPotensi.upsert({
-      where: {
-        id: c.id,
-      },
-      update: {
-        nama: c.nama,
-      },
-      create: {
-        id: c.id,
-        nama: c.nama,
-      },
-    });
-  }
-
-  console.log("kategori Potensi success ...");
-
-  console.log("🔄 Seeding Potensi Desa...");
-  for (const p of potensi) {
-    const existing = await prisma.potensiDesa.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.potensiDesa.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        content: p.content,
-        kategoriId: p.kategoriId,
-        imageId,
-      },
-      create: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        content: p.content,
-        kategoriId: p.kategoriId,
-        imageId,
-      },
-    });
-  }
-
-  console.log("potensi success ...");
-
-  // ================== SUBMENU BERITA ========================
-  console.log("🔄 Seeding Kategori Berita...");
-  for (const k of kategoriBerita) {
-    await prisma.kategoriBerita.upsert({
-      where: {
-        name: k.name, // ✅ cocok dengan @unique
-      },
-      update: {
-        name: k.name,
-        isActive: true,
-      },
-      create: {
-        id: k.id, // ✅ id tetap bisa disimpan
-        name: k.name,
-        isActive: true,
-      },
-    });
-  }
-
-  console.log("kategori berita success ...");
-
-  console.log("🔄 Seeding Berita...");
-  for (const b of berita) {
-    const existing = await prisma.berita.findUnique({
-      where: { id: b.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && b.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: b.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${b.imageId} not found for ${b.judul}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.berita.upsert({
-      where: {
-        id: b.id,
-      },
-      update: {
-        judul: b.judul,
-        deskripsi: b.deskripsi,
-        content: b.content,
-        kategoriBeritaId: b.kategoriBeritaId,
-        imageId,
-      },
-      create: {
-        judul: b.judul,
-        deskripsi: b.deskripsi,
-        content: b.content,
-        kategoriBeritaId: b.kategoriBeritaId,
-        imageId,
-      },
-    });
-  }
-  console.log("berita success ...");
-
-  // ================== SUBMENU PENGUMUMAN ========================
-  console.log("🔄 Seeding Kategori Pengumuman...");
-  for (const c of kategoriPengumuman) {
-    await safeSeedUnique(
-      "categoryPengumuman",
-      { name: c.name }, // ✅ where clause
-      {
-        id: c.id,
-        name: c.name,
-      },
-    );
-  }
-
-  console.log("kategori pengumuman success ...");
-
-  console.log("🔄 Seeding Pengumuman...");
-  for (const p of pengumuman) {
-    await prisma.pengumuman.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        judul: p.judul,
-        deskripsi: p.deskripsi,
-        content: p.content,
-        categoryPengumumanId: p.categoryPengumumanId,
-      },
-      create: {
-        judul: p.judul,
-        deskripsi: p.deskripsi,
-        content: p.content,
-        categoryPengumumanId: p.categoryPengumumanId,
-      },
-    });
-  }
-
-  console.log("pengumuman success ...");
-
-  // ================== SUBMENU GALLERY ========================
-  console.log("🔄 Seeding Gallery Video...");
-  for (const v of galleryVideo) {
-    await prisma.galleryVideo.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        name: v.judul,
-        deskripsi: v.deskripsi,
-        linkVideo: v.linkVideo,
-      },
-      create: {
-        name: v.judul,
-        deskripsi: v.deskripsi,
-        linkVideo: v.linkVideo,
-      },
-    });
-  }
-
-  console.log("gallery video success ...");
-
-  // =========== LAYANAN DESA ===========
-  console.log("🔄 Seeding Pelayanan Surat Keterangan...");
-
-  for (const p of pelayananSuratKeterangan) {
-    const existing = await prisma.pelayananSuratKeterangan.findUnique({
-      where: { id: p.id },
-      select: { imageId: true, image2Id: true }, // 📌 tambahkan image2Id
-    });
-
-    // 1️⃣ Handle imageId
-    let imageId = existing?.imageId ?? null;
-
-    if (!imageId && p.image) {
-      imageId = await resolveImageById(p.image);
-
-      if (imageId) {
-        console.log(`✅ Image resolved for "${p.name}" → ${p.image}`);
-      } else {
-        console.warn(`⚠️ Image not resolved for "${p.name}" → ${p.image}`);
-      }
-    }
-
-    // 2️⃣ Handle image2Id
-    let image2Id = existing?.image2Id ?? null;
-
-    if (!image2Id && p.image2) {
-      image2Id = await resolveImageById(p.image2);
-
-      if (image2Id) {
-        console.log(`✅ Image2 resolved for "${p.name}" → ${p.image2}`);
-      } else {
-        console.warn(`⚠️ Image2 not resolved for "${p.name}" → ${p.image2}`);
-      }
-    }
-
-    // 3️⃣ Upsert dengan kedua image
-    await prisma.pelayananSuratKeterangan.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId,
-        image2Id, // 📌 tambahkan ini
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId,
-        image2Id, // 📌 tambahkan ini
-      },
-    });
-  }
-  console.log("✅ Pelayanan Surat Keterangan success...");
-
-  for (const p of pelayananTelunjukSaktiDesa) {
-    await prisma.pelayananTelunjukSaktiDesa.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        link: p.link,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        link: p.link,
-      },
-    });
-  }
-  console.log("pelayanan telunjuk sakti desa success ...");
-
-  for (const l of pelayananPerizinanBerusaha) {
-    await prisma.pelayananPerizinanBerusaha.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        name: l.name,
-        deskripsi: l.deskripsi,
-        link: l.link,
-      },
-      create: {
-        id: l.id,
-        name: l.name,
-        deskripsi: l.deskripsi,
-        link: l.link,
-      },
-    });
-  }
-
-  console.log("pelayanan perizinan berusaha success ...");
-
-  for (const l of pelayananPendudukNonPermanen) {
-    await prisma.pelayananPendudukNonPermanen.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        name: l.name,
-        deskripsi: l.deskripsi,
-      },
-      create: {
-        id: l.id,
-        name: l.name,
-        deskripsi: l.deskripsi,
-      },
-    });
-  }
-  console.log("pelayanan penduduk non permanen success ...");
-
-  // =========== PENGHARGAAN ===========
-  console.log("🔄 Seeding Penghargaan...");
-  for (const p of penghargaan) {
-    const existing = await prisma.penghargaan.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.penghargaan.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        juara: p.juara,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        juara: p.juara,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-    });
-  }
-  console.log("penghargaan success ...");
-
-  const flattenedPosisiBumdes = posisiOrganisasi.flat();
-
-  // ====================== MENU KESEHATAN ========================
-  // ==================== SUBMENU POSYANDU =========================
-  console.log("🔄 Seeding Posyandu...");
-  for (const p of posyandu) {
-    const existing = await prisma.posyandu.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.posyandu.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        nomor: p.nomor,
-        deskripsi: p.deskripsi,
-        jadwalPelayanan: p.jadwalPelayanan,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        nomor: p.nomor,
-        deskripsi: p.deskripsi,
-        jadwalPelayanan: p.jadwalPelayanan,
-        imageId,
-      },
-    });
-  }
-  console.log("posyandu success ...");
-
-  // ==================== SUBMENU PUSKESMAS =========================
-  console.log("🔄 Seeding Kontak Puskesmas...");
-  for (const k of kontakPuskesmas) {
-    await prisma.kontakPuskesmas.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        kontakPuskesmas: k.kontakPuskesmas,
-        email: k.email,
-        facebook: k.facebook,
-        kontakUGD: k.kontakUGD,
-      },
-      create: {
-        id: k.id,
-        kontakPuskesmas: k.kontakPuskesmas,
-        email: k.email,
-        facebook: k.facebook,
-        kontakUGD: k.kontakUGD,
-      },
-    });
-  }
-  console.log("kontak puskesmas success ...");
-
-  console.log("🔄 Seeding Jam Puskesmas...");
-  for (const k of jamPuskesmas) {
-    await prisma.jamOperasional.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        workDays: k.workDays,
-        weekDays: k.weekDays,
-        holiday: k.holiday,
-      },
-      create: {
-        id: k.id,
-        workDays: k.workDays,
-        weekDays: k.weekDays,
-        holiday: k.holiday,
-      },
-    });
-  }
-  console.log("jam puskesmas success ...");
-
-  console.log("🔄 Seeding Puskesmas...");
-  for (const p of puskesmas) {
-    const existing = await prisma.puskesmas.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.puskesmas.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        alamat: p.alamat,
-        jamId: p.jamId,
-        imageId,
-        kontakId: p.kontakId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        alamat: p.alamat,
-        jamId: p.jamId,
-        imageId,
-        kontakId: p.kontakId,
-      },
-    });
-  }
-  console.log("puskesmas success ...");
-
-  // ==================== SUBMENU PROGRAM KESEHATAN =========================
-  console.log("🔄 Seeding Program Kesehatan...");
-  for (const p of programKesehatan) {
-    const existing = await prisma.programKesehatan.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.programKesehatan.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsiSingkat: p.deskripsiSingkat,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsiSingkat: p.deskripsiSingkat,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-    });
-  }
-  console.log("program kesehatan success ...");
-
-  // ==================== SUBMENU PENANGANAN DARURAT =========================
-  console.log("🔄 Seeding Penanganan Darurat...");
-  for (const p of penangananDarurat) {
-    const existing = await prisma.penangananDarurat.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.penangananDarurat.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId,
-      },
-    });
-  }
-  console.log("penanganan darurat success ...");
-
-  // ==================== SUBMENU KONTAK DARURAT =========================
-  console.log("🔄 Seeding Kontak Darurat...");
-  for (const p of kontakDarurat) {
-    const existing = await prisma.kontakDarurat.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.kontakDarurat.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        whatsapp: p.whatsapp,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        whatsapp: p.whatsapp,
-        imageId,
-      },
-    });
-  }
-  console.log("kontak darurat success ...");
-
-  // ==================== SUBMENU INFO WABAH PENYAKIT =========================
-  console.log("🔄 Seeding Info Wabah Penyakit...");
-  for (const p of infoWabahPenyakit) {
-    const existing = await prisma.infoWabahPenyakit.findUnique({
-      where: { id: p.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && p.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: p.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.infoWabahPenyakit.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsiSingkat: p.deskripsiSingkat,
-        deskripsiLengkap: p.deskripsiLengkap,
-        imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsiSingkat: p.deskripsiSingkat,
-        deskripsiLengkap: p.deskripsiLengkap,
-        imageId,
-      },
-    });
-  }
-  console.log("info wabah penyakit success ...");
-
-  // ====================== MENU KEAMANAN ========================
-  // ==================== SUBMENU KEAMANAN LINGKUNGAN ============
-  console.log("🔄 Seeding Keamanan Lingkungan...");
-  for (const k of keamananLingkungan) {
-    const existing = await prisma.keamananLingkungan.findUnique({
-      where: { id: k.id },
-      select: { imageId: true },
-    });
-
-    let imageId = existing?.imageId; // Pertahankan existing
-
-    // Kalau belum ada imageId, cari berdasarkan name/realName
-    if (!imageId && k.imageId) {
-      // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-      const fileRecord = await prisma.fileStorage.findUnique({
-        where: { id: k.imageId },
-        select: { id: true, name: true },
-      });
-
-      if (fileRecord) {
-        imageId = fileRecord.id;
-        console.log(
-          `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-        );
-      } else {
-        console.warn(`⚠️ File with ID ${k.imageId} not found for ${k.name}`);
-        imageId = null;
-      }
-    }
-
-    await prisma.keamananLingkungan.upsert({
-      where: { id: k.id },
-      update: {
-        name: k.name,
-        deskripsi: k.deskripsi,
-        imageId,
-      },
-      create: {
-        id: k.id,
-        name: k.name,
-        deskripsi: k.deskripsi,
-        imageId,
-      },
-    });
-  }
-  console.log("info wabah penyakit success ...");
-
-  // ==================== SUBMENU POLSEK TERDEKAT ================
-  console.log("🔄 Seeding Layanan Polsek...");
-  for (const k of layananPolsek) {
-    await prisma.layananPolsek.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        nama: k.nama,
-      },
-      create: {
-        id: k.id,
-        nama: k.nama,
-      },
-    });
-  }
-
-  console.log("layanan polsek success ...");
-
-  console.log("🔄 Seeding Polsek Terdekat...");
-  for (const k of polsekTerdekat) {
-    await prisma.polsekTerdekat.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        nama: k.nama,
-        jarakKeDesa: k.jarakKeDesa,
-        alamat: k.alamat,
-        nomorTelepon: k.nomorTelepon,
-        jamOperasional: k.jamOperasional,
-        embedMapUrl: k.embedMapUrl,
-        namaTempatMaps: k.namaTempatMaps,
-        alamatMaps: k.alamatMaps,
-        linkPetunjukArah: k.linkPetunjukArah,
-        layananPolsekId: k.layananPolsekId,
-      },
-      create: {
-        id: k.id,
-        nama: k.nama,
-        jarakKeDesa: k.jarakKeDesa,
-        alamat: k.alamat,
-        nomorTelepon: k.nomorTelepon,
-        jamOperasional: k.jamOperasional,
-        embedMapUrl: k.embedMapUrl,
-        namaTempatMaps: k.namaTempatMaps,
-        alamatMaps: k.alamatMaps,
-        linkPetunjukArah: k.linkPetunjukArah,
-        layananPolsekId: k.layananPolsekId,
-      },
-    });
-  }
-
-  console.log("polsek terdekat success ...");
-
-  console.log("🔄 Seeding Layanan To Polsek...");
-  for (const k of layananToPolsek) {
-    await prisma.layananToPolsek.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        layananId: k.layananId,
-        polsekTerdekatId: k.polsekTerdekatId,
-      },
-      create: {
-        id: k.id,
-        layananId: k.layananId,
-        polsekTerdekatId: k.polsekTerdekatId,
-      },
-    });
-  }
-
-  console.log("layanan to polsek success ...");
-
-  // ==================== SUBMENU KONTAK DARURAT =================
-
-  console.log("🔄 Seeding Kontak Item...");
-  for (const e of kontakItem) {
-    await prisma.kontakItem.upsert({
-      where: {
-        id: e.id,
-      },
-      update: {
-        nama: e.nama,
-        icon: e.icon,
-        nomorTelepon: e.nomorTelepon,
-      },
-      create: {
-        id: e.id, // ✅ WAJIB
-        nama: e.nama,
-        icon: e.icon,
-        nomorTelepon: e.nomorTelepon,
-      },
-    });
-  }
-  console.log("✅ Kontak Item seeded successfully");
-
-  console.log("🔄 Seeding Kontak Darurat Keamanan...");
-  for (const d of kontakDaruratKeamanan) {
-    await prisma.kontakDaruratKeamanan.upsert({
-      where: {
-        id: d.id,
-      },
-      update: {
-        nama: d.nama,
-        icon: d.icon,
-        kategoriId: d.kategoriId,
-      },
-      create: {
-        id: d.id,
-        nama: d.nama,
-        icon: d.icon,
-        kategoriId: d.kategoriId,
-      },
-    });
-  }
-
-  console.log("✅ Kontak Darurat Keamanan seeded successfully");
-
-  console.log("🔄 Seeding Kontak Darurat To Item...");
-  for (const f of kontakDaruratToItem) {
-    // ✅ Validasi foreign keys
-    const kontakDaruratExists = await prisma.kontakDaruratKeamanan.findUnique({
-      where: { id: f.kontakDaruratId },
-    });
-
-    const kontakItemExists = await prisma.kontakItem.findUnique({
-      where: { id: f.kontakItemId },
-    });
-
-    if (!kontakDaruratExists) {
-      console.warn(
-        `⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`,
-      );
-      continue;
-    }
-
-    if (!kontakItemExists) {
-      console.warn(`⚠️ KontakItem ${f.kontakItemId} not found, skipping...`);
-      continue;
-    }
-
-    await prisma.kontakDaruratToItem.upsert({
-      where: { id: f.id },
-      update: {
-        kontakDaruratId: f.kontakDaruratId,
-        kontakItemId: f.kontakItemId,
-      },
-      create: {
-        id: f.id,
-        kontakDaruratId: f.kontakDaruratId,
-        kontakItemId: f.kontakItemId,
-      },
-    });
-  }
-  console.log("✅ Kontak Darurat To Item seeded successfully");
-
-  // ==================== SUBMENU PENCEGAHAN KRIMINALITAS ========
-  console.log("🔄 Seeding Pencegahan Kriminalitas...");
-  for (const d of pencegahanKriminalitas) {
-    await prisma.pencegahanKriminalitas.upsert({
-      where: {
-        id: d.id,
-      },
-      update: {
-        judul: d.judul,
-        deskripsi: d.deskripsi,
-        deskripsiSingkat: d.deskripsiSingkat,
-        linkVideo: d.linkVideo,
-      },
-      create: {
-        id: d.id,
-        judul: d.judul,
-        deskripsi: d.deskripsi,
-        deskripsiSingkat: d.deskripsiSingkat,
-        linkVideo: d.linkVideo,
-      },
-    });
-  }
-
-  console.log("✅ Pencegahan Kriminalitas seeded successfully");
-  // ==================== SUBMENU LAPORAN PUBLIK =================
-  console.log("🔄 Seeding Laporan Publik...");
-  for (const l of laporanPublik) {
-    await prisma.laporanPublik.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        judul: l.judul,
-        lokasi: l.lokasi,
-        tanggalWaktu: l.tanggalWaktu,
-        kronologi: l.kronologi,
-      },
-      create: {
-        id: l.id,
-        judul: l.judul,
-        lokasi: l.lokasi,
-        tanggalWaktu: l.tanggalWaktu,
-        kronologi: l.kronologi,
-      },
-    });
-  }
-
-  console.log("laporan publik success ...");
-
-  console.log("🔄 Seeding Penanganan Laporan...");
-  for (const l of penangananLaporan) {
-    await prisma.penangananLaporanPublik.upsert({
-      where: {
-        id: l.id,
-      },
-      update: {
-        deskripsi: l.deskripsi,
-        laporanId: l.laporanId,
-      },
-      create: {
-        id: l.id,
-        deskripsi: l.deskripsi,
-        laporanId: l.laporanId,
-      },
-    });
-  }
-
-  console.log("penanganan laporan success ...");
-
-  // ==================== SUBMENU TIPS KEAMANAN ==================
-  console.log("🔄 Seeding Tips Keamanan...");
-  for (const t of tipsKeamanan) {
-    await prisma.menuTipsKeamanan.upsert({
-      where: {
-        id: t.id,
-      },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-        imageId: t.imageId,
-      },
-      create: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-        imageId: t.imageId,
-      },
-    });
-  }
-
-  console.log("✅ Tips Keamanan seeded successfully");
-
-  // ====================== MENU EKONOMI ========================
-  // ==================== SUBMENU PASAR DESA ====================
-  console.log("🔄 Seeding Kategori Produk...");
-  for (const k of kategoriProduk) {
-    await prisma.kategoriProduk.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        nama: k.nama,
-      },
-      create: {
-        id: k.id,
-        nama: k.nama,
-      },
-    });
-  }
-  console.log("✅ Kategori Produk seeded successfully");
-
-  console.log("🔄 Seeding Pasar Desa...");
-  for (const p of pasarDesa) {
-    await prisma.pasarDesa.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        nama: p.nama,
-        imageId: p.imageId,
-        harga: p.harga,
-        rating: p.rating,
-        alamatUsaha: p.alamatUsaha,
-        kontak: p.kontak,
-        deskripsi: p.deskripsi,
-        kategoriProdukId: p.kategoriProdukId,
-      },
-      create: {
-        id: p.id,
-        nama: p.nama,
-        imageId: p.imageId,
-        harga: p.harga,
-        rating: p.rating,
-        alamatUsaha: p.alamatUsaha,
-        kontak: p.kontak,
-        deskripsi: p.deskripsi,
-        kategoriProdukId: p.kategoriProdukId,
-      },
-    });
-  }
-  console.log("✅ Pasar Desa seeded successfully");
-
-  console.log("🔄 Seeding Kategori To Pasar...");
-  for (const p of kategoriToPasar) {
-    await prisma.kategoriToPasar.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        kategoriId: p.kategoriId,
-        pasarDesaId: p.pasarDesaId,
-      },
-      create: {
-        id: p.id,
-        kategoriId: p.kategoriId,
-        pasarDesaId: p.pasarDesaId,
-      },
-    });
-  }
-
-  // ==================== SUBMENU LOWONGAN KERJA LOKAL ==========
-  console.log("🔄 Seeding Lowongan Kerja Lokal...");
-  for (const k of lowonganKerjaLokal) {
-    await prisma.lowonganPekerjaan.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        posisi: k.posisi,
-        namaPerusahaan: k.namaPerusahaan,
-        lokasi: k.lokasi,
-        tipePekerjaan: k.tipePekerjaan,
-        gaji: k.gaji,
-        deskripsi: k.deskripsi,
-        kualifikasi: k.kualifikasi,
-        notelp: k.notelp,
-      },
-      create: {
-        id: k.id,
-        posisi: k.posisi,
-        namaPerusahaan: k.namaPerusahaan,
-        lokasi: k.lokasi,
-        tipePekerjaan: k.tipePekerjaan,
-        gaji: k.gaji,
-        deskripsi: k.deskripsi,
-        kualifikasi: k.kualifikasi,
-        notelp: k.notelp,
-      },
-    });
-  }
-  console.log("✅ Lowongan Kerja Lokal seeded successfully");
-
-  // ==================== SUBMENU STRUKTUR ORGANISASI DAN SK PENGURUS BUMDES ==========
-  const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
-    (a, b) => a.hierarki - b.hierarki,
-  );
-
-  for (const p of sortedPosisiBumdes) {
-    console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
-
-    if (p.parentId) {
-      const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
-      if (!parentExists) {
-        console.warn(
-          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
-        );
-        continue;
-      }
-    }
-
-    await prisma.posisiOrganisasiBumDes.upsert({
-      where: { id: p.id },
-      update: p,
-      create: p,
-    });
-  }
-  console.log("posisi organisasi berhasil");
-
-  for (const p of pegawai) {
-    await prisma.pegawaiBumDes.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        namaLengkap: p.namaLengkap,
-        gelarAkademik: p.gelarAkademik,
-        tanggalMasuk: new Date(p.tanggalMasuk),
-        email: p.email,
-        telepon: p.telepon,
-        alamat: p.alamat,
-        posisiId: p.posisiId,
-        isActive: p.isActive,
-      },
-      create: {
-        id: p.id,
-        namaLengkap: p.namaLengkap,
-        gelarAkademik: p.gelarAkademik,
-        tanggalMasuk: new Date(p.tanggalMasuk),
-        email: p.email,
-        telepon: p.telepon,
-        alamat: p.alamat,
-        posisiId: p.posisiId,
-        isActive: p.isActive,
-      },
-    });
-  }
-  console.log("pegawai success ...");
-
-  // ==================== SUBMENU PENDAPATAN ASLI DESA ==========
-
-  // ==================== SUBMENU JUMLAH PENGANGGURAN ==========
-  for (const d of detailDataPengangguran) {
-    await prisma.detailDataPengangguran.upsert({
-      where: {
-        month_year: { month: d.month, year: d.year },
-      },
-      update: {
-        totalUnemployment: d.totalUnemployment,
-        educatedUnemployment: d.educatedUnemployment,
-        uneducatedUnemployment: d.uneducatedUnemployment,
-        percentageChange: d.percentageChange,
-      },
-      create: {
-        month: d.month,
-        year: d.year,
-        totalUnemployment: d.totalUnemployment,
-        educatedUnemployment: d.educatedUnemployment,
-        uneducatedUnemployment: d.uneducatedUnemployment,
-        percentageChange: d.percentageChange,
-      },
-    });
-  }
-  console.log("📊 detailDataPengangguran success ...");
-
-  // ==================== SUBMENU PENDUDUK USIA KERJA ==========
-  for (const p of grafikMenganggurBerdasarkanUsia) {
-    await prisma.grafikMenganggurBerdasarkanUsia.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        usia18_25: p.usia18_25,
-        usia26_35: p.usia26_35,
-        usia36_45: p.usia36_45,
-        usia46_keatas: p.usia46_keatas,
-      },
-      create: {
-        id: p.id,
-        usia18_25: p.usia18_25,
-        usia26_35: p.usia26_35,
-        usia36_45: p.usia36_45,
-        usia46_keatas: p.usia46_keatas,
-      },
-    });
-  }
-  console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
-
-  for (const p of grafikMenganggurBerdasarkanPendidikan) {
-    await prisma.grafikMenganggurBerdasarkanPendidikan.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        SD: p.SD,
-        SMP: p.SMP,
-        SMA: p.SMA,
-        D3: p.D3,
-        S1: p.S1,
-      },
-      create: {
-        id: p.id,
-        SD: p.SD,
-        SMP: p.SMP,
-        SMA: p.SMA,
-        D3: p.D3,
-        S1: p.S1,
-      },
-    });
-  }
-  console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
-
-  // ==================== SUBMENU PENDUDUK MISKIN =============
-  console.log("🔄 Seeding Jumlah Penduduk Miskin...");
-  for (const k of jumlahPendudukMiskin) {
-    await prisma.grafikJumlahPendudukMiskin.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        year: k.year,
-        totalPoorPopulation: k.totalPoorPopulation,
-      },
-      create: {
-        id: k.id,
-        year: k.year,
-        totalPoorPopulation: k.totalPoorPopulation,
-      },
-    });
-  }
-  console.log("✅ Jumlah Penduduk Miskin seeded successfully");
-
-  // ==================== SUBMENU PROGRAM KEMISKINAN =============
-  for (const s of statistikKemiskinan) {
-    await prisma.statistikKemiskinan.upsert({
-      where: { tahun: s.tahun }, // ✅ FIX
-      update: {
-        jumlah: s.jumlah,
-      },
-      create: {
-        id: s.id, // id boleh tetap
-        tahun: s.tahun,
-        jumlah: s.jumlah,
-      },
-    });
-  }
-
-  console.log("📊 Statistik Kemiskinan seeded successfully");
-
-  console.log("🔄 Seeding Program Kemiskinan...");
-  for (const k of programKemiskinan) {
-    await prisma.programKemiskinan.upsert({
-      where: { id: k.id },
-      update: {
-        nama: k.nama,
-        deskripsi: k.deskripsi,
-        icon: k.icon,
-        statistik: {
-          connect: {
-            tahun: k.tahun, // 👈 BUKAN ID
-          },
-        },
-      },
-      create: {
-        id: k.id,
-        nama: k.nama,
-        deskripsi: k.deskripsi,
-        icon: k.icon,
-        statistik: {
-          connect: {
-            tahun: k.tahun,
-          },
-        },
-      },
-    });
-  }
-  console.log("✅ Program Kemiskinan seeded successfully");
-
-  // ==================== SUBMENU SEKTOR UNGGULAN DESA =============
-  console.log("🔄 Seeding Sektor Unggulan Desa...");
-  for (const k of sektorUnggulanDesa) {
-    await prisma.sektorUnggulanDesa.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        name: k.name,
-        description: k.description,
-        value: k.value,
-      },
-      create: {
-        id: k.id,
-        name: k.name,
-        description: k.description,
-        value: k.value,
-      },
-    });
-  }
-  console.log("✅ Sektor Unggulan Desa seeded successfully");
-
-  // ==================== SUBMENU DEMOGRAFI PEKERJAAN =============
-  console.log("🔄 Seeding Demografi Pekerjaan...");
-  for (const k of demografiPekerjaan) {
-    await prisma.dataDemografiPekerjaan.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        pekerjaan: k.pekerjaan,
-        lakiLaki: k.lakiLaki,
-        perempuan: k.perempuan,
-      },
-      create: {
-        id: k.id,
-        pekerjaan: k.pekerjaan,
-        lakiLaki: k.lakiLaki,
-        perempuan: k.perempuan,
-      },
-    });
-  }
-  console.log("✅ Demografi Pekerjaan seeded successfully");
-
-  // ====================== MENU INOVASI ==========================
-  // ====================== SUBMENU AJUKAN IDE INOVATIF ===========
-  console.log("🔄 Seeding Ajukan Ide Inovatif...");
-  for (const d of ajukanIde) {
-    await prisma.ajukanIdeInovatif.upsert({
-      where: {
-        id: d.id,
-      },
-      update: {
-        name: d.name,
-        alamat: d.alamat,
-        namaIde: d.namaIde,
-        deskripsi: d.deskripsi,
-        masalah: d.masalah,
-        benefit: d.benefit,
-      },
-      create: {
-        id: d.id,
-        name: d.name,
-        alamat: d.alamat,
-        namaIde: d.namaIde,
-        deskripsi: d.deskripsi,
-        masalah: d.masalah,
-        benefit: d.benefit,
-      },
-    });
-  }
-  console.log("✅ Ajukan Ide Inovatif seeded successfully");
-  // ==================== SUBMENU DESA DIGITAL ====================
-  console.log("🔄 Seeding Desa Digital...");
-  for (const d of desaDigital) {
-    await prisma.desaDigital.upsert({
-      where: {
-        id: d.id,
-      },
-      update: {
-        name: d.name,
-        deskripsi: d.deskripsi,
-        imageId: d.imageId,
-      },
-      create: {
-        id: d.id,
-        name: d.name,
-        deskripsi: d.deskripsi,
-        imageId: d.imageId,
-      },
-    });
-  }
-  console.log("✅ Desa Digital seeded successfully");
-
-  // ==================== SUBMENU LAYANAN ONLINE DESA ==========
-  console.log("🔄 Seeding Jenis Layanan...");
-  for (const j of jenisLayanan) {
-    await prisma.jenisLayanan.upsert({
-      where: {
-        id: j.id,
-      },
-      update: {
-        nama: j.nama,
-        deskripsi: j.deskripsi,
-      },
-      create: {
-        id: j.id,
-        nama: j.nama,
-        deskripsi: j.deskripsi,
-      },
-    });
-  }
-  console.log("✅ Jenis Layanan seeded successfully");
-
-  console.log("🔄 Seeding Administrasi Online...");
-  for (const d of administrasiOnline) {
-    await prisma.administrasiOnline.upsert({
-      where: {
-        id: d.id,
-      },
-      update: {
-        name: d.name,
-        alamat: d.alamat,
-        nomorTelepon: d.nomorTelepon,
-        jenisLayananId: d.jenisLayananId,
-      },
-      create: {
-        id: d.id,
-        name: d.name,
-        alamat: d.alamat,
-        nomorTelepon: d.nomorTelepon,
-        jenisLayananId: d.jenisLayananId,
-      },
-    });
-  }
-  console.log("✅ Administrasi Online seeded successfully");
-
-  console.log("🔄 Seeding Jenis Pengaduan Masyarakat...");
-  for (const d of jenisPengaduan) {
-    await prisma.jenisPengaduan.upsert({
-      where: {
-        id: d.id,
-      },
-      update: {
-        nama: d.nama,
-      },
-      create: {
-        id: d.id,
-        nama: d.nama,
-      },
-    });
-  }
-  console.log("✅ Jenis Pengaduan Masyarakat seeded successfully");
-
-  console.log("🔄 Seeding Pengaduan Masyarakat...");
-  for (const d of pengaduanMasyarakat) {
-    await prisma.pengaduanMasyarakat.upsert({
-      where: {
-        id: d.id,
-      },
-      update: {
-        name: d.name,
-        email: d.email,
-        nik: d.nik,
-        nomorTelepon: d.nomorTelepon,
-        judulPengaduan: d.judulPengaduan,
-        lokasiKejadian: d.lokasiKejadian,
-        imageId: d.imageId,
-        deskripsiPengaduan: d.deskripsiPengaduan,
-        jenisPengaduanId: d.jenisPengaduanId,
-      },
-      create: {
-        id: d.id,
-        name: d.name,
-        email: d.email,
-        nik: d.nik,
-        nomorTelepon: d.nomorTelepon,
-        judulPengaduan: d.judulPengaduan,
-        lokasiKejadian: d.lokasiKejadian,
-        imageId: d.imageId,
-        deskripsiPengaduan: d.deskripsiPengaduan,
-        jenisPengaduanId: d.jenisPengaduanId,
-      },
-    });
-  }
-  console.log("✅ Pengaduan Masyarakat seeded successfully");
-
-  // ==================== SUBMENU PROGRAM KREATIF ==========
-  console.log("🔄 Seeding Program Kreatif...");
-  for (const p of programKreatif) {
-    await prisma.programKreatif.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        icon: p.icon,
-        slug: p.slug,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        icon: p.icon,
-        slug: p.slug,
-      },
-    });
-  }
-  console.log("✅ Program Kreatif seeded successfully");
-
-  // ==================== SUBMENU KOLABORASI INOVASI ==========
-  console.log("🔄 Seeding Kolaborasi Inovasi...");
-  for (const p of kolaborasiInovasi) {
-    await prisma.kolaborasiInovasi.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        tahun: p.tahun,
-        slug: p.slug,
-        deskripsi: p.deskripsi,
-        kolaborator: p.kolaborator,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        tahun: p.tahun,
-        slug: p.slug,
-        deskripsi: p.deskripsi,
-        kolaborator: p.kolaborator,
-      },
-    });
-  }
-  console.log("✅ Kolaborasi Inovasi seeded successfully");
-
-  console.log("🔄 Seeding Mitra Kolaborasi...");
-  for (const p of mitraKolaborasi) {
-    await prisma.mitraKolaborasi.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        imageId: p.imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        imageId: p.imageId,
-      },
-    });
-  }
-  console.log("✅ Mitra Kolaborasi seeded successfully");
-
-  // ==================== SUBMENU INFO TEKNOLOGI TEPAT GUNA ==========
-  console.log("🔄 Seeding Info Teknologi...");
-  for (const p of infoTeknologi) {
-    await prisma.infoTekno.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId: p.imageId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        imageId: p.imageId,
-      },
-    });
-  }
-  console.log("✅ Info Teknologi seeded successfully");
-
-  // ====================== MENU LINGKUNGAN ==========================
-  // ==================== SUBMENU PENGELOLAAN SAMPAH ==========
-  console.log("🔄 Seeding Pengelolaan Sampah...");
-  for (const p of pengelolaanSampah) {
-    await prisma.pengelolaanSampah.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        icon: p.icon,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        icon: p.icon,
-      },
-    });
-  }
-  console.log("✅ Pengelolaan Sampah seeded successfully");
-
-  console.log("🔄 Seeding Keterangan Bank Sampah...");
-  for (const p of keteranganBankSampah) {
-    await prisma.keteranganBankSampahTerdekat.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        alamat: p.alamat,
-        namaTempatMaps: p.namaTempatMaps,
-        linkPetunjukArah: p.linkPetunjukArah,
-        lat: p.lat,
-        lng: p.lng,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        alamat: p.alamat,
-        namaTempatMaps: p.namaTempatMaps,
-        linkPetunjukArah: p.linkPetunjukArah,
-        lat: p.lat,
-        lng: p.lng,
-      },
-    });
-  }
-  console.log("✅ Keterangan Bank Sampah seeded successfully");
-
-  // ==================== SUBMENU PROGRAM PENGHIJAUAN ==========
-  console.log("🔄 Seeding Program Penghijauan...");
-  for (const p of programPenghijauan) {
-    await prisma.programPenghijauan.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        judul: p.judul,
-        deskripsi: p.deskripsi,
-        icon: p.icon,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        judul: p.judul,
-        deskripsi: p.deskripsi,
-        icon: p.icon,
-      },
-    });
-  }
-  console.log("✅ Program Penghijauan seeded successfully");
-
-  // ==================== SUBMENU DATA LINGKUNGAN DESA ==========
-  console.log("🔄 Seeding Data Lingkungan Desa...");
-  for (const p of dataLingkunganDesa) {
-    await prisma.dataLingkunganDesa.upsert({
-      where: {
-        id: p.id,
-      },
-      update: {
-        name: p.name,
-        jumlah: p.jumlah,
-        deskripsi: p.deskripsi,
-        icon: p.icon,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        jumlah: p.jumlah,
-        deskripsi: p.deskripsi,
-        icon: p.icon,
-      },
-    });
-  }
-  console.log("✅ Data Lingkungan Desa seeded successfully");
-
-  // =========== SUBMENU GOTONG ROYONG ===========
-  console.log("🔄 Seeding Kategori Gotong Royong...");
-
-  for (const k of kategoriGotongRoyong) {
-    await prisma.kategoriKegiatan.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        nama: k.nama,
-      },
-      create: {
-        id: k.id,
-        nama: k.nama,
-      },
-    });
-  }
-
-  console.log("✅ Kategori Gotong Royong seeded successfully");
-
-  console.log("🔄 Seeding Gotong Royong...");
-
-  for (const k of gotongRoyong) {
-    await prisma.kegiatanDesa.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        judul: k.judul,
-        deskripsiSingkat: k.deskripsiSingkat,
-        deskripsiLengkap: k.deskripsiLengkap,
-        tanggal: k.tanggal,
-        lokasi: k.lokasi,
-        partisipan: k.partisipan,
-        imageId: k.imageId,
-        kategoriKegiatanId: k.kategoriKegiatanId,
-      },
-      create: {
-        id: k.id,
-        judul: k.judul,
-        deskripsiSingkat: k.deskripsiSingkat,
-        deskripsiLengkap: k.deskripsiLengkap,
-        tanggal: k.tanggal,
-        lokasi: k.lokasi,
-        partisipan: k.partisipan,
-        imageId: k.imageId,
-        kategoriKegiatanId: k.kategoriKegiatanId,
-      },
-    });
-  }
-
-  console.log("✅ Kategori Gotong Royong seeded successfully");
-
-  // =========== SUBMENU EDUKASI LINGKUNGAN ===========
-
-  for (const e of tujuanEdukasiLingkungan) {
-    await prisma.tujuanEdukasiLingkungan.upsert({
-      where: {
-        id: e.id,
-      },
-      update: {
-        judul: e.judul,
-        deskripsi: e.deskripsi,
-      },
-      create: {
-        id: e.id,
-        judul: e.judul,
-        deskripsi: e.deskripsi,
-      },
-    });
-  }
-
-  console.log("tujuan edukasi lingkungan success ...");
-
-  for (const m of materiEdukasiLingkungan) {
-    await prisma.materiEdukasiLingkungan.upsert({
-      where: {
-        id: m.id,
-      },
-      update: {
-        judul: m.judul,
-        deskripsi: m.deskripsi,
-      },
-      create: {
-        id: m.id,
-        judul: m.judul,
-        deskripsi: m.deskripsi,
-      },
-    });
-  }
-
-  console.log("materi edukasi lingkungan success ...");
-
-  for (const c of contohEdukasiLingkungan) {
-    await prisma.contohEdukasiLingkungan.upsert({
-      where: {
-        id: c.id,
-      },
-      update: {
-        judul: c.judul,
-        deskripsi: c.deskripsi,
-      },
-      create: {
-        id: c.id,
-        judul: c.judul,
-        deskripsi: c.deskripsi,
-      },
-    });
-  }
-
-  console.log("contoh edukasi lingkungan success ...");
-
-  // =========== SUBMENU KONSERVASI ADAT BALI ===========
-
-  for (const f of filosofiTriHita) {
-    await prisma.filosofiTriHita.upsert({
-      where: {
-        id: f.id,
-      },
-      update: {
-        judul: f.judul,
-        deskripsi: f.deskripsi,
-      },
-      create: {
-        id: f.id,
-        judul: f.judul,
-        deskripsi: f.deskripsi,
-      },
-    });
-  }
-
-  console.log("filosofi tri hita success ...");
-
-  for (const b of bentukKonservasiBerdasarkanAdat) {
-    await prisma.bentukKonservasiBerdasarkanAdat.upsert({
-      where: {
-        id: b.id,
-      },
-      update: {
-        judul: b.judul,
-        deskripsi: b.deskripsi,
-      },
-      create: {
-        id: b.id,
-        judul: b.judul,
-        deskripsi: b.deskripsi,
-      },
-    });
-  }
-
-  console.log("bentuk konservasi berdasarkan adat success ...");
-
-  for (const n of nilaiKonservasiAdat) {
-    await prisma.nilaiKonservasiAdat.upsert({
-      where: {
-        id: n.id,
-      },
-      update: {
-        judul: n.judul,
-        deskripsi: n.deskripsi,
-      },
-      create: {
-        id: n.id,
-        judul: n.judul,
-        deskripsi: n.deskripsi,
-      },
-    });
-  }
-
-  console.log("nilai konservasi adat success ...");
-
-  // ====================== MENU PENDIDIKAN ==========================
-  // =========== SUBMENU INFO SEKOLAH =====================
-
-  for (const j of jenjangPendidikan) {
-    await prisma.jenjangPendidikan.upsert({
-      where: {
-        id: j.id,
-      },
-      update: {
-        nama: j.nama,
-      },
-      create: {
-        id: j.id,
-        nama: j.nama,
-      },
-    });
-  }
-
-  console.log("✅ Jenjang Pendidikan seeded successfully");
-
-  for (const j of lembagaPendidikan) {
-    await prisma.lembaga.upsert({
-      where: {
-        id: j.id,
-      },
-      update: {
-        nama: j.nama,
-        jenjangId: j.jenjangId,
-      },
-      create: {
-        id: j.id,
-        nama: j.nama,
-        jenjangId: j.jenjangId,
-      },
-    });
-  }
-
-  console.log("✅ Lembaga Pendidikan seeded successfully");
-
-  for (const j of siswa) {
-    await prisma.siswa.upsert({
-      where: {
-        id: j.id,
-      },
-      update: {
-        nama: j.nama,
-        lembagaId: j.lembagaId,
-      },
-      create: {
-        id: j.id,
-        nama: j.nama,
-        lembagaId: j.lembagaId,
-      },
-    });
-  }
-
-  console.log("✅ siswa seeded successfully");
-
-  for (const j of pengajar) {
-    await prisma.pengajar.upsert({
-      where: {
-        id: j.id,
-      },
-      update: {
-        nama: j.nama,
-        lembagaId: j.lembagaId,
-      },
-      create: {
-        id: j.id,
-        nama: j.nama,
-        lembagaId: j.lembagaId,
-      },
-    });
-  }
-
-  console.log("✅ pengajar seeded successfully");
-
-  // =========== SUBMENU PROGRAM PENDIDIKAN ANAK =====================
-
-  for (const t of tujuanProgram) {
-    await prisma.tujuanProgram.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log("✅ tujuan program seeded (editable later via UI)");
-
-  for (const t of programUnggulan) {
-    await prisma.programUnggulan.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log("✅ program unggulan seeded (editable later via UI)");
-
-  // =========== SUBMENU BIMBINGAN BELAJAR DESA =====================
-
-  for (const t of tujuanBimbinganBelajarDesa) {
-    await prisma.tujuanBimbinganBelajarDesa.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log(
-    "✅ tujuan bimbingan belajar desa seeded (editable later via UI)",
-  );
-
-  for (const t of lokasiJadwalBimbinganBelajarDesa) {
-    await prisma.lokasiJadwalBimbinganBelajarDesa.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log(
-    "✅ lokasi jadwal bimbingan belajar desa seeded (editable later via UI)",
-  );
-
-  for (const t of fasilitasBimbinganBelajarDesa) {
-    await prisma.fasilitasBimbinganBelajarDesa.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  );
-
-  // =========== SUBMENU PENDIDIKAN NON FORMAL =====================
-
-  for (const t of tujuanProgram2) {
-    await prisma.tujuanPendidikanNonFormal.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  );
-
-  for (const t of tempatKegiatan) {
-    await prisma.tempatKegiatan.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  );
-
-  for (const t of jenisProgramYangDiselenggarakan) {
-    await prisma.jenisProgramYangDiselenggarakan.upsert({
-      where: { id: t.id },
-      update: {
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-      create: {
-        id: t.id,
-        judul: t.judul,
-        deskripsi: t.deskripsi,
-      },
-    });
-  }
-  console.log(
-    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  );
-
-  // =========== SUBMENU PERPUSTAKAAN DIGITAL =====================
-  console.log("🔄 Seeding Kategori Buku...");
-  for (const k of kategoriBuku) {
-    await prisma.kategoriBuku.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        name: k.name,
-      },
-      create: {
-        id: k.id,
-        name: k.name,
-      },
-    });
-  }
-  console.log("✅ Kategori Buku seeded successfully");
-
-  console.log("🔄 Seeding Data perpustakaan...");
-  for (const k of dataPerpustakaan) {
-    await prisma.dataPerpustakaan.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        judul: k.judul,
-        deskripsi: k.deskripsi,
-        kategoriId: k.kategoriId,
-        imageId: k.imageId,
-      },
-      create: {
-        id: k.id,
-        judul: k.judul,
-        deskripsi: k.deskripsi,
-        kategoriId: k.kategoriId,
-        imageId: k.imageId,
-      },
-    });
-  }
-  console.log("✅ Data perpustakaan seeded successfully");
+  await seedProgramInovasi();
+  await seedProfileLP();
+  await seedMediaSosial();
+
+  // // =========== SUBMENU DESA ANTI KORUPSI ===========
+  await seedDesaAntiKorupsi();
+
+  // // =========== SDGSDesa ===========
+  await seedSDGSDesa();
+
+  // // =========== APBDes ===========
+  // for (const l of apbdes) {
+  //   await prisma.aPBDes.upsert({
+  //     where: {
+  //       id: l.id,
+  //     },
+  //     update: {
+  //       name: l.name,
+  //       jumlah: l.jumlah,
+  //     },
+  //     create: {
+  //       name: l.name,
+  //       jumlah: l.jumlah,
+  //     },
+  //   });
+  // }
+
+  // console.log("apbdes success ...");
+
+  // // =========== PRESTASI DESA===========
+  await seedPrestasiDesa();
+
+  // // =========== MENU PPID ===========
+
+  // // =========== SUBMENU STRUKTUR PPID ===========
+  await seedPegawaiPpid();
+
+  // // =========== SUBMENU VISI MISI PPID ===========
+  await seedVisiMisiPpid();
+
+  // // =========== SUBMENU DASAR HUKUM PPID ===========
+  await seedDasarHukumPpid();
+
+  // // =========== SUBMENU DAFTAR INFORMASI PUBLIK PPID ===========
+  await seedDaftarInformasiPublikPpid();
+
+  // // =========== SUBMENU INDEKS KEPUASAN MASYARAKAT ===========
+  await seedIkmPpid();
+
+  // // =========== MENU DESA ===========
+  // // =========== SUBMENU PROFILE ===========
+  await seedProfileDesa();
+  await seedProfilePerbekel();
+
+  // // =========== SUBMENU POTENSI DESA ===========
+  await seedPotensi();
+
+  // // =========== SUBMENU BERITA ===========
+  await seedBerita();
+
+  // // ================== SUBMENU PENGUMUMAN ========================
+  await seedPengumuman();
+
+  // // ================== SUBMENU GALLERY ========================
+  await seedVideo();
+  await seedFoto();
+
+  // // =========== SUBMENU LAYANAN ===========
+  await seedLayanan();
+
+  // // =========== PENGHARGAAN ===========
+  await seedPenghargaan();
+
+  // // ====================== MENU KESEHATAN ========================
+  // // ==================== SUBMENU POSYANDU =========================
+  // console.log("🔄 Seeding Posyandu...");
+  // for (const p of posyandu) {
+  //   const existing = await prisma.posyandu.findUnique({
+  //     where: { id: p.id },
+  //     select: { imageId: true },
+  //   });
+
+  //   let imageId = existing?.imageId; // Pertahankan existing
+
+  //   // Kalau belum ada imageId, cari berdasarkan name/realName
+  //   if (!imageId && p.imageId) {
+  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+  //     const fileRecord = await prisma.fileStorage.findUnique({
+  //       where: { id: p.imageId },
+  //       select: { id: true, name: true },
+  //     });
+
+  //     if (fileRecord) {
+  //       imageId = fileRecord.id;
+  //       console.log(
+  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
+  //       );
+  //     } else {
+  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+  //       imageId = null;
+  //     }
+  //   }
+
+  //   await prisma.posyandu.upsert({
+  //     where: { id: p.id },
+  //     update: {
+  //       name: p.name,
+  //       nomor: p.nomor,
+  //       deskripsi: p.deskripsi,
+  //       jadwalPelayanan: p.jadwalPelayanan,
+  //       imageId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       nomor: p.nomor,
+  //       deskripsi: p.deskripsi,
+  //       jadwalPelayanan: p.jadwalPelayanan,
+  //       imageId,
+  //     },
+  //   });
+  // }
+  // console.log("posyandu success ...");
+
+  // // ==================== SUBMENU PUSKESMAS =========================
+  // console.log("🔄 Seeding Kontak Puskesmas...");
+  // for (const k of kontakPuskesmas) {
+  //   await prisma.kontakPuskesmas.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       kontakPuskesmas: k.kontakPuskesmas,
+  //       email: k.email,
+  //       facebook: k.facebook,
+  //       kontakUGD: k.kontakUGD,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       kontakPuskesmas: k.kontakPuskesmas,
+  //       email: k.email,
+  //       facebook: k.facebook,
+  //       kontakUGD: k.kontakUGD,
+  //     },
+  //   });
+  // }
+  // console.log("kontak puskesmas success ...");
+
+  // console.log("🔄 Seeding Jam Puskesmas...");
+  // for (const k of jamPuskesmas) {
+  //   await prisma.jamOperasional.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       workDays: k.workDays,
+  //       weekDays: k.weekDays,
+  //       holiday: k.holiday,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       workDays: k.workDays,
+  //       weekDays: k.weekDays,
+  //       holiday: k.holiday,
+  //     },
+  //   });
+  // }
+  // console.log("jam puskesmas success ...");
+
+  // console.log("🔄 Seeding Puskesmas...");
+  // for (const p of puskesmas) {
+  //   const existing = await prisma.puskesmas.findUnique({
+  //     where: { id: p.id },
+  //     select: { imageId: true },
+  //   });
+
+  //   let imageId = existing?.imageId; // Pertahankan existing
+
+  //   // Kalau belum ada imageId, cari berdasarkan name/realName
+  //   if (!imageId && p.imageId) {
+  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+  //     const fileRecord = await prisma.fileStorage.findUnique({
+  //       where: { id: p.imageId },
+  //       select: { id: true, name: true },
+  //     });
+
+  //     if (fileRecord) {
+  //       imageId = fileRecord.id;
+  //       console.log(
+  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
+  //       );
+  //     } else {
+  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+  //       imageId = null;
+  //     }
+  //   }
+
+  //   await prisma.puskesmas.upsert({
+  //     where: { id: p.id },
+  //     update: {
+  //       name: p.name,
+  //       alamat: p.alamat,
+  //       jamId: p.jamId,
+  //       imageId,
+  //       kontakId: p.kontakId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       alamat: p.alamat,
+  //       jamId: p.jamId,
+  //       imageId,
+  //       kontakId: p.kontakId,
+  //     },
+  //   });
+  // }
+  // console.log("puskesmas success ...");
+
+  // // ==================== SUBMENU PROGRAM KESEHATAN =========================
+  // console.log("🔄 Seeding Program Kesehatan...");
+  // for (const p of programKesehatan) {
+  //   const existing = await prisma.programKesehatan.findUnique({
+  //     where: { id: p.id },
+  //     select: { imageId: true },
+  //   });
+
+  //   let imageId = existing?.imageId; // Pertahankan existing
+
+  //   // Kalau belum ada imageId, cari berdasarkan name/realName
+  //   if (!imageId && p.imageId) {
+  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+  //     const fileRecord = await prisma.fileStorage.findUnique({
+  //       where: { id: p.imageId },
+  //       select: { id: true, name: true },
+  //     });
+
+  //     if (fileRecord) {
+  //       imageId = fileRecord.id;
+  //       console.log(
+  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
+  //       );
+  //     } else {
+  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+  //       imageId = null;
+  //     }
+  //   }
+
+  //   await prisma.programKesehatan.upsert({
+  //     where: { id: p.id },
+  //     update: {
+  //       name: p.name,
+  //       deskripsiSingkat: p.deskripsiSingkat,
+  //       deskripsi: p.deskripsi,
+  //       imageId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       deskripsiSingkat: p.deskripsiSingkat,
+  //       deskripsi: p.deskripsi,
+  //       imageId,
+  //     },
+  //   });
+  // }
+  // console.log("program kesehatan success ...");
+
+  // // ==================== SUBMENU PENANGANAN DARURAT =========================
+  // console.log("🔄 Seeding Penanganan Darurat...");
+  // for (const p of penangananDarurat) {
+  //   const existing = await prisma.penangananDarurat.findUnique({
+  //     where: { id: p.id },
+  //     select: { imageId: true },
+  //   });
+
+  //   let imageId = existing?.imageId; // Pertahankan existing
+
+  //   // Kalau belum ada imageId, cari berdasarkan name/realName
+  //   if (!imageId && p.imageId) {
+  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+  //     const fileRecord = await prisma.fileStorage.findUnique({
+  //       where: { id: p.imageId },
+  //       select: { id: true, name: true },
+  //     });
+
+  //     if (fileRecord) {
+  //       imageId = fileRecord.id;
+  //       console.log(
+  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
+  //       );
+  //     } else {
+  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+  //       imageId = null;
+  //     }
+  //   }
+
+  //   await prisma.penangananDarurat.upsert({
+  //     where: { id: p.id },
+  //     update: {
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       imageId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       imageId,
+  //     },
+  //   });
+  // }
+  // console.log("penanganan darurat success ...");
+
+  // // ==================== SUBMENU KONTAK DARURAT =========================
+  // console.log("🔄 Seeding Kontak Darurat...");
+  // for (const p of kontakDarurat) {
+  //   const existing = await prisma.kontakDarurat.findUnique({
+  //     where: { id: p.id },
+  //     select: { imageId: true },
+  //   });
+
+  //   let imageId = existing?.imageId; // Pertahankan existing
+
+  //   // Kalau belum ada imageId, cari berdasarkan name/realName
+  //   if (!imageId && p.imageId) {
+  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+  //     const fileRecord = await prisma.fileStorage.findUnique({
+  //       where: { id: p.imageId },
+  //       select: { id: true, name: true },
+  //     });
+
+  //     if (fileRecord) {
+  //       imageId = fileRecord.id;
+  //       console.log(
+  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
+  //       );
+  //     } else {
+  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+  //       imageId = null;
+  //     }
+  //   }
+
+  //   await prisma.kontakDarurat.upsert({
+  //     where: { id: p.id },
+  //     update: {
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       whatsapp: p.whatsapp,
+  //       imageId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       whatsapp: p.whatsapp,
+  //       imageId,
+  //     },
+  //   });
+  // }
+  // console.log("kontak darurat success ...");
+
+  // // ==================== SUBMENU INFO WABAH PENYAKIT =========================
+  // console.log("🔄 Seeding Info Wabah Penyakit...");
+  // for (const p of infoWabahPenyakit) {
+  //   const existing = await prisma.infoWabahPenyakit.findUnique({
+  //     where: { id: p.id },
+  //     select: { imageId: true },
+  //   });
+
+  //   let imageId = existing?.imageId; // Pertahankan existing
+
+  //   // Kalau belum ada imageId, cari berdasarkan name/realName
+  //   if (!imageId && p.imageId) {
+  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+  //     const fileRecord = await prisma.fileStorage.findUnique({
+  //       where: { id: p.imageId },
+  //       select: { id: true, name: true },
+  //     });
+
+  //     if (fileRecord) {
+  //       imageId = fileRecord.id;
+  //       console.log(
+  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
+  //       );
+  //     } else {
+  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
+  //       imageId = null;
+  //     }
+  //   }
+
+  //   await prisma.infoWabahPenyakit.upsert({
+  //     where: { id: p.id },
+  //     update: {
+  //       name: p.name,
+  //       deskripsiSingkat: p.deskripsiSingkat,
+  //       deskripsiLengkap: p.deskripsiLengkap,
+  //       imageId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       deskripsiSingkat: p.deskripsiSingkat,
+  //       deskripsiLengkap: p.deskripsiLengkap,
+  //       imageId,
+  //     },
+  //   });
+  // }
+  // console.log("info wabah penyakit success ...");
+
+  // // ====================== MENU KEAMANAN ========================
+  // // ==================== SUBMENU KEAMANAN LINGKUNGAN ============
+  // console.log("🔄 Seeding Keamanan Lingkungan...");
+  // for (const k of keamananLingkungan) {
+  //   const existing = await prisma.keamananLingkungan.findUnique({
+  //     where: { id: k.id },
+  //     select: { imageId: true },
+  //   });
+
+  //   let imageId = existing?.imageId; // Pertahankan existing
+
+  //   // Kalau belum ada imageId, cari berdasarkan name/realName
+  //   if (!imageId && k.imageId) {
+  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
+  //     const fileRecord = await prisma.fileStorage.findUnique({
+  //       where: { id: k.imageId },
+  //       select: { id: true, name: true },
+  //     });
+
+  //     if (fileRecord) {
+  //       imageId = fileRecord.id;
+  //       console.log(
+  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
+  //       );
+  //     } else {
+  //       console.warn(`⚠️ File with ID ${k.imageId} not found for ${k.name}`);
+  //       imageId = null;
+  //     }
+  //   }
+
+  //   await prisma.keamananLingkungan.upsert({
+  //     where: { id: k.id },
+  //     update: {
+  //       name: k.name,
+  //       deskripsi: k.deskripsi,
+  //       imageId,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       name: k.name,
+  //       deskripsi: k.deskripsi,
+  //       imageId,
+  //     },
+  //   });
+  // }
+  // console.log("info wabah penyakit success ...");
+
+  // // ==================== SUBMENU POLSEK TERDEKAT ================
+  // console.log("🔄 Seeding Layanan Polsek...");
+  // for (const k of layananPolsek) {
+  //   await prisma.layananPolsek.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       nama: k.nama,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       nama: k.nama,
+  //     },
+  //   });
+  // }
+
+  // console.log("layanan polsek success ...");
+
+  // console.log("🔄 Seeding Polsek Terdekat...");
+  // for (const k of polsekTerdekat) {
+  //   await prisma.polsekTerdekat.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       nama: k.nama,
+  //       jarakKeDesa: k.jarakKeDesa,
+  //       alamat: k.alamat,
+  //       nomorTelepon: k.nomorTelepon,
+  //       jamOperasional: k.jamOperasional,
+  //       embedMapUrl: k.embedMapUrl,
+  //       namaTempatMaps: k.namaTempatMaps,
+  //       alamatMaps: k.alamatMaps,
+  //       linkPetunjukArah: k.linkPetunjukArah,
+  //       layananPolsekId: k.layananPolsekId,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       nama: k.nama,
+  //       jarakKeDesa: k.jarakKeDesa,
+  //       alamat: k.alamat,
+  //       nomorTelepon: k.nomorTelepon,
+  //       jamOperasional: k.jamOperasional,
+  //       embedMapUrl: k.embedMapUrl,
+  //       namaTempatMaps: k.namaTempatMaps,
+  //       alamatMaps: k.alamatMaps,
+  //       linkPetunjukArah: k.linkPetunjukArah,
+  //       layananPolsekId: k.layananPolsekId,
+  //     },
+  //   });
+  // }
+
+  // console.log("polsek terdekat success ...");
+
+  // console.log("🔄 Seeding Layanan To Polsek...");
+  // for (const k of layananToPolsek) {
+  //   await prisma.layananToPolsek.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       layananId: k.layananId,
+  //       polsekTerdekatId: k.polsekTerdekatId,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       layananId: k.layananId,
+  //       polsekTerdekatId: k.polsekTerdekatId,
+  //     },
+  //   });
+  // }
+
+  // console.log("layanan to polsek success ...");
+
+  // // ==================== SUBMENU KONTAK DARURAT =================
+
+  // console.log("🔄 Seeding Kontak Item...");
+  // for (const e of kontakItem) {
+  //   await prisma.kontakItem.upsert({
+  //     where: {
+  //       id: e.id,
+  //     },
+  //     update: {
+  //       nama: e.nama,
+  //       icon: e.icon,
+  //       nomorTelepon: e.nomorTelepon,
+  //     },
+  //     create: {
+  //       id: e.id, // ✅ WAJIB
+  //       nama: e.nama,
+  //       icon: e.icon,
+  //       nomorTelepon: e.nomorTelepon,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Kontak Item seeded successfully");
+
+  // console.log("🔄 Seeding Kontak Darurat Keamanan...");
+  // for (const d of kontakDaruratKeamanan) {
+  //   await prisma.kontakDaruratKeamanan.upsert({
+  //     where: {
+  //       id: d.id,
+  //     },
+  //     update: {
+  //       nama: d.nama,
+  //       icon: d.icon,
+  //       kategoriId: d.kategoriId,
+  //     },
+  //     create: {
+  //       id: d.id,
+  //       nama: d.nama,
+  //       icon: d.icon,
+  //       kategoriId: d.kategoriId,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ Kontak Darurat Keamanan seeded successfully");
+
+  // console.log("🔄 Seeding Kontak Darurat To Item...");
+  // for (const f of kontakDaruratToItem) {
+  //   // ✅ Validasi foreign keys
+  //   const kontakDaruratExists = await prisma.kontakDaruratKeamanan.findUnique({
+  //     where: { id: f.kontakDaruratId },
+  //   });
+
+  //   const kontakItemExists = await prisma.kontakItem.findUnique({
+  //     where: { id: f.kontakItemId },
+  //   });
+
+  //   if (!kontakDaruratExists) {
+  //     console.warn(
+  //       `⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`,
+  //     );
+  //     continue;
+  //   }
+
+  //   if (!kontakItemExists) {
+  //     console.warn(`⚠️ KontakItem ${f.kontakItemId} not found, skipping...`);
+  //     continue;
+  //   }
+
+  //   await prisma.kontakDaruratToItem.upsert({
+  //     where: { id: f.id },
+  //     update: {
+  //       kontakDaruratId: f.kontakDaruratId,
+  //       kontakItemId: f.kontakItemId,
+  //     },
+  //     create: {
+  //       id: f.id,
+  //       kontakDaruratId: f.kontakDaruratId,
+  //       kontakItemId: f.kontakItemId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Kontak Darurat To Item seeded successfully");
+
+  // // ==================== SUBMENU PENCEGAHAN KRIMINALITAS ========
+  // console.log("🔄 Seeding Pencegahan Kriminalitas...");
+  // for (const d of pencegahanKriminalitas) {
+  //   await prisma.pencegahanKriminalitas.upsert({
+  //     where: {
+  //       id: d.id,
+  //     },
+  //     update: {
+  //       judul: d.judul,
+  //       deskripsi: d.deskripsi,
+  //       deskripsiSingkat: d.deskripsiSingkat,
+  //       linkVideo: d.linkVideo,
+  //     },
+  //     create: {
+  //       id: d.id,
+  //       judul: d.judul,
+  //       deskripsi: d.deskripsi,
+  //       deskripsiSingkat: d.deskripsiSingkat,
+  //       linkVideo: d.linkVideo,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ Pencegahan Kriminalitas seeded successfully");
+  // // ==================== SUBMENU LAPORAN PUBLIK =================
+  // console.log("🔄 Seeding Laporan Publik...");
+  // for (const l of laporanPublik) {
+  //   await prisma.laporanPublik.upsert({
+  //     where: {
+  //       id: l.id,
+  //     },
+  //     update: {
+  //       judul: l.judul,
+  //       lokasi: l.lokasi,
+  //       tanggalWaktu: l.tanggalWaktu,
+  //       kronologi: l.kronologi,
+  //     },
+  //     create: {
+  //       id: l.id,
+  //       judul: l.judul,
+  //       lokasi: l.lokasi,
+  //       tanggalWaktu: l.tanggalWaktu,
+  //       kronologi: l.kronologi,
+  //     },
+  //   });
+  // }
+
+  // console.log("laporan publik success ...");
+
+  // console.log("🔄 Seeding Penanganan Laporan...");
+  // for (const l of penangananLaporan) {
+  //   await prisma.penangananLaporanPublik.upsert({
+  //     where: {
+  //       id: l.id,
+  //     },
+  //     update: {
+  //       deskripsi: l.deskripsi,
+  //       laporanId: l.laporanId,
+  //     },
+  //     create: {
+  //       id: l.id,
+  //       deskripsi: l.deskripsi,
+  //       laporanId: l.laporanId,
+  //     },
+  //   });
+  // }
+
+  // console.log("penanganan laporan success ...");
+
+  // // ==================== SUBMENU TIPS KEAMANAN ==================
+  // console.log("🔄 Seeding Tips Keamanan...");
+  // for (const t of tipsKeamanan) {
+  //   await prisma.menuTipsKeamanan.upsert({
+  //     where: {
+  //       id: t.id,
+  //     },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //       imageId: t.imageId,
+  //     },
+  //     create: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //       imageId: t.imageId,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ Tips Keamanan seeded successfully");
+
+  // // ====================== MENU EKONOMI ========================
+  // // ==================== SUBMENU PASAR DESA ====================
+  // console.log("🔄 Seeding Kategori Produk...");
+  // for (const k of kategoriProduk) {
+  //   await prisma.kategoriProduk.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       nama: k.nama,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       nama: k.nama,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Kategori Produk seeded successfully");
+
+  // console.log("🔄 Seeding Pasar Desa...");
+  // for (const p of pasarDesa) {
+  //   await prisma.pasarDesa.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       nama: p.nama,
+  //       imageId: p.imageId,
+  //       harga: p.harga,
+  //       rating: p.rating,
+  //       alamatUsaha: p.alamatUsaha,
+  //       kontak: p.kontak,
+  //       deskripsi: p.deskripsi,
+  //       kategoriProdukId: p.kategoriProdukId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       nama: p.nama,
+  //       imageId: p.imageId,
+  //       harga: p.harga,
+  //       rating: p.rating,
+  //       alamatUsaha: p.alamatUsaha,
+  //       kontak: p.kontak,
+  //       deskripsi: p.deskripsi,
+  //       kategoriProdukId: p.kategoriProdukId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Pasar Desa seeded successfully");
+
+  // console.log("🔄 Seeding Kategori To Pasar...");
+  // for (const p of kategoriToPasar) {
+  //   await prisma.kategoriToPasar.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       kategoriId: p.kategoriId,
+  //       pasarDesaId: p.pasarDesaId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       kategoriId: p.kategoriId,
+  //       pasarDesaId: p.pasarDesaId,
+  //     },
+  //   });
+  // }
+
+  // // ==================== SUBMENU LOWONGAN KERJA LOKAL ==========
+  // console.log("🔄 Seeding Lowongan Kerja Lokal...");
+  // for (const k of lowonganKerjaLokal) {
+  //   await prisma.lowonganPekerjaan.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       posisi: k.posisi,
+  //       namaPerusahaan: k.namaPerusahaan,
+  //       lokasi: k.lokasi,
+  //       tipePekerjaan: k.tipePekerjaan,
+  //       gaji: k.gaji,
+  //       deskripsi: k.deskripsi,
+  //       kualifikasi: k.kualifikasi,
+  //       notelp: k.notelp,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       posisi: k.posisi,
+  //       namaPerusahaan: k.namaPerusahaan,
+  //       lokasi: k.lokasi,
+  //       tipePekerjaan: k.tipePekerjaan,
+  //       gaji: k.gaji,
+  //       deskripsi: k.deskripsi,
+  //       kualifikasi: k.kualifikasi,
+  //       notelp: k.notelp,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Lowongan Kerja Lokal seeded successfully");
+
+  // // ==================== SUBMENU STRUKTUR ORGANISASI DAN SK PENGURUS BUMDES ==========
+  // const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
+  //   (a, b) => a.hierarki - b.hierarki,
+  // );
+
+  // for (const p of sortedPosisiBumdes) {
+  //   console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
+
+  //   if (p.parentId) {
+  //     const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
+  //     if (!parentExists) {
+  //       console.warn(
+  //         `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
+  //       );
+  //       continue;
+  //     }
+  //   }
+
+  //   await prisma.posisiOrganisasiBumDes.upsert({
+  //     where: { id: p.id },
+  //     update: p,
+  //     create: p,
+  //   });
+  // }
+  // console.log("posisi organisasi berhasil");
+
+  // for (const p of pegawai) {
+  //   await prisma.pegawaiBumDes.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       namaLengkap: p.namaLengkap,
+  //       gelarAkademik: p.gelarAkademik,
+  //       tanggalMasuk: new Date(p.tanggalMasuk),
+  //       email: p.email,
+  //       telepon: p.telepon,
+  //       alamat: p.alamat,
+  //       posisiId: p.posisiId,
+  //       isActive: p.isActive,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       namaLengkap: p.namaLengkap,
+  //       gelarAkademik: p.gelarAkademik,
+  //       tanggalMasuk: new Date(p.tanggalMasuk),
+  //       email: p.email,
+  //       telepon: p.telepon,
+  //       alamat: p.alamat,
+  //       posisiId: p.posisiId,
+  //       isActive: p.isActive,
+  //     },
+  //   });
+  // }
+  // console.log("pegawai success ...");
+
+  // // ==================== SUBMENU PENDAPATAN ASLI DESA ==========
+
+  // // ==================== SUBMENU JUMLAH PENGANGGURAN ==========
+  // for (const d of detailDataPengangguran) {
+  //   await prisma.detailDataPengangguran.upsert({
+  //     where: {
+  //       month_year: { month: d.month, year: d.year },
+  //     },
+  //     update: {
+  //       totalUnemployment: d.totalUnemployment,
+  //       educatedUnemployment: d.educatedUnemployment,
+  //       uneducatedUnemployment: d.uneducatedUnemployment,
+  //       percentageChange: d.percentageChange,
+  //     },
+  //     create: {
+  //       month: d.month,
+  //       year: d.year,
+  //       totalUnemployment: d.totalUnemployment,
+  //       educatedUnemployment: d.educatedUnemployment,
+  //       uneducatedUnemployment: d.uneducatedUnemployment,
+  //       percentageChange: d.percentageChange,
+  //     },
+  //   });
+  // }
+  // console.log("📊 detailDataPengangguran success ...");
+
+  // // ==================== SUBMENU PENDUDUK USIA KERJA ==========
+  // for (const p of grafikMenganggurBerdasarkanUsia) {
+  //   await prisma.grafikMenganggurBerdasarkanUsia.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       usia18_25: p.usia18_25,
+  //       usia26_35: p.usia26_35,
+  //       usia36_45: p.usia36_45,
+  //       usia46_keatas: p.usia46_keatas,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       usia18_25: p.usia18_25,
+  //       usia26_35: p.usia26_35,
+  //       usia36_45: p.usia36_45,
+  //       usia46_keatas: p.usia46_keatas,
+  //     },
+  //   });
+  // }
+  // console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
+
+  // for (const p of grafikMenganggurBerdasarkanPendidikan) {
+  //   await prisma.grafikMenganggurBerdasarkanPendidikan.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       SD: p.SD,
+  //       SMP: p.SMP,
+  //       SMA: p.SMA,
+  //       D3: p.D3,
+  //       S1: p.S1,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       SD: p.SD,
+  //       SMP: p.SMP,
+  //       SMA: p.SMA,
+  //       D3: p.D3,
+  //       S1: p.S1,
+  //     },
+  //   });
+  // }
+  // console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
+
+  // // ==================== SUBMENU PENDUDUK MISKIN =============
+  // console.log("🔄 Seeding Jumlah Penduduk Miskin...");
+  // for (const k of jumlahPendudukMiskin) {
+  //   await prisma.grafikJumlahPendudukMiskin.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       year: k.year,
+  //       totalPoorPopulation: k.totalPoorPopulation,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       year: k.year,
+  //       totalPoorPopulation: k.totalPoorPopulation,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Jumlah Penduduk Miskin seeded successfully");
+
+  // // ==================== SUBMENU PROGRAM KEMISKINAN =============
+  // for (const s of statistikKemiskinan) {
+  //   await prisma.statistikKemiskinan.upsert({
+  //     where: { tahun: s.tahun }, // ✅ FIX
+  //     update: {
+  //       jumlah: s.jumlah,
+  //     },
+  //     create: {
+  //       id: s.id, // id boleh tetap
+  //       tahun: s.tahun,
+  //       jumlah: s.jumlah,
+  //     },
+  //   });
+  // }
+
+  // console.log("📊 Statistik Kemiskinan seeded successfully");
+
+  // console.log("🔄 Seeding Program Kemiskinan...");
+  // for (const k of programKemiskinan) {
+  //   await prisma.programKemiskinan.upsert({
+  //     where: { id: k.id },
+  //     update: {
+  //       nama: k.nama,
+  //       deskripsi: k.deskripsi,
+  //       icon: k.icon,
+  //       statistik: {
+  //         connect: {
+  //           tahun: k.tahun, // 👈 BUKAN ID
+  //         },
+  //       },
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       nama: k.nama,
+  //       deskripsi: k.deskripsi,
+  //       icon: k.icon,
+  //       statistik: {
+  //         connect: {
+  //           tahun: k.tahun,
+  //         },
+  //       },
+  //     },
+  //   });
+  // }
+  // console.log("✅ Program Kemiskinan seeded successfully");
+
+  // // ==================== SUBMENU SEKTOR UNGGULAN DESA =============
+  // console.log("🔄 Seeding Sektor Unggulan Desa...");
+  // for (const k of sektorUnggulanDesa) {
+  //   await prisma.sektorUnggulanDesa.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       name: k.name,
+  //       description: k.description,
+  //       value: k.value,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       name: k.name,
+  //       description: k.description,
+  //       value: k.value,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Sektor Unggulan Desa seeded successfully");
+
+  // // ==================== SUBMENU DEMOGRAFI PEKERJAAN =============
+  // console.log("🔄 Seeding Demografi Pekerjaan...");
+  // for (const k of demografiPekerjaan) {
+  //   await prisma.dataDemografiPekerjaan.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       pekerjaan: k.pekerjaan,
+  //       lakiLaki: k.lakiLaki,
+  //       perempuan: k.perempuan,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       pekerjaan: k.pekerjaan,
+  //       lakiLaki: k.lakiLaki,
+  //       perempuan: k.perempuan,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Demografi Pekerjaan seeded successfully");
+
+  // // ====================== MENU INOVASI ==========================
+  // // ====================== SUBMENU AJUKAN IDE INOVATIF ===========
+  // console.log("🔄 Seeding Ajukan Ide Inovatif...");
+  // for (const d of ajukanIde) {
+  //   await prisma.ajukanIdeInovatif.upsert({
+  //     where: {
+  //       id: d.id,
+  //     },
+  //     update: {
+  //       name: d.name,
+  //       alamat: d.alamat,
+  //       namaIde: d.namaIde,
+  //       deskripsi: d.deskripsi,
+  //       masalah: d.masalah,
+  //       benefit: d.benefit,
+  //     },
+  //     create: {
+  //       id: d.id,
+  //       name: d.name,
+  //       alamat: d.alamat,
+  //       namaIde: d.namaIde,
+  //       deskripsi: d.deskripsi,
+  //       masalah: d.masalah,
+  //       benefit: d.benefit,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Ajukan Ide Inovatif seeded successfully");
+  // // ==================== SUBMENU DESA DIGITAL ====================
+  // console.log("🔄 Seeding Desa Digital...");
+  // for (const d of desaDigital) {
+  //   await prisma.desaDigital.upsert({
+  //     where: {
+  //       id: d.id,
+  //     },
+  //     update: {
+  //       name: d.name,
+  //       deskripsi: d.deskripsi,
+  //       imageId: d.imageId,
+  //     },
+  //     create: {
+  //       id: d.id,
+  //       name: d.name,
+  //       deskripsi: d.deskripsi,
+  //       imageId: d.imageId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Desa Digital seeded successfully");
+
+  // // ==================== SUBMENU LAYANAN ONLINE DESA ==========
+  // console.log("🔄 Seeding Jenis Layanan...");
+  // for (const j of jenisLayanan) {
+  //   await prisma.jenisLayanan.upsert({
+  //     where: {
+  //       id: j.id,
+  //     },
+  //     update: {
+  //       nama: j.nama,
+  //       deskripsi: j.deskripsi,
+  //     },
+  //     create: {
+  //       id: j.id,
+  //       nama: j.nama,
+  //       deskripsi: j.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Jenis Layanan seeded successfully");
+
+  // console.log("🔄 Seeding Administrasi Online...");
+  // for (const d of administrasiOnline) {
+  //   await prisma.administrasiOnline.upsert({
+  //     where: {
+  //       id: d.id,
+  //     },
+  //     update: {
+  //       name: d.name,
+  //       alamat: d.alamat,
+  //       nomorTelepon: d.nomorTelepon,
+  //       jenisLayananId: d.jenisLayananId,
+  //     },
+  //     create: {
+  //       id: d.id,
+  //       name: d.name,
+  //       alamat: d.alamat,
+  //       nomorTelepon: d.nomorTelepon,
+  //       jenisLayananId: d.jenisLayananId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Administrasi Online seeded successfully");
+
+  // console.log("🔄 Seeding Jenis Pengaduan Masyarakat...");
+  // for (const d of jenisPengaduan) {
+  //   await prisma.jenisPengaduan.upsert({
+  //     where: {
+  //       id: d.id,
+  //     },
+  //     update: {
+  //       nama: d.nama,
+  //     },
+  //     create: {
+  //       id: d.id,
+  //       nama: d.nama,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Jenis Pengaduan Masyarakat seeded successfully");
+
+  // console.log("🔄 Seeding Pengaduan Masyarakat...");
+  // for (const d of pengaduanMasyarakat) {
+  //   await prisma.pengaduanMasyarakat.upsert({
+  //     where: {
+  //       id: d.id,
+  //     },
+  //     update: {
+  //       name: d.name,
+  //       email: d.email,
+  //       nik: d.nik,
+  //       nomorTelepon: d.nomorTelepon,
+  //       judulPengaduan: d.judulPengaduan,
+  //       lokasiKejadian: d.lokasiKejadian,
+  //       imageId: d.imageId,
+  //       deskripsiPengaduan: d.deskripsiPengaduan,
+  //       jenisPengaduanId: d.jenisPengaduanId,
+  //     },
+  //     create: {
+  //       id: d.id,
+  //       name: d.name,
+  //       email: d.email,
+  //       nik: d.nik,
+  //       nomorTelepon: d.nomorTelepon,
+  //       judulPengaduan: d.judulPengaduan,
+  //       lokasiKejadian: d.lokasiKejadian,
+  //       imageId: d.imageId,
+  //       deskripsiPengaduan: d.deskripsiPengaduan,
+  //       jenisPengaduanId: d.jenisPengaduanId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Pengaduan Masyarakat seeded successfully");
+
+  // // ==================== SUBMENU PROGRAM KREATIF ==========
+  // console.log("🔄 Seeding Program Kreatif...");
+  // for (const p of programKreatif) {
+  //   await prisma.programKreatif.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       icon: p.icon,
+  //       slug: p.slug,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       icon: p.icon,
+  //       slug: p.slug,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Program Kreatif seeded successfully");
+
+  // // ==================== SUBMENU KOLABORASI INOVASI ==========
+  // console.log("🔄 Seeding Kolaborasi Inovasi...");
+  // for (const p of kolaborasiInovasi) {
+  //   await prisma.kolaborasiInovasi.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       tahun: p.tahun,
+  //       slug: p.slug,
+  //       deskripsi: p.deskripsi,
+  //       kolaborator: p.kolaborator,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       tahun: p.tahun,
+  //       slug: p.slug,
+  //       deskripsi: p.deskripsi,
+  //       kolaborator: p.kolaborator,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Kolaborasi Inovasi seeded successfully");
+
+  // console.log("🔄 Seeding Mitra Kolaborasi...");
+  // for (const p of mitraKolaborasi) {
+  //   await prisma.mitraKolaborasi.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       imageId: p.imageId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       imageId: p.imageId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Mitra Kolaborasi seeded successfully");
+
+  // // ==================== SUBMENU INFO TEKNOLOGI TEPAT GUNA ==========
+  // console.log("🔄 Seeding Info Teknologi...");
+  // for (const p of infoTeknologi) {
+  //   await prisma.infoTekno.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       imageId: p.imageId,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       deskripsi: p.deskripsi,
+  //       imageId: p.imageId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Info Teknologi seeded successfully");
+
+  // // ====================== MENU LINGKUNGAN ==========================
+  // // ==================== SUBMENU PENGELOLAAN SAMPAH ==========
+  // console.log("🔄 Seeding Pengelolaan Sampah...");
+  // for (const p of pengelolaanSampah) {
+  //   await prisma.pengelolaanSampah.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       icon: p.icon,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       icon: p.icon,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Pengelolaan Sampah seeded successfully");
+
+  // console.log("🔄 Seeding Keterangan Bank Sampah...");
+  // for (const p of keteranganBankSampah) {
+  //   await prisma.keteranganBankSampahTerdekat.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       alamat: p.alamat,
+  //       namaTempatMaps: p.namaTempatMaps,
+  //       linkPetunjukArah: p.linkPetunjukArah,
+  //       lat: p.lat,
+  //       lng: p.lng,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       alamat: p.alamat,
+  //       namaTempatMaps: p.namaTempatMaps,
+  //       linkPetunjukArah: p.linkPetunjukArah,
+  //       lat: p.lat,
+  //       lng: p.lng,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Keterangan Bank Sampah seeded successfully");
+
+  // // ==================== SUBMENU PROGRAM PENGHIJAUAN ==========
+  // console.log("🔄 Seeding Program Penghijauan...");
+  // for (const p of programPenghijauan) {
+  //   await prisma.programPenghijauan.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       judul: p.judul,
+  //       deskripsi: p.deskripsi,
+  //       icon: p.icon,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       judul: p.judul,
+  //       deskripsi: p.deskripsi,
+  //       icon: p.icon,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Program Penghijauan seeded successfully");
+
+  // // ==================== SUBMENU DATA LINGKUNGAN DESA ==========
+  // console.log("🔄 Seeding Data Lingkungan Desa...");
+  // for (const p of dataLingkunganDesa) {
+  //   await prisma.dataLingkunganDesa.upsert({
+  //     where: {
+  //       id: p.id,
+  //     },
+  //     update: {
+  //       name: p.name,
+  //       jumlah: p.jumlah,
+  //       deskripsi: p.deskripsi,
+  //       icon: p.icon,
+  //     },
+  //     create: {
+  //       id: p.id,
+  //       name: p.name,
+  //       jumlah: p.jumlah,
+  //       deskripsi: p.deskripsi,
+  //       icon: p.icon,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Data Lingkungan Desa seeded successfully");
+
+  // // =========== SUBMENU GOTONG ROYONG ===========
+  // console.log("🔄 Seeding Kategori Gotong Royong...");
+
+  // for (const k of kategoriGotongRoyong) {
+  //   await prisma.kategoriKegiatan.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       nama: k.nama,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       nama: k.nama,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ Kategori Gotong Royong seeded successfully");
+
+  // console.log("🔄 Seeding Gotong Royong...");
+
+  // for (const k of gotongRoyong) {
+  //   await prisma.kegiatanDesa.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       judul: k.judul,
+  //       deskripsiSingkat: k.deskripsiSingkat,
+  //       deskripsiLengkap: k.deskripsiLengkap,
+  //       tanggal: k.tanggal,
+  //       lokasi: k.lokasi,
+  //       partisipan: k.partisipan,
+  //       imageId: k.imageId,
+  //       kategoriKegiatanId: k.kategoriKegiatanId,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       judul: k.judul,
+  //       deskripsiSingkat: k.deskripsiSingkat,
+  //       deskripsiLengkap: k.deskripsiLengkap,
+  //       tanggal: k.tanggal,
+  //       lokasi: k.lokasi,
+  //       partisipan: k.partisipan,
+  //       imageId: k.imageId,
+  //       kategoriKegiatanId: k.kategoriKegiatanId,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ Kategori Gotong Royong seeded successfully");
+
+  // // =========== SUBMENU EDUKASI LINGKUNGAN ===========
+
+  // for (const e of tujuanEdukasiLingkungan) {
+  //   await prisma.tujuanEdukasiLingkungan.upsert({
+  //     where: {
+  //       id: e.id,
+  //     },
+  //     update: {
+  //       judul: e.judul,
+  //       deskripsi: e.deskripsi,
+  //     },
+  //     create: {
+  //       id: e.id,
+  //       judul: e.judul,
+  //       deskripsi: e.deskripsi,
+  //     },
+  //   });
+  // }
+
+  // console.log("tujuan edukasi lingkungan success ...");
+
+  // for (const m of materiEdukasiLingkungan) {
+  //   await prisma.materiEdukasiLingkungan.upsert({
+  //     where: {
+  //       id: m.id,
+  //     },
+  //     update: {
+  //       judul: m.judul,
+  //       deskripsi: m.deskripsi,
+  //     },
+  //     create: {
+  //       id: m.id,
+  //       judul: m.judul,
+  //       deskripsi: m.deskripsi,
+  //     },
+  //   });
+  // }
+
+  // console.log("materi edukasi lingkungan success ...");
+
+  // for (const c of contohEdukasiLingkungan) {
+  //   await prisma.contohEdukasiLingkungan.upsert({
+  //     where: {
+  //       id: c.id,
+  //     },
+  //     update: {
+  //       judul: c.judul,
+  //       deskripsi: c.deskripsi,
+  //     },
+  //     create: {
+  //       id: c.id,
+  //       judul: c.judul,
+  //       deskripsi: c.deskripsi,
+  //     },
+  //   });
+  // }
+
+  // console.log("contoh edukasi lingkungan success ...");
+
+  // // =========== SUBMENU KONSERVASI ADAT BALI ===========
+
+  // for (const f of filosofiTriHita) {
+  //   await prisma.filosofiTriHita.upsert({
+  //     where: {
+  //       id: f.id,
+  //     },
+  //     update: {
+  //       judul: f.judul,
+  //       deskripsi: f.deskripsi,
+  //     },
+  //     create: {
+  //       id: f.id,
+  //       judul: f.judul,
+  //       deskripsi: f.deskripsi,
+  //     },
+  //   });
+  // }
+
+  // console.log("filosofi tri hita success ...");
+
+  // for (const b of bentukKonservasiBerdasarkanAdat) {
+  //   await prisma.bentukKonservasiBerdasarkanAdat.upsert({
+  //     where: {
+  //       id: b.id,
+  //     },
+  //     update: {
+  //       judul: b.judul,
+  //       deskripsi: b.deskripsi,
+  //     },
+  //     create: {
+  //       id: b.id,
+  //       judul: b.judul,
+  //       deskripsi: b.deskripsi,
+  //     },
+  //   });
+  // }
+
+  // console.log("bentuk konservasi berdasarkan adat success ...");
+
+  // for (const n of nilaiKonservasiAdat) {
+  //   await prisma.nilaiKonservasiAdat.upsert({
+  //     where: {
+  //       id: n.id,
+  //     },
+  //     update: {
+  //       judul: n.judul,
+  //       deskripsi: n.deskripsi,
+  //     },
+  //     create: {
+  //       id: n.id,
+  //       judul: n.judul,
+  //       deskripsi: n.deskripsi,
+  //     },
+  //   });
+  // }
+
+  // console.log("nilai konservasi adat success ...");
+
+  // // ====================== MENU PENDIDIKAN ==========================
+  // // =========== SUBMENU INFO SEKOLAH =====================
+
+  // for (const j of jenjangPendidikan) {
+  //   await prisma.jenjangPendidikan.upsert({
+  //     where: {
+  //       id: j.id,
+  //     },
+  //     update: {
+  //       nama: j.nama,
+  //     },
+  //     create: {
+  //       id: j.id,
+  //       nama: j.nama,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ Jenjang Pendidikan seeded successfully");
+
+  // for (const j of lembagaPendidikan) {
+  //   await prisma.lembaga.upsert({
+  //     where: {
+  //       id: j.id,
+  //     },
+  //     update: {
+  //       nama: j.nama,
+  //       jenjangId: j.jenjangId,
+  //     },
+  //     create: {
+  //       id: j.id,
+  //       nama: j.nama,
+  //       jenjangId: j.jenjangId,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ Lembaga Pendidikan seeded successfully");
+
+  // for (const j of siswa) {
+  //   await prisma.siswa.upsert({
+  //     where: {
+  //       id: j.id,
+  //     },
+  //     update: {
+  //       nama: j.nama,
+  //       lembagaId: j.lembagaId,
+  //     },
+  //     create: {
+  //       id: j.id,
+  //       nama: j.nama,
+  //       lembagaId: j.lembagaId,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ siswa seeded successfully");
+
+  // for (const j of pengajar) {
+  //   await prisma.pengajar.upsert({
+  //     where: {
+  //       id: j.id,
+  //     },
+  //     update: {
+  //       nama: j.nama,
+  //       lembagaId: j.lembagaId,
+  //     },
+  //     create: {
+  //       id: j.id,
+  //       nama: j.nama,
+  //       lembagaId: j.lembagaId,
+  //     },
+  //   });
+  // }
+
+  // console.log("✅ pengajar seeded successfully");
+
+  // // =========== SUBMENU PROGRAM PENDIDIKAN ANAK =====================
+
+  // for (const t of tujuanProgram) {
+  //   await prisma.tujuanProgram.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log("✅ tujuan program seeded (editable later via UI)");
+
+  // for (const t of programUnggulan) {
+  //   await prisma.programUnggulan.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log("✅ program unggulan seeded (editable later via UI)");
+
+  // // =========== SUBMENU BIMBINGAN BELAJAR DESA =====================
+
+  // for (const t of tujuanBimbinganBelajarDesa) {
+  //   await prisma.tujuanBimbinganBelajarDesa.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log(
+  //   "✅ tujuan bimbingan belajar desa seeded (editable later via UI)",
+  // );
+
+  // for (const t of lokasiJadwalBimbinganBelajarDesa) {
+  //   await prisma.lokasiJadwalBimbinganBelajarDesa.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log(
+  //   "✅ lokasi jadwal bimbingan belajar desa seeded (editable later via UI)",
+  // );
+
+  // for (const t of fasilitasBimbinganBelajarDesa) {
+  //   await prisma.fasilitasBimbinganBelajarDesa.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log(
+  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  // );
+
+  // // =========== SUBMENU PENDIDIKAN NON FORMAL =====================
+
+  // for (const t of tujuanProgram2) {
+  //   await prisma.tujuanPendidikanNonFormal.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log(
+  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  // );
+
+  // for (const t of tempatKegiatan) {
+  //   await prisma.tempatKegiatan.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log(
+  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  // );
+
+  // for (const t of jenisProgramYangDiselenggarakan) {
+  //   await prisma.jenisProgramYangDiselenggarakan.upsert({
+  //     where: { id: t.id },
+  //     update: {
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //     create: {
+  //       id: t.id,
+  //       judul: t.judul,
+  //       deskripsi: t.deskripsi,
+  //     },
+  //   });
+  // }
+  // console.log(
+  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  // );
+
+  // // =========== SUBMENU PERPUSTAKAAN DIGITAL =====================
+  // console.log("🔄 Seeding Kategori Buku...");
+  // for (const k of kategoriBuku) {
+  //   await prisma.kategoriBuku.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       name: k.name,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       name: k.name,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Kategori Buku seeded successfully");
+
+  // console.log("🔄 Seeding Data perpustakaan...");
+  // for (const k of dataPerpustakaan) {
+  //   await prisma.dataPerpustakaan.upsert({
+  //     where: {
+  //       id: k.id,
+  //     },
+  //     update: {
+  //       judul: k.judul,
+  //       deskripsi: k.deskripsi,
+  //       kategoriId: k.kategoriId,
+  //       imageId: k.imageId,
+  //     },
+  //     create: {
+  //       id: k.id,
+  //       judul: k.judul,
+  //       deskripsi: k.deskripsi,
+  //       kategoriId: k.kategoriId,
+  //       imageId: k.imageId,
+  //     },
+  //   });
+  // }
+  // console.log("✅ Data perpustakaan seeded successfully");
 
   // =========== SUBMENU DATA PENDIDIKAN =====================
   console.log("🔄 Seeding Data pendidikan...");
@@ -3027,17 +1933,16 @@ import resolveImageById from "./resolveImageByName";
       },
       update: {
         name: k.name,
-        jumlah: k.jumlah
+        jumlah: k.jumlah,
       },
       create: {
         id: k.id,
         name: k.name,
-        jumlah: k.jumlah
+        jumlah: k.jumlah,
       },
     });
   }
   console.log("✅ Data pendidikan seeded successfully");
-
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 1bc230da..c953b8f5 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -1,555 +1,68 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-// /* eslint-disable @typescript-eslint/no-unused-vars */
-// // prisma/seedAssets.ts
-// import prisma from "@/lib/prisma";
-// import AdmZip from "adm-zip";
-// import fs from "fs/promises";
-// import path from "path";
-// import sharp from "sharp";
-// import fetchWithRetry from "./data/fetchWithRetry";
-
-// const UPLOADS_DIR = path.resolve(process.env.WIBU_UPLOAD_DIR || "uploads");
-
-// // --- Helper: deteksi kategori file ---
-// function detectCategory(filename: string): "image" | "document" | "other" {
-//   const ext = path.extname(filename).toLowerCase();
-//   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-//   if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
-//   return "other";
-// }
-
-// // --- Helper: recursive walk dir ---
-// async function walkDir(
-//   dir: string,
-//   fileList: string[] = [],
-// ): Promise<string[]> {
-//   const entries = await fs.readdir(dir, { withFileTypes: true });
-
-//   for (const entry of entries) {
-//     const fullPath = path.join(dir, entry.name);
-
-//     if (entry.isDirectory()) {
-//       if (entry.name === "__MACOSX") continue; // skip folder sampah
-//       await walkDir(fullPath, fileList);
-//     } else {
-//       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
-//       fileList.push(fullPath);
-//     }
-//   }
-
-//   return fileList;
-// }
-
-// export default async function seedAssets() {
-//   console.log("🚀 Seeding assets...");
-//   console.log("📁 Upload dir:", UPLOADS_DIR);
-
-//   await fs.mkdir(UPLOADS_DIR, { recursive: true });
-
-//   // 1. Download zip
-//   const url =
-//     "https://cld-dkr-makuro-seafile.wibudev.com/f/03be4043989e4caeb36b/?dl=1";
-//   const res = await fetchWithRetry(url, 3, 20000);
-
-//   // Validasi content-type
-//   const contentType = res.headers.get("content-type");
-//   if (!contentType?.includes("zip")) {
-//     throw new Error(`Invalid content-type (${contentType}). Expected ZIP file`);
-//   }
-
-//   const buffer = Buffer.from(await res.arrayBuffer());
-
-//   // Validasi ukuran file
-//   if (buffer.length < 100) {
-//     throw new Error("Downloaded ZIP is empty or corrupted");
-//   }
-
-//   // Validasi signature ZIP ("PK")
-//   if (buffer.toString("utf8", 0, 2) !== "PK") {
-//     throw new Error("Invalid ZIP signature (PK not found)");
-//   }
-
-//   // 2. Extract zip ke folder tmp
-//   const extractDir = path.join(process.cwd(), "tmp_assets");
-//   await fs.rm(extractDir, { recursive: true, force: true });
-//   await fs.mkdir(extractDir, { recursive: true });
-
-//   let zip: AdmZip;
-
-//   try {
-//     zip = new AdmZip(buffer);
-//   } catch (err) {
-//     throw new Error("Failed to parse ZIP file (corrupted or invalid)");
-//   }
-
-//   try {
-//     zip.extractAllTo(extractDir, true);
-//   } catch (err) {
-//     throw new Error("Failed to extract ZIP contents");
-//   }
-
-//   // 3. Cari semua file valid (recursive)
-//   const files = await walkDir(extractDir);
-
-//   // 4. Loop tiap file & simpan
-//   for (const filePath of files) {
-//     const entryName = path.basename(filePath);
-//     const category = detectCategory(entryName);
-
-//     let finalName = entryName;
-//     let mimeType = "application/octet-stream";
-//     let targetPath = "";
-
-//     if (category === "image") {
-//       const fileBaseName = path.parse(entryName).name;
-//       finalName = `${fileBaseName}.webp`;
-//       targetPath = path.join(UPLOADS_DIR, "images", finalName);
-//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
-//       await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-//       mimeType = "image/webp";
-//     } else if (category === "document") {
-//       targetPath = path.join(UPLOADS_DIR, "documents", entryName);
-//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
-//       await fs.copyFile(filePath, targetPath);
-//       mimeType = "application/pdf";
-//     } else {
-//       targetPath = path.join(UPLOADS_DIR, "other", entryName);
-//       await fs.mkdir(path.dirname(targetPath), { recursive: true });
-//       await fs.copyFile(filePath, targetPath);
-//     }
-
-//     const existing = await prisma.fileStorage.findUnique({
-//       where: { name: finalName },
-//     });
-
-//     if (existing) {
-//       // Restore kalau soft deleted
-//       await prisma.fileStorage.update({
-//         where: { name: finalName },
-//         data: {
-//           path: targetPath,
-//           realName: entryName,
-//           mimeType,
-//           link: `/uploads/${category}/${finalName}`,
-//           category,
-//           deletedAt: null,
-//           isActive: true,
-//         },
-//       });
-
-//       console.log(`♻️ restored: ${category}/${finalName}`);
-//     } else {
-//       await prisma.fileStorage.create({
-//         data: {
-//           name: finalName,
-//           realName: entryName,
-//           path: targetPath,
-//           mimeType,
-//           link: `/uploads/${category}/${finalName}`,
-//           category,
-//         },
-//       });
-
-//       console.log(`📂 created: ${category}/${finalName}`);
-//     }
-
-//     console.log(`📂 saved: ${category}/${finalName}`);
-//   }
-
-//   // 6. Cleanup
-//   await fs.rm(extractDir, { recursive: true, force: true });
-
-//   console.log("✅ Selesai seed assets!");
-//   console.log("DB URL (asset):", process.env.DATABASE_URL);
-// }
-
-// // --- Auto run kalau dipanggil langsung ---
-// if (import.meta.main) {
-//   seedAssets()
-//     .catch((err) => {
-//       console.error("❌ Error seeding assets:", err);
-//       process.exit(1);
-//     })
-//     .finally(async () => {
-//       await prisma.$disconnect();
-//     });
-// }
-
-// // prisma/seedAssets.ts
-// // import prisma from "@/lib/prisma";
-// // import AdmZip from "adm-zip";
-// // import fs from "fs/promises";
-// // import path from "path";
-// // import sharp from "sharp";
-// // import mime from "mime-types";
-// // import fetchWithRetry from "./data/fetchWithRetry";
-
-// // /* =========================
-// //  * CONFIG
-// //  * ========================= */
-// // const UPLOADS_DIR = path.resolve(
-// //   process.env.WIBU_UPLOAD_DIR || "uploads"
-// // );
-
-// // const TMP_DIR = path.join(process.cwd(), "tmp_assets");
-
-// // const CATEGORY_DIR: Record<FileCategory, string> = {
-// //   image: "images",
-// //   document: "documents",
-// //   other: "other",
-// // };
-
-// // type FileCategory = "image" | "document" | "other";
-
-// // /* =========================
-// //  * HELPERS
-// //  * ========================= */
-// // function detectCategory(filename: string): FileCategory {
-// //   const ext = path.extname(filename).toLowerCase();
-// //   if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-// //   if ([".pdf", ".doc", ".docx", ".txt"].includes(ext)) return "document";
-// //   return "other";
-// // }
-
-// // async function walkDir(
-// //   dir: string,
-// //   result: string[] = []
-// // ): Promise<string[]> {
-// //   const entries = await fs.readdir(dir, { withFileTypes: true });
-
-// //   for (const entry of entries) {
-// //     const fullPath = path.join(dir, entry.name);
-
-// //     if (entry.isDirectory()) {
-// //       if (entry.name === "__MACOSX") continue;
-// //       await walkDir(fullPath, result);
-// //     } else {
-// //       if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
-// //       result.push(fullPath);
-// //     }
-// //   }
-
-// //   return result;
-// // }
-
-// // async function ensureDir(dir: string) {
-// //   await fs.mkdir(dir, { recursive: true });
-// // }
-
-// // /* =========================
-// //  * FILE PROCESSORS
-// //  * ========================= */
-// // async function processImage(filePath: string, entryName: string) {
-// //   const baseName = path.parse(entryName).name;
-// //   const finalName = `${baseName}.webp`;
-// //   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR.image);
-// //   const targetPath = path.join(targetDir, finalName);
-
-// //   await ensureDir(targetDir);
-// //   await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-
-// //   return {
-// //     finalName,
-// //     targetPath,
-// //     mimeType: "image/webp",
-// //   };
-// // }
-
-// // async function processNonImage(
-// //   filePath: string,
-// //   entryName: string,
-// //   category: FileCategory
-// // ) {
-// //   const targetDir = path.join(UPLOADS_DIR, CATEGORY_DIR[category]);
-// //   const targetPath = path.join(targetDir, entryName);
-
-// //   await ensureDir(targetDir);
-// //   await fs.copyFile(filePath, targetPath);
-
-// //   return {
-// //     finalName: entryName,
-// //     targetPath,
-// //     mimeType: mime.lookup(entryName) || "application/octet-stream",
-// //   };
-// // }
-
-// // /* =========================
-// //  * MAIN
-// //  * ========================= */
-// // export default async function seedAssets() {
-// //   console.log("🚀 Seeding assets...");
-// //   console.log("📁 Upload dir:", UPLOADS_DIR);
-
-// //   await ensureDir(UPLOADS_DIR);
-
-// //   /* ===== Download ZIP ===== */
-// //   const url =
-// //     "https://cld-dkr-makuro-seafile.wibudev.com/f/e13d5429785640c098ae/?dl=1";
-// //   const res = await fetchWithRetry(url, 3, 20000);
-
-// //   if (!res.headers.get("content-type")?.includes("zip")) {
-// //     throw new Error("Invalid ZIP content-type");
-// //   }
-
-// //   const buffer = Buffer.from(await res.arrayBuffer());
-// //   if (buffer.length < 100 || buffer.toString("utf8", 0, 2) !== "PK") {
-// //     throw new Error("Corrupted ZIP file");
-// //   }
-
-// //   /* ===== Extract ===== */
-// //   await fs.rm(TMP_DIR, { recursive: true, force: true });
-// //   await ensureDir(TMP_DIR);
-
-// //   const zip = new AdmZip(buffer);
-// //   zip.extractAllTo(TMP_DIR, true);
-
-// //   /* ===== Process Files ===== */
-// //   const files = await walkDir(TMP_DIR);
-
-// //   for (const filePath of files) {
-// //     const entryName = path.basename(filePath);
-// //     const category = detectCategory(entryName);
-
-// //     let result;
-
-// //     if (category === "image") {
-// //       result = await processImage(filePath, entryName);
-// //     } else {
-// //       result = await processNonImage(filePath, entryName, category);
-// //     }
-
-// //     const { finalName, targetPath, mimeType } = result;
-
-// //     const existing = await prisma.fileStorage.findUnique({
-// //       where: { name: finalName },
-// //     });
-
-// //     const data = {
-// //       name: finalName,
-// //       realName: entryName,
-// //       path: targetPath,
-// //       mimeType,
-// //       link: `/uploads/${CATEGORY_DIR[category]}/${finalName}`,
-// //       category,
-// //       deletedAt: null,
-// //       isActive: true,
-// //     };
-
-// //     if (existing) {
-// //       await prisma.fileStorage.update({
-// //         where: { name: finalName },
-// //         data,
-// //       });
-// //       console.log(`♻️ restored: ${category}/${finalName}`);
-// //     } else {
-// //       await prisma.fileStorage.create({ data });
-// //       console.log(`📂 created: ${category}/${finalName}`);
-// //     }
-// //   }
-
-// //   /* ===== Cleanup ===== */
-// //   await fs.rm(TMP_DIR, { recursive: true, force: true });
-
-// //   console.log("✅ Selesai seed assets!");
-// // }
-
-// // /* ===== Auto Run ===== */
-// // if (import.meta.main) {
-// //   seedAssets()
-// //     .catch((err) => {
-// //       console.error("❌ Error seeding assets:", err);
-// //       process.exit(1);
-// //     })
-// //     .finally(async () => {
-// //       await prisma.$disconnect();
-// //     });
-// // }
-
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
-import AdmZip from "adm-zip";
-import fs from "fs/promises";
-import path from "path";
-import sharp from "sharp";
-import fetchWithRetry from "./data/fetchWithRetry";
-import { constants } from "fs";
 
-// ✅ Gunakan env variable dengan fallback
-const UPLOADS_DIR = path.join(process.cwd(), process.env.WIBU_UPLOAD_DIR || "uploads");
-
-
-function detectCategory(filename: string): "image" | "document" | "other" {
-  const ext = path.extname(filename).toLowerCase();
-  if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
-  if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
-  return "other";
-}
-
-async function walkDir(
-  dir: string,
-  fileList: string[] = [],
-): Promise<string[]> {
-  const entries = await fs.readdir(dir, { withFileTypes: true });
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      if (entry.name === "__MACOSX") continue;
-      await walkDir(fullPath, fileList);
-    } else {
-      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue;
-      fileList.push(fullPath);
-    }
-  }
-  return fileList;
-}
+import { getAllDownloadUrls } from "./lib/get_images";
 
 export default async function seedAssets() {
-  console.log("🚀 Seeding assets...");
-  console.log("📁 Upload dir:", UPLOADS_DIR);
+  const images = await getAllDownloadUrls();
 
-  try {
-    await fs.access(UPLOADS_DIR, fs.constants.W_OK);
-  } catch (err) {
-    console.error("❌ Upload directory is not writable:", UPLOADS_DIR);
-    throw new Error(
-      `UPLOADS_DIR not writable: ${UPLOADS_DIR}. Check Docker volume or permissions`
-    );
-  }
+  // for (const img of images) {
+  //   try {
+  //     await prisma.fileStorage.upsert({
+  //       where: { name: img.name },
+  //       create: {
+  //         name: img.name,
+  //         category: "image",
+  //         mimeType: "image/webp",
+  //         link: img.downloadUrl,
+  //         path: "images",
+  //         realName: img.name,
+  //         isActive: true,
+  //       },
+  //       update: {
+  //         link: img.downloadUrl,
+  //         isActive: true,
+  //       },
+  //     });
 
-  // ✅ Pastikan folder exist
-  await fs.mkdir(UPLOADS_DIR, { recursive: true });
- try {
-  await fs.access(UPLOADS_DIR, constants.W_OK);
-} catch {
-  throw new Error(
-    `UPLOADS_DIR not writable: ${UPLOADS_DIR}. Check Docker volume or permissions`
-  );
-}
-  await fs.mkdir(path.join(UPLOADS_DIR, "images"), { recursive: true });
-  await fs.mkdir(path.join(UPLOADS_DIR, "documents"), { recursive: true });
-  await fs.mkdir(path.join(UPLOADS_DIR, "other"), { recursive: true });
-
-  const url =
-    "https://cld-dkr-makuro-seafile.wibudev.com/f/8e9e42e9f3e94c80919e/?dl=1";
-
-  let buffer: Buffer;
-  try {
-    console.log("⬇️ Downloading ZIP from:", url);
-    const res = await fetchWithRetry(url, 3, 20000);
-
-    const contentType = res.headers.get("content-type");
-    if (
-      !contentType?.includes("zip") &&
-      !contentType?.includes("octet-stream")
-    ) {
-      throw new Error(
-        `Invalid content-type (${contentType}). Expected ZIP file`,
-      );
-    }
-
-    buffer = Buffer.from(await res.arrayBuffer());
-
-    if (buffer.length < 100) {
-      throw new Error("Downloaded ZIP is empty or corrupted");
-    }
-
-    if (buffer.toString("utf8", 0, 2) !== "PK") {
-      throw new Error("Invalid ZIP signature (PK not found)");
-    }
-
-    console.log(`✅ Downloaded ${(buffer.length / 1024 / 1024).toFixed(2)} MB`);
-  } catch (err) {
-    console.error("❌ Failed to download ZIP:", err);
-    throw err;
-  }
-
-  // Extract ZIP
-  const extractDir = path.join(process.cwd(), "tmp_assets");
-  await fs.rm(extractDir, { recursive: true, force: true });
-  await fs.mkdir(extractDir, { recursive: true });
-
-  let zip: AdmZip;
-  try {
-    zip = new AdmZip(buffer);
-    zip.extractAllTo(extractDir, true);
-    console.log("✅ ZIP extracted successfully");
-  } catch (err) {
-    console.error("❌ Failed to extract ZIP:", err);
-    throw err;
-  }
-
-  const files = await walkDir(extractDir);
-  console.log(`📦 Found ${files.length} files to process`);
-
-  // Process files
-  for (const filePath of files) {
-    const entryName = path.basename(filePath);
-    const category = detectCategory(entryName);
-
-    let finalName = entryName;
-    let mimeType = "application/octet-stream";
-    let targetPath = "";
+  //     console.log(`✅ ${img.name}`);
+  //   } catch (err: any) {
+  //     console.error(`❌ ${img.name}`, err.code ?? err);
+  //   }
+  // }
 
+  for (const img of images) {
     try {
-      if (category === "image") {
-        const fileBaseName = path.parse(entryName).name;
-        finalName = `${fileBaseName}.webp`;
-        targetPath = path.join(UPLOADS_DIR, "images", finalName);
-
-        await fs.mkdir(path.dirname(targetPath), { recursive: true });
-        await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
-        mimeType = "image/webp";
-      } else if (category === "document") {
-        targetPath = path.join(UPLOADS_DIR, "documents", entryName);
-        await fs.mkdir(path.dirname(targetPath), { recursive: true });
-        await fs.copyFile(filePath, targetPath);
-        mimeType = "application/pdf";
-      } else {
-        targetPath = path.join(UPLOADS_DIR, "other", entryName);
-        await fs.mkdir(path.dirname(targetPath), { recursive: true });
-        await fs.copyFile(filePath, targetPath);
-      }
-
-      // ✅ Upsert ke database
       await prisma.fileStorage.upsert({
-        where: { name: finalName },
-        update: {
-          path: path.dirname(targetPath),
-          realName: entryName,
-          mimeType,
-          link: `/api/fileStorage/findUnique/${finalName}`,
-          category,
-          deletedAt: null,
-          isActive: true,
+        where: {
+          id: img.name,
         },
         create: {
-          name: finalName,
-          realName: entryName,
-          path: path.dirname(targetPath),
-          mimeType,
-          link: `/api/fileStorage/findUnique/${finalName}`,
-          category,
+          name: img.name,
+          category: "image",
+          mimeType: "image/webp",
+          link: img.downloadUrl,
+          path: "images",
+          realName: img.name,
+          isActive: true,
         },
+        update: {},
       });
-
-      console.log(`✅ Processed: ${category}/${finalName}`);
+      console.log(img.name, ": success")
     } catch (err) {
-      console.error(`❌ Failed to process ${entryName}`, err);
-      throw err; // ⛔ penting
+      console.log("gagal seed assets", JSON.stringify(err));
     }
   }
 
-  // Cleanup
-  await fs.rm(extractDir, { recursive: true, force: true });
-  console.log("✅ Asset seeding completed!");
+  console.log("🎉 Image seeding completed");
 }
 
 if (import.meta.main) {
   seedAssets()
-    .catch((err) => {
-      console.error("❌ Error seeding assets:", err);
-      process.exit(1);
+    .then(() => {
+      console.log("seed assets success");
     })
-    .finally(async () => {
-      await prisma.$disconnect();
+    .catch((err) => {
+      console.log("gagal seed assets", JSON.stringify(err));
     });
 }
diff --git a/src/app/admin/(dashboard)/_state/desa/profile.ts b/src/app/admin/(dashboard)/_state/desa/profile.ts
index b8bb16d8..26ee5240 100644
--- a/src/app/admin/(dashboard)/_state/desa/profile.ts
+++ b/src/app/admin/(dashboard)/_state/desa/profile.ts
@@ -552,7 +552,7 @@ const maskotDesa = proxy({
         deskripsi: profileData.deskripsi || "",
         images: (profileData.images || []).map((img) => ({
           label: img.label,
-          imageId: img.image.id,
+          imageId: img?.image?.id || "",
         })),
       };
     },
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
index e40dbcce..5d7a166b 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
@@ -462,7 +462,7 @@ function Page() {
                         <Card withBorder key={idx} p="xs" w={{ base: '100%', md: 180 }}>
                           <Center>
                             <Image
-                              src={img.image.link}
+                              src={ img?.image?.link || '/no-image.jpg'}
                               alt={img.label}
                               w={150}
                               h={150}
@@ -562,7 +562,7 @@ function Page() {
                         <Card withBorder key={idx} p="xs" w={{ base: '100%', md: 180 }}>
                           <Center>
                             <Image
-                              src={img.image.link}
+                              src={img?.image?.link || '/no-image.jpg'}
                               alt={img.label}
                               w={150}
                               h={150}
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/update.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/update.ts
index 161a3a93..c83e4b25 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/update.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/update.ts
@@ -2,77 +2,91 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 export default async function maskotDesaUpdate(context: Context) {
-    try {
-        const id = context.params?.id as string;
-        const body = await context.body as {
-          judul: string;
-          deskripsi: string;
-          images: { label: string; imageId: string }[];
-        };
-    
-        if (!id) {
-          return new Response(JSON.stringify({
-            success: false,
-            message: "ID tidak boleh kosong",
-          }), { status: 400 });
-        }
-    
-        const existing = await prisma.maskotDesa.findUnique({
-          where: { id },
-          include: { images: { include: { image: true } } }
-        });
-    
-        if (!existing) {
-          return new Response(JSON.stringify({
-            success: false,
-            message: "Data tidak ditemukan",
-          }), { status: 404 });
-        }
-    
-        // Hapus semua gambar lama (dan file-nya jika perlu)
-        for (const old of existing.images) {
-          try {
-            await prisma.fileStorage.delete({ where: { id: old.imageId } });
-            // opsional: hapus file dari disk juga kalau kamu simpan file fisik
-            // await fs.unlink(path.join(old.image.path, old.image.name));
-          } catch (error) {
-            console.warn("Gagal hapus gambar lama:", error);
-          }
-        }
-    
-        // Update profile & re-create images
-        const updated = await prisma.maskotDesa.update({
-          where: { id },
-          data: {
-            judul: body.judul,
-            deskripsi: body.deskripsi,
-            images: {
-              deleteMany: {},
-              create: body.images.map((img) => ({
-                label: img.label,
-                imageId: img.imageId
-              }))
-            }
-          },
-          include: {
-            images: {
-              include: {
-                image: true
-              }
-            }
-          }
-        });
-    
-        return new Response(JSON.stringify({
-          success: true,
-          message: "Data berhasil diperbarui",
-          data: updated,
-        }), { status: 200 });
-      } catch (error) {
-        console.error("Gagal update MaskotDesa:", error);
-        return new Response(JSON.stringify({
+  try {
+    const id = context.params?.id as string;
+    const body = (await context.body) as {
+      judul: string;
+      deskripsi: string;
+      images: { label: string; imageId: string }[];
+    };
+
+    if (!id) {
+      return new Response(
+        JSON.stringify({
           success: false,
-          message: "Terjadi kesalahan saat update",
-        }), { status: 500 });
+          message: "ID tidak boleh kosong",
+        }),
+        { status: 400 },
+      );
+    }
+
+    const existing = await prisma.maskotDesa.findUnique({
+      where: { id },
+      include: { images: { include: { image: true } } },
+    });
+
+    if (!existing) {
+      return new Response(
+        JSON.stringify({
+          success: false,
+          message: "Data tidak ditemukan",
+        }),
+        { status: 404 },
+      );
+    }
+
+    // Hapus semua gambar lama (dan file-nya jika perlu)
+    for (const old of existing.images) {
+      try {
+        if (old.imageId) {
+          await prisma.fileStorage.delete({ where: { id: old.imageId } });
+        }
+        // opsional: hapus file dari disk juga kalau kamu simpan file fisik
+        // await fs.unlink(path.join(old.image.path, old.image.name));
+      } catch (error) {
+        console.warn("Gagal hapus gambar lama:", error);
       }
-}
\ No newline at end of file
+    }
+
+    // Update profile & re-create images
+    const updated = await prisma.maskotDesa.update({
+      where: { id },
+      data: {
+        judul: body.judul,
+        deskripsi: body.deskripsi,
+        images: {
+          deleteMany: {},
+          create: body.images.map((img) => ({
+            label: img.label,
+            imageId: img.imageId,
+          })),
+        },
+      },
+      include: {
+        images: {
+          include: {
+            image: true,
+          },
+        },
+      },
+    });
+
+    return new Response(
+      JSON.stringify({
+        success: true,
+        message: "Data berhasil diperbarui",
+        data: updated,
+      }),
+      { status: 200 },
+    );
+  } catch (error) {
+    console.error("Gagal update MaskotDesa:", error);
+    return new Response(
+      JSON.stringify({
+        success: false,
+        message: "Terjadi kesalahan saat update",
+      }),
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx b/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx
index 50425ff0..8abee1cb 100644
--- a/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/semua/page.tsx
@@ -61,7 +61,7 @@ function Semua() {
               <Grid gutter={0}>
                 <GridCol span={{ base: 12, md: 6 }}>
                   <Image
-                    src={featuredData.image?.link || '/images/placeholder.jpg'}
+                    src={featuredData.image?.link || '/images/placeholderx.jpg'}
                     alt={featuredData.judul || 'Berita Utama'}
                     height={400}
                     fit="cover"
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
index 88e6e496..5e6d608c 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
@@ -83,7 +83,7 @@ function MaskotDesa() {
                   className="hover:scale-105 hover:shadow-lg"
                 >
                   <Image
-                    src={img.image.link}
+                    src={img.image?.link || '/no-image.jpg'}
                     alt={img.label}
                     w="100%"
                     h={200}
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
index 8b9b3e35..a1d3df88 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaProgress.tsx
@@ -19,20 +19,58 @@ interface APBDesProgressProps {
 function APBDesProgress({ apbdesData }: APBDesProgressProps) {
   // Return null if apbdesData is not available yet
   if (!apbdesData) {
-    return null;
+    return (
+      <Paper
+        mx={{ base: 'md', md: 100 }}
+        p="xl"
+        radius="md"
+        shadow="sm"
+        withBorder
+        bg={colors['white-1']}
+      >
+        <Stack gap="lg">
+          <Title order={4} c={colors['blue-button']} ta="center">
+            Grafik Pelaksanaan APBDes
+          </Title>
+          <Text ta="center">Tidak ada data APBDes tersedia.</Text>
+        </Stack>
+      </Paper>
+    );
+  }
+
+  const items = Array.isArray(apbdesData.items) ? apbdesData.items : [];
+
+  // Show message if no items exist
+  if (items.length === 0) {
+    return (
+      <Paper
+        mx={{ base: 'md', md: 100 }}
+        p="xl"
+        radius="md"
+        shadow="sm"
+        withBorder
+        bg={colors['white-1']}
+      >
+        <Stack gap="lg">
+          <Title order={4} c={colors['blue-button']} ta="center">
+            Grafik Pelaksanaan APBDes Tahun {apbdesData.tahun || 'N/A'}
+          </Title>
+          <Text ta="center">Tidak ada rincian anggaran tersedia untuk tahun ini.</Text>
+        </Stack>
+      </Paper>
+    );
   }
 
-  const items = apbdesData.items || [];
   const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
 
   // Kelompokkan berdasarkan tipe
   const pendapatanItems = sortedItems.filter(item => item.tipe === 'pendapatan');
   const belanjaItems = sortedItems.filter(item => item.tipe === 'belanja');
   const pembiayaanItems = sortedItems.filter(item => item.tipe === 'pembiayaan');
-  
+
   // Items without a type (should be filtered out from calculations)
   const untypedItems = sortedItems.filter(item => !item.tipe);
-  
+
   if (untypedItems.length > 0) {
     console.warn(`Found ${untypedItems.length} items without a type. These will be excluded from calculations.`);
   }
@@ -99,7 +137,7 @@ function APBDesProgress({ apbdesData }: APBDesProgressProps) {
     >
       <Stack gap="lg">
         <Title order={4} c={colors['blue-button']} ta="center">
-          Grafik Pelaksanaan APBDes Tahun {apbdesData.tahun}
+          Grafik Pelaksanaan APBDes Tahun {apbdesData.tahun || 'N/A'}
         </Title>
 
         <Text ta="center" fw="bold" fz="sm" c="dimmed">
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
index 82a6a499..9b0791f8 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/apbDesaTable.tsx
@@ -34,7 +34,36 @@ interface APBDesTableProps {
 }
 
 function APBDesTable({ apbdesData }: APBDesTableProps) {
+  // Handle case where apbdesData is null or undefined
+  if (!apbdesData) {
+    return (
+      <Box pt={"xs"} pb="md" px={{ base: 'md', md: 100 }}>
+        <Title order={4} c={colors['blue-button']} mb="sm">
+          Rincian APBDes
+        </Title>
+        <Paper withBorder radius="md" shadow="xs" p="md">
+          <Text>Tidak ada data APBDes tersedia.</Text>
+        </Paper>
+      </Box>
+    );
+  }
+
   const items = Array.isArray(apbdesData.items) ? apbdesData.items : [];
+
+  // Show message if no items exist
+  if (items.length === 0) {
+    return (
+      <Box pt={"xs"} pb="md" px={{ base: 'md', md: 100 }}>
+        <Title order={4} c={colors['blue-button']} mb="sm">
+          Rincian APBDes Tahun {apbdesData.tahun || 'N/A'}
+        </Title>
+        <Paper withBorder radius="md" shadow="xs" p="md">
+          <Text>Tidak ada rincian anggaran tersedia untuk tahun ini.</Text>
+        </Paper>
+      </Box>
+    );
+  }
+
   const sortedItems = [...items].sort((a, b) => a.kode.localeCompare(b.kode));
 
   // Calculate totals
@@ -46,7 +75,7 @@ function APBDesTable({ apbdesData }: APBDesTableProps) {
   return (
     <Box pt={"xs"} pb="md" px={{ base: 'md', md: 100 }}>
       <Title order={4} c={colors['blue-button']} mb="sm">
-        Rincian APBDes Tahun {apbdesData.tahun}
+        Rincian APBDes Tahun {apbdesData.tahun || 'N/A'}
       </Title>
 
       <Paper withBorder radius="md" shadow="xs" p="md">
diff --git a/src/app/darmasaba/(tambahan)/apbdes/lib/types.ts b/src/app/darmasaba/(tambahan)/apbdes/lib/types.ts
index a52445aa..3c6dde79 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/lib/types.ts
+++ b/src/app/darmasaba/(tambahan)/apbdes/lib/types.ts
@@ -32,11 +32,38 @@ export interface APBDesData {
 }
 
 export function transformAPBDesData(data: any): APBDesData {
+  if (!data) {
+    return {
+      id: '',
+      tahun: null,
+      items: [],
+      image: null,
+      file: null
+    };
+  }
+
   return {
-    ...data,
-    items: data.items.map((item: any) => ({
-      ...item,
-      tipe: isAPBDesTipe(item.tipe) ? item.tipe : null
-    }))
+    id: data.id || '',
+    tahun: data.tahun || null,
+    items: Array.isArray(data.items)
+      ? data.items.map((item: any) => ({
+          id: item.id || '',
+          kode: item.kode || '',
+          uraian: item.uraian || '',
+          anggaran: typeof item.anggaran === 'number' ? item.anggaran : 0,
+          realisasi: typeof item.realisasi === 'number' ? item.realisasi : 0,
+          selisih: typeof item.selisih === 'number' ? item.selisih : 0,
+          persentase: typeof item.persentase === 'number' ? item.persentase : 0,
+          level: typeof item.level === 'number' ? item.level : 1,
+          tipe: isAPBDesTipe(item.tipe) ? item.tipe : null,
+          createdAt: item.createdAt || undefined,
+          updatedAt: item.updatedAt || undefined,
+          deletedAt: item.deletedAt || null,
+          isActive: item.isActive !== undefined ? item.isActive : true,
+          apbdesId: item.apbdesId || undefined
+        }))
+      : [],
+    image: data.image ? { id: data.image.id || '', url: data.image.url || '' } : null,
+    file: data.file ? { id: data.file.id || '', url: data.file.url || '' } : null
   };
 }
diff --git a/src/app/darmasaba/(tambahan)/apbdes/page.tsx b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
index 9e4847e8..8953db53 100644
--- a/src/app/darmasaba/(tambahan)/apbdes/page.tsx
+++ b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
@@ -9,6 +9,7 @@ import { IconDownload } from '@tabler/icons-react'
 import { Link } from 'next-view-transitions'
 import { useEffect, useState } from 'react'
 import { useProxy } from 'valtio/utils'
+import { toast } from 'react-toastify'
 import BackButton from '../../(pages)/desa/layanan/_com/BackButto'
 import APBDesTable from './lib/apbDesaTable'
 import APBDesProgress from './lib/apbDesaProgress'
@@ -19,6 +20,7 @@ function Page() {
   const paDesaState = useProxy(PendapatanAsliDesa.ApbDesa)
   const [loading, setLoading] = useState(false)
   const [selectedYear, setSelectedYear] = useState<string | null>(null)
+
   useEffect(() => {
     const loadData = async () => {
       try {
@@ -26,7 +28,8 @@ function Page() {
         await state.findMany.load()
         await paDesaState.findMany.load()
       } catch (error) {
-        console.error(error)
+        console.error('Error loading APBDes data:', error)
+        toast.error('Gagal memuat data APBDes')
       } finally {
         setLoading(false)
       }
@@ -37,7 +40,13 @@ function Page() {
   const dataAPBDes = state.findMany.data || []
 
   // Buat daftar tahun unik dari data
-  const years = Array.from(new Set(dataAPBDes.map((item: any) => item.tahun)))
+  const years = Array.from(
+    new Set(
+      dataAPBDes
+        .filter((item: any) => item?.tahun != null) // Filter out items with null/undefined tahun
+        .map((item: any) => item.tahun)
+    )
+  )
     .sort((a, b) => b - a) // urutkan descending
     .map(year => ({ value: year.toString(), label: `Tahun ${year}` }))
 
@@ -49,9 +58,16 @@ function Page() {
   }, [years, selectedYear])
 
   // Transform and filter data based on selected year
-  const currentApbdes = dataAPBDes.length > 0
-    ? transformAPBDesData(dataAPBDes.find(item => item?.tahun?.toString() === selectedYear) || dataAPBDes[0])
-    : null
+  let currentApbdes = null;
+  if (dataAPBDes.length > 0 && selectedYear) {
+    const selectedData = dataAPBDes.find((item: any) => item?.tahun?.toString() === selectedYear);
+    if (selectedData) {
+      currentApbdes = transformAPBDesData(selectedData);
+    }
+  } else if (dataAPBDes.length > 0 && !selectedYear && years.length > 0) {
+    // If no year is selected but data exists, use the first item
+    currentApbdes = transformAPBDesData(dataAPBDes[0]);
+  }
 
   return (
     <Stack pos="relative" bg={colors.Bg} py="xl" gap={32}>
diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
index 1ff3f25e..0511d69e 100644
--- a/src/app/darmasaba/_com/main-page/apbdes/index.tsx
+++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx
@@ -143,29 +143,29 @@ function Apbdes() {
       )}
 
       {/* GRID */}
-      <SimpleGrid
-        mx={{ base: 'md', md: 100 }}
-        cols={{ base: 1, sm: 3 }}
-        spacing="lg"
-        pb="xl"
-      >
-        {loading ? (
-          <Center mih={200}>
-            <Loader size="lg" color="blue" />
-          </Center>
-        ) : data.length === 0 ? (
-          <Center mih={200}>
-            <Stack align="center" gap="xs">
-              <Text fz="lg" c="dimmed" lh={1.4}>
-                Belum ada data APBDes yang tersedia
-              </Text>
-              <Text fz="sm" c="dimmed" lh={1.4}>
-                Data akan ditampilkan di sini setelah diunggah
-              </Text>
-            </Stack>
-          </Center>
-        ) : (
-          data.map((v, k) => (
+      {loading ? (
+        <Center mx={{ base: 'md', md: 100 }} mih={200} pb="xl">
+          <Loader size="lg" color="blue" />
+        </Center>
+      ) : data.length === 0 ? (
+        <Center mx={{ base: 'md', md: 100 }} mih={200} pb="xl">
+          <Stack align="center" gap="xs">
+            <Text fz="lg" c="dimmed" lh={1.4}>
+              Belum ada data APBDes yang tersedia
+            </Text>
+            <Text fz="sm" c="dimmed" lh={1.4}>
+              Data akan ditampilkan di sini setelah diunggah
+            </Text>
+          </Stack>
+        </Center>
+      ) : (
+        <SimpleGrid
+          mx={{ base: 'md', md: 100 }}
+          cols={{ base: 1, sm: 3 }}
+          spacing="lg"
+          pb="xl"
+        >
+          {data.map((v, k) => (
             <BackgroundImage
               key={k}
               src={v.image?.link || ''}
@@ -213,9 +213,9 @@ function Apbdes() {
                 </Center>
               </Stack>
             </BackgroundImage>
-          ))
-        )}
-      </SimpleGrid>
+          ))}
+        </SimpleGrid>
+      )}
     </Stack>
   )
 }
diff --git a/types/env.d.ts b/types/env.d.ts
index 2e636b1a..84193e50 100644
--- a/types/env.d.ts
+++ b/types/env.d.ts
@@ -1,10 +1,15 @@
 declare namespace NodeJS {
   interface ProcessEnv {
     DATABASE_URL?: string;
+    SEAFILE_TOKEN?: string;
+    SEAFILE_REPO_ID?: string;
     WIBU_UPLOAD_DIR?: string;
+    WIBU_DOWNLOAD_DIR?: string;
+    EMAIL_USER?: string;
+    EMAIL_PASS?: string;
     NEXT_PUBLIC_BASE_URL?: string;
     NEXTAUTH_SECRET?: string;
     NEXTAUTH_URL?: string;
-    WIBU_DOWNLOAD_DIR?: string;
+    SEAFILE_URL?: string;
   }
 }
diff --git a/x.json b/x.json
new file mode 100644
index 00000000..d4a9cec1
--- /dev/null
+++ b/x.json
@@ -0,0 +1,69 @@
+[
+  {
+    "type": "repo",
+    "id": "8814bfe1-30d5-4e77-ab36-3122fa59a022",
+    "owner": "0535ccb6211642c0a628f521577863a0@auth.local",
+    "owner_name": "nico",
+    "owner_contact_email": "nico@bip.com",
+    "name": "desa-darmasaba",
+    "mtime": 1769484147,
+    "modifier_email": "0535ccb6211642c0a628f521577863a0@auth.local",
+    "modifier_contact_email": "nico@bip.com",
+    "modifier_name": "nico",
+    "mtime_relative": "<time datetime=\"2026-01-27T11:22:27\" is=\"relative-time\" title=\"Tue, 27 Jan 2026 11:22:27 +0800\" >1 minutes ago</time>",
+    "size": 184351,
+    "size_formatted": "180.0\u00a0KB",
+    "encrypted": false,
+    "permission": "rw",
+    "virtual": false,
+    "root": "",
+    "head_commit_id": "253fd9604e54804a22cbf701bcc551e311e4a428",
+    "version": 1,
+    "salt": ""
+  },
+  {
+    "type": "repo",
+    "id": "f0e9ee4a-fd13-49a2-81c0-f253951d063a",
+    "owner": "0535ccb6211642c0a628f521577863a0@auth.local",
+    "owner_name": "nico",
+    "owner_contact_email": "nico@bip.com",
+    "name": "My Library",
+    "mtime": 1769483609,
+    "modifier_email": "0535ccb6211642c0a628f521577863a0@auth.local",
+    "modifier_contact_email": "nico@bip.com",
+    "modifier_name": "nico",
+    "mtime_relative": "<time datetime=\"2026-01-27T11:13:29\" is=\"relative-time\" title=\"Tue, 27 Jan 2026 11:13:29 +0800\" >10 minutes ago</time>",
+    "size": 19392875,
+    "size_formatted": "18.5\u00a0MB",
+    "encrypted": false,
+    "permission": "rw",
+    "virtual": false,
+    "root": "",
+    "head_commit_id": "22374e711577dcfb152fe07921458302feb9970a",
+    "version": 1,
+    "salt": ""
+  },
+  {
+    "type": "grepo",
+    "id": "9ef9d5e2-6df0-4635-ae1b-53ed52801524",
+    "name": "RND",
+    "owner": "Organization",
+    "mtime": 1768959408,
+    "mtime_relative": "<time datetime=\"2026-01-21T09:36:48\" is=\"relative-time\" title=\"Wed, 21 Jan 2026 09:36:48 +0800\" >6 days ago</time>",
+    "modifier_email": "dfa07fcb3e27453e969492855a2d6606@auth.local",
+    "modifier_contact_email": "jun@bip.com",
+    "modifier_name": "jun",
+    "size": 1197897275,
+    "size_formatted": "1.1\u00a0GB",
+    "encrypted": false,
+    "permission": "rw",
+    "share_from": "wibu@bip.com",
+    "share_from_name": "wibu",
+    "share_from_contact_email": "wibu@bip.com",
+    "share_type": "public",
+    "root": "",
+    "head_commit_id": "5199e27babe4fd797e64beba62777a1dde58077b",
+    "version": 1,
+    "salt": ""
+  }
+]
diff --git a/x.sh b/x.sh
new file mode 100644
index 00000000..2fd84854
--- /dev/null
+++ b/x.sh
@@ -0,0 +1,30 @@
+
+# ambil token
+# curl -X POST https://cld-dkr-makuro-seafile.wibudev.com/api2/auth-token/ \
+#   -d "username=nico@bip.com" \
+#   -d "password=Production_123"
+
+# ambil list repo / library
+
+TOKEN=20a19f4a04032215d50ce53292e6abdd38b9f806
+# curl -X GET \
+#   https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/ \
+#   -H "Authorization: Token $TOKEN"
+
+# REPO_NAME=desa-darmasaba
+DIR_TARGET=asset-web
+
+REPO_ID=f0e9ee4a-fd13-49a2-81c0-f253951d063a
+curl -X GET \
+  "https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/$REPO_ID/dir/?p=$DIR_TARGET" \
+  -H "Authorization: Token $TOKEN"
+
+# curl -X GET \
+#   "https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/$REPO_ID/file/?p=$DIR_TARGET/buku6.jpg" \
+#   -H "Authorization: Token $TOKEN"
+
+
+# curl -X GET \
+#   "https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/$REPO_ID/dir/?p=/" \
+#   -H "Authorization: Token $TOKEN"
+
-- 
2.49.1


From 8afbaabd9125e504129bd96c2e9eca25176539a5 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 30 Jan 2026 17:15:39 +0800
Subject: [PATCH 74/97] Fix Eror Code get_images.ts (1)

---
 prisma/lib/get_images.ts | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/prisma/lib/get_images.ts b/prisma/lib/get_images.ts
index 4cc47c54..fc7812b9 100644
--- a/prisma/lib/get_images.ts
+++ b/prisma/lib/get_images.ts
@@ -31,12 +31,18 @@ async function getDirItems(): Promise<DirItem[]> {
 
 async function getDownloadUrl(filePath: string): Promise<string> {
   const res = await fetch(
-    `${BASE_URL}/repos/${REPO_ID}/file/?p=${encodeURIComponent(filePath)}`,
+    `${BASE_URL}/repos/${REPO_ID}/file/?p=${encodeURIComponent(filePath)}&reuse=1`,
     { headers },
   );
 
   if (!res.ok) {
-    throw new Error(`Failed get file url: ${res.statusText}`);
+    const text = await res.text();
+    console.error("Seafile error:", {
+      status: res.status,
+      body: text,
+      url: res.url,
+    });
+    throw new Error(`Failed get file url`);
   }
 
   const data = await res.json();
@@ -66,10 +72,3 @@ export async function getAllDownloadUrls() {
 
   return results;
 }
-
-if (import.meta.main) {
-  console.log("get data ...")
-  getAllDownloadUrls().then((res) => {
-    console.log(res);
-  });
-}
-- 
2.49.1


From da585dde992185f8c403c93eaa7179e3f4a34262 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 2 Feb 2026 15:05:53 +0800
Subject: [PATCH 75/97] seed kesheatan seed keamanan

---
 .../keamanan/seed_keamanan_lingkungan.ts      |  44 ++
 .../keamanan/seed_kontak_darurat.ts           |  87 +++
 .../keamanan/seed_laporan_publik.ts           |  49 ++
 .../keamanan/seed_pencegahan_kriminalitas.ts  |  28 +
 .../keamanan/seed_polsek_terdekat.ts          |  80 +++
 .../keamanan/seed_tips_keamanan.ts            |  44 ++
 .../seed_info_wabah_penyakit.ts               |  46 ++
 .../kontak-darurat/seed_kontak_darurat.ts     |  46 ++
 .../seed_penanganan_darurat.ts                |  44 ++
 .../kesehatan/posyandu/seed_posyandu.ts       |  48 ++
 .../seed_program_kesehatan.ts                 |  42 ++
 .../kesehatan/puskesmas/seed_puskesmas.ts     |  95 +++
 .../keamanan-lingkungan.json                  |   6 +-
 .../keamanan/tips-keamanan/tips-keamanan.json |   4 +-
 .../infowabahpenyakit/infowabahpenyakit.json  |  10 +-
 .../kontak-darurat/kontak-darurat.json        |   8 +-
 .../penanganan-darurat/penganan-darurat.json  |   8 +-
 prisma/data/kesehatan/posyandu/posyandu.json  |   2 +-
 .../program-kesehatan/program-kesehatan.json  |  14 +-
 .../data/kesehatan/puskesmas/puskesmas.json   |   4 +-
 prisma/seed.ts                                | 629 +-----------------
 prisma/seed_assets.ts                         |  43 +-
 .../(pages)/keamanan/tips-keamanan/page.tsx   |  17 +-
 .../(pages)/kesehatan/puskesmas/[id]/page.tsx |   1 +
 .../(pages)/kesehatan/puskesmas/page.tsx      |  19 +-
 25 files changed, 736 insertions(+), 682 deletions(-)
 create mode 100644 prisma/_seeder_list/keamanan/seed_keamanan_lingkungan.ts
 create mode 100644 prisma/_seeder_list/keamanan/seed_kontak_darurat.ts
 create mode 100644 prisma/_seeder_list/keamanan/seed_laporan_publik.ts
 create mode 100644 prisma/_seeder_list/keamanan/seed_pencegahan_kriminalitas.ts
 create mode 100644 prisma/_seeder_list/keamanan/seed_polsek_terdekat.ts
 create mode 100644 prisma/_seeder_list/keamanan/seed_tips_keamanan.ts
 create mode 100644 prisma/_seeder_list/kesehatan/info-wabah-penyakit/seed_info_wabah_penyakit.ts
 create mode 100644 prisma/_seeder_list/kesehatan/kontak-darurat/seed_kontak_darurat.ts
 create mode 100644 prisma/_seeder_list/kesehatan/penanganan-darurat/seed_penanganan_darurat.ts
 create mode 100644 prisma/_seeder_list/kesehatan/posyandu/seed_posyandu.ts
 create mode 100644 prisma/_seeder_list/kesehatan/program-kesehatan/seed_program_kesehatan.ts
 create mode 100644 prisma/_seeder_list/kesehatan/puskesmas/seed_puskesmas.ts

diff --git a/prisma/_seeder_list/keamanan/seed_keamanan_lingkungan.ts b/prisma/_seeder_list/keamanan/seed_keamanan_lingkungan.ts
new file mode 100644
index 00000000..018dcb19
--- /dev/null
+++ b/prisma/_seeder_list/keamanan/seed_keamanan_lingkungan.ts
@@ -0,0 +1,44 @@
+import prisma from "@/lib/prisma";
+import keamananLingkunganJson from "../../data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json";
+
+export async function seedKeamananLingkungan() {
+console.log("🔄 Seeding Keamanan Lingkungan...");
+
+  for (const p of keamananLingkunganJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for keamanan lingkungan "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.keamananLingkungan.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Keamanan lingkungan seeded: ${p.name}`);
+  }
+
+  console.log("🎉 Keamanan lingkungan seed selesai");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/keamanan/seed_kontak_darurat.ts b/prisma/_seeder_list/keamanan/seed_kontak_darurat.ts
new file mode 100644
index 00000000..d108c03a
--- /dev/null
+++ b/prisma/_seeder_list/keamanan/seed_kontak_darurat.ts
@@ -0,0 +1,87 @@
+import prisma from "@/lib/prisma";
+import kontakDaruratKeamanan from "../../data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json";
+import kontakItem from "../../data/keamanan/kontak-darurat-keamanan/kontakItem.json";
+import kontakDaruratToItem from "../../data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json";
+
+export async function seedKontakDaruratKeamanan() {
+ console.log("🔄 Seeding Kontak Item...");
+  for (const e of kontakItem) {
+    await prisma.kontakItem.upsert({
+      where: {
+        id: e.id,
+      },
+      update: {
+        nama: e.nama,
+        icon: e.icon,
+        nomorTelepon: e.nomorTelepon,
+      },
+      create: {
+        id: e.id, // ✅ WAJIB
+        nama: e.nama,
+        icon: e.icon,
+        nomorTelepon: e.nomorTelepon,
+      },
+    });
+  }
+  console.log("✅ Kontak Item seeded successfully");
+
+  console.log("🔄 Seeding Kontak Darurat Keamanan...");
+  for (const d of kontakDaruratKeamanan) {
+    await prisma.kontakDaruratKeamanan.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        nama: d.nama,
+        icon: d.icon,
+        kategoriId: d.kategoriId,
+      },
+      create: {
+        id: d.id,
+        nama: d.nama,
+        icon: d.icon,
+        kategoriId: d.kategoriId,
+      },
+    });
+  }
+
+  console.log("✅ Kontak Darurat Keamanan seeded successfully");
+
+  console.log("🔄 Seeding Kontak Darurat To Item...");
+  for (const f of kontakDaruratToItem) {
+    // ✅ Validasi foreign keys
+    const kontakDaruratExists = await prisma.kontakDaruratKeamanan.findUnique({
+      where: { id: f.kontakDaruratId },
+    });
+
+    const kontakItemExists = await prisma.kontakItem.findUnique({
+      where: { id: f.kontakItemId },
+    });
+
+    if (!kontakDaruratExists) {
+      console.warn(
+        `⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`,
+      );
+      continue;
+    }
+
+    if (!kontakItemExists) {
+      console.warn(`⚠️ KontakItem ${f.kontakItemId} not found, skipping...`);
+      continue;
+    }
+
+    await prisma.kontakDaruratToItem.upsert({
+      where: { id: f.id },
+      update: {
+        kontakDaruratId: f.kontakDaruratId,
+        kontakItemId: f.kontakItemId,
+      },
+      create: {
+        id: f.id,
+        kontakDaruratId: f.kontakDaruratId,
+        kontakItemId: f.kontakItemId,
+      },
+    });
+  }
+  console.log("✅ Kontak Darurat To Item seeded successfully");   
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/keamanan/seed_laporan_publik.ts b/prisma/_seeder_list/keamanan/seed_laporan_publik.ts
new file mode 100644
index 00000000..a5056bb6
--- /dev/null
+++ b/prisma/_seeder_list/keamanan/seed_laporan_publik.ts
@@ -0,0 +1,49 @@
+import prisma from "@/lib/prisma";
+import laporanPublik from "../../data/keamanan/laporan-publik/laporan-publik.json";
+import penangananLaporan from "../../data/keamanan/laporan-publik/penanganan-laporan.json";
+
+export async function seedLaporanPublik() {
+  console.log("🔄 Seeding Laporan Publik...");
+  for (const l of laporanPublik) {
+    await prisma.laporanPublik.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        judul: l.judul,
+        lokasi: l.lokasi,
+        tanggalWaktu: l.tanggalWaktu,
+        kronologi: l.kronologi,
+      },
+      create: {
+        id: l.id,
+        judul: l.judul,
+        lokasi: l.lokasi,
+        tanggalWaktu: l.tanggalWaktu,
+        kronologi: l.kronologi,
+      },
+    });
+  }
+
+  console.log("laporan publik success ...");
+
+  console.log("🔄 Seeding Penanganan Laporan...");
+  for (const l of penangananLaporan) {
+    await prisma.penangananLaporanPublik.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        deskripsi: l.deskripsi,
+        laporanId: l.laporanId,
+      },
+      create: {
+        id: l.id,
+        deskripsi: l.deskripsi,
+        laporanId: l.laporanId,
+      },
+    });
+  }
+
+  console.log("penanganan laporan success ...");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/keamanan/seed_pencegahan_kriminalitas.ts b/prisma/_seeder_list/keamanan/seed_pencegahan_kriminalitas.ts
new file mode 100644
index 00000000..1a11b9a7
--- /dev/null
+++ b/prisma/_seeder_list/keamanan/seed_pencegahan_kriminalitas.ts
@@ -0,0 +1,28 @@
+import prisma from "@/lib/prisma";
+import pencegahanKriminalitas from "../../data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json";
+
+export async function seedPencegahanKriminalitas() {
+  console.log("🔄 Seeding Pencegahan Kriminalitas...");
+  for (const d of pencegahanKriminalitas) {
+    await prisma.pencegahanKriminalitas.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        judul: d.judul,
+        deskripsi: d.deskripsi,
+        deskripsiSingkat: d.deskripsiSingkat,
+        linkVideo: d.linkVideo,
+      },
+      create: {
+        id: d.id,
+        judul: d.judul,
+        deskripsi: d.deskripsi,
+        deskripsiSingkat: d.deskripsiSingkat,
+        linkVideo: d.linkVideo,
+      },
+    });
+  }
+
+  console.log("✅ Pencegahan Kriminalitas seeded successfully");
+}
diff --git a/prisma/_seeder_list/keamanan/seed_polsek_terdekat.ts b/prisma/_seeder_list/keamanan/seed_polsek_terdekat.ts
new file mode 100644
index 00000000..1e8ff8de
--- /dev/null
+++ b/prisma/_seeder_list/keamanan/seed_polsek_terdekat.ts
@@ -0,0 +1,80 @@
+import prisma from "@/lib/prisma";
+import layananPolsek from "../../data/keamanan/polsek-terdekat/layanan-polsek.json";
+import polsekTerdekat from "../../data/keamanan/polsek-terdekat/polsek-terdekat.json";
+import layananToPolsek from "../../data/keamanan/polsek-terdekat/layanan-to-polsek.json";
+
+export async function seedPolsekTerdekat() {
+   console.log("🔄 Seeding Layanan Polsek...");
+  for (const k of layananPolsek) {
+    await prisma.layananPolsek.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+      },
+    });
+  }
+
+  console.log("layanan polsek success ...");
+
+  console.log("🔄 Seeding Polsek Terdekat...");
+  for (const k of polsekTerdekat) {
+    await prisma.polsekTerdekat.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+        jarakKeDesa: k.jarakKeDesa,
+        alamat: k.alamat,
+        nomorTelepon: k.nomorTelepon,
+        jamOperasional: k.jamOperasional,
+        embedMapUrl: k.embedMapUrl,
+        namaTempatMaps: k.namaTempatMaps,
+        alamatMaps: k.alamatMaps,
+        linkPetunjukArah: k.linkPetunjukArah,
+        layananPolsekId: k.layananPolsekId,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+        jarakKeDesa: k.jarakKeDesa,
+        alamat: k.alamat,
+        nomorTelepon: k.nomorTelepon,
+        jamOperasional: k.jamOperasional,
+        embedMapUrl: k.embedMapUrl,
+        namaTempatMaps: k.namaTempatMaps,
+        alamatMaps: k.alamatMaps,
+        linkPetunjukArah: k.linkPetunjukArah,
+        layananPolsekId: k.layananPolsekId,
+      },
+    });
+  }
+
+  console.log("polsek terdekat success ...");
+
+  console.log("🔄 Seeding Layanan To Polsek...");
+  for (const k of layananToPolsek) {
+    await prisma.layananToPolsek.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        layananId: k.layananId,
+        polsekTerdekatId: k.polsekTerdekatId,
+      },
+      create: {
+        id: k.id,
+        layananId: k.layananId,
+        polsekTerdekatId: k.polsekTerdekatId,
+      },
+    });
+  }
+
+  console.log("layanan to polsek success ...");   
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/keamanan/seed_tips_keamanan.ts b/prisma/_seeder_list/keamanan/seed_tips_keamanan.ts
new file mode 100644
index 00000000..5b5a3abc
--- /dev/null
+++ b/prisma/_seeder_list/keamanan/seed_tips_keamanan.ts
@@ -0,0 +1,44 @@
+import prisma from "@/lib/prisma";
+import tipsKeamananJson from "../../data/keamanan/tips-keamanan/tips-keamanan.json";
+
+export async function seedTipsKeamanan() {
+   console.log("🔄 Seeding Tips Keamanan...");
+
+  for (const p of tipsKeamananJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for tips keamanan "${p.judul}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.menuTipsKeamanan.upsert({
+      where: { id: p.id },
+      update: {
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Tips Keamanan seeded: ${p.judul}`);
+  }
+
+  console.log("🎉 Tips Keamanan seed selesai"); 
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/kesehatan/info-wabah-penyakit/seed_info_wabah_penyakit.ts b/prisma/_seeder_list/kesehatan/info-wabah-penyakit/seed_info_wabah_penyakit.ts
new file mode 100644
index 00000000..922bb848
--- /dev/null
+++ b/prisma/_seeder_list/kesehatan/info-wabah-penyakit/seed_info_wabah_penyakit.ts
@@ -0,0 +1,46 @@
+import prisma from "@/lib/prisma";
+import infoWabahPenyakitJson from "../../../data/kesehatan/infowabahpenyakit/infowabahpenyakit.json";
+
+export async function seedInfoWabahPenyakit() {
+console.log("🔄 Seeding Info Wabah Penyakit...");
+
+  for (const p of infoWabahPenyakitJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for info wabah penyakit "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.infoWabahPenyakit.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsiLengkap: p.deskripsiLengkap,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsiLengkap: p.deskripsiLengkap,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Info wabah penyakit seeded: ${p.name}`);
+  }
+
+  console.log("🎉 Info wabah penyakit seed selesai");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/kesehatan/kontak-darurat/seed_kontak_darurat.ts b/prisma/_seeder_list/kesehatan/kontak-darurat/seed_kontak_darurat.ts
new file mode 100644
index 00000000..d42aec3a
--- /dev/null
+++ b/prisma/_seeder_list/kesehatan/kontak-darurat/seed_kontak_darurat.ts
@@ -0,0 +1,46 @@
+import kontakDaruratJson from "../../../data/kesehatan/kontak-darurat/kontak-darurat.json";
+import prisma from "@/lib/prisma";
+
+export async function seedKontakDarurat() {
+  console.log("🔄 Seeding Kontak Darurat...");
+
+  for (const p of kontakDaruratJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for kontak darurat "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.kontakDarurat.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+        whatsapp: p.whatsapp,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+        whatsapp: p.whatsapp,
+      },
+    });
+
+    console.log(`✅ Kontak darurat seeded: ${p.name}`);
+  }
+
+  console.log("🎉 Kontak darurat seed selesai");
+}
diff --git a/prisma/_seeder_list/kesehatan/penanganan-darurat/seed_penanganan_darurat.ts b/prisma/_seeder_list/kesehatan/penanganan-darurat/seed_penanganan_darurat.ts
new file mode 100644
index 00000000..788b1dc7
--- /dev/null
+++ b/prisma/_seeder_list/kesehatan/penanganan-darurat/seed_penanganan_darurat.ts
@@ -0,0 +1,44 @@
+import prisma from "@/lib/prisma";
+import penangananDaruratJson from "../../../data/kesehatan/penanganan-darurat/penganan-darurat.json";
+
+export async function seedPenangananDarurat() {
+  console.log("🔄 Seeding Penanganan Darurat...");
+
+  for (const p of penangananDaruratJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for penanganan darurat "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.penangananDarurat.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Penanganan darurat seeded: ${p.name}`);
+  }
+
+  console.log("🎉 Penanganan darurat seed selesai");
+}
diff --git a/prisma/_seeder_list/kesehatan/posyandu/seed_posyandu.ts b/prisma/_seeder_list/kesehatan/posyandu/seed_posyandu.ts
new file mode 100644
index 00000000..fce475ca
--- /dev/null
+++ b/prisma/_seeder_list/kesehatan/posyandu/seed_posyandu.ts
@@ -0,0 +1,48 @@
+import prisma from "@/lib/prisma";
+import posyanduJson from "../../../data/kesehatan/posyandu/posyandu.json";
+
+export async function seedPosyandu() {
+  console.log("🔄 Seeding Posyandu...");
+
+  for (const p of posyanduJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for posyandu "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.posyandu.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        nomor: p.nomor,
+        deskripsi: p.deskripsi,
+        jadwalPelayanan: p.jadwalPelayanan,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        nomor: p.nomor,
+        deskripsi: p.deskripsi,
+        jadwalPelayanan: p.jadwalPelayanan,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Posyandu seeded: ${p.name}`);
+  }
+
+  console.log("🎉 Posyandu seed selesai");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/kesehatan/program-kesehatan/seed_program_kesehatan.ts b/prisma/_seeder_list/kesehatan/program-kesehatan/seed_program_kesehatan.ts
new file mode 100644
index 00000000..4c898e44
--- /dev/null
+++ b/prisma/_seeder_list/kesehatan/program-kesehatan/seed_program_kesehatan.ts
@@ -0,0 +1,42 @@
+import prisma from "@/lib/prisma";
+import programKesehatanJson from "../../../data/kesehatan/program-kesehatan/program-kesehatan.json";
+
+export async function seedProgramKesehatan() {
+  for (const p of programKesehatanJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for program kesehatan "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.programKesehatan.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsiSingkat: p.deskripsiSingkat,
+        deskripsi: p.deskripsi,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Program kesehatan seeded: ${p.name}`);
+  }
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/kesehatan/puskesmas/seed_puskesmas.ts b/prisma/_seeder_list/kesehatan/puskesmas/seed_puskesmas.ts
new file mode 100644
index 00000000..2c9a632b
--- /dev/null
+++ b/prisma/_seeder_list/kesehatan/puskesmas/seed_puskesmas.ts
@@ -0,0 +1,95 @@
+import prisma from "@/lib/prisma";
+import puskesmasJson from "../../../data/kesehatan/puskesmas/puskesmas.json";
+import kontakPuskesmasJson from "../../../data/kesehatan/puskesmas/kontak-puskesmas/kontak.json";
+import jamPuskesmasJson from "../../../data/kesehatan/puskesmas/jam-puskesmas/jam.json";
+
+export async function seedPuskesmas() {
+  console.log("🔄 Seeding Kontak Puskesmas...");
+  for (const k of kontakPuskesmasJson) {
+    await prisma.kontakPuskesmas.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        kontakPuskesmas: k.kontakPuskesmas,
+        email: k.email,
+        facebook: k.facebook,
+        kontakUGD: k.kontakUGD,
+      },
+      create: {
+        id: k.id,
+        kontakPuskesmas: k.kontakPuskesmas,
+        email: k.email,
+        facebook: k.facebook,
+        kontakUGD: k.kontakUGD,
+      },
+    });
+  }
+  console.log("kontak puskesmas success ...");
+
+  console.log("🔄 Seeding Jam Puskesmas...");
+  for (const k of jamPuskesmasJson) {
+    await prisma.jamOperasional.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        workDays: k.workDays,
+        weekDays: k.weekDays,
+        holiday: k.holiday,
+      },
+      create: {
+        id: k.id,
+        workDays: k.workDays,
+        weekDays: k.weekDays,
+        holiday: k.holiday,
+      },
+    });
+  }
+  console.log("jam puskesmas success ...");
+
+  console.log("🔄 Seeding Puskesmas...");
+
+  for (const p of puskesmasJson) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for puskesmas "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.puskesmas.upsert({
+      where: { id: p.id },
+      update: {
+        name: p.name,
+        alamat: p.alamat,
+        jamId: p.jamId,
+        kontakId: p.kontakId,
+        imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        alamat: p.alamat,
+        jamId: p.jamId,
+        kontakId: p.kontakId,
+        imageId,
+      },
+    });
+
+    console.log(`✅ Puskesmas seeded: ${p.name}`);
+  }
+
+  console.log("🎉 Puskesmas seed selesai");
+}
+
diff --git a/prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json b/prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json
index 788349d9..472d4c03 100644
--- a/prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json
+++ b/prisma/data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json
@@ -3,18 +3,18 @@
     "id": "cmkc2tcs00002vnt9c0ssj05n",
     "name": "Sosialisasi dan Pembinaan Keamanan Lingkungan Desa Darmasaba",
     "deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan Sosialisasi dan Pembinaan tentang keamanan dan ketertiban lingkungan kepada warga Perumahan Darmasaba Permai di Wantilan Perum Darmasaba Permai, Desa Darmasaba. Kegiatan ini melibatkan Perbekel Darmasaba, Bhabinkamtibmas, Babinsa, anggota BPD, LPM Desa, KBD dan KBA untuk mengajak warga berperan aktif dalam menjaga keamanan lingkungan, serta mendukung pemasangan lampu penerangan jalan guna mencegah kriminalitas dan kecelakaan di wilayah lingkungan.</p>",
-    "imageId": "cmkc2tcn30000vnt9esmx8kyb"
+    "imageName": "K0wY911212dinYA3AFB_f-mobile.webp"
   },
   {
     "id": "cmkc2xmdh0005vnt9ri6f4nk8",
     "name": "Sinergi Aparat dan Masyarakat untuk Keamanan Lingkungan",
     "deskripsi": "<p>Desa Darmasaba bersama aparat seperti Polres Badung dan elemen masyarakat berkomitmen menjalin sinergi untuk menciptakan keamanan dan ketertiban lingkungan yang kondusif, memperkuat kepedulian serta tindakan nyata dalam menjaga situasi kamtibmas desa.</p>",
-    "imageId": "cmkc2xm1z0003vnt98682dv0a"
+    "imageName": "x0_-siY2V8IehBzo4_uph-mobile.webp"
   },
   {
     "id": "cmkc36qbl0008vnt9odvekex6",
     "name": "Peran Sistem Keamanan Lingkungan (Siskamling) dan Pecalang di Bali",
     "deskripsi": "<p>Sistem keamanan lingkungan (Siskamling) di Bali termasuk di Desa Darmasaba melibatkan kolaborasi antara pemerintah desa, satlinmas, dan pecalang sebagai pranata adat Bali. Sinergi ini penting untuk menjaga ketertiban masyarakat serta harmoni sosial berdasarkan kearifan lokal seperti Tri Hita Karana, meskipun perlu pembinaan dan koordinasi terus menerus dari desa dan aparat terkait.</p>",
-    "imageId": "cmkc36q2j0006vnt9g87h5it4"
+    "imageName": "TXknK9CSRSxwvM2hPW6BO-mobile.webp"
   }
 ]
diff --git a/prisma/data/keamanan/tips-keamanan/tips-keamanan.json b/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
index df435730..fcf6d4d5 100644
--- a/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
+++ b/prisma/data/keamanan/tips-keamanan/tips-keamanan.json
@@ -3,12 +3,12 @@
     "id": "cmkp70zau0002vnu9o1jtpi1i",
     "judul": "Keamanan Rumah",
     "deskripsi": "<p><ul><li><p>Pastikan pintu dan jendela selalu terkunci saat meninggalkan rumah</p></li><li><p>Pasang lampu penerangan di halaman dan area sekitar rumah untuk mencegah tindak kejahatan.</p></li><li><p>Jangan mudah memberikan akses masuk ke orang yang tidak dikenal.</p></li></ul></p>",
-    "imageId": "cmkp71pub0003vnu9ef60huuv"
+    "imageName": "dSe0xyvNLkP2t2f6iq-Hk-mobile.webp"
   },
   {
     "id": "cmkp71pzo0005vnu9p3n9646d",
     "judul": "Keamanan Lingkungan Tanggungjawab Bersama",
     "deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan sosialisasi dan pembinaan tentang keamanan dan ketertiban lingkungan kepada warga Perumahan Darmasaba Permai. Warga diajak berperan aktif dalam menjaga keamanan lingkungan serta mendukung penyediaan lampu penerangan jalan untuk mencegah tindak kriminal dan kecelakaan. Bhabinkamtibmas dan Babinsa turut memberikan materi keamanan dan ketertiban kepada warga, menekankan pentingnya partisipasi masyarakat dalam menjaga keamanan desa.</p>",
-    "imageId": "cmkp70z5g0000vnu9b0aieem8"
+    "imageName": "vwZsaxcoFWDlxG1PW7FC0-mobile.webp"
   }
 ]
\ No newline at end of file
diff --git a/prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json b/prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json
index cec9fc18..62a96e1a 100644
--- a/prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json
+++ b/prisma/data/kesehatan/infowabahpenyakit/infowabahpenyakit.json
@@ -4,34 +4,34 @@
     "name": "Diare dan Kolera",
     "deskripsiSingkat": "<p>Apa itu Diare dan Kolera penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan Diare dan Kolera yang efektif untuk melindungi keluarga anda.</p>",
     "deskripsiLengkap": "<p>Apa itu Diare dan Kolera penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan Diare dan Kolera yang efektif untuk melindungi keluarga anda.</p><ul><li><p>Penyebab: Bakteri Vibrio cholerae (Kolera) atau Escherichia coli (diare) akibat makanan/minuman yang terkontaminasi.</p></li><li><p>Gejala: Buang air besar cair terus-menerus, dehidrasi, dan lemas. Pencegahan: Menjaga kebersihan makanan dan air, serta mencuci tangan dengan sabun.</p></li></ul>",
-    "imageId": "cmkax3o8g000rvn6ygqpmo1nb"
+    "imageName": "5giLSHSnWEFoZoMEcjhL7-mobile.webp"
   },
   {
     "id": "cmkax5urc000wvn6yxfw0970w",
     "name": "TBC (Tuberkulosis)",
     "deskripsiSingkat": "<p>Apa itu TBC penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan TBC yang efektif untuk melindungi keluarga anda.</p>",
     "deskripsiLengkap": "<p>Apa itu TBC penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan TBC yang efektif untuk melindungi keluarga anda.</p><p>Penyebab: Bakteri Mycobacterium tuberculosis yang menyebar melalui udara.</p><p>Gejala: Batuk lebih dari 2 minggu, berkeringat di malam hari, dan berat badan turun.</p><p>Pencegahan: Vaksin BCG, pola hidup sehat, dan pengobatan bagi penderita agar tidak menular.</p>",
-    "imageId": "cmkax5ukz000uvn6yho3aj2nf"
+    "imageName": "3faPo-1wjhVDVU6S7S8sS-mobile.webp"
   },
   {
     "id": "cmkax72s7000zvn6yz3nmvrry",
     "name": "Demam Berdarah Dengue (DBD)",
     "deskripsiSingkat": "<p>Yuk Kenali gelaja dan cara penanganan DBD yang efektif untuk melindungi keluarga anda selama musim hujan.</p>",
     "deskripsiLengkap": "<p>Apa itu DBD penyebab, gejala dan cara penanganannya?</p><p>Yuk Kenali gelaja dan cara penanganan DBD yang efektif untuk melindungi keluarga anda selama musim hujan.</p><p>Penyebab: Virus dengue yang ditularkan oleh nyamuk Aedes aegypti.</p><p>Gejala: Demam tinggi, nyeri sendi, ruam kulit, dan pendarahan ringan.</p><p>Pencegahan: Menguras tempat air, menutup wadah air, fogging, dan menggunakan lotion anti-nyamuk.</p>",
-    "imageId": "cmkax72nw000xvn6ymcuvlzom"
+    "imageName": "DyX82oztXbHfu6HEvbrpt-mobile.webp"
   },
   {
     "id": "cmkbyny4f0002vn67kmjmjrpl",
     "name": "Fogging sebagai Pencegah DBD di Br. Umahanyar Desa Darmasaba",
     "deskripsiSingkat": "<p>Pemerintah Desa Darmasaba melaksanakan fogging di wilayah Br. Umahanyar sebagai upaya pencegahan DBD di Desa Darmasaba.</p>",
     "deskripsiLengkap": "<p>Pemerintah Desa Darmasaba melaksanakan fogging (pengasapan) di wilayah Br. Umahanyar Desa Darmasaba Kecamatan Abiansemal Kabupaten Badung dari tanggal 12 sampai dengan 13 April 2023.</p><p>Fogging ini merupakan salah satu metode yang dilakukan oleh Pemdes Darmasaba dalam pencegahan penyakit Demam Berdarah Dengue (DBD) dengan menargetkan nyamuk Aedes aegypti sebagai vektor penyebabnya.</p>",
-    "imageId": "cmkbynxxo0000vn67wi2nsyl3"
+    "imageName": "pps1ZgzJxDb4VZxEvtZeu-mobile.webp"
   },
   {
     "id": "cmkbyr3rx0005vn674uhycsxc",
     "name": "Gerakan Serentak Penyemprotan Pencegahan PMK di Desa Darmasaba",
     "deskripsiSingkat": "<p>Penyemprotan serentak dilakukan di Desa Darmasaba untuk mencegah Penyakit Mulut dan Kaki (PMK) pada hewan ternak.</p>",
     "deskripsiLengkap": "<p>Setelah dilakukan vaksinasi Penyakit Mulut dan Kaki (PMK) pada hewan ternak yaitu sapi di wilayah Desa Darmasaba, Pemerintah Desa Darmasaba melaksanakan gerakan serentak penyemprotan pencegahan PMK pada hari Rabu (20/7/2022) di seputaran wilayah Desa Darmasaba.</p><p>Upaya ini dilakukan sebagai bentuk pencegahan terhadap penyebaran PMK dan menjaga kesehatan hewan ternak di desa.</p>",
-    "imageId": "cmkbyr3mk0003vn673xrqv8xv"
+    "imageName": "JhJigMo269K1TFGzSB1OS-mobile.webp"
   }
 ]
diff --git a/prisma/data/kesehatan/kontak-darurat/kontak-darurat.json b/prisma/data/kesehatan/kontak-darurat/kontak-darurat.json
index 3c1477b8..91d74dcf 100644
--- a/prisma/data/kesehatan/kontak-darurat/kontak-darurat.json
+++ b/prisma/data/kesehatan/kontak-darurat/kontak-darurat.json
@@ -3,28 +3,28 @@
     "id": "cmkax1vks000qvn6yyxuvfsi8",
     "name": "Puskesmas Pembantu Darmasaba",
     "deskripsi": "<p>Puskesmas Pembantu Darmasaba merupakan fasilitas kesehatan tingkat pertama yang berada di Desa Darmasaba, melayani berbagai layanan kesehatan masyarakat termasuk pemeriksaan umum dan imunisasi.</p>",
-    "imageId": "cmkb6488i001fvn6ylkddch1j",
+    "imageName": "g4ICsRrmOaIqS_yqlQLZK-mobile.webp",
     "whatsapp": "089647037430"
   },
   {
     "id": "cmkawzrvg000nvn6ywyx529em",
     "name": "UPTD Puskesmas Abiansemal III (melayani Darmasaba)",
     "deskripsi": "<p>Puskesmas Abiansemal III adalah fasilitas kesehatan utama di kecamatan Abiansemal yang melayani wilayah Desa Darmasaba dan sekitarnya. Puskesmas ini memiliki layanan 24 jam serta pelayanan darurat kesehatan dasar.</p>",
-    "imageId": "cmkb681og001gvn6ykb5uasln",
+    "imageName": "1NkzPzQailqE5yNOiUjB9-mobile.webp",
     "whatsapp": "03618463263"
   },
   {
     "id": "cmkawy5in000kvn6yza82pkkg",
     "name": "UPTD Puskesmas Abiansemal I",
     "deskripsi": "<p>Puskesmas Abiansemal I melayani masyarakat di wilayah kecamatan Abiansemal, termasuk pelayanan kesehatan darurat dan program kesehatan masyarakat.</p>",
-    "imageId": "cmkb6brrf0000vn14u8c7wnox",
+    "imageName": "NBPAqjPXn7GQmYTDBI5hu-mobile.webp",
     "whatsapp": "087858367111"
   },
   {
     "id": "cmkb6ehu20003vn14ca4xr057",
     "name": "Kantor Desa Darmasaba (Kontak Informasi Kesehatan)",
     "deskripsi": "<p>Kantor Pemerintahan Desa Darmasaba dapat menjadi saluran kontak awal untuk rujukan layanan kesehatan darurat atau informasi lebih lanjut mengenai fasilitas kesehatan di wilayah desa.</p>",
-    "imageId": "cmkb6ehpi0001vn14hjp4tdye",
+    "imageName": "EcQIGOF6LW1dIKE53vmba-mobile.webp",
     "whatsapp": "081239580000"
   }
 ]
diff --git a/prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json b/prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json
index 4b594959..d2c9cf38 100644
--- a/prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json
+++ b/prisma/data/kesehatan/penanganan-darurat/penganan-darurat.json
@@ -3,24 +3,24 @@
     "id": "cmkawso7y000evn6ygob15cqb",
     "name": "Rembug Stunting di Desa Darmasaba",
     "deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan kegiatan rembug stunting dengan melibatkan bidan desa, kader posyandu, dan tokoh masyarakat. Tujuan kegiatan ini adalah untuk memperkuat upaya pencegahan kekerdilan (stunting) melalui koordinasi layanan kesehatan, edukasi gizi, serta percepatan penanganan gizi buruk di lingkungan desa sebagai bagian dari respons terhadap kondisi kesehatan yang mendesak.</p>",
-    "imageId": "cmkayz2h8001cvn6yrb7uptjs"
+    "imageName": "Gi8EX3pBmT719AfzXirDS-mobile.webp"
   },
   {
     "id": "cmkawq3ef000bvn6y387vub0y",
     "name": "Posko Kesehatan Darurat dan Bencana",
     "deskripsi": "<p>Posko Kesehatan Darurat dan Bencana Desa Darmasaba dibentuk sebagai pusat koordinasi dan pertolongan bagi warga yang terdampak situasi darurat seperti banjir, tanah longsor, atau wabah penyakit. Posko ini dilengkapi dengan tenaga medis, obat-obatan dasar, serta dukungan logistik untuk memastikan penanganan cepat dan tepat sasaran. Kegiatan ini juga melibatkan kader kesehatan desa dan karang taruna sebagai relawan lapangan.</p>",
-    "imageId": "cmkawq38m0009vn6yi7evbhap"
+    "imageName": "v7Ac2xQvTiJy-HYh1AxF4-mobile.webp"
   },
   {
     "id": "cmkawso7y000evn6ygob14bpa",
     "name": "Layanan Ambulans Desa Darmasaba",
     "deskripsi": "<p>Layanan Ambulans Desa Darmasaba disiapkan untuk membantu masyarakat yang membutuhkan transportasi medis darurat ke fasilitas kesehatan terdekat. Layanan ini beroperasi 24 jam dan dapat dihubungi melalui nomor darurat desa. Tim ambulans terdiri dari relawan terlatih dan tenaga medis yang siap memberikan pertolongan pertama di lokasi kejadian sebelum dirujuk ke rumah sakit atau puskesmas.</p>",
-    "imageId": "cmkawso29000cvn6y879ahra0"
+    "imageName": "jYxEXspWH5g6eTTVqK72c-mobile.webp"
   },
   {
     "id": "cmkawu7te000hvn6yh3pdnv4w",
     "name": "Penanganan Darurat Sosial & Kesehatan Desa Darmasaba",
     "deskripsi": "<p>Program Penanganan Darurat Sosial &amp; Kesehatan Desa Darmasaba bertujuan memberikan respon cepat terhadap situasi darurat seperti warga sakit mendadak, kecelakaan, bencana alam, maupun kondisi sosial yang membutuhkan bantuan segera. Tim Siaga Desa Darmasaba berkoordinasi dengan Puskesmas Abiansemal dan BPBD untuk memastikan penanganan yang cepat, tepat, dan manusiawi. Program ini juga mencakup layanan ambulans desa, posko kesehatan darurat, serta bantuan logistik bagi warga terdampak.</p>",
-    "imageId": "cmkawu7qj000fvn6yubhimyiv"
+    "imageName": "3tNQ9J8I3Ewq5H8CWuqvp-mobile.webp"
   }
 ]
diff --git a/prisma/data/kesehatan/posyandu/posyandu.json b/prisma/data/kesehatan/posyandu/posyandu.json
index 0ece20f3..8c3aac84 100644
--- a/prisma/data/kesehatan/posyandu/posyandu.json
+++ b/prisma/data/kesehatan/posyandu/posyandu.json
@@ -5,6 +5,6 @@
     "nomor": "(0361) 8463263",
     "deskripsi": "<p>Posyandu Pudak Amara merupakan salah satu posyandu aktif di Desa Darmasaba dan pernah berkompetisi dalam lomba kader dan posyandu berprestasi tingkat Provinsi Bali tahun 2025.</p><p>Kegiatan ini melibatkan kader posyandu serta didampingi pihak desa dan puskesmas setempat untuk meningkatkan pelayanan kesehatan ibu dan anak.</p>",
     "jadwalPelayanan": "<p>Setiap bulan pada satu hari tertentu (mis. minggu ke-2): 08:00 – 12:00 WITA (posyandu balita & ibu hamil)</p>",
-    "imageId": "cmkanjnfh0004vntz8cdbxa7f"
+    "imageName": "TDQReg1lQ73s39crXW0ra-mobile.webp"
   }
 ]
diff --git a/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json b/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
index 82fe65b5..770b44d1 100644
--- a/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
+++ b/prisma/data/kesehatan/program-kesehatan/program-kesehatan.json
@@ -4,48 +4,48 @@
     "name": "Gerakan Kulkul PKK dan Posyandu Desa Darmasaba",
     "deskripsiSingkat": "<p>Kegiatan bersama PKK dan Posyandu untuk meningkatkan pelayanan kesehatan masyarakat.</p>",
     "deskripsi": "<p>Pada hari Minggu, 11 Januari 2025, Pemerintah Desa Darmasaba melalui TP PKK dan TP Posyandu melaksanakan kegiatan Gerakan Kulkul PKK dan Posyandu yang berlangsung serentak di seluruh wilayah Desa Darmasaba untuk memperkuat pelayanan kesehatan dasar dan peningkatan partisipasi masyarakat dalam program Posyandu.</p>",
-    "imageId": "cmkay1e590010vn6y24pgaa1r"
+    "imageName": "hLeF0GRFZqDUngZnDMAAk-mobile.webp"
   },
   {
     "id": "cmkawmlg40005vn6yja2xiev0",
     "name": "Pendampingan Kunjungan Rumah oleh Puskesmas Abiansemal 3",
     "deskripsiSingkat": "<p>Pendataan kesehatan penyandang disabilitas lewat kunjungan rumah di Desa Darmasaba.</p>",
     "deskripsi": "<p>Pemerintah Desa Darmasaba bersama Kelian Banjar Dinas dan kader kesehatan mendampingi kegiatan kunjungan rumah yang dilaksanakan oleh Puskesmas Abiansemal 3 pada 21 Juli 2025, difokuskan pada pendataan dan pemantauan kondisi kesehatan penyandang disabilitas di Banjar Bersih, Desa Darmasaba.</p>",
-    "imageId": "cmkay6hob0011vn6ybjwejcej"
+    "imageName": "hyyTFi8EApjzFEZ9EvJgB-mobile.webp"
   },
   {
     "id": "cmkawnr9k0008vn6ymwv0foiv",
     "name": "Kegiatan Aksi Sosial Tim Penggerak Posyandu Provinsi Bali di Desa Darmasaba",
     "deskripsiSingkat": "<p>Aksi sosial TP Posyandu Bali untuk memperkuat pelayanan posyandu di desa.</p>",
     "deskripsi": "<p>Pada 10 Desember 2025, Desa Darmasaba menjadi lokasi pelaksanaan Aksi Sosial Tim Penggerak Posyandu Provinsi Bali yang bertujuan memperkuat pelayanan Posyandu serta meningkatkan kesejahteraan masyarakat, khususnya keluarga dan balita.</p>",
-    "imageId": "cmkay8vmd0012vn6ylsk2vzfo"
+    "imageName": "l4qsUEw2JiclGAkkrXp9g-mobile.webp"
   },
   {
     "id": "cmkawnr9k0008vn6ymwv0dpjw",
     "name": "Inovasi BAJRA dalam Penanggulangan Rabies",
     "deskripsiSingkat": "<p>Program BAJRA untuk penanggulangan rabies di Desa Darmasaba.</p>",
     "deskripsi": "<p>Desa Darmasaba mengembangkan inovasi BAJRA (Bersama Jaga Rabies), sebuah program berbasis komunitas untuk penanggulangan rabies yang mengintegrasikan pelaporan cepat masyarakat, edukasi berkelanjutan dan koordinasi lintas sektor antara kesehatan hewan, manusia, dan pemerintahan desa.</p>",
-    "imageId": "cmkayd8o90013vn6ye7n8805q"
+    "imageName": "Gc79mlIlGuoRQuTqskFj--mobile.webp"
   },
   {
     "id": "cmkawnr9k0008vn6ymwv0eqkx",
     "name": "Posyandu Pudak Amara Berkompetisi",
     "deskripsiSingkat": "<p>Partisipasi Posyandu Pudak Amara dalam lomba prestasi Posyandu tingkat provinsi.</p>",
     "deskripsi": "<p>Kader Posyandu Pudak Amara Br. Cabe mendapat pendampingan dari Perbekel Darmasaba, Dinas Kesehatan Kab. Badung, Puskesmas Abiansemal III, dan Pustu Desa Darmasaba dalam ajang lomba kader dan Posyandu berprestasi tingkat Provinsi Bali tahun 2025.</p>",
-    "imageId": "cmkayi0x90016vn6ykddxqyq3"
+    "imageName": "OsMY3AYPyGC_CoN1xUjOn-mobile.webp"
   },
   {
     "id": "cmkawnr9k0008vn6ymwv1frly",
     "name": "Outbound Kader Posyandu Darmasaba",
     "deskripsiSingkat": "<p>Program pembinaan dan pengembangan kapasitas kader Posyandu.</p>",
     "deskripsi": "<p>Pemdes Darmasaba melaksanakan kegiatan Outbound Posyandu untuk meningkatkan kapasitas dan wawasan Kader Posyandu se-Desa Darmasaba sebagai bagian dari upaya peningkatan kualitas pelayanan kesehatan dasar di masyarakat.</p>",
-    "imageId": "cmkaykipf0019vn6yknjno3k1"
+    "imageName": "M9QlgVKIEfCdY3g4F_tRZ-mobile.webp"
   },
   {
     "id": "cmkdu8ki10004vn4lpbxm2zqo",
     "name": "PEMBANGUNAN JAMBAN BAGI MASYARAKAT",
     "deskripsiSingkat": "<p>Program pengadaan jamban bagi Masyarakat ini diharapkan menjadi stimulus agar masyarakat peduli terhadap lingkungan sehat sehingga Badung Open Defection Free atau terbebas dari buang air besar di tempat terbuka dapat terwujud.</p>",
     "deskripsi": "<p>Desa Darmasaba sebagai desa yang berkomitmen selalu selaras dengan pembangunan Pemerintah Kabupaten Badung pada tahun anggaran 2023 ini turut ambil bagian dalam menyukseskan program Bupati Badung I Nyoman Giri Prasta, S.Sos dalam bidang kesehatan sanitasi masyarakat. Program pengadaan jamban bagi Masyarakat ini diharapkan menjadi stimulus agar masyarakat peduli terhadap lingkungan sehat sehingga Badung Open Defection Free atau terbebas dari buang air besar di tempat terbuka dapat terwujud.</p><p style=\"text-align: justify\">Pemberian bantuan jamban ini dilaksanakan di 11 banjar dengan menyasar 22 keluarga yang memang belum memiliki jamban yang sumber dananya sepenuhnya dari APBDes Darmasaba T. A. 2023. Pembangunan Jamban bagi Masyarakat ini juga menjadi bukti komitmen Pemerintah Desa Darmasaba dalam melaksanakan salah satu visi mewujudkan masyarakat yang sejahtera dan berbudaya untuk menjaga lingkungan yang bersih dan sehat.</p>",
-    "imageId": "cmkdu8kb20002vn4lihwo4k86"
+    "imageName": "6DQbAvn0St-xHdPGW3vpY-mobile.webp"
   }
 ]
diff --git a/prisma/data/kesehatan/puskesmas/puskesmas.json b/prisma/data/kesehatan/puskesmas/puskesmas.json
index 6599996d..df818aac 100644
--- a/prisma/data/kesehatan/puskesmas/puskesmas.json
+++ b/prisma/data/kesehatan/puskesmas/puskesmas.json
@@ -4,7 +4,7 @@
     "name": "Puskesmas Abiansemal III",
     "alamat": "Jl. Ratna, Sibang Kaja, Abiansemal, Badung, Bali 80352",
     "jamId": "cmkao2zwx0008vntzmvqdsdzo",
-    "imageId": "cmkao2zm90007vntzxqkjy5mt",
+    "imageName": "d6hJgycQawWN3VEcHaqtR-mobile.webp",
     "kontakId": "cmkao2zxc0009vntz00kev051"
   },
   {
@@ -12,7 +12,7 @@
     "name": "Puskesmas Pembantu Darmasaba",
     "alamat": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali",
     "jamId": "cmkao2zwx0008vntzmvqdseal",
-    "imageId": "cmkatoru10000vny38y0wxd6s",
+    "imageName": "cg78Sb_QzZFlli9s2FPVc-mobile.webp",
     "kontakId": "cmkao2zxc0009vntz00kev162"
   }
 ]
diff --git a/prisma/seed.ts b/prisma/seed.ts
index c1358afd..ab813bf7 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -26,6 +26,17 @@ import { safeSeedUnique } from "./safeseedUnique";
 import seedAssets from "./seed_assets";
 import { seedBerita } from "./_seeder_list/desa/berita/seed_berita";
 import { seedFoto } from "./_seeder_list/desa/gallery/foto/seed_foto";
+import { seedPosyandu } from "./_seeder_list/kesehatan/posyandu/seed_posyandu";
+import { seedPuskesmas } from "./_seeder_list/kesehatan/puskesmas/seed_puskesmas";
+import { seedProgramKesehatan } from "./_seeder_list/kesehatan/program-kesehatan/seed_program_kesehatan";
+import { seedPenangananDarurat } from "./_seeder_list/kesehatan/penanganan-darurat/seed_penanganan_darurat";
+import { seedKontakDarurat } from "./_seeder_list/kesehatan/kontak-darurat/seed_kontak_darurat";
+import { seedInfoWabahPenyakit } from "./_seeder_list/kesehatan/info-wabah-penyakit/seed_info_wabah_penyakit";
+import { seedKeamananLingkungan } from "./_seeder_list/keamanan/seed_keamanan_lingkungan";
+import { seedPolsekTerdekat } from "./_seeder_list/keamanan/seed_polsek_terdekat";
+import { seedKontakDaruratKeamanan } from "./_seeder_list/keamanan/seed_kontak_darurat";
+import { seedPencegahanKriminalitas } from "./_seeder_list/keamanan/seed_pencegahan_kriminalitas";
+import { seedLaporanPublik } from "./_seeder_list/keamanan/seed_laporan_publik";
 
 (async () => {
   const totalFiles = await prisma.fileStorage.count();
@@ -191,634 +202,40 @@ import { seedFoto } from "./_seeder_list/desa/gallery/foto/seed_foto";
 
   // // ====================== MENU KESEHATAN ========================
   // // ==================== SUBMENU POSYANDU =========================
-  // console.log("🔄 Seeding Posyandu...");
-  // for (const p of posyandu) {
-  //   const existing = await prisma.posyandu.findUnique({
-  //     where: { id: p.id },
-  //     select: { imageId: true },
-  //   });
-
-  //   let imageId = existing?.imageId; // Pertahankan existing
-
-  //   // Kalau belum ada imageId, cari berdasarkan name/realName
-  //   if (!imageId && p.imageId) {
-  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-  //     const fileRecord = await prisma.fileStorage.findUnique({
-  //       where: { id: p.imageId },
-  //       select: { id: true, name: true },
-  //     });
-
-  //     if (fileRecord) {
-  //       imageId = fileRecord.id;
-  //       console.log(
-  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-  //       );
-  //     } else {
-  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-  //       imageId = null;
-  //     }
-  //   }
-
-  //   await prisma.posyandu.upsert({
-  //     where: { id: p.id },
-  //     update: {
-  //       name: p.name,
-  //       nomor: p.nomor,
-  //       deskripsi: p.deskripsi,
-  //       jadwalPelayanan: p.jadwalPelayanan,
-  //       imageId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       nomor: p.nomor,
-  //       deskripsi: p.deskripsi,
-  //       jadwalPelayanan: p.jadwalPelayanan,
-  //       imageId,
-  //     },
-  //   });
-  // }
-  // console.log("posyandu success ...");
+  await seedPosyandu();
 
   // // ==================== SUBMENU PUSKESMAS =========================
-  // console.log("🔄 Seeding Kontak Puskesmas...");
-  // for (const k of kontakPuskesmas) {
-  //   await prisma.kontakPuskesmas.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       kontakPuskesmas: k.kontakPuskesmas,
-  //       email: k.email,
-  //       facebook: k.facebook,
-  //       kontakUGD: k.kontakUGD,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       kontakPuskesmas: k.kontakPuskesmas,
-  //       email: k.email,
-  //       facebook: k.facebook,
-  //       kontakUGD: k.kontakUGD,
-  //     },
-  //   });
-  // }
-  // console.log("kontak puskesmas success ...");
-
-  // console.log("🔄 Seeding Jam Puskesmas...");
-  // for (const k of jamPuskesmas) {
-  //   await prisma.jamOperasional.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       workDays: k.workDays,
-  //       weekDays: k.weekDays,
-  //       holiday: k.holiday,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       workDays: k.workDays,
-  //       weekDays: k.weekDays,
-  //       holiday: k.holiday,
-  //     },
-  //   });
-  // }
-  // console.log("jam puskesmas success ...");
-
-  // console.log("🔄 Seeding Puskesmas...");
-  // for (const p of puskesmas) {
-  //   const existing = await prisma.puskesmas.findUnique({
-  //     where: { id: p.id },
-  //     select: { imageId: true },
-  //   });
-
-  //   let imageId = existing?.imageId; // Pertahankan existing
-
-  //   // Kalau belum ada imageId, cari berdasarkan name/realName
-  //   if (!imageId && p.imageId) {
-  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-  //     const fileRecord = await prisma.fileStorage.findUnique({
-  //       where: { id: p.imageId },
-  //       select: { id: true, name: true },
-  //     });
-
-  //     if (fileRecord) {
-  //       imageId = fileRecord.id;
-  //       console.log(
-  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-  //       );
-  //     } else {
-  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-  //       imageId = null;
-  //     }
-  //   }
-
-  //   await prisma.puskesmas.upsert({
-  //     where: { id: p.id },
-  //     update: {
-  //       name: p.name,
-  //       alamat: p.alamat,
-  //       jamId: p.jamId,
-  //       imageId,
-  //       kontakId: p.kontakId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       alamat: p.alamat,
-  //       jamId: p.jamId,
-  //       imageId,
-  //       kontakId: p.kontakId,
-  //     },
-  //   });
-  // }
-  // console.log("puskesmas success ...");
+  await seedPuskesmas();
 
   // // ==================== SUBMENU PROGRAM KESEHATAN =========================
-  // console.log("🔄 Seeding Program Kesehatan...");
-  // for (const p of programKesehatan) {
-  //   const existing = await prisma.programKesehatan.findUnique({
-  //     where: { id: p.id },
-  //     select: { imageId: true },
-  //   });
-
-  //   let imageId = existing?.imageId; // Pertahankan existing
-
-  //   // Kalau belum ada imageId, cari berdasarkan name/realName
-  //   if (!imageId && p.imageId) {
-  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-  //     const fileRecord = await prisma.fileStorage.findUnique({
-  //       where: { id: p.imageId },
-  //       select: { id: true, name: true },
-  //     });
-
-  //     if (fileRecord) {
-  //       imageId = fileRecord.id;
-  //       console.log(
-  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-  //       );
-  //     } else {
-  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-  //       imageId = null;
-  //     }
-  //   }
-
-  //   await prisma.programKesehatan.upsert({
-  //     where: { id: p.id },
-  //     update: {
-  //       name: p.name,
-  //       deskripsiSingkat: p.deskripsiSingkat,
-  //       deskripsi: p.deskripsi,
-  //       imageId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       deskripsiSingkat: p.deskripsiSingkat,
-  //       deskripsi: p.deskripsi,
-  //       imageId,
-  //     },
-  //   });
-  // }
-  // console.log("program kesehatan success ...");
+  await seedProgramKesehatan();
 
   // // ==================== SUBMENU PENANGANAN DARURAT =========================
-  // console.log("🔄 Seeding Penanganan Darurat...");
-  // for (const p of penangananDarurat) {
-  //   const existing = await prisma.penangananDarurat.findUnique({
-  //     where: { id: p.id },
-  //     select: { imageId: true },
-  //   });
-
-  //   let imageId = existing?.imageId; // Pertahankan existing
-
-  //   // Kalau belum ada imageId, cari berdasarkan name/realName
-  //   if (!imageId && p.imageId) {
-  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-  //     const fileRecord = await prisma.fileStorage.findUnique({
-  //       where: { id: p.imageId },
-  //       select: { id: true, name: true },
-  //     });
-
-  //     if (fileRecord) {
-  //       imageId = fileRecord.id;
-  //       console.log(
-  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-  //       );
-  //     } else {
-  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-  //       imageId = null;
-  //     }
-  //   }
-
-  //   await prisma.penangananDarurat.upsert({
-  //     where: { id: p.id },
-  //     update: {
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       imageId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       imageId,
-  //     },
-  //   });
-  // }
-  // console.log("penanganan darurat success ...");
+  await seedPenangananDarurat();
 
   // // ==================== SUBMENU KONTAK DARURAT =========================
-  // console.log("🔄 Seeding Kontak Darurat...");
-  // for (const p of kontakDarurat) {
-  //   const existing = await prisma.kontakDarurat.findUnique({
-  //     where: { id: p.id },
-  //     select: { imageId: true },
-  //   });
-
-  //   let imageId = existing?.imageId; // Pertahankan existing
-
-  //   // Kalau belum ada imageId, cari berdasarkan name/realName
-  //   if (!imageId && p.imageId) {
-  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-  //     const fileRecord = await prisma.fileStorage.findUnique({
-  //       where: { id: p.imageId },
-  //       select: { id: true, name: true },
-  //     });
-
-  //     if (fileRecord) {
-  //       imageId = fileRecord.id;
-  //       console.log(
-  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-  //       );
-  //     } else {
-  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-  //       imageId = null;
-  //     }
-  //   }
-
-  //   await prisma.kontakDarurat.upsert({
-  //     where: { id: p.id },
-  //     update: {
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       whatsapp: p.whatsapp,
-  //       imageId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       whatsapp: p.whatsapp,
-  //       imageId,
-  //     },
-  //   });
-  // }
-  // console.log("kontak darurat success ...");
+  await seedKontakDarurat();
 
   // // ==================== SUBMENU INFO WABAH PENYAKIT =========================
-  // console.log("🔄 Seeding Info Wabah Penyakit...");
-  // for (const p of infoWabahPenyakit) {
-  //   const existing = await prisma.infoWabahPenyakit.findUnique({
-  //     where: { id: p.id },
-  //     select: { imageId: true },
-  //   });
-
-  //   let imageId = existing?.imageId; // Pertahankan existing
-
-  //   // Kalau belum ada imageId, cari berdasarkan name/realName
-  //   if (!imageId && p.imageId) {
-  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-  //     const fileRecord = await prisma.fileStorage.findUnique({
-  //       where: { id: p.imageId },
-  //       select: { id: true, name: true },
-  //     });
-
-  //     if (fileRecord) {
-  //       imageId = fileRecord.id;
-  //       console.log(
-  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-  //       );
-  //     } else {
-  //       console.warn(`⚠️ File with ID ${p.imageId} not found for ${p.name}`);
-  //       imageId = null;
-  //     }
-  //   }
-
-  //   await prisma.infoWabahPenyakit.upsert({
-  //     where: { id: p.id },
-  //     update: {
-  //       name: p.name,
-  //       deskripsiSingkat: p.deskripsiSingkat,
-  //       deskripsiLengkap: p.deskripsiLengkap,
-  //       imageId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       deskripsiSingkat: p.deskripsiSingkat,
-  //       deskripsiLengkap: p.deskripsiLengkap,
-  //       imageId,
-  //     },
-  //   });
-  // }
-  // console.log("info wabah penyakit success ...");
+  await seedInfoWabahPenyakit();
 
   // // ====================== MENU KEAMANAN ========================
   // // ==================== SUBMENU KEAMANAN LINGKUNGAN ============
-  // console.log("🔄 Seeding Keamanan Lingkungan...");
-  // for (const k of keamananLingkungan) {
-  //   const existing = await prisma.keamananLingkungan.findUnique({
-  //     where: { id: k.id },
-  //     select: { imageId: true },
-  //   });
-
-  //   let imageId = existing?.imageId; // Pertahankan existing
-
-  //   // Kalau belum ada imageId, cari berdasarkan name/realName
-  //   if (!imageId && k.imageId) {
-  //     // ✅ Cari langsung berdasarkan ID yang ada di p.imageId
-  //     const fileRecord = await prisma.fileStorage.findUnique({
-  //       where: { id: k.imageId },
-  //       select: { id: true, name: true },
-  //     });
-
-  //     if (fileRecord) {
-  //       imageId = fileRecord.id;
-  //       console.log(
-  //         `✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`,
-  //       );
-  //     } else {
-  //       console.warn(`⚠️ File with ID ${k.imageId} not found for ${k.name}`);
-  //       imageId = null;
-  //     }
-  //   }
-
-  //   await prisma.keamananLingkungan.upsert({
-  //     where: { id: k.id },
-  //     update: {
-  //       name: k.name,
-  //       deskripsi: k.deskripsi,
-  //       imageId,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       name: k.name,
-  //       deskripsi: k.deskripsi,
-  //       imageId,
-  //     },
-  //   });
-  // }
-  // console.log("info wabah penyakit success ...");
+  await seedKeamananLingkungan();
 
   // // ==================== SUBMENU POLSEK TERDEKAT ================
-  // console.log("🔄 Seeding Layanan Polsek...");
-  // for (const k of layananPolsek) {
-  //   await prisma.layananPolsek.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       nama: k.nama,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       nama: k.nama,
-  //     },
-  //   });
-  // }
-
-  // console.log("layanan polsek success ...");
-
-  // console.log("🔄 Seeding Polsek Terdekat...");
-  // for (const k of polsekTerdekat) {
-  //   await prisma.polsekTerdekat.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       nama: k.nama,
-  //       jarakKeDesa: k.jarakKeDesa,
-  //       alamat: k.alamat,
-  //       nomorTelepon: k.nomorTelepon,
-  //       jamOperasional: k.jamOperasional,
-  //       embedMapUrl: k.embedMapUrl,
-  //       namaTempatMaps: k.namaTempatMaps,
-  //       alamatMaps: k.alamatMaps,
-  //       linkPetunjukArah: k.linkPetunjukArah,
-  //       layananPolsekId: k.layananPolsekId,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       nama: k.nama,
-  //       jarakKeDesa: k.jarakKeDesa,
-  //       alamat: k.alamat,
-  //       nomorTelepon: k.nomorTelepon,
-  //       jamOperasional: k.jamOperasional,
-  //       embedMapUrl: k.embedMapUrl,
-  //       namaTempatMaps: k.namaTempatMaps,
-  //       alamatMaps: k.alamatMaps,
-  //       linkPetunjukArah: k.linkPetunjukArah,
-  //       layananPolsekId: k.layananPolsekId,
-  //     },
-  //   });
-  // }
-
-  // console.log("polsek terdekat success ...");
-
-  // console.log("🔄 Seeding Layanan To Polsek...");
-  // for (const k of layananToPolsek) {
-  //   await prisma.layananToPolsek.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       layananId: k.layananId,
-  //       polsekTerdekatId: k.polsekTerdekatId,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       layananId: k.layananId,
-  //       polsekTerdekatId: k.polsekTerdekatId,
-  //     },
-  //   });
-  // }
-
-  // console.log("layanan to polsek success ...");
+  await seedPolsekTerdekat();
 
   // // ==================== SUBMENU KONTAK DARURAT =================
-
-  // console.log("🔄 Seeding Kontak Item...");
-  // for (const e of kontakItem) {
-  //   await prisma.kontakItem.upsert({
-  //     where: {
-  //       id: e.id,
-  //     },
-  //     update: {
-  //       nama: e.nama,
-  //       icon: e.icon,
-  //       nomorTelepon: e.nomorTelepon,
-  //     },
-  //     create: {
-  //       id: e.id, // ✅ WAJIB
-  //       nama: e.nama,
-  //       icon: e.icon,
-  //       nomorTelepon: e.nomorTelepon,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Kontak Item seeded successfully");
-
-  // console.log("🔄 Seeding Kontak Darurat Keamanan...");
-  // for (const d of kontakDaruratKeamanan) {
-  //   await prisma.kontakDaruratKeamanan.upsert({
-  //     where: {
-  //       id: d.id,
-  //     },
-  //     update: {
-  //       nama: d.nama,
-  //       icon: d.icon,
-  //       kategoriId: d.kategoriId,
-  //     },
-  //     create: {
-  //       id: d.id,
-  //       nama: d.nama,
-  //       icon: d.icon,
-  //       kategoriId: d.kategoriId,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ Kontak Darurat Keamanan seeded successfully");
-
-  // console.log("🔄 Seeding Kontak Darurat To Item...");
-  // for (const f of kontakDaruratToItem) {
-  //   // ✅ Validasi foreign keys
-  //   const kontakDaruratExists = await prisma.kontakDaruratKeamanan.findUnique({
-  //     where: { id: f.kontakDaruratId },
-  //   });
-
-  //   const kontakItemExists = await prisma.kontakItem.findUnique({
-  //     where: { id: f.kontakItemId },
-  //   });
-
-  //   if (!kontakDaruratExists) {
-  //     console.warn(
-  //       `⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`,
-  //     );
-  //     continue;
-  //   }
-
-  //   if (!kontakItemExists) {
-  //     console.warn(`⚠️ KontakItem ${f.kontakItemId} not found, skipping...`);
-  //     continue;
-  //   }
-
-  //   await prisma.kontakDaruratToItem.upsert({
-  //     where: { id: f.id },
-  //     update: {
-  //       kontakDaruratId: f.kontakDaruratId,
-  //       kontakItemId: f.kontakItemId,
-  //     },
-  //     create: {
-  //       id: f.id,
-  //       kontakDaruratId: f.kontakDaruratId,
-  //       kontakItemId: f.kontakItemId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Kontak Darurat To Item seeded successfully");
+  await seedKontakDaruratKeamanan();
 
   // // ==================== SUBMENU PENCEGAHAN KRIMINALITAS ========
-  // console.log("🔄 Seeding Pencegahan Kriminalitas...");
-  // for (const d of pencegahanKriminalitas) {
-  //   await prisma.pencegahanKriminalitas.upsert({
-  //     where: {
-  //       id: d.id,
-  //     },
-  //     update: {
-  //       judul: d.judul,
-  //       deskripsi: d.deskripsi,
-  //       deskripsiSingkat: d.deskripsiSingkat,
-  //       linkVideo: d.linkVideo,
-  //     },
-  //     create: {
-  //       id: d.id,
-  //       judul: d.judul,
-  //       deskripsi: d.deskripsi,
-  //       deskripsiSingkat: d.deskripsiSingkat,
-  //       linkVideo: d.linkVideo,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ Pencegahan Kriminalitas seeded successfully");
+  await seedPencegahanKriminalitas();
   // // ==================== SUBMENU LAPORAN PUBLIK =================
-  // console.log("🔄 Seeding Laporan Publik...");
-  // for (const l of laporanPublik) {
-  //   await prisma.laporanPublik.upsert({
-  //     where: {
-  //       id: l.id,
-  //     },
-  //     update: {
-  //       judul: l.judul,
-  //       lokasi: l.lokasi,
-  //       tanggalWaktu: l.tanggalWaktu,
-  //       kronologi: l.kronologi,
-  //     },
-  //     create: {
-  //       id: l.id,
-  //       judul: l.judul,
-  //       lokasi: l.lokasi,
-  //       tanggalWaktu: l.tanggalWaktu,
-  //       kronologi: l.kronologi,
-  //     },
-  //   });
-  // }
-
-  // console.log("laporan publik success ...");
-
-  // console.log("🔄 Seeding Penanganan Laporan...");
-  // for (const l of penangananLaporan) {
-  //   await prisma.penangananLaporanPublik.upsert({
-  //     where: {
-  //       id: l.id,
-  //     },
-  //     update: {
-  //       deskripsi: l.deskripsi,
-  //       laporanId: l.laporanId,
-  //     },
-  //     create: {
-  //       id: l.id,
-  //       deskripsi: l.deskripsi,
-  //       laporanId: l.laporanId,
-  //     },
-  //   });
-  // }
-
-  // console.log("penanganan laporan success ...");
+  await seedLaporanPublik();
 
   // // ==================== SUBMENU TIPS KEAMANAN ==================
-  // console.log("🔄 Seeding Tips Keamanan...");
-  // for (const t of tipsKeamanan) {
-  //   await prisma.menuTipsKeamanan.upsert({
-  //     where: {
-  //       id: t.id,
-  //     },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //       imageId: t.imageId,
-  //     },
-  //     create: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //       imageId: t.imageId,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ Tips Keamanan seeded successfully");
+  await seedKeamananLingkungan();
 
   // // ====================== MENU EKONOMI ========================
   // // ==================== SUBMENU PASAR DESA ====================
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index c953b8f5..8a93a59c 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -6,31 +6,6 @@ import { getAllDownloadUrls } from "./lib/get_images";
 export default async function seedAssets() {
   const images = await getAllDownloadUrls();
 
-  // for (const img of images) {
-  //   try {
-  //     await prisma.fileStorage.upsert({
-  //       where: { name: img.name },
-  //       create: {
-  //         name: img.name,
-  //         category: "image",
-  //         mimeType: "image/webp",
-  //         link: img.downloadUrl,
-  //         path: "images",
-  //         realName: img.name,
-  //         isActive: true,
-  //       },
-  //       update: {
-  //         link: img.downloadUrl,
-  //         isActive: true,
-  //       },
-  //     });
-
-  //     console.log(`✅ ${img.name}`);
-  //   } catch (err: any) {
-  //     console.error(`❌ ${img.name}`, err.code ?? err);
-  //   }
-  // }
-
   for (const img of images) {
     try {
       await prisma.fileStorage.upsert({
@@ -57,12 +32,12 @@ export default async function seedAssets() {
   console.log("🎉 Image seeding completed");
 }
 
-if (import.meta.main) {
-  seedAssets()
-    .then(() => {
-      console.log("seed assets success");
-    })
-    .catch((err) => {
-      console.log("gagal seed assets", JSON.stringify(err));
-    });
-}
+// if (import.meta.main) {
+//   seedAssets()
+//     .then(() => {
+//       console.log("seed assets success");
+//     })
+//     .catch((err) => {
+//       console.log("gagal seed assets", JSON.stringify(err));
+//     });
+// }
diff --git a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
index 6103cb0f..f72913c1 100644
--- a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
@@ -91,12 +91,17 @@ function Page() {
               <Paper radius={10} key={k} bg={colors['white-trans-1']}>
                 <Stack gap="xs">
                   <Center p="10">
-                    <Image
-                      src={v.image?.link}
-                      radius={10}
-                      loading="lazy"
-                      alt=""
-                    />
+                    <Box h={200} w="100%" style={{ overflow: 'hidden' }}>
+                      <Image
+                        src={v.image?.link ?? "/no-image.jpg"}
+                        alt={v.judul}
+                        fit="cover"
+                        radius="md"
+                        h="100%"
+                        w="100%"
+                        loading="lazy"
+                      />
+                    </Box>
                   </Center>
                   <Box px="xl">
                     <Box pb="20">
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
index e1630408..dae9429c 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
@@ -43,6 +43,7 @@ function Page() {
             <BackgroundImage
               radius="lg"
               h={{ base: 260, md: 480 }}
+              w="100%"
               src={data.image?.link ?? "/no-image.jpg"}
               style={{ position: 'relative', overflow: 'hidden' }}
             >
diff --git a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
index 1187914d..31834828 100644
--- a/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
@@ -83,14 +83,17 @@ function Page() {
                 className="hover:scale-[1.02]"
               >
                 <Stack gap="sm">
-                  <Image
-                    src={v.image?.link ?? "/no-image.jpg"}
-                    alt={v.name}
-                    radius="md"
-                    height={160}
-                    fit="cover"
-                    loading="lazy"
-                  />
+                  <Box h={200} w="100%" style={{ overflow: 'hidden' }}>
+                    <Image
+                      src={v.image?.link ?? "/no-image.jpg"}
+                      alt={v.name}
+                      fit="cover"
+                      radius="md"
+                      h="100%"
+                      w="100%"
+                      loading="lazy"
+                    />
+                  </Box>
                   <Group justify="space-between">
                     <Title order={3} fw={600} lineClamp={1}>{v.name}</Title>
                     <Badge color="blue" variant="light" radius="sm" fz="xs">Aktif</Badge>
-- 
2.49.1


From 6c36a15290658aa20ff15dd5f3623b7f8f82c692 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 2 Feb 2026 17:31:27 +0800
Subject: [PATCH 76/97] Seed Menu Ekonomi Seed MEnu Inovasi Sisa 2 Menu

---
 .../ekonomi/seed_demografi_pekerjaan.ts       |  25 +
 .../ekonomi/seed_jumlah_penduduk_miskin.ts    |  23 +
 .../ekonomi/seed_jumlah_pengangguran.ts       |  27 +
 .../ekonomi/seed_lowongan_kerja_lokal.ts      |  35 ++
 .../_seeder_list/ekonomi/seed_pasar_desa.ts   |  91 +++
 .../ekonomi/seed_pendapatan_asli.ts           |  81 +++
 ...eed_penduduk_usia_kerja_yang_menganggur.ts |  50 ++
 .../ekonomi/seed_program_kemiskinan.ts        |  50 ++
 .../ekonomi/seed_sektor_unggulan_desa.ts      |  25 +
 .../ekonomi/seed_struktur_bumdes.ts           |  58 ++
 prisma/_seeder_list/inovasi/seed_ajukan.ts    |  31 +
 .../_seeder_list/inovasi/seed_desa_digital.ts |  25 +
 .../inovasi/seed_info_teknologi.ts            |  42 ++
 .../inovasi/seed_kolaborasi_inovasi.ts        |  66 ++
 .../inovasi/seed_layanan_online_desa.ts       |  96 +++
 .../inovasi/seed_program_kreatif_desa.ts      |  27 +
 .../data/ekonomi/pasar-desa/pasar-desa.json   |   8 +-
 .../info-teknologi/info-teknologi.json        |   8 +-
 .../kolaborasi-inovasi/mitra-kolaborasi.json  |   6 +-
 prisma/schema.prisma                          |   4 +-
 prisma/seed.ts                                | 573 +-----------------
 .../info-teknologi-tepat-guna/page.tsx        |   2 +-
 .../inovasi/kolaborasi-inovasi/page.tsx       |   2 +-
 23 files changed, 799 insertions(+), 556 deletions(-)
 create mode 100644 prisma/_seeder_list/ekonomi/seed_demografi_pekerjaan.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_jumlah_penduduk_miskin.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_jumlah_pengangguran.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_lowongan_kerja_lokal.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_pasar_desa.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_pendapatan_asli.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_penduduk_usia_kerja_yang_menganggur.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_program_kemiskinan.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_sektor_unggulan_desa.ts
 create mode 100644 prisma/_seeder_list/ekonomi/seed_struktur_bumdes.ts
 create mode 100644 prisma/_seeder_list/inovasi/seed_ajukan.ts
 create mode 100644 prisma/_seeder_list/inovasi/seed_desa_digital.ts
 create mode 100644 prisma/_seeder_list/inovasi/seed_info_teknologi.ts
 create mode 100644 prisma/_seeder_list/inovasi/seed_kolaborasi_inovasi.ts
 create mode 100644 prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts
 create mode 100644 prisma/_seeder_list/inovasi/seed_program_kreatif_desa.ts

diff --git a/prisma/_seeder_list/ekonomi/seed_demografi_pekerjaan.ts b/prisma/_seeder_list/ekonomi/seed_demografi_pekerjaan.ts
new file mode 100644
index 00000000..41d4dc07
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_demografi_pekerjaan.ts
@@ -0,0 +1,25 @@
+import prisma from "@/lib/prisma";
+import demografiPekerjaan from "../../data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json";
+
+export async function seedDemografiPekerjaan() {
+  console.log("🔄 Seeding Demografi Pekerjaan...");
+  for (const k of demografiPekerjaan) {
+    await prisma.dataDemografiPekerjaan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        pekerjaan: k.pekerjaan,
+        lakiLaki: k.lakiLaki,
+        perempuan: k.perempuan,
+      },
+      create: {
+        id: k.id,
+        pekerjaan: k.pekerjaan,
+        lakiLaki: k.lakiLaki,
+        perempuan: k.perempuan,
+      },
+    });
+  }
+  console.log("✅ Demografi Pekerjaan seeded successfully");
+}
diff --git a/prisma/_seeder_list/ekonomi/seed_jumlah_penduduk_miskin.ts b/prisma/_seeder_list/ekonomi/seed_jumlah_penduduk_miskin.ts
new file mode 100644
index 00000000..48374742
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_jumlah_penduduk_miskin.ts
@@ -0,0 +1,23 @@
+import prisma from "@/lib/prisma";
+import jumlahPendudukMiskin from "../../data/ekonomi/jumlah-penduduk-miskin/jumlah-penduduk-miskin.json";
+
+export async function seedJumlahPendudukMiskin() {
+  console.log("🔄 Seeding Jumlah Penduduk Miskin...");
+  for (const k of jumlahPendudukMiskin) {
+    await prisma.grafikJumlahPendudukMiskin.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        year: k.year,
+        totalPoorPopulation: k.totalPoorPopulation,
+      },
+      create: {
+        id: k.id,
+        year: k.year,
+        totalPoorPopulation: k.totalPoorPopulation,
+      },
+    });
+  }
+  console.log("✅ Jumlah Penduduk Miskin seeded successfully");
+}
diff --git a/prisma/_seeder_list/ekonomi/seed_jumlah_pengangguran.ts b/prisma/_seeder_list/ekonomi/seed_jumlah_pengangguran.ts
new file mode 100644
index 00000000..b1f2cb03
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_jumlah_pengangguran.ts
@@ -0,0 +1,27 @@
+import prisma from "@/lib/prisma";
+import jumlahPengangguran from "../../data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json";
+
+export async function seedJumlahPengangguran() {
+  for (const d of jumlahPengangguran) {
+    await prisma.detailDataPengangguran.upsert({
+      where: {
+        month_year: { month: d.month, year: d.year },
+      },
+      update: {
+        totalUnemployment: d.totalUnemployment,
+        educatedUnemployment: d.educatedUnemployment,
+        uneducatedUnemployment: d.uneducatedUnemployment,
+        percentageChange: d.percentageChange,
+      },
+      create: {
+        month: d.month,
+        year: d.year,
+        totalUnemployment: d.totalUnemployment,
+        educatedUnemployment: d.educatedUnemployment,
+        uneducatedUnemployment: d.uneducatedUnemployment,
+        percentageChange: d.percentageChange,
+      },
+    });
+  }
+  console.log("📊 detailDataPengangguran success ...");
+}
diff --git a/prisma/_seeder_list/ekonomi/seed_lowongan_kerja_lokal.ts b/prisma/_seeder_list/ekonomi/seed_lowongan_kerja_lokal.ts
new file mode 100644
index 00000000..95494b24
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_lowongan_kerja_lokal.ts
@@ -0,0 +1,35 @@
+import prisma from "@/lib/prisma";
+import lowonganKerjaLokal from "../../data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json";
+
+export async function seedLowonganKerjaLokal() {
+  console.log("🔄 Seeding Lowongan Kerja Lokal...");
+  for (const k of lowonganKerjaLokal) {
+    await prisma.lowonganPekerjaan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        posisi: k.posisi,
+        namaPerusahaan: k.namaPerusahaan,
+        lokasi: k.lokasi,
+        tipePekerjaan: k.tipePekerjaan,
+        gaji: k.gaji,
+        deskripsi: k.deskripsi,
+        kualifikasi: k.kualifikasi,
+        notelp: k.notelp,
+      },
+      create: {
+        id: k.id,
+        posisi: k.posisi,
+        namaPerusahaan: k.namaPerusahaan,
+        lokasi: k.lokasi,
+        tipePekerjaan: k.tipePekerjaan,
+        gaji: k.gaji,
+        deskripsi: k.deskripsi,
+        kualifikasi: k.kualifikasi,
+        notelp: k.notelp,
+      },
+    });
+  }
+  console.log("✅ Lowongan Kerja Lokal seeded successfully");
+}
diff --git a/prisma/_seeder_list/ekonomi/seed_pasar_desa.ts b/prisma/_seeder_list/ekonomi/seed_pasar_desa.ts
new file mode 100644
index 00000000..f8ad4105
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_pasar_desa.ts
@@ -0,0 +1,91 @@
+import prisma from "@/lib/prisma";
+import kategoriProduk from "../../data/ekonomi/pasar-desa/kategori-produk.json";
+import pasarDesa from "../../data/ekonomi/pasar-desa/pasar-desa.json";
+import kategoriToPasar from "../../data/ekonomi/pasar-desa/kategori-to-pasar.json";
+
+export async function seedPasarDesa() {
+  console.log("🔄 Seeding Kategori Produk...");
+  for (const k of kategoriProduk) {
+    await prisma.kategoriProduk.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+      },
+    });
+  }
+  console.log("✅ Kategori Produk seeded successfully");
+
+  console.log("🔄 Seeding Pasar Desa...");
+  
+    for (const p of pasarDesa) {
+      let imageId: string | null = null;
+  
+      if (p.imageName) {
+        const image = await prisma.fileStorage.findUnique({
+          where: { name: p.imageName },
+          select: { id: true },
+        });
+  
+        if (!image) {
+          console.warn(
+            `⚠️ Image not found for pasar desa "${p.nama}": ${p.imageName}`,
+          );
+        } else {
+          imageId = image.id;
+        }
+      }
+  
+      await prisma.pasarDesa.upsert({
+        where: { id: p.id },
+        update: {
+          nama: p.nama,
+          deskripsi: p.deskripsi,
+          harga: p.harga,
+          rating: p.rating,
+          alamatUsaha: p.alamatUsaha,
+          kontak: p.kontak,
+          imageId,
+          kategoriProdukId: p.kategoriProdukId,
+        },
+        create: {
+          id: p.id,
+          nama: p.nama,
+          deskripsi: p.deskripsi,
+          harga: p.harga,
+          rating: p.rating,
+          alamatUsaha: p.alamatUsaha,
+          kontak: p.kontak,
+          imageId,
+          kategoriProdukId: p.kategoriProdukId,
+        },
+      });
+  
+      console.log(`✅ Pasar desa seeded: ${p.nama}`);
+    }
+  
+    console.log("🎉 Pasar desa seed selesai");
+
+  console.log("🔄 Seeding Kategori To Pasar...");
+  for (const p of kategoriToPasar) {
+    await prisma.kategoriToPasar.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        kategoriId: p.kategoriId,
+        pasarDesaId: p.pasarDesaId,
+      },
+      create: {
+        id: p.id,
+        kategoriId: p.kategoriId,
+        pasarDesaId: p.pasarDesaId,
+      },
+    });
+  }
+}
diff --git a/prisma/_seeder_list/ekonomi/seed_pendapatan_asli.ts b/prisma/_seeder_list/ekonomi/seed_pendapatan_asli.ts
new file mode 100644
index 00000000..93a30a5e
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_pendapatan_asli.ts
@@ -0,0 +1,81 @@
+import prisma from "@/lib/prisma";
+import apbdes from "../../data/ekonomi/pendapatan-asli-desa/apbDesa.json";
+import pendapatan from "../../data/ekonomi/pendapatan-asli-desa/pendapatanDesa.json";
+import belanja from "../../data/ekonomi/pendapatan-asli-desa/belanjaDesa.json";
+import pembiayaan from "../../data/ekonomi/pendapatan-asli-desa/pembiayaanDesa.json";
+
+export async function seedPendapatanAsli() {
+  console.log("🔄 Seeding Pendapatan Asli...");
+  for (const d of apbdes) {
+    await prisma.apbDesa.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        tahun: d.tahun,
+      },
+      create: {
+        id: d.id,
+        tahun: d.tahun,
+      },
+    });
+  }
+  console.log("✅ Pendapatan Asli seeded successfully");
+
+  console.log("🔄 Seeding Pendapatan...");
+  for (const d of pendapatan) {
+    await prisma.pendapatan.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        value: d.nilai
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        value: d.nilai
+      },
+    });
+  }
+  console.log("✅ Pendapatan seeded successfully");
+
+  console.log("🔄 Seeding Belanja...");
+  for (const d of belanja) {
+    await prisma.belanja.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        value: d.nilai
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        value: d.nilai
+      },
+    });
+  }
+  console.log("✅ Belanja seeded successfully");
+
+  console.log("🔄 Seeding Pembiayaan...");
+  for (const d of pembiayaan) {
+    await prisma.pembiayaan.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        value: d.nilai
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        value: d.nilai
+      },
+    });
+  }
+  console.log("✅ Pembiayaan seeded successfully");
+}
diff --git a/prisma/_seeder_list/ekonomi/seed_penduduk_usia_kerja_yang_menganggur.ts b/prisma/_seeder_list/ekonomi/seed_penduduk_usia_kerja_yang_menganggur.ts
new file mode 100644
index 00000000..ac64954f
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_penduduk_usia_kerja_yang_menganggur.ts
@@ -0,0 +1,50 @@
+import prisma from "@/lib/prisma";
+import grafikMenganggurBerdasarkanUsia from "../../data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-usia.json";
+import grafikMenganggurBerdasarkanPendidikan from "../../data/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran-berdasarkan-pendidikan.json";
+
+export async function seedPendudukUsiaKerjaYangMenganggur() {
+  for (const p of grafikMenganggurBerdasarkanUsia) {
+    await prisma.grafikMenganggurBerdasarkanUsia.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        usia18_25: p.usia18_25,
+        usia26_35: p.usia26_35,
+        usia36_45: p.usia36_45,
+        usia46_keatas: p.usia46_keatas,
+      },
+      create: {
+        id: p.id,
+        usia18_25: p.usia18_25,
+        usia26_35: p.usia26_35,
+        usia36_45: p.usia36_45,
+        usia46_keatas: p.usia46_keatas,
+      },
+    });
+  }
+  console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
+  for (const p of grafikMenganggurBerdasarkanPendidikan) {
+    await prisma.grafikMenganggurBerdasarkanPendidikan.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        SD: p.SD,
+        SMP: p.SMP,
+        SMA: p.SMA,
+        D3: p.D3,
+        S1: p.S1,
+      },
+      create: {
+        id: p.id,
+        SD: p.SD,
+        SMP: p.SMP,
+        SMA: p.SMA,
+        D3: p.D3,
+        S1: p.S1,
+      },
+    });
+  }
+  console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
+}
diff --git a/prisma/_seeder_list/ekonomi/seed_program_kemiskinan.ts b/prisma/_seeder_list/ekonomi/seed_program_kemiskinan.ts
new file mode 100644
index 00000000..748b1f8b
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_program_kemiskinan.ts
@@ -0,0 +1,50 @@
+import prisma from "@/lib/prisma";
+import programKemiskinan from "../../data/ekonomi/program-kemiskinan/program-kemiskinan.json";
+import statistikKemiskinan from "../../data/ekonomi/program-kemiskinan/statistik-kemiskinan.json";
+
+export async function seedProgramKemiskinan() {
+  for (const s of statistikKemiskinan) {
+      await prisma.statistikKemiskinan.upsert({
+        where: { tahun: s.tahun }, // ✅ FIX
+        update: {
+          jumlah: s.jumlah,
+        },
+        create: {
+          id: s.id, // id boleh tetap
+          tahun: s.tahun,
+          jumlah: s.jumlah,
+        },
+      });
+    }
+  
+    console.log("📊 Statistik Kemiskinan seeded successfully");
+  
+    console.log("🔄 Seeding Program Kemiskinan...");
+    for (const k of programKemiskinan) {
+      await prisma.programKemiskinan.upsert({
+        where: { id: k.id },
+        update: {
+          nama: k.nama,
+          deskripsi: k.deskripsi,
+          icon: k.icon,
+          statistik: {
+            connect: {
+              tahun: k.tahun, // 👈 BUKAN ID
+            },
+          },
+        },
+        create: {
+          id: k.id,
+          nama: k.nama,
+          deskripsi: k.deskripsi,
+          icon: k.icon,
+          statistik: {
+            connect: {
+              tahun: k.tahun,
+            },
+          },
+        },
+      });
+    }
+    console.log("✅ Program Kemiskinan seeded successfully");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/ekonomi/seed_sektor_unggulan_desa.ts b/prisma/_seeder_list/ekonomi/seed_sektor_unggulan_desa.ts
new file mode 100644
index 00000000..0bfd469e
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_sektor_unggulan_desa.ts
@@ -0,0 +1,25 @@
+import prisma from "@/lib/prisma";
+import sektorUnggulanDesa from "../../data/ekonomi/sektor-unggulan/sektor-unggulan.json";
+
+export async function seedSektorUnggulanDesa() {
+   console.log("🔄 Seeding Sektor Unggulan Desa...");
+    for (const k of sektorUnggulanDesa) {
+      await prisma.sektorUnggulanDesa.upsert({
+        where: {
+          id: k.id,
+        },
+        update: {
+          name: k.name,
+          description: k.description,
+          value: k.value,
+        },
+        create: {
+          id: k.id,
+          name: k.name,
+          description: k.description,
+          value: k.value,
+        },
+      });
+    }
+    console.log("✅ Sektor Unggulan Desa seeded successfully");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/ekonomi/seed_struktur_bumdes.ts b/prisma/_seeder_list/ekonomi/seed_struktur_bumdes.ts
new file mode 100644
index 00000000..47f92ed7
--- /dev/null
+++ b/prisma/_seeder_list/ekonomi/seed_struktur_bumdes.ts
@@ -0,0 +1,58 @@
+import prisma from "@/lib/prisma";
+import posisiOrganisasiBumDes from "../../data/ekonomi/struktur-organisasi/posisi-organisasi-bumdes.json";
+import pegawai from "../../data/ekonomi/struktur-organisasi/pegawai-bumdes.json";
+
+export async function seedStrukturBumdes() {
+  const flattenedPosisi = posisiOrganisasiBumDes.flat();
+
+  // ✅ Urutkan berdasarkan hierarki
+  const sortedPosisi = flattenedPosisi.sort((a, b) => a.hierarki - b.hierarki);
+
+  for (const p of sortedPosisi) {
+    console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
+    if (p.parentId) {
+      const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
+      if (!parentExists) {
+        console.warn(
+          `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
+        );
+        continue;
+      }
+    }
+    await prisma.posisiOrganisasiBumDes.upsert({
+      where: { id: p.id },
+      update: p,
+      create: p,
+    });
+  }
+  console.log("posisi organisasi berhasil");
+  for (const p of pegawai) {
+    await prisma.pegawaiBumDes.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        namaLengkap: p.namaLengkap,
+        gelarAkademik: p.gelarAkademik,
+        tanggalMasuk: new Date(p.tanggalMasuk),
+        email: p.email,
+        telepon: p.telepon,
+        alamat: p.alamat,
+        posisiId: p.posisiId,
+        isActive: p.isActive,
+      },
+      create: {
+        id: p.id,
+        namaLengkap: p.namaLengkap,
+        gelarAkademik: p.gelarAkademik,
+        tanggalMasuk: new Date(p.tanggalMasuk),
+        email: p.email,
+        telepon: p.telepon,
+        alamat: p.alamat,
+        posisiId: p.posisiId,
+        isActive: p.isActive,
+      },
+    });
+  }
+  console.log("pegawai success ...");
+}
diff --git a/prisma/_seeder_list/inovasi/seed_ajukan.ts b/prisma/_seeder_list/inovasi/seed_ajukan.ts
new file mode 100644
index 00000000..ee690fc0
--- /dev/null
+++ b/prisma/_seeder_list/inovasi/seed_ajukan.ts
@@ -0,0 +1,31 @@
+import prisma from "@/lib/prisma";
+import ajukanIde from "../../data/inovasi/ajukan-ide/ajukan-ide.json";
+
+export async function seedAjukan() {
+  console.log("🔄 Seeding Ajukan Ide Inovatif...");
+  for (const d of ajukanIde) {
+    await prisma.ajukanIdeInovatif.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        alamat: d.alamat,
+        namaIde: d.namaIde,
+        deskripsi: d.deskripsi,
+        masalah: d.masalah,
+        benefit: d.benefit,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        alamat: d.alamat,
+        namaIde: d.namaIde,
+        deskripsi: d.deskripsi,
+        masalah: d.masalah,
+        benefit: d.benefit,
+      },
+    });
+  }
+  console.log("✅ Ajukan Ide Inovatif seeded successfully");
+}
diff --git a/prisma/_seeder_list/inovasi/seed_desa_digital.ts b/prisma/_seeder_list/inovasi/seed_desa_digital.ts
new file mode 100644
index 00000000..e56c8f22
--- /dev/null
+++ b/prisma/_seeder_list/inovasi/seed_desa_digital.ts
@@ -0,0 +1,25 @@
+import prisma from "@/lib/prisma";
+import desaDigital from "../../data/inovasi/desa-digital/desa-digital.json";
+
+export async function seedDesaDigital() {
+  console.log("🔄 Seeding Desa Digital...");
+  for (const d of desaDigital) {
+    await prisma.desaDigital.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        deskripsi: d.deskripsi,
+        imageId: d.imageId,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        deskripsi: d.deskripsi,
+        imageId: d.imageId,
+      },
+    });
+  }
+  console.log("✅ Desa Digital seeded successfully");
+}
diff --git a/prisma/_seeder_list/inovasi/seed_info_teknologi.ts b/prisma/_seeder_list/inovasi/seed_info_teknologi.ts
new file mode 100644
index 00000000..768cde5b
--- /dev/null
+++ b/prisma/_seeder_list/inovasi/seed_info_teknologi.ts
@@ -0,0 +1,42 @@
+import prisma from "@/lib/prisma";
+import infoTeknologi from "../../data/inovasi/info-teknologi/info-teknologi.json";
+
+export async function seedInfoTeknologi() {
+  console.log("🔄 Seeding Info Teknologi...");
+  for (const p of infoTeknologi) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for berita "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.infoTekno.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId: imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        imageId: imageId,
+      },
+    });
+  }
+  console.log("✅ Info Teknologi seeded successfully");
+}
diff --git a/prisma/_seeder_list/inovasi/seed_kolaborasi_inovasi.ts b/prisma/_seeder_list/inovasi/seed_kolaborasi_inovasi.ts
new file mode 100644
index 00000000..7a725478
--- /dev/null
+++ b/prisma/_seeder_list/inovasi/seed_kolaborasi_inovasi.ts
@@ -0,0 +1,66 @@
+import prisma from "@/lib/prisma";
+import kolaborasiInovasi from "../../data/inovasi/kolaborasi-inovasi/kolaborasi-inovasi.json";
+import mitraKolaborasi from "../../data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json";
+
+export async function seedKolaborasiInovasi() {
+  console.log("🔄 Seeding Kolaborasi Inovasi...");
+  for (const p of kolaborasiInovasi) {
+    await prisma.kolaborasiInovasi.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        tahun: p.tahun,
+        slug: p.slug,
+        deskripsi: p.deskripsi,
+        kolaborator: p.kolaborator,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        tahun: p.tahun,
+        slug: p.slug,
+        deskripsi: p.deskripsi,
+        kolaborator: p.kolaborator,
+      },
+    });
+  }
+  console.log("✅ Kolaborasi Inovasi seeded successfully");
+
+  console.log("🔄 Seeding Mitra Kolaborasi...");
+  for (const p of mitraKolaborasi) {
+    let imageId: string | null = null;
+
+    if (p.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: p.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for mitra kolaborasi "${p.name}": ${p.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.mitraKolaborasi.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        imageId: imageId,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        imageId: imageId,
+      },
+    });
+  }
+  console.log("✅ Mitra Kolaborasi seeded successfully");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts b/prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts
new file mode 100644
index 00000000..1e7c090f
--- /dev/null
+++ b/prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts
@@ -0,0 +1,96 @@
+import prisma from "@/lib/prisma";
+import jenisLayanan from "../../data/inovasi/layanan-online-desa/jenis-layanan.json";
+import administrasiOnline from "../../data/inovasi/layanan-online-desa/administrasi-online.json";
+import jenisPengaduan from "../../data/inovasi/layanan-online-desa/jenis-pengaduan.json";
+import pengaduanMasyarakat from "../../data/inovasi/layanan-online-desa/pengaduan-masyarakat.json";
+
+export async function seedLayananOnlineDesa() {
+  console.log("🔄 Seeding Jenis Layanan...");
+  for (const j of jenisLayanan) {
+    await prisma.jenisLayanan.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        deskripsi: j.deskripsi,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        deskripsi: j.deskripsi,
+      },
+    });
+  }
+  console.log("✅ Jenis Layanan seeded successfully");
+  console.log("🔄 Seeding Administrasi Online...");
+  for (const d of administrasiOnline) {
+    await prisma.administrasiOnline.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        alamat: d.alamat,
+        nomorTelepon: d.nomorTelepon,
+        jenisLayananId: d.jenisLayananId,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        alamat: d.alamat,
+        nomorTelepon: d.nomorTelepon,
+        jenisLayananId: d.jenisLayananId,
+      },
+    });
+  }
+  console.log("✅ Administrasi Online seeded successfully");
+  console.log("🔄 Seeding Jenis Pengaduan Masyarakat...");
+  for (const d of jenisPengaduan) {
+    await prisma.jenisPengaduan.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        nama: d.nama,
+      },
+      create: {
+        id: d.id,
+        nama: d.nama,
+      },
+    });
+  }
+  console.log("✅ Jenis Pengaduan Masyarakat seeded successfully");
+  console.log("🔄 Seeding Pengaduan Masyarakat...");
+  for (const d of pengaduanMasyarakat) {
+    await prisma.pengaduanMasyarakat.upsert({
+      where: {
+        id: d.id,
+      },
+      update: {
+        name: d.name,
+        email: d.email,
+        nik: d.nik,
+        nomorTelepon: d.nomorTelepon,
+        judulPengaduan: d.judulPengaduan,
+        lokasiKejadian: d.lokasiKejadian,
+        imageId: d.imageId,
+        deskripsiPengaduan: d.deskripsiPengaduan,
+        jenisPengaduanId: d.jenisPengaduanId,
+      },
+      create: {
+        id: d.id,
+        name: d.name,
+        email: d.email,
+        nik: d.nik,
+        nomorTelepon: d.nomorTelepon,
+        judulPengaduan: d.judulPengaduan,
+        lokasiKejadian: d.lokasiKejadian,
+        imageId: d.imageId,
+        deskripsiPengaduan: d.deskripsiPengaduan,
+        jenisPengaduanId: d.jenisPengaduanId,
+      },
+    });
+  }
+  console.log("✅ Pengaduan Masyarakat seeded successfully");
+}
diff --git a/prisma/_seeder_list/inovasi/seed_program_kreatif_desa.ts b/prisma/_seeder_list/inovasi/seed_program_kreatif_desa.ts
new file mode 100644
index 00000000..e98584b2
--- /dev/null
+++ b/prisma/_seeder_list/inovasi/seed_program_kreatif_desa.ts
@@ -0,0 +1,27 @@
+import prisma from "@/lib/prisma";
+import programKreatif from "../../data/inovasi/program-kreatif-desa/program-kreatif-desa.json";
+
+export async function seedProgramKreatifDesa() {
+  console.log("🔄 Seeding Program Kreatif...");
+  for (const p of programKreatif) {
+    await prisma.programKreatif.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+        slug: p.slug,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+        slug: p.slug,
+      },
+    });
+  }
+  console.log("✅ Program Kreatif seeded successfully");
+}
\ No newline at end of file
diff --git a/prisma/data/ekonomi/pasar-desa/pasar-desa.json b/prisma/data/ekonomi/pasar-desa/pasar-desa.json
index 956975d7..5ab82ca5 100644
--- a/prisma/data/ekonomi/pasar-desa/pasar-desa.json
+++ b/prisma/data/ekonomi/pasar-desa/pasar-desa.json
@@ -3,7 +3,7 @@
     "id": "1b7a17ea-83f7-4e73-a94d-96e2b4a623f2",
     "nama": "Warung Pasar Darmasaba",
     "harga": 30000,
-    "imageId": "cmkew56ls0000vnysrnzr9ttx",
+    "imageName": "YdCBnK-bWxlyHjwsk4Qie-mobile.webp",
     "rating": 4.3,
     "alamatUsaha": "Br. Baler Pasar, Desa Darmasaba, Kec. Abiansemal",
     "kontak": "081234567890",
@@ -13,7 +13,7 @@
   {
     "id": "6dea2257-b710-4cd2-8d94-9b6737e658d8",
     "nama": "Jajanan Pasar Bu Made",
-    "imageId": "cmkewaa2s0001vnysvvs9tu56",
+    "imageName": "TWdNTZZbTOhFTNJGGPDyG-mobile.webp",
     "harga": 5000,
     "rating": 4.6,
     "alamatUsaha": "Jl. Raya Darmasaba, dekat Banjar Baler Pasar",
@@ -24,7 +24,7 @@
   {
     "id": "24c6b992-49da-4c6e-aebb-72cf89f75438",
     "nama": "Sayur Segar Pak Wayan",
-    "imageId": "cmkewcvfq0002vnys6985nm90",
+    "imageName": "mtQsaKtQnhxIYVIooCkiQ-mobile.webp",
     "harga": 20000,
     "rating": 4.4,
     "alamatUsaha": "Area Pasar Desa Darmasaba",
@@ -35,7 +35,7 @@
   {
     "id": "d62660a2-ac6b-428a-acf6-58cc837ef789",
     "nama": "Ayam & Daging Segar Darmasaba",
-    "imageId": "cmkewf4u90003vnys87en35nj",
+    "imageName": "Ez-SkRyf_F-1gksz_amNg-mobile.webp",
     "harga": 80000,
     "rating": 4.2,
     "alamatUsaha": "Br. Baler Pasar, Desa Darmasaba",
diff --git a/prisma/data/inovasi/info-teknologi/info-teknologi.json b/prisma/data/inovasi/info-teknologi/info-teknologi.json
index d8732f20..aac5d02f 100644
--- a/prisma/data/inovasi/info-teknologi/info-teknologi.json
+++ b/prisma/data/inovasi/info-teknologi/info-teknologi.json
@@ -3,24 +3,24 @@
     "id": "cmkm2xlqr000mvnswdaymiho6",
     "name": "Darmasaba Digital App",
     "deskripsi": "<p>Aplikasi layanan desa berbasis teknologi untuk transparansi informasi dan layanan publik di Desa Darmasaba yang membantu warga mendapatkan informasi administratif, berita desa, dan pelayanan digital lainnya secara cepat dan mudah.</p>",
-    "imageId": "cmkm3bnkt000qvnswzhqa4upf"
+    "imageName": "xVrwJgdwtcoABPU6DB__Y-mobile.webp"
   },
   {
     "id": "cmkm3b1fw000pvnswpr7hgzhp",
     "name": "Program Digitalisasi Desa",
     "deskripsi": "<p>Program kerja sama Desa Darmasaba bersama PT. Bali Interaktif Perkasa untuk memperkuat kapasitas pemanfaatan teknologi informasi dan komunikasi dalam administrasi desa, pelayanan publik, serta pemberdayaan digital masyarakat.</p>",
-    "imageId": "cmkm3b1a2000nvnswb9x48dzk"
+    "imageName": "JjUDrfqxuEMYSAza-s7A8-mobile.webp"
   },
   {
     "id": "cmkm3fwmq000tvnswejmhm7yc",
     "name": "Pengembangan Sistem Informasi Desa",
     "deskripsi": "<p>Inisiatif pengembangan Sistem Informasi Desa yang mendukung pengelolaan data desa secara digital, termasuk data publik, laporan, dan statistik warga, sebagai bagian dari peningkatan kapabilitas teknologi informasi desa.</p>",
-    "imageId": "cmkm3fwg4000rvnsw5d1vbiz0"
+    "imageName": "42RCCpBZla4ZWxXcwx7kG-mobile.webp"
   },
   {
     "id": "cmkm3hjp6000wvnswkuylnf53",
     "name": "Pelayanan Kependudukan Berbasis Digital",
     "deskripsi": "<p>Program untuk menyediakan layanan kependudukan secara digital, termasuk integrasi sistem administrasi kependudukan desa dengan sistem nasional, guna mempercepat layanan e-KTP, kartu keluarga, dan berkas kependudukan lainnya.</p>",
-    "imageId": "cmkm3hjhz000uvnswwqu6z9f6"
+    "imageName": "TrbkwnYM5rKZeHlISHCX4-mobile.webp"
   }
 ]
diff --git a/prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json b/prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json
index da49188b..91f49e24 100644
--- a/prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json
+++ b/prisma/data/inovasi/kolaborasi-inovasi/mitra-kolaborasi.json
@@ -2,16 +2,16 @@
   {
     "id": "cmkm1ziyi000dvnsweg8lp3f7",
     "name": "TP Posyandu Bali",
-    "imageId": "cmkm1zis2000bvnsw85m6wdlf"
+    "imageName": "qJFWokQLCaO60j0XJU_33-mobile.webp"
   },
   {
     "id": "cmkm1ziyi000dvnsweg8lq4g8",
     "name": "BRI Peduli",
-    "imageId": "cmkm2dgif000evnswskk0dfo9"
+    "imageName": "nzLJoEAfl7HkpUcYa8Y1E-mobile.webp"
   },
   {
     "id": "cmkm1ziyi000dvnsweg8lr5h9",
     "name": "Universitas Warmadewa (KKN-PMM)",
-    "imageId": "cmkm2fzub000hvnswnvoytlzs"
+    "imageName": "JFd5C2FoaZcgDQUmvp-AO-mobile.webp"
   }
 ]
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 40780099..160857b3 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1710,8 +1710,8 @@ model InfoTekno {
   id        String      @id @default(cuid())
   name      String
   deskripsi String      @db.Text
-  image     FileStorage @relation(fields: [imageId], references: [id])
-  imageId   String
+  image     FileStorage? @relation(fields: [imageId], references: [id])
+  imageId   String?
   createdAt DateTime    @default(now())
   updatedAt DateTime    @updatedAt
   deletedAt DateTime    @default(now())
diff --git a/prisma/seed.ts b/prisma/seed.ts
index ab813bf7..973c76e6 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -37,6 +37,22 @@ import { seedPolsekTerdekat } from "./_seeder_list/keamanan/seed_polsek_terdekat
 import { seedKontakDaruratKeamanan } from "./_seeder_list/keamanan/seed_kontak_darurat";
 import { seedPencegahanKriminalitas } from "./_seeder_list/keamanan/seed_pencegahan_kriminalitas";
 import { seedLaporanPublik } from "./_seeder_list/keamanan/seed_laporan_publik";
+import { seedPasarDesa } from "./_seeder_list/ekonomi/seed_pasar_desa";
+import { seedLowonganKerjaLokal } from "./_seeder_list/ekonomi/seed_lowongan_kerja_lokal";
+import { seedDemografiPekerjaan } from "./_seeder_list/ekonomi/seed_demografi_pekerjaan";
+import { seedSektorUnggulanDesa } from "./_seeder_list/ekonomi/seed_sektor_unggulan_desa";
+import { seedProgramKemiskinan } from "./_seeder_list/ekonomi/seed_program_kemiskinan";
+import { seedJumlahPendudukMiskin } from "./_seeder_list/ekonomi/seed_jumlah_penduduk_miskin";
+import { seedPendudukUsiaKerjaYangMenganggur } from "./_seeder_list/ekonomi/seed_penduduk_usia_kerja_yang_menganggur";
+import { seedJumlahPengangguran } from "./_seeder_list/ekonomi/seed_jumlah_pengangguran";
+import { seedPendapatanAsli } from "./_seeder_list/ekonomi/seed_pendapatan_asli";
+import { seedStrukturBumdes } from "./_seeder_list/ekonomi/seed_struktur_bumdes";
+import { seedAjukan } from "./_seeder_list/inovasi/seed_ajukan";
+import { seedDesaDigital } from "./_seeder_list/inovasi/seed_desa_digital";
+import { seedLayananOnlineDesa } from "./_seeder_list/inovasi/seed_layanan_online_desa";
+import { seedProgramKreatifDesa } from "./_seeder_list/inovasi/seed_program_kreatif_desa";
+import { seedKolaborasiInovasi } from "./_seeder_list/inovasi/seed_kolaborasi_inovasi";
+import { seedInfoTeknologi } from "./_seeder_list/inovasi/seed_info_teknologi";
 
 (async () => {
   const totalFiles = await prisma.fileStorage.count();
@@ -239,576 +255,51 @@ import { seedLaporanPublik } from "./_seeder_list/keamanan/seed_laporan_publik";
 
   // // ====================== MENU EKONOMI ========================
   // // ==================== SUBMENU PASAR DESA ====================
-  // console.log("🔄 Seeding Kategori Produk...");
-  // for (const k of kategoriProduk) {
-  //   await prisma.kategoriProduk.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       nama: k.nama,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       nama: k.nama,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Kategori Produk seeded successfully");
-
-  // console.log("🔄 Seeding Pasar Desa...");
-  // for (const p of pasarDesa) {
-  //   await prisma.pasarDesa.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       nama: p.nama,
-  //       imageId: p.imageId,
-  //       harga: p.harga,
-  //       rating: p.rating,
-  //       alamatUsaha: p.alamatUsaha,
-  //       kontak: p.kontak,
-  //       deskripsi: p.deskripsi,
-  //       kategoriProdukId: p.kategoriProdukId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       nama: p.nama,
-  //       imageId: p.imageId,
-  //       harga: p.harga,
-  //       rating: p.rating,
-  //       alamatUsaha: p.alamatUsaha,
-  //       kontak: p.kontak,
-  //       deskripsi: p.deskripsi,
-  //       kategoriProdukId: p.kategoriProdukId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Pasar Desa seeded successfully");
-
-  // console.log("🔄 Seeding Kategori To Pasar...");
-  // for (const p of kategoriToPasar) {
-  //   await prisma.kategoriToPasar.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       kategoriId: p.kategoriId,
-  //       pasarDesaId: p.pasarDesaId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       kategoriId: p.kategoriId,
-  //       pasarDesaId: p.pasarDesaId,
-  //     },
-  //   });
-  // }
+  await seedPasarDesa();
 
   // // ==================== SUBMENU LOWONGAN KERJA LOKAL ==========
-  // console.log("🔄 Seeding Lowongan Kerja Lokal...");
-  // for (const k of lowonganKerjaLokal) {
-  //   await prisma.lowonganPekerjaan.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       posisi: k.posisi,
-  //       namaPerusahaan: k.namaPerusahaan,
-  //       lokasi: k.lokasi,
-  //       tipePekerjaan: k.tipePekerjaan,
-  //       gaji: k.gaji,
-  //       deskripsi: k.deskripsi,
-  //       kualifikasi: k.kualifikasi,
-  //       notelp: k.notelp,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       posisi: k.posisi,
-  //       namaPerusahaan: k.namaPerusahaan,
-  //       lokasi: k.lokasi,
-  //       tipePekerjaan: k.tipePekerjaan,
-  //       gaji: k.gaji,
-  //       deskripsi: k.deskripsi,
-  //       kualifikasi: k.kualifikasi,
-  //       notelp: k.notelp,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Lowongan Kerja Lokal seeded successfully");
+  await seedLowonganKerjaLokal();
 
   // // ==================== SUBMENU STRUKTUR ORGANISASI DAN SK PENGURUS BUMDES ==========
-  // const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
-  //   (a, b) => a.hierarki - b.hierarki,
-  // );
-
-  // for (const p of sortedPosisiBumdes) {
-  //   console.log(`Seeding: ${p.nama} (id: ${p.id}, parent: ${p.parentId})`);
-
-  //   if (p.parentId) {
-  //     const parentExists = flattenedPosisi.some((pos) => pos.id === p.parentId);
-  //     if (!parentExists) {
-  //       console.warn(
-  //         `⚠️ Parent tidak ditemukan: ${p.parentId} untuk ${p.nama}`,
-  //       );
-  //       continue;
-  //     }
-  //   }
-
-  //   await prisma.posisiOrganisasiBumDes.upsert({
-  //     where: { id: p.id },
-  //     update: p,
-  //     create: p,
-  //   });
-  // }
-  // console.log("posisi organisasi berhasil");
-
-  // for (const p of pegawai) {
-  //   await prisma.pegawaiBumDes.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       namaLengkap: p.namaLengkap,
-  //       gelarAkademik: p.gelarAkademik,
-  //       tanggalMasuk: new Date(p.tanggalMasuk),
-  //       email: p.email,
-  //       telepon: p.telepon,
-  //       alamat: p.alamat,
-  //       posisiId: p.posisiId,
-  //       isActive: p.isActive,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       namaLengkap: p.namaLengkap,
-  //       gelarAkademik: p.gelarAkademik,
-  //       tanggalMasuk: new Date(p.tanggalMasuk),
-  //       email: p.email,
-  //       telepon: p.telepon,
-  //       alamat: p.alamat,
-  //       posisiId: p.posisiId,
-  //       isActive: p.isActive,
-  //     },
-  //   });
-  // }
-  // console.log("pegawai success ...");
+  await seedStrukturBumdes();
 
   // // ==================== SUBMENU PENDAPATAN ASLI DESA ==========
+  await seedPendapatanAsli();
 
   // // ==================== SUBMENU JUMLAH PENGANGGURAN ==========
-  // for (const d of detailDataPengangguran) {
-  //   await prisma.detailDataPengangguran.upsert({
-  //     where: {
-  //       month_year: { month: d.month, year: d.year },
-  //     },
-  //     update: {
-  //       totalUnemployment: d.totalUnemployment,
-  //       educatedUnemployment: d.educatedUnemployment,
-  //       uneducatedUnemployment: d.uneducatedUnemployment,
-  //       percentageChange: d.percentageChange,
-  //     },
-  //     create: {
-  //       month: d.month,
-  //       year: d.year,
-  //       totalUnemployment: d.totalUnemployment,
-  //       educatedUnemployment: d.educatedUnemployment,
-  //       uneducatedUnemployment: d.uneducatedUnemployment,
-  //       percentageChange: d.percentageChange,
-  //     },
-  //   });
-  // }
-  // console.log("📊 detailDataPengangguran success ...");
+  await seedJumlahPengangguran();
 
   // // ==================== SUBMENU PENDUDUK USIA KERJA ==========
-  // for (const p of grafikMenganggurBerdasarkanUsia) {
-  //   await prisma.grafikMenganggurBerdasarkanUsia.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       usia18_25: p.usia18_25,
-  //       usia26_35: p.usia26_35,
-  //       usia36_45: p.usia36_45,
-  //       usia46_keatas: p.usia46_keatas,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       usia18_25: p.usia18_25,
-  //       usia26_35: p.usia26_35,
-  //       usia36_45: p.usia36_45,
-  //       usia46_keatas: p.usia46_keatas,
-  //     },
-  //   });
-  // }
-  // console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
-
-  // for (const p of grafikMenganggurBerdasarkanPendidikan) {
-  //   await prisma.grafikMenganggurBerdasarkanPendidikan.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       SD: p.SD,
-  //       SMP: p.SMP,
-  //       SMA: p.SMA,
-  //       D3: p.D3,
-  //       S1: p.S1,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       SD: p.SD,
-  //       SMP: p.SMP,
-  //       SMA: p.SMA,
-  //       D3: p.D3,
-  //       S1: p.S1,
-  //     },
-  //   });
-  // }
-  // console.log("📊 grafikMenganggurBerdasarkanUsia success ...");
+  await seedPendudukUsiaKerjaYangMenganggur();
 
   // // ==================== SUBMENU PENDUDUK MISKIN =============
-  // console.log("🔄 Seeding Jumlah Penduduk Miskin...");
-  // for (const k of jumlahPendudukMiskin) {
-  //   await prisma.grafikJumlahPendudukMiskin.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       year: k.year,
-  //       totalPoorPopulation: k.totalPoorPopulation,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       year: k.year,
-  //       totalPoorPopulation: k.totalPoorPopulation,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Jumlah Penduduk Miskin seeded successfully");
+  await seedJumlahPendudukMiskin();
 
   // // ==================== SUBMENU PROGRAM KEMISKINAN =============
-  // for (const s of statistikKemiskinan) {
-  //   await prisma.statistikKemiskinan.upsert({
-  //     where: { tahun: s.tahun }, // ✅ FIX
-  //     update: {
-  //       jumlah: s.jumlah,
-  //     },
-  //     create: {
-  //       id: s.id, // id boleh tetap
-  //       tahun: s.tahun,
-  //       jumlah: s.jumlah,
-  //     },
-  //   });
-  // }
-
-  // console.log("📊 Statistik Kemiskinan seeded successfully");
-
-  // console.log("🔄 Seeding Program Kemiskinan...");
-  // for (const k of programKemiskinan) {
-  //   await prisma.programKemiskinan.upsert({
-  //     where: { id: k.id },
-  //     update: {
-  //       nama: k.nama,
-  //       deskripsi: k.deskripsi,
-  //       icon: k.icon,
-  //       statistik: {
-  //         connect: {
-  //           tahun: k.tahun, // 👈 BUKAN ID
-  //         },
-  //       },
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       nama: k.nama,
-  //       deskripsi: k.deskripsi,
-  //       icon: k.icon,
-  //       statistik: {
-  //         connect: {
-  //           tahun: k.tahun,
-  //         },
-  //       },
-  //     },
-  //   });
-  // }
-  // console.log("✅ Program Kemiskinan seeded successfully");
+  await seedProgramKemiskinan();
 
   // // ==================== SUBMENU SEKTOR UNGGULAN DESA =============
-  // console.log("🔄 Seeding Sektor Unggulan Desa...");
-  // for (const k of sektorUnggulanDesa) {
-  //   await prisma.sektorUnggulanDesa.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       name: k.name,
-  //       description: k.description,
-  //       value: k.value,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       name: k.name,
-  //       description: k.description,
-  //       value: k.value,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Sektor Unggulan Desa seeded successfully");
+ await seedSektorUnggulanDesa();
 
   // // ==================== SUBMENU DEMOGRAFI PEKERJAAN =============
-  // console.log("🔄 Seeding Demografi Pekerjaan...");
-  // for (const k of demografiPekerjaan) {
-  //   await prisma.dataDemografiPekerjaan.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       pekerjaan: k.pekerjaan,
-  //       lakiLaki: k.lakiLaki,
-  //       perempuan: k.perempuan,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       pekerjaan: k.pekerjaan,
-  //       lakiLaki: k.lakiLaki,
-  //       perempuan: k.perempuan,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Demografi Pekerjaan seeded successfully");
+  await seedDemografiPekerjaan();
 
   // // ====================== MENU INOVASI ==========================
   // // ====================== SUBMENU AJUKAN IDE INOVATIF ===========
-  // console.log("🔄 Seeding Ajukan Ide Inovatif...");
-  // for (const d of ajukanIde) {
-  //   await prisma.ajukanIdeInovatif.upsert({
-  //     where: {
-  //       id: d.id,
-  //     },
-  //     update: {
-  //       name: d.name,
-  //       alamat: d.alamat,
-  //       namaIde: d.namaIde,
-  //       deskripsi: d.deskripsi,
-  //       masalah: d.masalah,
-  //       benefit: d.benefit,
-  //     },
-  //     create: {
-  //       id: d.id,
-  //       name: d.name,
-  //       alamat: d.alamat,
-  //       namaIde: d.namaIde,
-  //       deskripsi: d.deskripsi,
-  //       masalah: d.masalah,
-  //       benefit: d.benefit,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Ajukan Ide Inovatif seeded successfully");
+  await seedAjukan();
   // // ==================== SUBMENU DESA DIGITAL ====================
-  // console.log("🔄 Seeding Desa Digital...");
-  // for (const d of desaDigital) {
-  //   await prisma.desaDigital.upsert({
-  //     where: {
-  //       id: d.id,
-  //     },
-  //     update: {
-  //       name: d.name,
-  //       deskripsi: d.deskripsi,
-  //       imageId: d.imageId,
-  //     },
-  //     create: {
-  //       id: d.id,
-  //       name: d.name,
-  //       deskripsi: d.deskripsi,
-  //       imageId: d.imageId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Desa Digital seeded successfully");
+  await seedDesaDigital();
 
   // // ==================== SUBMENU LAYANAN ONLINE DESA ==========
-  // console.log("🔄 Seeding Jenis Layanan...");
-  // for (const j of jenisLayanan) {
-  //   await prisma.jenisLayanan.upsert({
-  //     where: {
-  //       id: j.id,
-  //     },
-  //     update: {
-  //       nama: j.nama,
-  //       deskripsi: j.deskripsi,
-  //     },
-  //     create: {
-  //       id: j.id,
-  //       nama: j.nama,
-  //       deskripsi: j.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Jenis Layanan seeded successfully");
-
-  // console.log("🔄 Seeding Administrasi Online...");
-  // for (const d of administrasiOnline) {
-  //   await prisma.administrasiOnline.upsert({
-  //     where: {
-  //       id: d.id,
-  //     },
-  //     update: {
-  //       name: d.name,
-  //       alamat: d.alamat,
-  //       nomorTelepon: d.nomorTelepon,
-  //       jenisLayananId: d.jenisLayananId,
-  //     },
-  //     create: {
-  //       id: d.id,
-  //       name: d.name,
-  //       alamat: d.alamat,
-  //       nomorTelepon: d.nomorTelepon,
-  //       jenisLayananId: d.jenisLayananId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Administrasi Online seeded successfully");
-
-  // console.log("🔄 Seeding Jenis Pengaduan Masyarakat...");
-  // for (const d of jenisPengaduan) {
-  //   await prisma.jenisPengaduan.upsert({
-  //     where: {
-  //       id: d.id,
-  //     },
-  //     update: {
-  //       nama: d.nama,
-  //     },
-  //     create: {
-  //       id: d.id,
-  //       nama: d.nama,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Jenis Pengaduan Masyarakat seeded successfully");
-
-  // console.log("🔄 Seeding Pengaduan Masyarakat...");
-  // for (const d of pengaduanMasyarakat) {
-  //   await prisma.pengaduanMasyarakat.upsert({
-  //     where: {
-  //       id: d.id,
-  //     },
-  //     update: {
-  //       name: d.name,
-  //       email: d.email,
-  //       nik: d.nik,
-  //       nomorTelepon: d.nomorTelepon,
-  //       judulPengaduan: d.judulPengaduan,
-  //       lokasiKejadian: d.lokasiKejadian,
-  //       imageId: d.imageId,
-  //       deskripsiPengaduan: d.deskripsiPengaduan,
-  //       jenisPengaduanId: d.jenisPengaduanId,
-  //     },
-  //     create: {
-  //       id: d.id,
-  //       name: d.name,
-  //       email: d.email,
-  //       nik: d.nik,
-  //       nomorTelepon: d.nomorTelepon,
-  //       judulPengaduan: d.judulPengaduan,
-  //       lokasiKejadian: d.lokasiKejadian,
-  //       imageId: d.imageId,
-  //       deskripsiPengaduan: d.deskripsiPengaduan,
-  //       jenisPengaduanId: d.jenisPengaduanId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Pengaduan Masyarakat seeded successfully");
+  await seedLayananOnlineDesa();
 
   // // ==================== SUBMENU PROGRAM KREATIF ==========
-  // console.log("🔄 Seeding Program Kreatif...");
-  // for (const p of programKreatif) {
-  //   await prisma.programKreatif.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       icon: p.icon,
-  //       slug: p.slug,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       icon: p.icon,
-  //       slug: p.slug,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Program Kreatif seeded successfully");
-
+  await seedProgramKreatifDesa();
   // // ==================== SUBMENU KOLABORASI INOVASI ==========
-  // console.log("🔄 Seeding Kolaborasi Inovasi...");
-  // for (const p of kolaborasiInovasi) {
-  //   await prisma.kolaborasiInovasi.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       tahun: p.tahun,
-  //       slug: p.slug,
-  //       deskripsi: p.deskripsi,
-  //       kolaborator: p.kolaborator,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       tahun: p.tahun,
-  //       slug: p.slug,
-  //       deskripsi: p.deskripsi,
-  //       kolaborator: p.kolaborator,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Kolaborasi Inovasi seeded successfully");
-
-  // console.log("🔄 Seeding Mitra Kolaborasi...");
-  // for (const p of mitraKolaborasi) {
-  //   await prisma.mitraKolaborasi.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       imageId: p.imageId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       imageId: p.imageId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Mitra Kolaborasi seeded successfully");
+  await seedKolaborasiInovasi();
 
   // // ==================== SUBMENU INFO TEKNOLOGI TEPAT GUNA ==========
-  // console.log("🔄 Seeding Info Teknologi...");
-  // for (const p of infoTeknologi) {
-  //   await prisma.infoTekno.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       imageId: p.imageId,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       deskripsi: p.deskripsi,
-  //       imageId: p.imageId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Info Teknologi seeded successfully");
+  await seedInfoTeknologi();
 
   // // ====================== MENU LINGKUNGAN ==========================
   // // ==================== SUBMENU PENGELOLAAN SAMPAH ==========
diff --git a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
index d66c8dde..aeaca1bf 100644
--- a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -86,7 +86,7 @@ function Page() {
               return (
                 <Paper p={'xl'} key={k}>
                   <Stack gap={"xs"}>
-                    <Image src={v.image.link || ''} pb={10} radius={10} alt='' loading="lazy" />
+                    <Image src={v.image?.link || "/no-image.jpg"} pb={10} radius={10} alt='' loading="lazy" />
                     <Title order={3} fw={'bold'} ta="left">
                       {v.name}
                     </Title>
diff --git a/src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx b/src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx
index 7181199b..3543b70c 100644
--- a/src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx
@@ -147,7 +147,7 @@ function Page() {
                   <Center mb="sm">
                     {m.image?.link ? (
                       <Image
-                        src={`${process.env.NEXT_PUBLIC_BASE_URL || ''}${m.image.link}`}
+                        src={m.image.link}
                         alt={m.name}
                         w={150}
                         h={100}
-- 
2.49.1


From 358ff14efe767ba21a6bfb9c0537872a6ecf7205 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 3 Feb 2026 16:53:15 +0800
Subject: [PATCH 77/97] Seeder Menu Lingkungan dan Pendidikan Fix Jam
 Operasional Kantor Desa Darmasaba

---
 QWEN.md                                       | 219 -------
 bun.lockb                                     | Bin 427009 -> 427025 bytes
 .../_seeder_list/inovasi/seed_desa_digital.ts |  21 +-
 .../inovasi/seed_layanan_online_desa.ts       |  21 +-
 .../lingkungan/seed_data_gotong_royong.ts     |  71 +++
 .../lingkungan/seed_data_lingkungan_desa.ts   |  27 +
 .../lingkungan/seed_edukasi_lingkungan.ts     |  63 ++
 .../lingkungan/seed_konservasi_adat_bali.ts   |  63 ++
 .../lingkungan/seed_pengelolaan_sampah.ts     |  51 ++
 .../lingkungan/seed_program_penghijauan.ts    |  27 +
 .../pendidikan/seed_bimbingan_belajar.ts      |  60 ++
 .../pendidikan/seed_data_pendidikan.ts        |  23 +
 .../pendidikan/seed_data_perpustakaan.ts      |  62 ++
 .../seed_info_program_pendidikan.ts           |  36 ++
 .../pendidikan/seed_info_sekolah.ts           |  74 +++
 .../pendidikan/seed_pendidikan_non_formal.ts  |  60 ++
 .../inovasi/desa-digital/desa-digital.json    |  10 +-
 .../pengaduan-masyarakat.json                 |   6 +-
 .../gotong-royong/gotong-royong.json          |   6 +-
 .../perpustakaan-digital.json                 |  40 +-
 prisma/schema.prisma                          |  16 +-
 prisma/seed.ts                                | 567 +-----------------
 prisma/seed_assets.ts                         |  38 +-
 .../desa-digital-smart-village/page.tsx       |   2 +-
 .../lingkungan/gotong-royong/semua/page.tsx   |  17 +-
 .../[kategoriBuku]/[id]/page.tsx              |   8 +-
 .../perpustakaan-digital/semua/content.tsx    |   8 +-
 .../_com/main-page/landing-page/index.tsx     |  84 ++-
 28 files changed, 847 insertions(+), 833 deletions(-)
 create mode 100644 prisma/_seeder_list/lingkungan/seed_data_gotong_royong.ts
 create mode 100644 prisma/_seeder_list/lingkungan/seed_data_lingkungan_desa.ts
 create mode 100644 prisma/_seeder_list/lingkungan/seed_edukasi_lingkungan.ts
 create mode 100644 prisma/_seeder_list/lingkungan/seed_konservasi_adat_bali.ts
 create mode 100644 prisma/_seeder_list/lingkungan/seed_pengelolaan_sampah.ts
 create mode 100644 prisma/_seeder_list/lingkungan/seed_program_penghijauan.ts
 create mode 100644 prisma/_seeder_list/pendidikan/seed_bimbingan_belajar.ts
 create mode 100644 prisma/_seeder_list/pendidikan/seed_data_pendidikan.ts
 create mode 100644 prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts
 create mode 100644 prisma/_seeder_list/pendidikan/seed_info_program_pendidikan.ts
 create mode 100644 prisma/_seeder_list/pendidikan/seed_info_sekolah.ts
 create mode 100644 prisma/_seeder_list/pendidikan/seed_pendidikan_non_formal.ts

diff --git a/QWEN.md b/QWEN.md
index 75423026..e69de29b 100644
--- a/QWEN.md
+++ b/QWEN.md
@@ -1,219 +0,0 @@
-# Desa Darmasaba - Village Management System
-
-## Project Overview
-
-Desa Darmasaba is a comprehensive Next.js 15 application designed for village management services in Badung, Bali. The platform serves as a digital hub for government services, public information, news, and community engagement for the residents of Darmasaba village.
-
-### Key Technologies
-- **Framework**: Next.js 15 with App Router
-- **Language**: TypeScript with strict mode
-- **Styling**: Mantine UI components with custom CSS
-- **Backend**: Elysia.js API server integrated with Next.js
-- **Database**: PostgreSQL with Prisma ORM
-- **State Management**: Jotai for global state
-- **Authentication**: JWT with iron-session
-- **Runtime**: Bun (instead of Node.js)
-
-### Architecture
-The application follows a modern full-stack architecture with:
-- Frontend built with Next.js 15 and TypeScript
-- Backend API endpoints using Elysia.js
-- PostgreSQL database managed with Prisma ORM
-- Mantine UI library for consistent design components
-- File storage system for managing images and documents
-- Comprehensive user authentication and authorization system
-
-## Features
-
-The application provides extensive functionality across multiple domains:
-
-### Government Services
-- Public service information and requests
-- Administrative online services
-- Community announcements and news
-- Village profile and governance information
-
-### Health Services
-- Healthcare facility information
-- Health programs and initiatives
-- Emergency health contacts
-- Health articles and education
-- Posyandu (community health posts) information
-
-### Economic Development
-- Local market information
-- Job listings and employment opportunities
-- Village economic statistics
-- Business registration and support
-
-### Innovation & Technology
-- Digital village initiatives
-- Technology adoption programs
-- Innovation proposal system
-- Smart village features
-
-### Education
-- School information and statistics
-- Scholarship programs
-- Educational support services
-- Library and learning resources
-
-### Environmental Management
-- Waste management systems
-- Green initiatives
-- Environmental conservation programs
-- Community participation activities
-
-### Security & Safety
-- Emergency contacts
-- Police station information
-- Crime prevention measures
-- Community safety programs
-
-## Building and Running
-
-### Prerequisites
-- Bun runtime (version specified in package.json)
-- PostgreSQL database
-- Environment variables configured
-
-### Setup Commands
-```bash
-# Install dependencies
-bun install
-
-# Set up environment variables
-cp .env.example .env.local
-# Edit .env.local with your configuration
-
-# Database setup
-bunx prisma db push
-bunx prisma generate
-
-# Seed database (optional)
-bun run prisma/seed.ts
-
-# Development mode
-bun run dev
-
-# Production build
-bun run build
-
-# Start production server
-bun run start
-```
-
-### Additional Commands
-```bash
-# Linting (ESLint)
-bunx eslint .
-
-# Type checking
-bunx tsc --noEmit
-
-# Prisma operations
-bunx prisma generate
-bunx prisma db push
-bunx prisma studio
-```
-
-## Project Structure
-
-```
-src/
-├── app/                 # Next.js app router pages
-│   ├── _com/           # Common components
-│   ├── admin/          # Admin panel routes
-│   ├── api/            # API routes
-│   ├── darmasaba/      # Main application pages
-│   ├── login/          # Authentication pages
-│   └── ...             # Other feature pages
-├── con/                # Constants and static data
-├── hooks/              # Custom React hooks
-├── lib/                # Utility functions and configurations
-├── middlewares/        # Middleware functions
-├── state/              # Global state management
-├── store/              # Additional state management
-├── types/              # TypeScript type definitions
-├── utils/              # Utility functions
-├── middleware.ts       # Application middleware
-└── schema.ts           # Schema definitions
-```
-
-## Development Guidelines
-
-### Code Style
-- Use absolute imports with `@/` alias (configured in tsconfig.json)
-- Group imports: external libraries first, then internal modules
-- Follow consistent naming conventions:
-  - Components: PascalCase (e.g., `UploadImage.tsx`)
-  - Files: kebab-case for utilities (e.g., `api-fetch.ts`)
-  - Variables/Functions: camelCase
-  - Constants: UPPER_SNAKE_CASE
-
-### TypeScript Configuration
-- Strict mode enabled (`"strict": true`)
-- Target: ES2017
-- Module resolution: bundler
-- Path alias: `@/*` maps to `./src/*`
-
-### Error Handling
-- Use try-catch blocks for async operations
-- Implement proper error boundaries in React components
-- Log errors appropriately without exposing sensitive data
-- Use Zod for runtime validation and type safety
-
-### Security Practices
-- Validate all user inputs with Zod schemas
-- Use JWT tokens for authentication
-- Implement proper CORS configuration
-- Never expose database credentials or API keys
-- Use HTTPS in production
-- Implement rate limiting for sensitive endpoints
-
-### Performance Considerations
-- Use Next.js Image optimization
-- Implement proper caching strategies
-- Use React.memo for expensive components
-- Optimize bundle size with dynamic imports
-- Use Prisma query optimization
-
-## Database Schema
-
-The application uses a comprehensive PostgreSQL database schema with Prisma ORM, featuring:
-
-- **User Management**: Complete user authentication system with roles and permissions
-- **Content Management**: News, announcements, and various content types
-- **Service Management**: Various government and community services
-- **File Storage**: Centralized file management system
-- **Health Information**: Healthcare facilities and programs
-- **Economic Data**: Market information and employment data
-- **Educational Resources**: Schools, scholarships, and educational programs
-- **Environmental Data**: Sustainability and environmental management
-- **Security Information**: Emergency contacts and safety measures
-
-## API Structure
-
-- Backend uses Elysia.js with TypeScript
-- API routes are in `src/app/api/[[...slugs]]/` directory
-- Use treaty client for type-safe API calls
-- Follow RESTful conventions for endpoints
-- Include proper HTTP status codes and error responses
-
-## Deployment
-
-The application includes deployment scripts for staging environments, with:
-- Automated builds using Bun
-- Database migration handling
-- Environment-specific configurations
-- PM2 process management for production
-
-## Important Notes
-
-- The application uses a custom Elysia.js server integrated with Next.js API routes
-- Image uploads are handled through `/api/upl-img-single` endpoint
-- Database seeding is done with Bun runtime
-- The app supports Indonesian locale (id_ID) for SEO and content
-- CORS is configured to allow cross-origin requests during development
-- Authentication is implemented with JWT tokens and iron-session
-- The application has both public-facing and admin sections with different access controls
\ No newline at end of file
diff --git a/bun.lockb b/bun.lockb
index afa73367054fd4c567f7f3ee08d6856f71413675..68d46c85bf283a2e9e48c587044216c81b1b8ca5 100755
GIT binary patch
delta 353
zcmZqdkeb*bHNlUuvC+TPpRv`Ssnwr(t3L~`I7bHq0|Pq{Z%+|t`NPP<&&a?qJw=jb
z1`9}Hn-oh2qXI};2Z+xB@mU}i0OJ2Z0280SLYl<`ZqW1}(kwC@FuCnAGAuldERsND
zx9iBV_;7M00d<3IX;5P+ae!I>1gHRHE{u=Peh!p}$vs0-yWK>c<qRv!R-o4HEV?WP
zOa_rm5Z8fR_!)@};=cv*<$?GO5K90t$Q|2L^jQL!z#iYe!;obLqr??vhzU|aIsu5|
gp}0N6m<5Pgw`Ul$aRzWC`=z;;1r_^E4P>4H0PvYnnE(I)

delta 344
zcmbQ(A=TI+HNlUuu+hKOpRv`Ssnwr(t3L~`ILCh|*q$QJ@`sTH#G9TX$ua}X+9t))
z!KeUJa*lz4;Vcjf05MDqtbT<wiwE4G=|7}dWZ=B*GBPYY5M#IN$g=ow!eyp6sIind
zfb_Ei&3nR#Fc-v!*#Toe2g<|LK0{Kw-9(+`3@g~N+gWs3444c+s&Ij~ObiV2K>P-X
zC4d;DZhMM8O8^tZgdK(~GZ-acx}}&I7!rUu9*99=?HR@_K+L*5!<daTU}_}u1OOmX
Bu}uH~

diff --git a/prisma/_seeder_list/inovasi/seed_desa_digital.ts b/prisma/_seeder_list/inovasi/seed_desa_digital.ts
index e56c8f22..0c0b2209 100644
--- a/prisma/_seeder_list/inovasi/seed_desa_digital.ts
+++ b/prisma/_seeder_list/inovasi/seed_desa_digital.ts
@@ -4,6 +4,23 @@ import desaDigital from "../../data/inovasi/desa-digital/desa-digital.json";
 export async function seedDesaDigital() {
   console.log("🔄 Seeding Desa Digital...");
   for (const d of desaDigital) {
+    let imageId: string | null = null;
+
+    if (d.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: d.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for desa digital "${d.name}": ${d.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
     await prisma.desaDigital.upsert({
       where: {
         id: d.id,
@@ -11,13 +28,13 @@ export async function seedDesaDigital() {
       update: {
         name: d.name,
         deskripsi: d.deskripsi,
-        imageId: d.imageId,
+        imageId: imageId,
       },
       create: {
         id: d.id,
         name: d.name,
         deskripsi: d.deskripsi,
-        imageId: d.imageId,
+        imageId: imageId,
       },
     });
   }
diff --git a/prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts b/prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts
index 1e7c090f..d233ca00 100644
--- a/prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts
+++ b/prisma/_seeder_list/inovasi/seed_layanan_online_desa.ts
@@ -63,6 +63,23 @@ export async function seedLayananOnlineDesa() {
   console.log("✅ Jenis Pengaduan Masyarakat seeded successfully");
   console.log("🔄 Seeding Pengaduan Masyarakat...");
   for (const d of pengaduanMasyarakat) {
+    let imageId: string | null = null;
+
+    if (d.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: d.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for pengaduan masyarakat "${d.name}": ${d.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
     await prisma.pengaduanMasyarakat.upsert({
       where: {
         id: d.id,
@@ -74,7 +91,7 @@ export async function seedLayananOnlineDesa() {
         nomorTelepon: d.nomorTelepon,
         judulPengaduan: d.judulPengaduan,
         lokasiKejadian: d.lokasiKejadian,
-        imageId: d.imageId,
+        imageId: imageId,
         deskripsiPengaduan: d.deskripsiPengaduan,
         jenisPengaduanId: d.jenisPengaduanId,
       },
@@ -86,7 +103,7 @@ export async function seedLayananOnlineDesa() {
         nomorTelepon: d.nomorTelepon,
         judulPengaduan: d.judulPengaduan,
         lokasiKejadian: d.lokasiKejadian,
-        imageId: d.imageId,
+        imageId: imageId,
         deskripsiPengaduan: d.deskripsiPengaduan,
         jenisPengaduanId: d.jenisPengaduanId,
       },
diff --git a/prisma/_seeder_list/lingkungan/seed_data_gotong_royong.ts b/prisma/_seeder_list/lingkungan/seed_data_gotong_royong.ts
new file mode 100644
index 00000000..c317dad6
--- /dev/null
+++ b/prisma/_seeder_list/lingkungan/seed_data_gotong_royong.ts
@@ -0,0 +1,71 @@
+import prisma from "@/lib/prisma";
+import kategoriGotongRoyong from "../../data/lingkungan/gotong-royong/kategori-gotong-royong.json";
+import gotongRoyong from "../../data/lingkungan/gotong-royong/gotong-royong.json";
+
+export async function seedDataGotongRoyong() {
+  console.log("🔄 Seeding Kategori Gotong Royong...");
+
+  for (const k of kategoriGotongRoyong) {
+    await prisma.kategoriKegiatan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+      },
+    });
+  }
+  console.log("✅ Kategori Gotong Royong seeded successfully");
+
+  console.log("🔄 Seeding Gotong Royong...");
+  for (const k of gotongRoyong) {
+    let imageId: string | null = null;
+
+    if (k.imageName) {
+      const image = await prisma.fileStorage.findUnique({
+        where: { name: k.imageName },
+        select: { id: true },
+      });
+
+      if (!image) {
+        console.warn(
+          `⚠️ Image not found for gotong royong "${k.judul}": ${k.imageName}`,
+        );
+      } else {
+        imageId = image.id;
+      }
+    }
+
+    await prisma.kegiatanDesa.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        judul: k.judul,
+        deskripsiSingkat: k.deskripsiSingkat,
+        deskripsiLengkap: k.deskripsiLengkap,
+        tanggal: k.tanggal,
+        lokasi: k.lokasi,
+        partisipan: k.partisipan,
+        imageId: imageId,
+        kategoriKegiatanId: k.kategoriKegiatanId,
+      },
+      create: {
+        id: k.id,
+        judul: k.judul,
+        deskripsiSingkat: k.deskripsiSingkat,
+        deskripsiLengkap: k.deskripsiLengkap,
+        tanggal: k.tanggal,
+        lokasi: k.lokasi,
+        partisipan: k.partisipan,
+        imageId: imageId,
+        kategoriKegiatanId: k.kategoriKegiatanId,
+      },
+    });
+  }
+  console.log("✅ Gotong Royong seeded successfully");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/lingkungan/seed_data_lingkungan_desa.ts b/prisma/_seeder_list/lingkungan/seed_data_lingkungan_desa.ts
new file mode 100644
index 00000000..a182bf86
--- /dev/null
+++ b/prisma/_seeder_list/lingkungan/seed_data_lingkungan_desa.ts
@@ -0,0 +1,27 @@
+import prisma from "@/lib/prisma";
+import dataLingkunganDesa from "../../data/lingkungan/data-lingkungan-desa/data-lingkungan-desa.json";
+
+export async function seedDataLingkunganDesa() {
+  console.log("🔄 Seeding Data Lingkungan Desa...");
+  for (const p of dataLingkunganDesa) {
+    await prisma.dataLingkunganDesa.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        jumlah: p.jumlah,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        jumlah: p.jumlah,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+      },
+    });
+  }
+  console.log("✅ Data Lingkungan Desa seeded successfully");
+}
diff --git a/prisma/_seeder_list/lingkungan/seed_edukasi_lingkungan.ts b/prisma/_seeder_list/lingkungan/seed_edukasi_lingkungan.ts
new file mode 100644
index 00000000..5d11b061
--- /dev/null
+++ b/prisma/_seeder_list/lingkungan/seed_edukasi_lingkungan.ts
@@ -0,0 +1,63 @@
+import prisma from "@/lib/prisma";
+import tujuanEdukasiLingkungan from "../../data/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan.json";
+import materiEdukasiLingkungan from "../../data/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan.json";
+import contohEdukasiLingkungan from "../../data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
+
+export async function seedEdukasiLingkungan() {
+  for (const e of tujuanEdukasiLingkungan) {
+    await prisma.tujuanEdukasiLingkungan.upsert({
+      where: {
+        id: e.id,
+      },
+      update: {
+        judul: e.judul,
+        deskripsi: e.deskripsi,
+      },
+      create: {
+        id: e.id,
+        judul: e.judul,
+        deskripsi: e.deskripsi,
+      },
+    });
+  }
+
+  console.log("tujuan edukasi lingkungan success ...");
+
+  for (const m of materiEdukasiLingkungan) {
+    await prisma.materiEdukasiLingkungan.upsert({
+      where: {
+        id: m.id,
+      },
+      update: {
+        judul: m.judul,
+        deskripsi: m.deskripsi,
+      },
+      create: {
+        id: m.id,
+        judul: m.judul,
+        deskripsi: m.deskripsi,
+      },
+    });
+  }
+
+  console.log("materi edukasi lingkungan success ...");
+
+  for (const c of contohEdukasiLingkungan) {
+    await prisma.contohEdukasiLingkungan.upsert({
+      where: {
+        id: c.id,
+      },
+      update: {
+        judul: c.judul,
+        deskripsi: c.deskripsi,
+      },
+      create: {
+        id: c.id,
+        judul: c.judul,
+        deskripsi: c.deskripsi,
+      },
+    });
+  }
+
+  console.log("contoh edukasi lingkungan success ...");
+}
diff --git a/prisma/_seeder_list/lingkungan/seed_konservasi_adat_bali.ts b/prisma/_seeder_list/lingkungan/seed_konservasi_adat_bali.ts
new file mode 100644
index 00000000..5278fbc5
--- /dev/null
+++ b/prisma/_seeder_list/lingkungan/seed_konservasi_adat_bali.ts
@@ -0,0 +1,63 @@
+import prisma from "@/lib/prisma";
+import filosofiTriHita from "../../data/lingkungan/konservasi-adat-bali/filosofi-tri-hita.json";
+import bentukKonservasiBerdasarkanAdat from "../../data/lingkungan/konservasi-adat-bali/bentuk-konservasi.json";
+import nilaiKonservasiAdat from "../../data/lingkungan/konservasi-adat-bali/nilai-konservasi-adat.json";
+
+export async function seedKonservasiAdatBali() {
+  for (const f of filosofiTriHita) {
+    await prisma.filosofiTriHita.upsert({
+      where: {
+        id: f.id,
+      },
+      update: {
+        judul: f.judul,
+        deskripsi: f.deskripsi,
+      },
+      create: {
+        id: f.id,
+        judul: f.judul,
+        deskripsi: f.deskripsi,
+      },
+    });
+  }
+
+  console.log("filosofi tri hita success ...");
+
+  for (const b of bentukKonservasiBerdasarkanAdat) {
+    await prisma.bentukKonservasiBerdasarkanAdat.upsert({
+      where: {
+        id: b.id,
+      },
+      update: {
+        judul: b.judul,
+        deskripsi: b.deskripsi,
+      },
+      create: {
+        id: b.id,
+        judul: b.judul,
+        deskripsi: b.deskripsi,
+      },
+    });
+  }
+
+  console.log("bentuk konservasi berdasarkan adat success ...");
+
+  for (const n of nilaiKonservasiAdat) {
+    await prisma.nilaiKonservasiAdat.upsert({
+      where: {
+        id: n.id,
+      },
+      update: {
+        judul: n.judul,
+        deskripsi: n.deskripsi,
+      },
+      create: {
+        id: n.id,
+        judul: n.judul,
+        deskripsi: n.deskripsi,
+      },
+    });
+  }
+
+  console.log("nilai konservasi adat success ...");
+}
diff --git a/prisma/_seeder_list/lingkungan/seed_pengelolaan_sampah.ts b/prisma/_seeder_list/lingkungan/seed_pengelolaan_sampah.ts
new file mode 100644
index 00000000..5940c79b
--- /dev/null
+++ b/prisma/_seeder_list/lingkungan/seed_pengelolaan_sampah.ts
@@ -0,0 +1,51 @@
+import prisma from "@/lib/prisma";
+import pengelolaanSampah from "../../data/lingkungan/pengelolaan-sampah/pengelolaan-sampah.json";
+import keteranganBankSampah from "../../data/lingkungan/pengelolaan-sampah/keterangan-bank-sampah.json";
+
+export async function seedPengelolaanSampah() {
+  console.log("🔄 Seeding Pengelolaan Sampah...");
+  for (const p of pengelolaanSampah) {
+    await prisma.pengelolaanSampah.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        icon: p.icon,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        icon: p.icon,
+      },
+    });
+  }
+  console.log("✅ Pengelolaan Sampah seeded successfully");
+
+  console.log("🔄 Seeding Keterangan Bank Sampah...");
+  for (const p of keteranganBankSampah) {
+    await prisma.keteranganBankSampahTerdekat.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        alamat: p.alamat,
+        namaTempatMaps: p.namaTempatMaps,
+        linkPetunjukArah: p.linkPetunjukArah,
+        lat: p.lat,
+        lng: p.lng,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        alamat: p.alamat,
+        namaTempatMaps: p.namaTempatMaps,
+        linkPetunjukArah: p.linkPetunjukArah,
+        lat: p.lat,
+        lng: p.lng,
+      },
+    });
+  }
+  console.log("✅ Keterangan Bank Sampah seeded successfully");
+}
diff --git a/prisma/_seeder_list/lingkungan/seed_program_penghijauan.ts b/prisma/_seeder_list/lingkungan/seed_program_penghijauan.ts
new file mode 100644
index 00000000..0dbd8bc5
--- /dev/null
+++ b/prisma/_seeder_list/lingkungan/seed_program_penghijauan.ts
@@ -0,0 +1,27 @@
+import prisma from "@/lib/prisma";
+import programPenghijauan from "../../data/lingkungan/program-penghijauan/program-penghijauan.json";
+
+export async function seedProgramPenghijauan() {
+  console.log("🔄 Seeding Program Penghijauan...");
+  for (const p of programPenghijauan) {
+    await prisma.programPenghijauan.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        name: p.name,
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+      },
+      create: {
+        id: p.id,
+        name: p.name,
+        judul: p.judul,
+        deskripsi: p.deskripsi,
+        icon: p.icon,
+      },
+    });
+  }
+  console.log("✅ Program Penghijauan seeded successfully");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/pendidikan/seed_bimbingan_belajar.ts b/prisma/_seeder_list/pendidikan/seed_bimbingan_belajar.ts
new file mode 100644
index 00000000..e6e927c0
--- /dev/null
+++ b/prisma/_seeder_list/pendidikan/seed_bimbingan_belajar.ts
@@ -0,0 +1,60 @@
+import prisma from "@/lib/prisma";
+import tujuanBimbinganBelajarDesa from "../../data/pendidikan/bimbingan-belajar-desa/tujuan-bimbingan-belajar-desa.json";
+import lokasiJadwalBimbinganBelajarDesa from "../../data/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal.json";
+import fasilitasBimbinganBelajarDesa from "../../data/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan.json";
+
+export async function seedBimbinganBelajar() {
+for (const t of tujuanBimbinganBelajarDesa) {
+    await prisma.tujuanBimbinganBelajarDesa.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log(
+    "✅ tujuan bimbingan belajar desa seeded (editable later via UI)",
+  );
+
+  for (const t of lokasiJadwalBimbinganBelajarDesa) {
+    await prisma.lokasiJadwalBimbinganBelajarDesa.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log(
+    "✅ lokasi jadwal bimbingan belajar desa seeded (editable later via UI)",
+  );
+
+  for (const t of fasilitasBimbinganBelajarDesa) {
+    await prisma.fasilitasBimbinganBelajarDesa.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log(
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  );
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/pendidikan/seed_data_pendidikan.ts b/prisma/_seeder_list/pendidikan/seed_data_pendidikan.ts
new file mode 100644
index 00000000..632243f3
--- /dev/null
+++ b/prisma/_seeder_list/pendidikan/seed_data_pendidikan.ts
@@ -0,0 +1,23 @@
+import prisma from "@/lib/prisma";
+import dataPendidikan from "../../data/pendidikan/data-pendidikan/data-pendidikan.json";
+
+export async function seedDataPendidikan() {
+ console.log("🔄 Seeding Data pendidikan...");
+  for (const k of dataPendidikan) {
+    await prisma.dataPendidikan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        name: k.name,
+        jumlah: k.jumlah,
+      },
+      create: {
+        id: k.id,
+        name: k.name,
+        jumlah: k.jumlah,
+      },
+    });
+  }
+  console.log("✅ Data pendidikan seeded successfully");
+}
\ No newline at end of file
diff --git a/prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts b/prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts
new file mode 100644
index 00000000..33774f75
--- /dev/null
+++ b/prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts
@@ -0,0 +1,62 @@
+import prisma from "@/lib/prisma";
+import dataPerpustakaan from "../../data/pendidikan/perpustakaan-digital/perpustakaan-digital.json";
+import kategoriBuku from "../../data/pendidikan/perpustakaan-digital/kategori-buku.json";
+
+export async function seedDataPerpustakaan() {
+  console.log("🔄 Seeding Kategori Buku...");
+  for (const k of kategoriBuku) {
+    await prisma.kategoriBuku.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        name: k.name,
+      },
+      create: {
+        id: k.id,
+        name: k.name,
+      },
+    });
+  }
+  console.log("✅ Kategori Buku seeded successfully");
+
+  console.log("🔄 Seeding Data perpustakaan...");
+  for (const k of dataPerpustakaan) {
+  let imageId: string | null = null;
+
+  if (k.imageName) {
+    const image = await prisma.fileStorage.findUnique({
+      where: { name: k.imageName },
+      select: { id: true },
+    });
+
+    if (!image) {
+      console.warn(
+        `⚠️ Image not found for perpustakaan "${k.judul}": ${k.imageName}`,
+      );
+    } else {
+      imageId = image.id;
+    }
+  }
+
+    await prisma.dataPerpustakaan.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        judul: k.judul,
+        deskripsi: k.deskripsi,
+        kategoriId: k.kategoriId,
+        imageId: imageId
+      },
+      create: {
+        id: k.id,
+        judul: k.judul,
+        deskripsi: k.deskripsi,
+        kategoriId: k.kategoriId,
+        imageId: imageId
+      },
+    });
+  }
+  console.log("✅ Data perpustakaan seeded successfully");
+}
diff --git a/prisma/_seeder_list/pendidikan/seed_info_program_pendidikan.ts b/prisma/_seeder_list/pendidikan/seed_info_program_pendidikan.ts
new file mode 100644
index 00000000..cfa7798c
--- /dev/null
+++ b/prisma/_seeder_list/pendidikan/seed_info_program_pendidikan.ts
@@ -0,0 +1,36 @@
+import prisma from "@/lib/prisma";
+import tujuanProgram from "../../data/pendidikan/program-pendidikan-anak/tujuan-program.json";
+import programUnggulan from "../../data/pendidikan/program-pendidikan-anak/program-unggulan.json";
+
+export async function seedInfoProgramPendidikan() {
+  for (const t of tujuanProgram) {
+    await prisma.tujuanProgram.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log("✅ tujuan program seeded (editable later via UI)");
+  for (const t of programUnggulan) {
+    await prisma.programUnggulan.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log("✅ program unggulan seeded (editable later via UI)");
+}
diff --git a/prisma/_seeder_list/pendidikan/seed_info_sekolah.ts b/prisma/_seeder_list/pendidikan/seed_info_sekolah.ts
new file mode 100644
index 00000000..39ba1154
--- /dev/null
+++ b/prisma/_seeder_list/pendidikan/seed_info_sekolah.ts
@@ -0,0 +1,74 @@
+import prisma from "@/lib/prisma";
+import jenjangPendidikan from "../../data/pendidikan/info-sekolah/jenjang-pendidikan.json";
+import lembagaPendidikan from "../../data/pendidikan/info-sekolah/lembaga.json";
+import siswa from "../../data/pendidikan/info-sekolah/siswa.json";
+import pengajar from "../../data/pendidikan/info-sekolah/pengajar.json";
+
+export async function seedInfoSekolah() {
+  for (const j of jenjangPendidikan) {
+    await prisma.jenjangPendidikan.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+      },
+    });
+  }
+  console.log("✅ Jenjang Pendidikan seeded successfully");
+  for (const j of lembagaPendidikan) {
+    await prisma.lembaga.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        jenjangId: j.jenjangId,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        jenjangId: j.jenjangId,
+      },
+    });
+  }
+  console.log("✅ Lembaga Pendidikan seeded successfully");
+  for (const j of siswa) {
+    await prisma.siswa.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+    });
+  }
+  console.log("✅ siswa seeded successfully");
+  for (const j of pengajar) {
+    await prisma.pengajar.upsert({
+      where: {
+        id: j.id,
+      },
+      update: {
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+      create: {
+        id: j.id,
+        nama: j.nama,
+        lembagaId: j.lembagaId,
+      },
+    });
+  }
+  console.log("✅ pengajar seeded successfully");
+}
diff --git a/prisma/_seeder_list/pendidikan/seed_pendidikan_non_formal.ts b/prisma/_seeder_list/pendidikan/seed_pendidikan_non_formal.ts
new file mode 100644
index 00000000..151c8dbc
--- /dev/null
+++ b/prisma/_seeder_list/pendidikan/seed_pendidikan_non_formal.ts
@@ -0,0 +1,60 @@
+import prisma from "@/lib/prisma";
+import tujuanProgram from "../../data/pendidikan/pendidikan-non-formal/tujuan-program2.json";
+import tempatKegiatan from "../../data/pendidikan/pendidikan-non-formal/tempat-kegiatan.json";
+import jenisProgramYangDiselenggarakan from "../../data/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan.json";
+
+export async function seedPendidikanNonFormal() {
+  for (const t of tujuanProgram) {
+    await prisma.tujuanPendidikanNonFormal.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log(
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  );
+
+  for (const t of tempatKegiatan) {
+    await prisma.tempatKegiatan.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log(
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  );
+
+  for (const t of jenisProgramYangDiselenggarakan) {
+    await prisma.jenisProgramYangDiselenggarakan.upsert({
+      where: { id: t.id },
+      update: {
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+      create: {
+        id: t.id,
+        judul: t.judul,
+        deskripsi: t.deskripsi,
+      },
+    });
+  }
+  console.log(
+    "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
+  );   
+}
\ No newline at end of file
diff --git a/prisma/data/inovasi/desa-digital/desa-digital.json b/prisma/data/inovasi/desa-digital/desa-digital.json
index 6ade5130..8ec4f5ee 100644
--- a/prisma/data/inovasi/desa-digital/desa-digital.json
+++ b/prisma/data/inovasi/desa-digital/desa-digital.json
@@ -3,30 +3,30 @@
     "id": "cmkkshcox000504l88lp54coc",
     "name": "Darmasaba Digital App",
     "deskripsi": "<p>Aplikasi digital desa yang dikembangkan oleh Pemerintah Desa Darmasaba pada tahun 2024 untuk mempermudah pelayanan publik dan informasi pemerintahan berbasis digital.</p>",
-    "imageId": "cmkksb3jr0005vni4sp3ogr87"
+    "imageName": "r_gBF0FuFpFPfSENHc4XI-mobile.webp"
   },
   {
     "id": "cmkkshln8000604l8c9b5b4il",
     "name": "D’DAMART (Darmasaba Digital Market)",
     "deskripsi": "<p>Sistem pasar UMKM digital berbasis website yang dikembangkan untuk meningkatkan akses pasar dan pemasaran produk UMKM Desa Darmasaba melalui platform digital.</p>",
-    "imageId": "cmkksoze80008vni4ki2ry81r"
+    "imageName": "uE2QwpbcXyBWxVYqCWQQT-mobile.webp"
   },
   {
     "id": "cmkm1a1g80007vnsw8ejmj816",
     "name": "Media Aspirasi dan Pengaduan Warga",
     "deskripsi": "<p>Media aspirasi dan pengaduan warga disediakan sebagai wadah partisipasi masyarakat dalam menyampaikan saran, masukan, maupun keluhan secara transparan dan terstruktur. Fitur ini memperkuat komunikasi dua arah antara pemerintah desa dan masyarakat, sehingga setiap aspirasi dapat ditindaklanjuti secara lebih cepat dan akuntabel.</p>",
-    "imageId": "cmkm1a14d0005vnsww1tsd92o"
+    "imageName": "c7xWNyoYp8Cak28NG5NoG-mobile.webp"
   },
   {
     "id": "cmkm0w0s50003vnswmwpnqsi5",
     "name": "Website Desa Resmi",
     "deskripsi": "<p>Website Desa Darmasaba berfungsi sebagai sarana utama penyampaian informasi resmi kepada masyarakat. Melalui website ini, pemerintah desa menghadirkan keterbukaan informasi publik, mempermudah akses warga terhadap berita, pengumuman, serta agenda kegiatan desa, sekaligus menjadi pusat data dan referensi terkait profil dan struktur pemerintahan desa.</p>",
-    "imageId": "cmkm0z9hx0004vnswtjd2bk3z"
+    "imageName": "kN09yF3sahmy-d5EaeGqA-mobile.webp"
   },
   {
     "id": "cmkm1c8wx000avnswksc56orq",
     "name": "Publikasi Kegiatan Desa Secara Digital",
     "deskripsi": "<p>Publikasi kegiatan desa secara digital bertujuan untuk mendokumentasikan dan menyebarluaskan berbagai aktivitas serta program kerja pemerintah desa. Melalui artikel dan dokumentasi foto, masyarakat dapat mengetahui perkembangan kegiatan desa secara terbuka, sekaligus meningkatkan kepercayaan publik terhadap pelaksanaan program desa.</p>",
-    "imageId": "cmkm1c8py0008vnsw0unbxkpq"
+    "imageName": "h_Gd0SoeIJVTi_5TWUO-P-mobile.webp"
   }
 ]
diff --git a/prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json b/prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json
index 057a2ad4..7c915a85 100644
--- a/prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json
+++ b/prisma/data/inovasi/layanan-online-desa/pengaduan-masyarakat.json
@@ -9,7 +9,7 @@
     "deskripsiPengaduan": "<p>Permintaan Pemasangan Spanduk Larangan Bagi Hewan</p>",
     "lokasiKejadian": "Banjar Darmasaba Tengah",
     "jenisPengaduanId": "eommt91ma000004lb4dpq7ll1",
-    "imageId": "cmkkxep9l000evni4xkegbk72"
+    "imageName": "gyNi4s8TnK2UrViU-gN2C-mobile.webp"
   },
   {
     "id": "cmkkrxmub0004vni41cwyhid5",
@@ -21,7 +21,7 @@
     "deskripsiPengaduan": "<p>Laporan Anjing Liar Sering Menyerang Warga</p>",
     "lokasiKejadian": "Jl. Raya Darmasaba",
     "jenisPengaduanId": "eommt91ma000004lb4dpq8mm2",
-    "imageId": "cmkkx9e38000bvni4azjd3u53"
+    "imageName": "SQqSobKRg3ShvgPw_H41h-mobile.webp"
   },
   {
     "id": "cmkkrxmub0004vni41cwyhid6",
@@ -33,6 +33,6 @@
     "deskripsiPengaduan": "<p>Pengelolaan Sampah Rumah Tangga Belum Efektif</p>",
     "lokasiKejadian": "Banjar Bucu",
     "jenisPengaduanId": "eommt91ma000004lb4dpq7ll1",
-    "imageId": "cmkky60sq0000vnjjc55k84d2"
+    "imageName": "y78xZ2axTOjz87gRKjVAf-mobile.webp"
   }
 ]
diff --git a/prisma/data/lingkungan/gotong-royong/gotong-royong.json b/prisma/data/lingkungan/gotong-royong/gotong-royong.json
index 8bb48ee3..b03662dc 100644
--- a/prisma/data/lingkungan/gotong-royong/gotong-royong.json
+++ b/prisma/data/lingkungan/gotong-royong/gotong-royong.json
@@ -7,7 +7,7 @@
     "tanggal": "2024-01-28T00:00:00.000Z",
     "lokasi": "Pura Desa dan Pura Dalem, Desa Adat Tegal, Desa Darmasaba, Badung",
     "partisipan": 30,
-    "imageId": "cmknb59md0000vnmam828iuzt",
+    "imageName": "YgOX5qAP3O1PHG5XmQXkr-mobile.webp",
     "kategoriKegiatanId": "cmknan39v000004l8eiql149r"
   },
   {
@@ -18,7 +18,7 @@
     "tanggal": "2023-11-17T00:00:00.000Z",
     "lokasi": "Desa Darmasaba, Badung",
     "partisipan": 25,
-    "imageId": "cmknbp3vd0001vnmarjz542o7",
+    "imageName": "qxqSDHe-akIRi1EkQFUbG-mobile.webp",
     "kategoriKegiatanId": "cmknan39v000004l8eiql149r"
   },
   {
@@ -29,7 +29,7 @@
     "tanggal": "2022-05-26T00:00:00.000Z",
     "lokasi": "Pura Dalem Kangin, Desa Adat Tegal, Desa Darmasaba, Badung",
     "partisipan": 28,
-    "imageId": "cmknbrj4r0002vnmantw9rn0l",
+    "imageName": "iHTVkQZ1VdkMOXLt5qdAd-mobile.webp",
     "kategoriKegiatanId": "cmknan39v000004l8eiql149r"
   }
 ]
diff --git a/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json b/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
index ff9757df..b49b5298 100644
--- a/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
+++ b/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
@@ -4,139 +4,139 @@
     "judul": "Laskar Pelangi",
     "deskripsi": "<p>Novel inspiratif tentang perjuangan anak-anak di Belitung dalam meraih pendidikan dan mimpi mereka</p>",
     "kategoriId": "cmkqb11mc000104jibq76bdzu",
-    "imageId": "cmkqhbhxi0000vneamj3din9u"
+    "imageName": "RnAdv7O0QAFrxkFLAXJSa-mobile.webp"
   },
   {
     "id": "cmkqhedff0005vneas3rtbumi",
     "judul": "Bumi Manusia",
     "deskripsi": "<p>Kisah kehidupan Minke di masa kolonial yang menggambarkan perjuangan, pendidikan, dan identitas bangsa</p>",
     "kategoriId": "cmkqb11mc000104jibqc7bdzu",
-    "imageId": "cmkqhed8x0003vneakx0c7me2"
+    "imageName": "71eZShq4FYAFLxpLfZB0W-mobile.webp"
   },
   {
     "id": "cmkqhg1g70008vneajbpz8phh",
     "judul": "Atomic Habits",
     "deskripsi": "<p>Panduan membangun kebiasaan kecil yang konsisten untuk menghasilkan perubahan besar dalam hidup</p>",
     "kategoriId": "cmkqb11mc000104jibqf7bdzu",
-    "imageId": "cmkqhg1cb0006vneagsxa6t4t"
+    "imageName": "Uxq3GXPqh7HN9fHmRkr3r-mobile.webp"
   },
   {
     "id": "cmkqhl6sr000bvneampx0svus",
     "judul": "Clean Code",
     "deskripsi": "<p>Buku wajib programmer tentang cara menulis kode yang bersih, mudah dibaca, dan mudah dirawat</p>",
     "kategoriId": "cmkqb11mc000104jibqd7bdzu",
-    "imageId": "cmkqhl6mv0009vneasgix42ud"
+    "imageName": "W5Fc0uRADNkIY3nZicvQA-mobile.webp"
   },
   {
     "id": "cmkqhoaa1000evnearppgpyxo",
     "judul": "Sejarah Indonesia Modern",
     "deskripsi": "<p>Membahas perjalanan sejarah Indonesia dari masa kolonial hingga era modern</p>",
     "kategoriId": "cmkqb11mc000104jibqc7bdzu",
-    "imageId": "cmkqhoa5w000cvneah15n28zq"
+    "imageName": "mp77Op-MwtPQZnH3so4JY-mobile.webp"
   },
   {
     "id": "cmkqhr9oc000hvnea677ad3kb",
     "judul": "Ensiklopedia Anak Pintar",
     "deskripsi": "<p>Buku referensi bergambar yang membantu anak mengenal ilmu pengetahuan secara menyenangkan</p>",
     "kategoriId": "cmkqb11mc000104jibqh7bdzu",
-    "imageId": "cmkqhr9lg000fvneai3q8qw0s"
+    "imageName": "V09ZxN1wOwbSFLQiDK0VQ-mobile.webp"
   },
   {
     "id": "cmkqi5ksf000kvnea9c04n2hy",
     "judul": "Filosofi Teras",
     "deskripsi": "<p>Pengenalan filsafat Stoikisme untuk menghadapi kehidupan modern dengan lebih tenang</p>",
     "kategoriId": "cmkqb11mc000104jibq87bdzu",
-    "imageId": "cmkqi5knc000ivnea8grp7j06"
+    "imageName": "Wqp4AyVkGjqRMED9Q5XAs-mobile.webp"
   },
   {
     "id": "cmkqi97hq000nvneaparjbcrm",
     "judul": "Pemrograman JavaScript Dasar",
     "deskripsi": "<p>Panduan dasar belajar JavaScript untuk pemula dalam dunia pengembangan web</p>",
     "kategoriId": "cmkqb11mc000104jibqd7bdzu",
-    "imageId": "cmkqi9799000lvneamskmvpq5"
+    "imageName": "NH4aLc7cVuutdQBCofTC0-mobile.webp"
   },
   {
     "id": "cmkqibjt9000qvnea13ox7fmv",
     "judul": "Pendidikan Karakter",
     "deskripsi": "<p>Buku yang membahas pentingnya pendidikan karakter dalam membentuk generasi bangsa</p>",
     "kategoriId": "cmkqb11mc000104jibqf7bdzu",
-    "imageId": "cmkqibjj2000ovnea3zmmvdop"
+    "imageName": "MLrsPrD6oiHsrNP4Lc8J7-mobile.webp"
   },
   {
     "id": "cmkqidnar000tvneaohk5v8k6",
     "judul": "Psikologi Kepribadian",
     "deskripsi": "<p>Mengenal teori-teori kepribadian manusia dalam perspektif psikologi</p>",
     "kategoriId": "cmkqb11mc000104jibq87bdzu",
-    "imageId": "cmkqidn7e000rvnea5rl58f2e"
+    "imageName": "iaIeNdhuxqltqKP7aZncQ-mobile.webp"
   },
   {
     "id": "cmkqifdiu000wvnea7xd0yi4f",
     "judul": "Ayat-Ayat Cinta",
     "deskripsi": "<p>Novel religi yang mengangkat kisah cinta, iman, dan perjuangan hidup</p>",
     "kategoriId": "cmkqb11mc000104jibqe7bdzu",
-    "imageId": "cmkqifdfs000uvneajss8zswp"
+    "imageName": "WUDssJ59pTKE_3IuTiZ2s-mobile.webp"
   },
   {
     "id": "cmkqik7vi000zvneae7d5cq9i",
     "judul": "Negeri 5 Menara",
     "deskripsi": "<p>Cerita persahabatan dan perjuangan santri dalam mengejar mimpi hingga ke mancanegara</p>",
     "kategoriId": "cmkqb11mc000104jibq76bdzu",
-    "imageId": "cmkqik7p5000xvnea6krii3vw"
+    "imageName": "RJH_-4_R_nlP7GVEQeD1M-mobile.webp"
   },
   {
     "id": "cmkqinno30012vneac1sgsvis",
     "judul": "Belajar UI/UX Design",
     "deskripsi": "<p>Panduan praktis memahami desain antarmuka dan pengalaman pengguna</p>",
     "kategoriId": "cmkqb11mc000104jibqd7bdzu",
-    "imageId": "cmkqinnih0010vneakpjb9egl"
+    "imageName": "9MA-Jx_36uoho2Tg40_G9-mobile.webp"
   },
   {
     "id": "cmkqiqegd0015vneawv5u5tpm",
     "judul": "Manajemen Waktu Efektif",
     "deskripsi": "<p>Teknik mengatur waktu agar lebih produktif dan fokus pada hal penting</p>",
     "kategoriId": "cmkqb11mc000104jibqf7bdzu",
-    "imageId": "cmkqiqeb60013vnea2ygrq5rs"
+    "imageName": "dkb7ZWFl28TREVcvH8sWd-mobile.webp"
   },
   {
     "id": "cmkqiurc60018vneavyd3pj9q",
     "judul": "Dongeng Nusantara",
     "deskripsi": "<p>Kumpulan dongeng tradisional Indonesia yang sarat pesan moral</p>",
     "kategoriId": "cmkqb11mc000104jibq76bdzu",
-    "imageId": "cmkqiur960016vnea3werdoey"
+    "imageName": "nVj3one6CLuWRd04QnsWo-mobile.webp"
   },
   {
     "id": "cmkqix2kb001bvnea5v81cw7p",
     "judul": "Ekonomi Makro",
     "deskripsi": "<p>Pembahasan konsep ekonomi makro secara sistematis dan mudah dipahami</p>",
     "kategoriId": "cmkqb11mc000104jibq87bdzu",
-    "imageId": "cmkqix2go0019vnea8coousvn"
+    "imageName": "AnB7JO4_6tlPTX3ypOVLi-mobile.webp"
   },
   {
     "id": "cmkqiyts2001evneahnk45ry5",
     "judul": "Seni Berpikir Kritis",
     "deskripsi": "<p>Buku yang membantu pembaca menghindari kesalahan berpikir dalam pengambilan keputusan</p>",
     "kategoriId": "cmkqb11mc000104jibq87bdzu",
-    "imageId": "cmkqiytnv001cvnea7o2sv1vt"
+    "imageName": "sAyoMERxL6JgFfiO22KPb-mobile.webp"
   },
   {
     "id": "cmkqj0nq0001hvnea06r8m3kj",
     "judul": "Seni Berpikir Kritis",
     "deskripsi": "<p>Buku yang membantu pembaca menghindari kesalahan berpikir dalam pengambilan keputusan</p>",
     "kategoriId": "cmkqb11mc000104jibq87bdzu",
-    "imageId": "cmkqj0nn0001fvneaufur3nke"
+    "imageName": "WeA-JP2Ks_32fv1k529vj-mobile.webp"
   },
   {
     "id": "cmkqj37w4001kvnea04n9w2bx",
     "judul": "Panduan Shalat Lengkap",
     "deskripsi": "<p>Panduan praktis dan lengkap tentang tata cara shalat sesuai tuntunan</p>",
     "kategoriId": "cmkqb11mc000104jibqe7bdzu",
-    "imageId": "cmkqj37rg001ivneam29fgayr"
+    "imageName": "pxlHu2kDmIprQqC2PuXaL-mobile.webp"
   },
   {
     "id": "cmkqj5qp6001nvnea4xhvluz3",
     "judul": "Cerita Sains untuk Anak",
     "deskripsi": "<p>Cerita edukatif yang mengenalkan sains kepada anak dengan bahasa sederhana</p>",
     "kategoriId": "cmkqb11mc000104jibqh7bdzu",
-    "imageId": "cmkqj5ql6001lvnea6p0afr9f"
+    "imageName": "G0iELZb2DhQDCCP5OdzJR-desktop.webp"
   }
 ]
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 160857b3..ac06a3a0 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1659,8 +1659,8 @@ model DesaDigital {
   id        String      @id @default(cuid())
   name      String
   deskripsi String      @db.Text
-  image     FileStorage @relation(fields: [imageId], references: [id])
-  imageId   String
+  image     FileStorage? @relation(fields: [imageId], references: [id])
+  imageId   String?
   createdAt DateTime    @default(now())
   updatedAt DateTime    @updatedAt
   deletedAt DateTime    @default(now())
@@ -1766,8 +1766,8 @@ model PengaduanMasyarakat {
   nik                String
   judulPengaduan     String
   lokasiKejadian     String
-  image              FileStorage    @relation(fields: [imageId], references: [id])
-  imageId            String
+  image              FileStorage?    @relation(fields: [imageId], references: [id])
+  imageId            String?
   deskripsiPengaduan String         @db.Text
   jenisPengaduan     JenisPengaduan @relation(fields: [jenisPengaduanId], references: [id])
   jenisPengaduanId   String
@@ -1848,8 +1848,8 @@ model KegiatanDesa {
   tanggal            DateTime
   lokasi             String
   partisipan         Int
-  image              FileStorage      @relation(fields: [imageId], references: [id])
-  imageId            String
+  image              FileStorage?      @relation(fields: [imageId], references: [id])
+  imageId            String?
   createdAt          DateTime         @default(now())
   updatedAt          DateTime         @updatedAt
   deletedAt          DateTime         @default(now())
@@ -2133,8 +2133,8 @@ model DataPerpustakaan {
   deskripsi  String       @db.Text
   kategori   KategoriBuku @relation(fields: [kategoriId], references: [id])
   kategoriId String
-  image      FileStorage  @relation(fields: [imageId], references: [id])
-  imageId    String
+  image      FileStorage?  @relation(fields: [imageId], references: [id])
+  imageId    String?
   createdAt  DateTime     @default(now())
   updatedAt  DateTime     @updatedAt
   deletedAt  DateTime     @default(now())
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 973c76e6..4b36eebe 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -53,21 +53,23 @@ import { seedLayananOnlineDesa } from "./_seeder_list/inovasi/seed_layanan_onlin
 import { seedProgramKreatifDesa } from "./_seeder_list/inovasi/seed_program_kreatif_desa";
 import { seedKolaborasiInovasi } from "./_seeder_list/inovasi/seed_kolaborasi_inovasi";
 import { seedInfoTeknologi } from "./_seeder_list/inovasi/seed_info_teknologi";
+import { seedPengelolaanSampah } from "./_seeder_list/lingkungan/seed_pengelolaan_sampah";
+import { seedProgramPenghijauan } from "./_seeder_list/lingkungan/seed_program_penghijauan";
+import { seedDataLingkunganDesa } from "./_seeder_list/lingkungan/seed_data_lingkungan_desa";
+import { seedDataGotongRoyong } from "./_seeder_list/lingkungan/seed_data_gotong_royong";
+import { seedEdukasiLingkungan } from "./_seeder_list/lingkungan/seed_edukasi_lingkungan";
+import { seedKonservasiAdatBali } from "./_seeder_list/lingkungan/seed_konservasi_adat_bali";
+import { seedInfoSekolah } from "./_seeder_list/pendidikan/seed_info_sekolah";
+import { seedInfoProgramPendidikan } from "./_seeder_list/pendidikan/seed_info_program_pendidikan";
+import { seedBimbinganBelajar } from "./_seeder_list/pendidikan/seed_bimbingan_belajar";
+import { seedDataPendidikan } from "./_seeder_list/pendidikan/seed_data_pendidikan";
+import { seedPendidikanNonFormal } from "./_seeder_list/pendidikan/seed_pendidikan_non_formal";
+import { seedDataPerpustakaan } from "./_seeder_list/pendidikan/seed_data_perpustakaan";
 
 (async () => {
-  const totalFiles = await prisma.fileStorage.count();
-
-  const hasImageAsset = await prisma.fileStorage.findFirst({
-    where: { category: "image" },
-    select: { id: true },
-  });
-
-  if (totalFiles === 0 || !hasImageAsset) {
-    console.log("📂 fileStorage not ready, seeding assets...");
-    await seedAssets();
-  } else {
-    console.log("ℹ️ fileStorage already initialized, skipping asset seed");
-  }
+  // Always run seedAssets to handle new images without duplication
+  console.log("📂 Checking for new assets to seed...");
+  await seedAssets();
 
   // // =========== FILE STORAGE ===========
 
@@ -279,7 +281,7 @@ import { seedInfoTeknologi } from "./_seeder_list/inovasi/seed_info_teknologi";
   await seedProgramKemiskinan();
 
   // // ==================== SUBMENU SEKTOR UNGGULAN DESA =============
- await seedSektorUnggulanDesa();
+  await seedSektorUnggulanDesa();
 
   // // ==================== SUBMENU DEMOGRAFI PEKERJAAN =============
   await seedDemografiPekerjaan();
@@ -303,554 +305,41 @@ import { seedInfoTeknologi } from "./_seeder_list/inovasi/seed_info_teknologi";
 
   // // ====================== MENU LINGKUNGAN ==========================
   // // ==================== SUBMENU PENGELOLAAN SAMPAH ==========
-  // console.log("🔄 Seeding Pengelolaan Sampah...");
-  // for (const p of pengelolaanSampah) {
-  //   await prisma.pengelolaanSampah.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       icon: p.icon,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       icon: p.icon,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Pengelolaan Sampah seeded successfully");
-
-  // console.log("🔄 Seeding Keterangan Bank Sampah...");
-  // for (const p of keteranganBankSampah) {
-  //   await prisma.keteranganBankSampahTerdekat.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       alamat: p.alamat,
-  //       namaTempatMaps: p.namaTempatMaps,
-  //       linkPetunjukArah: p.linkPetunjukArah,
-  //       lat: p.lat,
-  //       lng: p.lng,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       alamat: p.alamat,
-  //       namaTempatMaps: p.namaTempatMaps,
-  //       linkPetunjukArah: p.linkPetunjukArah,
-  //       lat: p.lat,
-  //       lng: p.lng,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Keterangan Bank Sampah seeded successfully");
+  await seedPengelolaanSampah();
 
   // // ==================== SUBMENU PROGRAM PENGHIJAUAN ==========
-  // console.log("🔄 Seeding Program Penghijauan...");
-  // for (const p of programPenghijauan) {
-  //   await prisma.programPenghijauan.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       judul: p.judul,
-  //       deskripsi: p.deskripsi,
-  //       icon: p.icon,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       judul: p.judul,
-  //       deskripsi: p.deskripsi,
-  //       icon: p.icon,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Program Penghijauan seeded successfully");
+  await seedProgramPenghijauan();
 
   // // ==================== SUBMENU DATA LINGKUNGAN DESA ==========
-  // console.log("🔄 Seeding Data Lingkungan Desa...");
-  // for (const p of dataLingkunganDesa) {
-  //   await prisma.dataLingkunganDesa.upsert({
-  //     where: {
-  //       id: p.id,
-  //     },
-  //     update: {
-  //       name: p.name,
-  //       jumlah: p.jumlah,
-  //       deskripsi: p.deskripsi,
-  //       icon: p.icon,
-  //     },
-  //     create: {
-  //       id: p.id,
-  //       name: p.name,
-  //       jumlah: p.jumlah,
-  //       deskripsi: p.deskripsi,
-  //       icon: p.icon,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Data Lingkungan Desa seeded successfully");
+  await seedDataLingkunganDesa();
 
   // // =========== SUBMENU GOTONG ROYONG ===========
-  // console.log("🔄 Seeding Kategori Gotong Royong...");
-
-  // for (const k of kategoriGotongRoyong) {
-  //   await prisma.kategoriKegiatan.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       nama: k.nama,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       nama: k.nama,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ Kategori Gotong Royong seeded successfully");
-
-  // console.log("🔄 Seeding Gotong Royong...");
-
-  // for (const k of gotongRoyong) {
-  //   await prisma.kegiatanDesa.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       judul: k.judul,
-  //       deskripsiSingkat: k.deskripsiSingkat,
-  //       deskripsiLengkap: k.deskripsiLengkap,
-  //       tanggal: k.tanggal,
-  //       lokasi: k.lokasi,
-  //       partisipan: k.partisipan,
-  //       imageId: k.imageId,
-  //       kategoriKegiatanId: k.kategoriKegiatanId,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       judul: k.judul,
-  //       deskripsiSingkat: k.deskripsiSingkat,
-  //       deskripsiLengkap: k.deskripsiLengkap,
-  //       tanggal: k.tanggal,
-  //       lokasi: k.lokasi,
-  //       partisipan: k.partisipan,
-  //       imageId: k.imageId,
-  //       kategoriKegiatanId: k.kategoriKegiatanId,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ Kategori Gotong Royong seeded successfully");
+  await seedDataGotongRoyong();
 
   // // =========== SUBMENU EDUKASI LINGKUNGAN ===========
-
-  // for (const e of tujuanEdukasiLingkungan) {
-  //   await prisma.tujuanEdukasiLingkungan.upsert({
-  //     where: {
-  //       id: e.id,
-  //     },
-  //     update: {
-  //       judul: e.judul,
-  //       deskripsi: e.deskripsi,
-  //     },
-  //     create: {
-  //       id: e.id,
-  //       judul: e.judul,
-  //       deskripsi: e.deskripsi,
-  //     },
-  //   });
-  // }
-
-  // console.log("tujuan edukasi lingkungan success ...");
-
-  // for (const m of materiEdukasiLingkungan) {
-  //   await prisma.materiEdukasiLingkungan.upsert({
-  //     where: {
-  //       id: m.id,
-  //     },
-  //     update: {
-  //       judul: m.judul,
-  //       deskripsi: m.deskripsi,
-  //     },
-  //     create: {
-  //       id: m.id,
-  //       judul: m.judul,
-  //       deskripsi: m.deskripsi,
-  //     },
-  //   });
-  // }
-
-  // console.log("materi edukasi lingkungan success ...");
-
-  // for (const c of contohEdukasiLingkungan) {
-  //   await prisma.contohEdukasiLingkungan.upsert({
-  //     where: {
-  //       id: c.id,
-  //     },
-  //     update: {
-  //       judul: c.judul,
-  //       deskripsi: c.deskripsi,
-  //     },
-  //     create: {
-  //       id: c.id,
-  //       judul: c.judul,
-  //       deskripsi: c.deskripsi,
-  //     },
-  //   });
-  // }
-
-  // console.log("contoh edukasi lingkungan success ...");
+  await seedEdukasiLingkungan();
 
   // // =========== SUBMENU KONSERVASI ADAT BALI ===========
-
-  // for (const f of filosofiTriHita) {
-  //   await prisma.filosofiTriHita.upsert({
-  //     where: {
-  //       id: f.id,
-  //     },
-  //     update: {
-  //       judul: f.judul,
-  //       deskripsi: f.deskripsi,
-  //     },
-  //     create: {
-  //       id: f.id,
-  //       judul: f.judul,
-  //       deskripsi: f.deskripsi,
-  //     },
-  //   });
-  // }
-
-  // console.log("filosofi tri hita success ...");
-
-  // for (const b of bentukKonservasiBerdasarkanAdat) {
-  //   await prisma.bentukKonservasiBerdasarkanAdat.upsert({
-  //     where: {
-  //       id: b.id,
-  //     },
-  //     update: {
-  //       judul: b.judul,
-  //       deskripsi: b.deskripsi,
-  //     },
-  //     create: {
-  //       id: b.id,
-  //       judul: b.judul,
-  //       deskripsi: b.deskripsi,
-  //     },
-  //   });
-  // }
-
-  // console.log("bentuk konservasi berdasarkan adat success ...");
-
-  // for (const n of nilaiKonservasiAdat) {
-  //   await prisma.nilaiKonservasiAdat.upsert({
-  //     where: {
-  //       id: n.id,
-  //     },
-  //     update: {
-  //       judul: n.judul,
-  //       deskripsi: n.deskripsi,
-  //     },
-  //     create: {
-  //       id: n.id,
-  //       judul: n.judul,
-  //       deskripsi: n.deskripsi,
-  //     },
-  //   });
-  // }
-
-  // console.log("nilai konservasi adat success ...");
+  await seedKonservasiAdatBali();
 
   // // ====================== MENU PENDIDIKAN ==========================
   // // =========== SUBMENU INFO SEKOLAH =====================
-
-  // for (const j of jenjangPendidikan) {
-  //   await prisma.jenjangPendidikan.upsert({
-  //     where: {
-  //       id: j.id,
-  //     },
-  //     update: {
-  //       nama: j.nama,
-  //     },
-  //     create: {
-  //       id: j.id,
-  //       nama: j.nama,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ Jenjang Pendidikan seeded successfully");
-
-  // for (const j of lembagaPendidikan) {
-  //   await prisma.lembaga.upsert({
-  //     where: {
-  //       id: j.id,
-  //     },
-  //     update: {
-  //       nama: j.nama,
-  //       jenjangId: j.jenjangId,
-  //     },
-  //     create: {
-  //       id: j.id,
-  //       nama: j.nama,
-  //       jenjangId: j.jenjangId,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ Lembaga Pendidikan seeded successfully");
-
-  // for (const j of siswa) {
-  //   await prisma.siswa.upsert({
-  //     where: {
-  //       id: j.id,
-  //     },
-  //     update: {
-  //       nama: j.nama,
-  //       lembagaId: j.lembagaId,
-  //     },
-  //     create: {
-  //       id: j.id,
-  //       nama: j.nama,
-  //       lembagaId: j.lembagaId,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ siswa seeded successfully");
-
-  // for (const j of pengajar) {
-  //   await prisma.pengajar.upsert({
-  //     where: {
-  //       id: j.id,
-  //     },
-  //     update: {
-  //       nama: j.nama,
-  //       lembagaId: j.lembagaId,
-  //     },
-  //     create: {
-  //       id: j.id,
-  //       nama: j.nama,
-  //       lembagaId: j.lembagaId,
-  //     },
-  //   });
-  // }
-
-  // console.log("✅ pengajar seeded successfully");
+  await seedInfoSekolah();
 
   // // =========== SUBMENU PROGRAM PENDIDIKAN ANAK =====================
 
-  // for (const t of tujuanProgram) {
-  //   await prisma.tujuanProgram.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log("✅ tujuan program seeded (editable later via UI)");
-
-  // for (const t of programUnggulan) {
-  //   await prisma.programUnggulan.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log("✅ program unggulan seeded (editable later via UI)");
+  await seedInfoProgramPendidikan();
 
   // // =========== SUBMENU BIMBINGAN BELAJAR DESA =====================
-
-  // for (const t of tujuanBimbinganBelajarDesa) {
-  //   await prisma.tujuanBimbinganBelajarDesa.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log(
-  //   "✅ tujuan bimbingan belajar desa seeded (editable later via UI)",
-  // );
-
-  // for (const t of lokasiJadwalBimbinganBelajarDesa) {
-  //   await prisma.lokasiJadwalBimbinganBelajarDesa.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log(
-  //   "✅ lokasi jadwal bimbingan belajar desa seeded (editable later via UI)",
-  // );
-
-  // for (const t of fasilitasBimbinganBelajarDesa) {
-  //   await prisma.fasilitasBimbinganBelajarDesa.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log(
-  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  // );
+  await seedBimbinganBelajar();
 
   // // =========== SUBMENU PENDIDIKAN NON FORMAL =====================
-
-  // for (const t of tujuanProgram2) {
-  //   await prisma.tujuanPendidikanNonFormal.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log(
-  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  // );
-
-  // for (const t of tempatKegiatan) {
-  //   await prisma.tempatKegiatan.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log(
-  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  // );
-
-  // for (const t of jenisProgramYangDiselenggarakan) {
-  //   await prisma.jenisProgramYangDiselenggarakan.upsert({
-  //     where: { id: t.id },
-  //     update: {
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //     create: {
-  //       id: t.id,
-  //       judul: t.judul,
-  //       deskripsi: t.deskripsi,
-  //     },
-  //   });
-  // }
-  // console.log(
-  //   "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)",
-  // );
-
+  await seedPendidikanNonFormal();
   // // =========== SUBMENU PERPUSTAKAAN DIGITAL =====================
-  // console.log("🔄 Seeding Kategori Buku...");
-  // for (const k of kategoriBuku) {
-  //   await prisma.kategoriBuku.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       name: k.name,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       name: k.name,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Kategori Buku seeded successfully");
-
-  // console.log("🔄 Seeding Data perpustakaan...");
-  // for (const k of dataPerpustakaan) {
-  //   await prisma.dataPerpustakaan.upsert({
-  //     where: {
-  //       id: k.id,
-  //     },
-  //     update: {
-  //       judul: k.judul,
-  //       deskripsi: k.deskripsi,
-  //       kategoriId: k.kategoriId,
-  //       imageId: k.imageId,
-  //     },
-  //     create: {
-  //       id: k.id,
-  //       judul: k.judul,
-  //       deskripsi: k.deskripsi,
-  //       kategoriId: k.kategoriId,
-  //       imageId: k.imageId,
-  //     },
-  //   });
-  // }
-  // console.log("✅ Data perpustakaan seeded successfully");
+  await seedDataPerpustakaan();
 
   // =========== SUBMENU DATA PENDIDIKAN =====================
-  console.log("🔄 Seeding Data pendidikan...");
-  for (const k of dataPendidikan) {
-    await prisma.dataPendidikan.upsert({
-      where: {
-        id: k.id,
-      },
-      update: {
-        name: k.name,
-        jumlah: k.jumlah,
-      },
-      create: {
-        id: k.id,
-        name: k.name,
-        jumlah: k.jumlah,
-      },
-    });
-  }
-  console.log("✅ Data pendidikan seeded successfully");
+  await seedDataPendidikan();
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 8a93a59c..3b51b2d0 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -8,24 +8,30 @@ export default async function seedAssets() {
 
   for (const img of images) {
     try {
-      await prisma.fileStorage.upsert({
-        where: {
-          id: img.name,
-        },
-        create: {
-          name: img.name,
-          category: "image",
-          mimeType: "image/webp",
-          link: img.downloadUrl,
-          path: "images",
-          realName: img.name,
-          isActive: true,
-        },
-        update: {},
+      // Check if the image already exists by name
+      const existingImage = await prisma.fileStorage.findUnique({
+        where: { name: img.name },
       });
-      console.log(img.name, ": success")
+
+      if (!existingImage) {
+        // Only create if it doesn't exist
+        await prisma.fileStorage.create({
+          data: {
+            name: img.name,
+            category: "image",
+            mimeType: "image/webp",
+            link: img.downloadUrl,
+            path: "images",
+            realName: img.name,
+            isActive: true,
+          },
+        });
+        console.log(`✅ Created new image: ${img.name}`);
+      } else {
+        console.log(`ℹ️ Image already exists, skipping: ${img.name}`);
+      }
     } catch (err) {
-      console.log("gagal seed assets", JSON.stringify(err));
+      console.log(`❌ Failed to seed asset ${img.name}:`, JSON.stringify(err));
     }
   }
 
diff --git a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
index 4fd1380f..d5ff3418 100644
--- a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
@@ -99,7 +99,7 @@ function Page() {
                       }}
                     >
                       <Image
-                        src={v.image.link}
+                        src={v.image?.link || "/no-image.jpg"}
                         alt={v.name}
                         fit="cover"
                         loading="lazy"
diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx
index beb8f4e4..4fb14871 100644
--- a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx
@@ -214,14 +214,15 @@ export default function Page() {
                     {paginatedNews.map((item) => (
                       <Card key={item.id} shadow="sm" p="lg" radius="md" withBorder>
                         <Card.Section>
-                          <Image
-                            src={item.image?.link || '/images/placeholder-small.jpg'}
-                            height={200}
-                            alt={item.judul}
-                            fit="cover"
-                            loading="lazy"
-                            radius={"md"}
-                          />
+                          <Box h={160} w="100%" style={{ overflow: 'hidden' }}>
+                            <Image
+                              src={item.image?.link || '/images/placeholder-small.jpg'}
+                              alt={item.judul}
+                              fit="cover"
+                              loading="lazy"
+                              radius={"md"}
+                            />
+                          </Box>
                         </Card.Section>
 
                         <Badge color="blue" variant="light" mt="md">
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/[id]/page.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/[id]/page.tsx
index 319f0d64..2ec30c9d 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/[id]/page.tsx
@@ -119,7 +119,13 @@ export default function DetailBukuUser() {
       <ModalPeminjaman
         opened={opened}
         onClose={() => setOpened(false)}
-        buku={data}
+        buku={{
+          id: data.id,
+          judul: data.judul,
+          deskripsi: data.deskripsi,
+          image: data.image ? { link: data.image.link } : undefined,
+          kategori: data.kategori ? { name: data.kategori.name } : undefined,
+        }}
       />
     </Box>
   );
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx
index 639bbed0..02c00df7 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx
@@ -223,7 +223,13 @@ export default function Content() {
                     fullWidth
                     leftSection={<IconBook2 size={20} />}
                     onClick={() => {
-                      setSelectedBook(v);
+                      setSelectedBook({
+                        id: v.id,
+                        judul: v.judul,
+                        deskripsi: v.deskripsi,
+                        image: v.image ? { link: v.image.link } : undefined,
+                        kategori: v.kategori ? { name: v.kategori.name } : undefined,
+                      });
                       setOpened(true);
                     }}
                   >
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index 8164dbc8..63655d68 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -36,8 +36,67 @@ const getCurrentTime = () => {
   return `${hours}:${minutes}`;
 };
 
-const isWorkingHours = (currentTime: string): boolean => {
-  const [openTime, closeTime] = ["08:00", "17:00"];
+// Fungsi untuk mendapatkan tanggal hari ini dalam format YYYY-MM-DD
+const getTodayDate = (): string => {
+  const today = new Date();
+  const year = today.getFullYear();
+  const month = String(today.getMonth() + 1).padStart(2, '0');
+  const day = String(today.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+};
+
+// Fungsi untuk memeriksa apakah tanggal tertentu adalah hari libur nasional
+// Daftar hari libur nasional Indonesia (bisa diperbarui sesuai tahun berjalan)
+const isNationalHoliday = (date: string): boolean => {
+  // Format tanggal harus dalam bentuk YYYY-MM-DD
+  const holidays = [
+    // Tahun 2026
+    '2026-01-01', // Tahun Baru Masehi
+    '2026-02-17', // Isra Mikraj Nabi Muhammad SAW
+    '2026-03-08', // Hari Raya Nyepi Tahun Baru Saka 1948
+    '2026-04-03', // Wafat Isa Almasih
+    '2026-05-01', // Hari Buruh Internasional
+    '2026-05-20', // Kenaikan Isa Almasih
+    '2026-06-01', // Hari Lahir Pancasila
+    '2026-06-05', // Hari Raya Idul Adha
+    '2026-08-17', // Hari Kemerdekaan RI
+    '2026-09-21', // Tahun Baru Islam 1448 H
+    '2026-10-02', // Maulid Nabi Muhammad SAW
+    '2026-12-25', // Hari Raya Natal
+
+    // Hari raya besar lainnya
+    '2026-04-06', // Hari Raya Idul Fitri
+    '2026-04-07', // Hari Raya Idul Fitri
+
+    // Hari libur pengganti
+    '2026-04-08', // Hari Libur Pengganti Idul Fitri
+    '2026-04-09', // Hari Libur Pengganti Idul Fitri
+  ];
+
+  return holidays.includes(date);
+};
+
+const isWorkingHours = (day: string, currentTime: string): boolean => {
+  // Cek apakah hari ini hari libur nasional
+  if (isNationalHoliday(getTodayDate())) {
+    return false;
+  }
+
+  let openTime = "";
+  let closeTime = "";
+
+  // Atur jam kerja berdasarkan hari
+  if (["Senin", "Selasa", "Rabu", "Kamis"].includes(day)) {
+    openTime = "07:30";
+    closeTime = "15:30";
+  } else if (day === "Jumat") {
+    openTime = "07:30";
+    closeTime = "12:00";
+  } else {
+    // Sabtu dan Minggu tutup
+    return false;
+  }
+
   const compareTimes = (time1: string, time2: string) => {
     const [hour1, minute1] = time1.split(":").map(Number);
     const [hour2, minute2] = time2.split(":").map(Number);
@@ -45,18 +104,33 @@ const isWorkingHours = (currentTime: string): boolean => {
     if (hour1 > hour2) return false;
     return minute1 <= minute2;
   };
+
   return compareTimes(currentTime, closeTime) && !compareTimes(currentTime, openTime);
 };
 
 const getWorkStatus = (day: string, currentTime: string): { status: string; message: string } => {
+  // Cek apakah hari ini hari libur nasional
+  if (isNationalHoliday(getTodayDate())) {
+    return { status: "Tutup", message: "Hari Libur Nasional" };
+  }
+
   const workingDays = ["Senin", "Selasa", "Rabu", "Kamis", "Jumat"];
   if (!workingDays.includes(day)) {
     return { status: "Tutup", message: "Libur Akhir Pekan" };
   }
-  const isOpen = isWorkingHours(currentTime);
+
+  const isOpen = isWorkingHours(day, currentTime);
+
+  let workHoursMessage = "";
+  if (["Senin", "Selasa", "Rabu", "Kamis"].includes(day)) {
+    workHoursMessage = "07:30 - 15:10";
+  } else if (day === "Jumat") {
+    workHoursMessage = "07:30 - 12:00";
+  }
+
   return isOpen
-    ? { status: "Buka", message: "08:00 - 17:00" }
-    : { status: "Tutup", message: "08:00 - 17:00" };
+    ? { status: "Buka", message: workHoursMessage }
+    : { status: "Tutup", message: workHoursMessage };
 };
 
 // 🟦 Skeleton component untuk Social Media
-- 
2.49.1


From bbd52fb6f551b802765f60878059882471d63a85 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 4 Feb 2026 11:47:56 +0800
Subject: [PATCH 78/97] Fix Jam Operasional Kantor Desa Fix Agar Token Seafile
 ga expired cuma 1 hari

---
 bun.lockb                                     | Bin 427025 -> 427426 bytes
 package.json                                  |   1 +
 .../pendidikan/seed_data_perpustakaan.ts      |   9 ++
 .../perpustakaan-digital.json                 |  56 +++++++++
 prisma/lib/get_images.ts                      |  17 ++-
 prisma/seed_assets.ts                         |  18 +--
 .../[kategoriBuku]/content.tsx                |  12 +-
 .../_com/main-page/landing-page/index.tsx     |   2 +-
 src/lib/seafile-auth-service.ts               | 109 ++++++++++++++++++
 9 files changed, 207 insertions(+), 17 deletions(-)
 create mode 100644 src/lib/seafile-auth-service.ts

diff --git a/bun.lockb b/bun.lockb
index 68d46c85bf283a2e9e48c587044216c81b1b8ca5..a862a5a44b08d47b51847589438c0206e45bcdd7 100755
GIT binary patch
delta 79013
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
KD}$W{9RDBD5jE!k

delta 77824
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

diff --git a/package.json b/package.json
index 2cfb90fb..065dc1c1 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
     "add": "^2.0.6",
     "adm-zip": "^0.5.16",
     "animate.css": "^4.1.1",
+    "async-mutex": "^0.5.0",
     "bcryptjs": "^3.0.2",
     "bun": "^1.2.2",
     "chart.js": "^4.4.8",
diff --git a/prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts b/prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts
index 33774f75..5ee80718 100644
--- a/prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts
+++ b/prisma/_seeder_list/pendidikan/seed_data_perpustakaan.ts
@@ -60,3 +60,12 @@ export async function seedDataPerpustakaan() {
   }
   console.log("✅ Data perpustakaan seeded successfully");
 }
+if (import.meta.main) {
+  seedDataPerpustakaan()
+    .then(() => {
+      console.log("seed data perpustakaan success");
+    })
+    .catch((err) => {
+      console.log("gagal seed data perpustakaan", JSON.stringify(err));
+    });
+}
\ No newline at end of file
diff --git a/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json b/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
index b49b5298..abfe70cd 100644
--- a/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
+++ b/prisma/data/pendidikan/perpustakaan-digital/perpustakaan-digital.json
@@ -138,5 +138,61 @@
     "deskripsi": "<p>Cerita edukatif yang mengenalkan sains kepada anak dengan bahasa sederhana</p>",
     "kategoriId": "cmkqb11mc000104jibqh7bdzu",
     "imageName": "G0iELZb2DhQDCCP5OdzJR-desktop.webp"
+  },
+  {
+    "id": "cml7fq776000104jscnj58sgm",
+    "judul": "Pedagogy of the Oppressed",
+    "deskripsi": "<p>Klasik pemikiran pendidikan kritis; menggali hubungan guru-murid dan peran pendidikan dalam pembebasan sosial</p>",
+    "kategoriId": "cmkqb11mc000104jibq97bdzu",
+    "imageName": "pendidikan-1.webp"
+  },
+  {
+    "id": "cml7fqurm000204js5p60hkym",
+    "judul": "The Courage to Teach",
+    "deskripsi": "<p>Tentang refleksi diri seorang pendidik; cocok untuk pengajar yang ingin lebih dari sekedar “metode mengajar”</p>",
+    "kategoriId": "cmkqb11mc000104jibq97bdzu",
+    "imageName": "pendidikan-2.webp"
+  },
+  {
+    "id": "cml7fqurm000204js5p60hkzn",
+    "judul": "A Brief History of Time",
+    "deskripsi": "<p>Penjelasan kosmologi yang terkenal dunia; sains kompleks dibahas dengan bahasa yang bisa dinikmati pembaca umum</p>",
+    "kategoriId": "cmkqb11mc000104jibqa7bdzu",
+    "imageName": "ilmiah-1.webp"
+  },
+  {
+    "id": "cml7fqurm000204js5p60hkao",
+    "judul": "The Selfish Gene",
+    "deskripsi": "<p>Membawa perspektif baru tentang evolusi melalui “gen” sebagai unit seleksi</p>",
+    "kategoriId": "cmkqb11mc000104jibqa7bdzu",
+    "imageName": "ilmiah-2.webp"
+  },
+  {
+    "id": "cml7fx09c000304jshams3xbg",
+    "judul": "A Little Life",
+    "deskripsi": "<p>Novel yang menggambarkan hidup seorang remaja yang mengalami kehidupan yang sangat sulit</p>",
+    "kategoriId": "cmkqb11mc000104jibqb7bdzu",
+    "imageName": "drama-1.webp"
+  },
+  {
+    "id": "cml7fx09c000304jshams3xch",
+    "judul": "Death of a Salesman",
+    "deskripsi": "<p>Drama teater klasik Amerika tentang harapan, keluarga, dan realitas hidup.</p>",
+    "kategoriId": "cmkqb11mc000104jibqb7bdzu",
+    "imageName": "drama-2.webp"
+  },
+  {
+    "id": "cml7fx09c000304jshams3xdi",
+    "judul": "How Not to Die",
+    "deskripsi": "<p>Panduan berbasis penelitian tentang pola makan untuk mencegah dan menangani penyakit.</p>",
+    "kategoriId": "cmkqb11mc000104jibqg7bdzu",
+    "imageName": "kesehatan-1.webp"
+  },
+  {
+    "id": "cml7fx09c000304jshams3xej",
+    "judul": "The Body Keeps the Score",
+    "deskripsi": "<p>Fokus pada trauma, otak & tubuh; penting untuk memahami kesehatan mental secara mendalam.</p>",
+    "kategoriId": "cmkqb11mc000104jibqg7bdzu",
+    "imageName": "kesehatan-2.webp"
   }
 ]
diff --git a/prisma/lib/get_images.ts b/prisma/lib/get_images.ts
index fc7812b9..dc5421ae 100644
--- a/prisma/lib/get_images.ts
+++ b/prisma/lib/get_images.ts
@@ -1,3 +1,5 @@
+import { getValidAuthToken } from "../../src/lib/seafile-auth-service";
+
 type DirItem = {
   type: "file" | "dir";
   name: string;
@@ -5,7 +7,6 @@ type DirItem = {
   size?: number;
 };
 
-const TOKEN = process.env.SEAFILE_TOKEN!;
 const REPO_ID = process.env.SEAFILE_REPO_ID!;
 
 // ⛔ PENTING: RELATIVE PATH (tanpa slash depan)
@@ -13,11 +14,12 @@ const DIR_TARGET = "asset-web";
 
 const BASE_URL = process.env.SEAFILE_URL;
 
-const headers = {
-  Authorization: `Token ${TOKEN}`,
-};
-
 async function getDirItems(): Promise<DirItem[]> {
+  const token = await getValidAuthToken();
+  const headers = {
+    Authorization: `Token ${token}`,
+  };
+
   const res = await fetch(`${BASE_URL}/repos/${REPO_ID}/dir/?p=${DIR_TARGET}`, {
     headers,
   });
@@ -30,6 +32,11 @@ async function getDirItems(): Promise<DirItem[]> {
 }
 
 async function getDownloadUrl(filePath: string): Promise<string> {
+  const token = await getValidAuthToken();
+  const headers = {
+    Authorization: `Token ${token}`,
+  };
+
   const res = await fetch(
     `${BASE_URL}/repos/${REPO_ID}/file/?p=${encodeURIComponent(filePath)}&reuse=1`,
     { headers },
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 3b51b2d0..52e71e27 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -38,12 +38,12 @@ export default async function seedAssets() {
   console.log("🎉 Image seeding completed");
 }
 
-// if (import.meta.main) {
-//   seedAssets()
-//     .then(() => {
-//       console.log("seed assets success");
-//     })
-//     .catch((err) => {
-//       console.log("gagal seed assets", JSON.stringify(err));
-//     });
-// }
+if (import.meta.main) {
+  seedAssets()
+    .then(() => {
+      console.log("seed assets success");
+    })
+    .catch((err) => {
+      console.log("gagal seed assets", JSON.stringify(err));
+    });
+}
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
index 5cc017f7..eced7c77 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
@@ -19,19 +19,27 @@ function Content({ kategoriBuku }: { kategoriBuku: string }) {
   const searchQuery = searchParams.get('search') || '';
   const router = useTransitionRouter()
 
+  // Convert kebab-case back to original category name format
+  // This reverses the transformation done in layoutTabs: item.name.toLowerCase().replace(/\s+/g, '-')
+  const convertKebabCaseToOriginal = (kebabStr: string): string => {
+    // Replace hyphens with spaces
+    return kebabStr.replace(/-/g, ' ');
+  };
+
   const decodedKategoriBuku = decodeURIComponent(kategoriBuku);
+  const originalKategoriName = convertKebabCaseToOriginal(decodedKategoriBuku);
 
   const loadData = useCallback(async (searchQuery: string = '', page: number = 1) => {
     try {
       setIsLoading(true);
-      const currentKategoriFilter = decodedKategoriBuku.toLowerCase() === 'semua' ? '' : decodedKategoriBuku;
+      const currentKategoriFilter = decodedKategoriBuku.toLowerCase() === 'semua' ? '' : originalKategoriName;
       await state.dataPerpustakaan.findMany.load(page, 3, searchQuery, currentKategoriFilter);
       setCurrentPage(page);
       setTotalPages(state.dataPerpustakaan.findMany.totalPages);
     } finally {
       setIsLoading(false);
     }
-  }, [state.dataPerpustakaan.findMany, decodedKategoriBuku]);
+  }, [state.dataPerpustakaan.findMany, originalKategoriName, decodedKategoriBuku]);
 
   useShallowEffect(() => {
     loadData(searchQuery);
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index 63655d68..7b205b5d 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -123,7 +123,7 @@ const getWorkStatus = (day: string, currentTime: string): { status: string; mess
 
   let workHoursMessage = "";
   if (["Senin", "Selasa", "Rabu", "Kamis"].includes(day)) {
-    workHoursMessage = "07:30 - 15:10";
+    workHoursMessage = "07:30 - 15:30";
   } else if (day === "Jumat") {
     workHoursMessage = "07:30 - 12:00";
   }
diff --git a/src/lib/seafile-auth-service.ts b/src/lib/seafile-auth-service.ts
new file mode 100644
index 00000000..0c9eeecd
--- /dev/null
+++ b/src/lib/seafile-auth-service.ts
@@ -0,0 +1,109 @@
+import { Mutex } from 'async-mutex';
+
+// Store the token and its expiration time
+let authToken: string | null = null;
+let tokenExpirationTime: number | null = null;
+
+// Mutex to prevent multiple simultaneous token refresh attempts
+const mutex = new Mutex();
+
+// Function to authenticate with Seafile and get a new token
+async function authenticateWithSeafile(): Promise<{token: string, expirationTime: number}> {
+  // First, check if we have a static token as fallback
+  const staticToken = process.env.SEAFILE_TOKEN;
+  if (staticToken) {
+    console.log("Using static SEAFILE_TOKEN from environment variables");
+    // For static tokens, we'll set a conservative expiration (e.g., 6 days) to force periodic refresh attempts
+    const conservativeExpiration = Date.now() + (6 * 24 * 60 * 60 * 1000); // 6 days from now
+    return {
+      token: staticToken,
+      expirationTime: conservativeExpiration
+    };
+  }
+
+  // Otherwise, use username/password to get a new token
+  const username = process.env.SEAFILE_USERNAME;
+  const password = process.env.SEAFILE_PASSWORD;
+  const baseUrl = process.env.SEAFILE_URL;
+
+  if (!username || !password || !baseUrl) {
+    throw new Error('Missing required Seafile environment variables (either SEAFILE_TOKEN or SEAFILE_USERNAME/SEAFILE_PASSWORD/SEAFILE_URL)');
+  }
+
+  const response = await fetch(`${baseUrl}/api2/auth-token/`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded',
+    },
+    body: new URLSearchParams({
+      username,
+      password,
+      // Note: Seafile tokens typically last 7 days by default, but we'll refresh earlier
+    }).toString(),
+  });
+
+  if (!response.ok) {
+    throw new Error(`Authentication failed: ${response.status} ${response.statusText}`);
+  }
+
+  const data = await response.json();
+
+  // Calculate expiration time (set to refresh 1 hour before actual expiration)
+  // Seafile tokens typically last 7 days (604800 seconds), so we refresh after 6 days and 23 hours (601200 seconds)
+  const refreshTokenThreshold = 601200; // 6 days and 23 hours in seconds
+  const expirationTime = Date.now() + (refreshTokenThreshold * 1000);
+
+  return {
+    token: data.token,
+    expirationTime
+  };
+}
+
+// Function to get a valid authentication token
+export async function getValidAuthToken(): Promise<string> {
+  // Check if we have a valid token that hasn't expired
+  if (authToken && tokenExpirationTime && Date.now() < tokenExpirationTime) {
+    return authToken;
+  }
+
+  // Acquire lock to prevent multiple simultaneous refresh attempts
+  return mutex.runExclusive(async () => {
+    // Double-check after acquiring the lock
+    if (authToken && tokenExpirationTime && Date.now() < tokenExpirationTime) {
+      return authToken;
+    }
+
+    // Get a new token
+    const { token, expirationTime } = await authenticateWithSeafile();
+    
+    // Update the stored token and expiration time
+    authToken = token;
+    tokenExpirationTime = expirationTime;
+
+    console.log('New Seafile token acquired and cached');
+
+    return token;
+  });
+}
+
+// Function to force refresh the token (useful for manual refresh or testing)
+export async function refreshAuthToken(): Promise<string> {
+  return mutex.runExclusive(async () => {
+    const { token, expirationTime } = await authenticateWithSeafile();
+    
+    // Update the stored token and expiration time
+    authToken = token;
+    tokenExpirationTime = expirationTime;
+
+    console.log('Seafile token refreshed');
+
+    return token;
+  });
+}
+
+// Function to check if the token is still valid
+export function isTokenValid(): boolean {
+  return authToken !== null && 
+         tokenExpirationTime !== null && 
+         Date.now() < tokenExpirationTime;
+}
\ No newline at end of file
-- 
2.49.1


From 25000d0b0fd1655e4da60213475fb4fe76bf484d Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 4 Feb 2026 16:59:49 +0800
Subject: [PATCH 79/97] PPID >  Profile PPID Desa >  Profile Visi Misi Desa
 Keamanan >  Pencegahan Kriminalitas  Grid Kiri  Datanya  Mepet Keamanan > 
 Laporan  Publik Ekonomi  >  Sektor Unggulan Desa Coba tampilin 3  Aja

---
 .../profile/profilePerbekel/find-by-id.ts     |  19 ++-
 .../profile_desa/lambang-desa/find-by-id.ts   |  16 ++-
 .../profile_desa/maskot-desa/find-by-id.ts    |  35 ++++--
 .../profile_desa/sejarah/find-by-id.ts        |  18 ++-
 .../profile_desa/visi-misi/find-by-id.ts      |  18 ++-
 .../_lib/ppid/profile_ppid/find-by-id.ts      |  25 +++-
 .../ekonomi/sektor-unggulan-desa/page.tsx     |  42 ++++++-
 .../(pages)/keamanan/laporan-publik/page.tsx  |   8 +-
 .../keamanan/pencegahan-kriminalitas/page.tsx |  13 ++-
 src/lib/seafile-auth-service.ts               | 110 ++----------------
 x.json                                        |   2 +-
 x.sh                                          |   6 +-
 12 files changed, 164 insertions(+), 148 deletions(-)

diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profilePerbekel/find-by-id.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profilePerbekel/find-by-id.ts
index ad95798b..9e4a44c3 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profilePerbekel/find-by-id.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profilePerbekel/find-by-id.ts
@@ -20,12 +20,25 @@ export default async function profilePerbekelFindById(request: Request) {
             }, { status: 400 });
         }
 
-        const data = await prisma.profilPerbekel.findUnique({
+        let data;
+
+        // Special handling for 'edit' - get the first/only record
+        if (id === 'edit') {
+          data = await prisma.profilPerbekel.findFirst({
+            where: { isActive: true },
+            include: {
+              image: true,
+            },
+            orderBy: { createdAt: 'asc' } // Get the oldest one first
+          });
+        } else {
+          data = await prisma.profilPerbekel.findUnique({
             where: { id },
             include: {
-                image: true,
+              image: true,
             }
-        });
+          });
+        }
 
         if (!data) {
             return Response.json({
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/lambang-desa/find-by-id.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/lambang-desa/find-by-id.ts
index 3e5d68f9..ce71ed51 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/lambang-desa/find-by-id.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/lambang-desa/find-by-id.ts
@@ -26,9 +26,19 @@ export default async function lambangDesaFindById(request: Request) {
       );
     }
 
-    const data = await prisma.lambangDesa.findUnique({
-      where: { id },
-    });
+    let data;
+
+    // Special handling for 'edit' - get the first/only record
+    if (id === 'edit') {
+      data = await prisma.lambangDesa.findFirst({
+        where: { isActive: true },
+        orderBy: { createdAt: 'asc' } // Get the oldest one first
+      });
+    } else {
+      data = await prisma.lambangDesa.findUnique({
+        where: { id },
+      });
+    }
 
     if (!data) {
       return Response.json(
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/find-by-id.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/find-by-id.ts
index e16ddd7d..140ea55c 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/find-by-id.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/maskot-desa/find-by-id.ts
@@ -4,7 +4,7 @@ export default async function maskotDesaFindById(request: Request){
     const url = new URL(request.url);
     const pathSegments = url.pathname.split('/');
     const id = pathSegments[pathSegments.length - 1];
- 
+
     if (!id) {
       return Response.json({
         success: false,
@@ -20,16 +20,33 @@ export default async function maskotDesaFindById(request: Request){
         }, {status: 400})
       }
 
-      const data = await prisma.maskotDesa.findUnique({
-        where: { id },
-        include: {
-          images: {
-            include: {
-              image: true,
+      let data;
+
+      // Special handling for 'edit' - get the first/only record
+      if (id === 'edit') {
+        data = await prisma.maskotDesa.findFirst({
+          where: { isActive: true },
+          include: {
+            images: {
+              include: {
+                image: true,
+              }
+            }
+          },
+          orderBy: { createdAt: 'asc' } // Get the oldest one first
+        });
+      } else {
+        data = await prisma.maskotDesa.findUnique({
+          where: { id },
+          include: {
+            images: {
+              include: {
+                image: true,
+              }
             }
           }
-        }
-      })
+        })
+      }
 
       if(!data) {
         return Response.json({
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-by-id.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-by-id.ts
index cc8b5890..57b04395 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-by-id.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-by-id.ts
@@ -4,7 +4,7 @@ export default async function sejarahDesaFindById(request: Request) {
     const url = new URL(request.url);
     const pathSegments = url.pathname.split('/');
     const id = pathSegments[pathSegments.length - 1];
- 
+
     if (!id) {
       return Response.json({
         success: false,
@@ -20,9 +20,19 @@ export default async function sejarahDesaFindById(request: Request) {
         }, {status: 400})
       }
 
-      const data = await prisma.sejarahDesa.findUnique({
-        where: { id },
-      })
+      let data;
+
+      // Special handling for 'edit' - get the first/only record
+      if (id === 'edit') {
+        data = await prisma.sejarahDesa.findFirst({
+          where: { isActive: true },
+          orderBy: { createdAt: 'asc' } // Get the oldest one first
+        });
+      } else {
+        data = await prisma.sejarahDesa.findUnique({
+          where: { id },
+        })
+      }
 
       if (!data) {
         return Response.json({
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/visi-misi/find-by-id.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/visi-misi/find-by-id.ts
index ff0f4c00..e71ebafc 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/visi-misi/find-by-id.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/visi-misi/find-by-id.ts
@@ -4,7 +4,7 @@ export default async function visiMisiDesaFindById(request: Request) {
     const url = new URL(request.url);
     const pathSegments = url.pathname.split('/');
     const id = pathSegments[pathSegments.length - 1];
- 
+
     if (!id) {
       return Response.json({
         success: false,
@@ -20,9 +20,19 @@ export default async function visiMisiDesaFindById(request: Request) {
         }, {status: 400})
       }
 
-      const data = await prisma.visiMisiDesa.findUnique({
-        where: { id },
-      })
+      let data;
+
+      // Special handling for 'edit' - get the first/only record
+      if (id === 'edit') {
+        data = await prisma.visiMisiDesa.findFirst({
+          where: { isActive: true },
+          orderBy: { createdAt: 'asc' } // Get the oldest one first
+        });
+      } else {
+        data = await prisma.visiMisiDesa.findUnique({
+          where: { id },
+        })
+      }
 
       if (!data) {
         return Response.json({
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts b/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts
index 468178cb..aa266751 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts
@@ -20,12 +20,25 @@ export default async function handler(request: Request) {
       }, { status: 400 });
     }
 
-    const data = await prisma.profilePPID.findUnique({
-      where: { id },
-      include: {
-        image: true,
-      }
-    });
+    let data;
+
+    // Special handling for 'edit' - get the first/only record
+    if (id === 'edit') {
+      data = await prisma.profilePPID.findFirst({
+        where: { isActive: true },
+        include: {
+          image: true,
+        },
+        orderBy: { createdAt: 'asc' } // Get the oldest one first
+      });
+    } else {
+      data = await prisma.profilePPID.findUnique({
+        where: { id },
+        include: {
+          image: true,
+        }
+      });
+    }
 
     if (!data) {
       return Response.json({
diff --git a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
index 6ae9be12..5e044687 100644
--- a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -1,7 +1,16 @@
 'use client'
 import colors from '@/con/colors';
-import { Stack, Box, Text, Paper, Skeleton, Center, Title } from '@mantine/core';
-import React from 'react';
+import {
+  Stack,
+  Box,
+  Text,
+  Paper,
+  Skeleton,
+  Center,
+  Title,
+  Pagination
+} from '@mantine/core';
+import React, { useState } from 'react';
 import BackButton from '../../desa/layanan/_com/BackButto';
 import { BarChart } from '@mantine/charts';
 import { useProxy } from 'valtio/utils';
@@ -13,11 +22,15 @@ function Page() {
 
   const {
     data,
-    loading,
+    loading
   } = state.findMany
 
+  const [activePage, setActivePage] = useState(1);
+  const itemsPerPage = 3;
+
   useShallowEffect(() => {
-    state.findMany.load()
+    // Muat semua data tanpa batasan jumlah per halaman
+    state.findMany.load() // Ambil banyak data sekaligus
   }, [])
 
   if (loading || !data) {
@@ -44,6 +57,11 @@ function Page() {
     );
   }
 
+  // Filter data untuk halaman saat ini
+  const startIndex = (activePage - 1) * itemsPerPage;
+  const endIndex = startIndex + itemsPerPage;
+  const currentData = data.slice(startIndex, endIndex);
+
   const chartData = data
     .filter(item => item?.name && typeof item.value === 'number')
     .map((item) => ({
@@ -74,9 +92,9 @@ function Page() {
       </Box>
       <Box px={{ base: 'md', md: 100 }}>
         <Stack gap="lg" justify="center">
-          {data.map((v, k) => {
+          {currentData.map((v, k) => {
             return (
-              <Paper p="xl" key={k}>
+              <Paper p="xl" key={`${startIndex + k}`}>
                 <Title order={3} fw="bold">
                   {v.name}
                 </Title>
@@ -90,6 +108,18 @@ function Page() {
               </Paper>
             );
           })}
+
+          {/* Pagination */}
+          <Center mt="xl">
+            <Pagination
+              total={Math.ceil(data.length / itemsPerPage)}
+              value={activePage}
+              onChange={setActivePage}
+              size="lg"
+              radius="md"
+            />
+          </Center>
+
           <Box style={{ width: '100%', overflowX: 'auto' }}>
             <Paper p="xl">
               <Title order={3} fw="bold" pb="md">
diff --git a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
index 05cce9e2..1342ecfc 100644
--- a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
@@ -162,6 +162,9 @@ function Page() {
               p="lg"
               shadow="sm"
               style={{
+                height: '100%',
+                display: 'flex',
+                flexDirection: 'column',
                 '&:hover': {
                   transform: 'translateY(-4px)',
                   boxShadow: '0 8px 20px rgba(0,0,0,0.1)',
@@ -169,7 +172,7 @@ function Page() {
                 transition: 'transform 0.2s ease, box-shadow 0.2s ease',
               }}
             >
-              <Stack gap="sm">
+              <Stack gap="sm" style={{ flex: 1 }}>
                 <Text
                   c={colors['blue-button']}
                   lineClamp={2}
@@ -190,7 +193,7 @@ function Page() {
                     : '-'}
                 </Text>
 
-                <Box>
+                <Box style={{ flex: 1 }}>
                   <Text fw="bold" fz="sm">
                     Penanganan:
                   </Text>
@@ -257,6 +260,7 @@ function Page() {
                   onClick={() => router.push(`/darmasaba/keamanan/laporan-publik/${v.id}`)}
                   size={mobile ? 'sm' : 'md'}
                   fullWidth
+                  style={{ marginTop: 'auto' }}
                 >
                   {mobile ? 'Detail' : 'Lihat Detail Kronologi'}
                 </Button>
diff --git a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx
index 574009f3..94aff2a5 100644
--- a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx
@@ -55,9 +55,9 @@ function Page() {
         <SimpleGrid
           px={{ base: 20, md: 100 }}
           cols={{ base: 1, md: 2 }}
-          spacing="xl"
+          spacing={{ base: 'md', md: 'xl' }}
         >
-          <Paper p="xl" radius="xl" shadow="lg" >
+          <Paper p="xl" radius="xl" shadow="lg" bg="white">
             <Title order={2} c={colors['blue-button']} fw="bold" lh={1.2}>
               Program Keamanan Berjalan
             </Title>
@@ -85,9 +85,9 @@ function Page() {
       <SimpleGrid
         px={{ base: 20, md: 100 }}
         cols={{ base: 1, md: 2 }}
-        spacing="xl"
+        spacing={{ base: 'md', md: 'xl' }}
       >
-        <Paper p="xl" radius="xl" shadow="lg" >
+        <Paper p="xl" radius="xl" shadow="lg" bg="white">
           <Title order={2} c={colors['blue-button']} fw="bold" lh={1.2}>
             Program Keamanan Berjalan
           </Title>
@@ -108,6 +108,7 @@ function Page() {
                       cursor: 'pointer',
                       backgroundColor: colors['blue-button'],
                       transition: 'all 0.2s ease',
+                      marginBottom: '10px' // Add space between items
                     }}
                     onClick={() =>
                       router.push(`/darmasaba/keamanan/pencegahan-kriminalitas/${item.id}`)
@@ -160,7 +161,7 @@ function Page() {
           {findFirst.loading ? (
             <Center><Skeleton h={400} /></Center>
           ) : findFirst.data ? (
-            <Paper p="xl" radius="xl" shadow="lg">
+            <Paper p="xl" radius="xl" shadow="lg" bg="white">
               {findFirst.data?.linkVideo ? (
                 <Box
                   component="iframe"
@@ -168,7 +169,7 @@ function Page() {
                   width="100%"
                   height={300}
                   allowFullScreen
-                  style={{ borderRadius: 8 }}
+                  style={{ borderRadius: 8, marginBottom: 15 }}
                 />
               ) : (
                 <Text fz={{ base: 'xs', md: 'sm' }} c="dimmed" lh={1.4}>
diff --git a/src/lib/seafile-auth-service.ts b/src/lib/seafile-auth-service.ts
index 0c9eeecd..073668c6 100644
--- a/src/lib/seafile-auth-service.ts
+++ b/src/lib/seafile-auth-service.ts
@@ -1,109 +1,17 @@
-import { Mutex } from 'async-mutex';
-
-// Store the token and its expiration time
-let authToken: string | null = null;
-let tokenExpirationTime: number | null = null;
-
-// Mutex to prevent multiple simultaneous token refresh attempts
-const mutex = new Mutex();
-
-// Function to authenticate with Seafile and get a new token
-async function authenticateWithSeafile(): Promise<{token: string, expirationTime: number}> {
-  // First, check if we have a static token as fallback
-  const staticToken = process.env.SEAFILE_TOKEN;
-  if (staticToken) {
-    console.log("Using static SEAFILE_TOKEN from environment variables");
-    // For static tokens, we'll set a conservative expiration (e.g., 6 days) to force periodic refresh attempts
-    const conservativeExpiration = Date.now() + (6 * 24 * 60 * 60 * 1000); // 6 days from now
-    return {
-      token: staticToken,
-      expirationTime: conservativeExpiration
-    };
-  }
-
-  // Otherwise, use username/password to get a new token
-  const username = process.env.SEAFILE_USERNAME;
-  const password = process.env.SEAFILE_PASSWORD;
-  const baseUrl = process.env.SEAFILE_URL;
-
-  if (!username || !password || !baseUrl) {
-    throw new Error('Missing required Seafile environment variables (either SEAFILE_TOKEN or SEAFILE_USERNAME/SEAFILE_PASSWORD/SEAFILE_URL)');
-  }
-
-  const response = await fetch(`${baseUrl}/api2/auth-token/`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded',
-    },
-    body: new URLSearchParams({
-      username,
-      password,
-      // Note: Seafile tokens typically last 7 days by default, but we'll refresh earlier
-    }).toString(),
-  });
-
-  if (!response.ok) {
-    throw new Error(`Authentication failed: ${response.status} ${response.statusText}`);
-  }
-
-  const data = await response.json();
-
-  // Calculate expiration time (set to refresh 1 hour before actual expiration)
-  // Seafile tokens typically last 7 days (604800 seconds), so we refresh after 6 days and 23 hours (601200 seconds)
-  const refreshTokenThreshold = 601200; // 6 days and 23 hours in seconds
-  const expirationTime = Date.now() + (refreshTokenThreshold * 1000);
-
-  return {
-    token: data.token,
-    expirationTime
-  };
-}
-
-// Function to get a valid authentication token
+// Function to get the static authentication token from environment variables
 export async function getValidAuthToken(): Promise<string> {
-  // Check if we have a valid token that hasn't expired
-  if (authToken && tokenExpirationTime && Date.now() < tokenExpirationTime) {
-    return authToken;
+  const staticToken = process.env.SEAFILE_TOKEN;
+
+  if (!staticToken) {
+    throw new Error('SEAFILE_TOKEN environment variable is not set');
   }
 
-  // Acquire lock to prevent multiple simultaneous refresh attempts
-  return mutex.runExclusive(async () => {
-    // Double-check after acquiring the lock
-    if (authToken && tokenExpirationTime && Date.now() < tokenExpirationTime) {
-      return authToken;
-    }
+  console.log("Using static SEAFILE_TOKEN from environment variables");
 
-    // Get a new token
-    const { token, expirationTime } = await authenticateWithSeafile();
-    
-    // Update the stored token and expiration time
-    authToken = token;
-    tokenExpirationTime = expirationTime;
-
-    console.log('New Seafile token acquired and cached');
-
-    return token;
-  });
+  return staticToken;
 }
 
-// Function to force refresh the token (useful for manual refresh or testing)
-export async function refreshAuthToken(): Promise<string> {
-  return mutex.runExclusive(async () => {
-    const { token, expirationTime } = await authenticateWithSeafile();
-    
-    // Update the stored token and expiration time
-    authToken = token;
-    tokenExpirationTime = expirationTime;
-
-    console.log('Seafile token refreshed');
-
-    return token;
-  });
-}
-
-// Function to check if the token is still valid
+// Function to check if the token is set (always true since we're using static token)
 export function isTokenValid(): boolean {
-  return authToken !== null && 
-         tokenExpirationTime !== null && 
-         Date.now() < tokenExpirationTime;
+  return !!process.env.SEAFILE_TOKEN;
 }
\ No newline at end of file
diff --git a/x.json b/x.json
index d4a9cec1..4100b49d 100644
--- a/x.json
+++ b/x.json
@@ -66,4 +66,4 @@
     "version": 1,
     "salt": ""
   }
-]
+]
\ No newline at end of file
diff --git a/x.sh b/x.sh
index 2fd84854..d4a5e429 100644
--- a/x.sh
+++ b/x.sh
@@ -1,8 +1,8 @@
 
 # ambil token
-# curl -X POST https://cld-dkr-makuro-seafile.wibudev.com/api2/auth-token/ \
-#   -d "username=nico@bip.com" \
-#   -d "password=Production_123"
+curl -X POST https://cld-dkr-makuro-seafile.wibudev.com/api2/auth-token/ \
+  -d "username=nico@bip.com" \
+  -d "password=Production_123"
 
 # ambil list repo / library
 
-- 
2.49.1


From df154806f741a7e54b1e5e72f41c73b1977d0d0e Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 5 Feb 2026 11:10:30 +0800
Subject: [PATCH 80/97] Fix image di seafile sudah tidak pakai token tapi by
 folder di seafile Kasih console di page profil ppid & visi misi di Profile
 Desa

---
 prisma/lib/create_file_share_folder.ts        | 79 +++++++++++++++++++
 prisma/lib/get_shared_images.ts               | 71 +++++++++++++++++
 prisma/lib/get_sharef.ts                      | 33 ++++++++
 prisma/seed_assets.ts                         |  6 +-
 .../_state/ppid/profile_ppid/profile_PPID.ts  | 16 +++-
 .../_lib/ppid/profile_ppid/find-by-id.ts      | 16 +++-
 .../(pages)/desa/profil/ui/visimisiDesa.tsx   | 19 ++++-
 .../(pages)/ppid/profil-ppid/page.tsx         | 46 ++++++++++-
 8 files changed, 274 insertions(+), 12 deletions(-)
 create mode 100644 prisma/lib/create_file_share_folder.ts
 create mode 100644 prisma/lib/get_shared_images.ts
 create mode 100644 prisma/lib/get_sharef.ts

diff --git a/prisma/lib/create_file_share_folder.ts b/prisma/lib/create_file_share_folder.ts
new file mode 100644
index 00000000..3b4a881e
--- /dev/null
+++ b/prisma/lib/create_file_share_folder.ts
@@ -0,0 +1,79 @@
+import { getValidAuthToken } from "../../src/lib/seafile-auth-service";
+
+type CdnItem = {
+  name: string;
+  path: string;
+  cdnUrl: string;
+};
+
+type DirItem = {
+  type: "file" | "dir";
+  name: string;
+};
+
+const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com";
+const REPO_ID = process.env.SEAFILE_REPO_ID!;
+
+// folder yang dishare (RELATIVE, tanpa slash depan)
+const DIR_TARGET = "asset-web";
+
+// 🔑 TOKEN DIRECTORY SHARE (/d/{token})
+const PUBLIC_SHARE_TOKEN = "3a9a9ecb5e244f4da8ae";
+
+/**
+ * Ambil list file dari repo (butuh token sekali)
+ */
+async function getDirItems(): Promise<DirItem[]> {
+  const token = await getValidAuthToken();
+
+  const res = await fetch(
+    `${BASE_URL}/api2/repos/${REPO_ID}/dir/?p=/${DIR_TARGET}`,
+    {
+      headers: {
+        Authorization: `Token ${token}`,
+      },
+    },
+  );
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Failed get dir items: ${text}`);
+  }
+
+  return res.json();
+}
+
+/**
+ * Build PUBLIC CDN URL
+ */
+function buildPublicCdnUrl(fileName: string) {
+  return `${BASE_URL}/d/${PUBLIC_SHARE_TOKEN}/files/?p=${encodeURIComponent(
+    fileName,
+  )}&raw=1`;
+}
+
+/**
+ * Ambil semua PUBLIC CDN URL
+ */
+export async function getAllPublicCdnUrls(): Promise<CdnItem[]> {
+  const items = await getDirItems();
+
+  return items
+    .filter((item) => item.type === "file")
+    .map((file) => {
+      const path = `${DIR_TARGET}/${file.name}`;
+      return {
+        name: file.name,
+        path,
+        cdnUrl: buildPublicCdnUrl(file.name),
+      };
+    });
+}
+
+/**
+ * Run langsung (optional)
+ */
+if (import.meta.main) {
+  const data = await getAllPublicCdnUrls();
+  console.log(data);
+}
diff --git a/prisma/lib/get_shared_images.ts b/prisma/lib/get_shared_images.ts
new file mode 100644
index 00000000..c76b9064
--- /dev/null
+++ b/prisma/lib/get_shared_images.ts
@@ -0,0 +1,71 @@
+//ini code awal cari image by folder di seafile
+
+
+type CdnItem = {
+  name: string;
+  path: string;
+  cdnUrl: string;
+};
+
+const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com";
+const SHARE_ID = "3325e9db2c504ebf9584";
+
+// https://cld-dkr-makuro-seafile.wibudev.com/d/3a9a9ecb5e244f4da8ae/
+// https://cld-dkr-makuro-seafile.wibudev.com/d/3a9a9ecb5e244f4da8ae/files/?p=-M_tICRVz6ZxOfvkuHQgU-mobile.webp&raw=1
+
+
+/**
+ * Build CDN URL langsung (tanpa API, tanpa token)
+ */
+export function buildCdnUrl(filePath: string) {
+  // filePath contoh: "banner/home.jpg"
+  return `${BASE_URL}/f/${SHARE_ID}/${filePath}?raw=1`;
+}
+
+/**
+ * Ambil daftar file dari PUBLIC SHARE (optional)
+ * Tidak pakai token
+ */
+async function getPublicDirItems(path = "/"): Promise<any[]> {
+  const res = await fetch(
+    `${BASE_URL}/api/v2.1/share-links/${SHARE_ID}/dir/?p=${encodeURIComponent(
+      path,
+    )}`,
+  );
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Failed get public dir items: ${text}`);
+  }
+
+  return res.json();
+}
+
+/**
+ * Ambil semua CDN URL dari folder public share
+ */
+export async function getAllCdnUrls(
+  dirPath = "/",
+): Promise<CdnItem[]> {
+  const items = await getPublicDirItems(dirPath);
+
+  return items
+    .filter((item: any) => item.type === "file")
+    .map((file: any) => {
+      const filePath =
+        dirPath === "/"
+          ? file.name
+          : `${dirPath.replace(/\/$/, "")}/${file.name}`;
+
+      return {
+        name: file.name,
+        path: filePath,
+        cdnUrl: buildCdnUrl(filePath),
+      };
+    });
+}
+
+if(import.meta.main) {
+  const allCdnUrls = await getAllCdnUrls();
+  console.log(allCdnUrls);
+}
diff --git a/prisma/lib/get_sharef.ts b/prisma/lib/get_sharef.ts
new file mode 100644
index 00000000..13c2dc45
--- /dev/null
+++ b/prisma/lib/get_sharef.ts
@@ -0,0 +1,33 @@
+const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com";
+const ADMIN_TOKEN = process.env.SEAFILE_TOKEN!;
+const REPO_ID = process.env.SEAFILE_REPO_ID!;
+
+export async function createFileShareForFolder() {
+  const res = await fetch(`${BASE_URL}/api/v2.1/share-links/`, {
+    method: "POST",
+    headers: {
+      Authorization: `Token ${ADMIN_TOKEN}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      repo_id: REPO_ID,
+      path: "/asset-web", // FOLDER
+      permission: "r",
+    }),
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(text);
+  }
+
+  const data = await res.json();
+  console.log("FILE SHARE LINK:", data);
+
+  // data.link -> https://domain/f/XXXX/
+  // data.token / data.id (tergantung versi)
+}
+
+if (import.meta.main) {
+  await createFileShareForFolder();
+}
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
index 52e71e27..11f1ede2 100644
--- a/prisma/seed_assets.ts
+++ b/prisma/seed_assets.ts
@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
 
-import { getAllDownloadUrls } from "./lib/get_images";
+import { getAllPublicCdnUrls } from "./lib/create_file_share_folder";
 
 export default async function seedAssets() {
-  const images = await getAllDownloadUrls();
+  const images = await getAllPublicCdnUrls();
 
   for (const img of images) {
     try {
@@ -20,7 +20,7 @@ export default async function seedAssets() {
             name: img.name,
             category: "image",
             mimeType: "image/webp",
-            link: img.downloadUrl,
+            link: img.cdnUrl,
             path: "images",
             realName: img.name,
             isActive: true,
diff --git a/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts b/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
index 4d0a3df4..fe01b462 100644
--- a/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
@@ -57,12 +57,24 @@ const stateProfilePPID = proxy({
         if (result.success) {
           this.data = result.data;
           return result.data;
-        } else throw new Error(result.message || "Gagal memuat data profile");
+        } else {
+          // Jika pesan adalah "Data tidak ditemukan" atau "Belum ada data profil PPID yang aktif",
+          // tetap simpan sebagai error tapi tidak perlu menampilkan toast error karena ini bukan error sebenarnya
+          if (result.message === "Data tidak ditemukan" || result.message === "Belum ada data profil PPID yang aktif") {
+            this.error = result.message;
+            return null;
+          } else {
+            throw new Error(result.message || "Gagal memuat data profile");
+          }
+        }
       } catch (err) {
         const msg = (err as Error).message;
         this.error = msg;
         console.error("Load profile error:", msg);
-        toast.error("Gagal memuat data profile");
+        // Hanya tampilkan toast error jika bukan karena data tidak ditemukan
+        if (msg !== "Data tidak ditemukan" && msg !== "Belum ada data profil PPID yang aktif") {
+          toast.error("Gagal memuat data profile");
+        }
         return null;
       } finally {
         this.loading = false;
diff --git a/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts b/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts
index aa266751..3c13f182 100644
--- a/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts
+++ b/src/app/api/[[...slugs]]/_lib/ppid/profile_ppid/find-by-id.ts
@@ -41,10 +41,18 @@ export default async function handler(request: Request) {
     }
 
     if (!data) {
-      return Response.json({
-        success: false,
-        message: "Data tidak ditemukan",
-      }, { status: 404 });
+      // Untuk ID 'edit', kembalikan pesan khusus karena mungkin memang belum ada data
+      if (id === 'edit') {
+        return Response.json({
+          success: false,
+          message: "Belum ada data profil PPID yang aktif",
+        }, { status: 404 });
+      } else {
+        return Response.json({
+          success: false,
+          message: "Data tidak ditemukan",
+        }, { status: 404 });
+      }
     }
 
     return Response.json({
diff --git a/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
index 26ef0ee2..bd48b653 100644
--- a/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
@@ -13,9 +13,9 @@ function VisiMisiDesa() {
     state.findUnique.load('edit');
   }, []);
 
-  const { data, loading } = state.findUnique;
+  const { data, loading, error } = state.findUnique;
 
-  if (loading || !data) {
+  if (loading) {
     return (
       <Box py="xl">
         <Skeleton h={500} radius="lg" />
@@ -23,6 +23,21 @@ function VisiMisiDesa() {
     );
   }
 
+  if (error || !data) {
+    return (
+      <Box py="xl">
+        <Paper p="xl" radius="lg" shadow="md" withBorder>
+          <Title order={2} c="red" ta="center" mb="md">
+            Terjadi Kesalahan
+          </Title>
+          <Text ta="center" c="dimmed">
+            {error || 'Data visi dan misi desa tidak ditemukan'}
+          </Text>
+        </Paper>
+      </Box>
+    );
+  }
+
   return (
     <Box>
       <Stack align="center" gap="xl">
diff --git a/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
index e3ba98df..a2639e95 100644
--- a/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
@@ -34,7 +34,7 @@ function Page() {
   }, []);
 
   // LOADING SKELETON
-  if (!allList.profile.data)
+  if (allList.profile.loading)
     return (
       <Stack bg={colors.Bg} py="xl" gap="22">
         <Box px={{ base: 'md', md: 100 }}>
@@ -53,6 +53,50 @@ function Page() {
       </Stack>
     );
 
+  // ERROR HANDLING
+  if (allList.profile.error)
+    return (
+      <Stack bg={colors.Bg} py="xl" gap="22" justify="center" align="center">
+        <Box px={{ base: 'md', md: 100 }}>
+          <Paper p="xl" bg={colors['white-trans-1']} radius="lg" shadow="xl">
+            {allList.profile.error === "Belum ada data profil PPID yang aktif" ? (
+              <>
+                <Title order={3} ta="center" c={"orange"} fw={700}>
+                  Data Profile PPID Belum Tersedia
+                </Title>
+                <Text ta="center" mt="md">Mohon maaf, data profil PPID belum tersedia saat ini</Text>
+              </>
+            ) : (
+              <>
+                <Title order={3} ta="center" c={"red"} fw={700}>
+                  Gagal Memuat Data Profile
+                </Title>
+                <Text ta="center" mt="md">Silakan coba beberapa saat lagi</Text>
+                <Text ta="center" size="sm" c={"gray"} mt="sm">
+                  Error: {allList.profile.error}
+                </Text>
+              </>
+            )}
+          </Paper>
+        </Box>
+      </Stack>
+    );
+
+  // NO DATA HANDLING
+  if (!allList.profile.data)
+    return (
+      <Stack bg={colors.Bg} py="xl" gap="22" justify="center" align="center">
+        <Box px={{ base: 'md', md: 100 }}>
+          <Paper p="xl" bg={colors['white-trans-1']} radius="lg" shadow="xl">
+            <Title order={3} ta="center" c={"orange"} fw={700}>
+              Data Profile PPID Belum Tersedia
+            </Title>
+            <Text ta="center" mt="md">Mohon maaf, data profil PPID belum tersedia saat ini</Text>
+          </Paper>
+        </Box>
+      </Stack>
+    );
+
   const dataArray = Array.isArray(allList.profile.data)
     ? allList.profile.data
     : [allList.profile.data];
-- 
2.49.1


From bb7384f1e54eb97edfd4fe5d500156c81382b65b Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 5 Feb 2026 12:06:20 +0800
Subject: [PATCH 81/97] Fix Seed Profile PPID Fix Seed Visi Misi Desa Profile
 Desa

---
 .../desa/profile-desa/seed_profile_desa.ts    | 21 +++++++++++++++++++
 prisma/lib/create_file_share_folder.ts        |  4 ++--
 prisma/seed.ts                                |  4 ++++
 public/manifest.json                          | 21 +++++++++++++++++++
 4 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 public/manifest.json

diff --git a/prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts b/prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts
index 9ab4bef3..68af0dca 100644
--- a/prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts
+++ b/prisma/_seeder_list/desa/profile-desa/seed_profile_desa.ts
@@ -4,6 +4,7 @@ import maskotDesa from "../../../data/desa/profile/maskot_desa.json";
 import profilePerbekel from "../../../data/desa/profile/profil_perbekel.json";
 import profileDesaImage from "../../../data/desa/profile/profileDesaImage.json";
 import sejarahDesa from "../../../data/desa/profile/sejarah_desa.json";
+import visiMisiDesa from "../../../data/desa/profile/visi_misi_desa.json";
 
 export async function seedProfileDesa() {
   // =========== SEJARAH DESA ===========
@@ -26,6 +27,26 @@ export async function seedProfileDesa() {
 
   console.log("sejarah desa success ...");
 
+  // =========== VISI MISI DESA ===========
+  for (const l of visiMisiDesa) {
+    await prisma.visiMisiDesa.upsert({
+      where: {
+        id: l.id,
+      },
+      update: {
+        visi: l.visi,
+        misi: l.misi,
+      },
+      create: {
+        id: l.id,
+        visi: l.visi,
+        misi: l.misi,
+      },
+    });
+  }
+
+  console.log("visi misi desa success ...");
+
   // =========== MASKOT DESA ===========
   for (const l of maskotDesa) {
     await prisma.maskotDesa.upsert({
diff --git a/prisma/lib/create_file_share_folder.ts b/prisma/lib/create_file_share_folder.ts
index 3b4a881e..a9dabf84 100644
--- a/prisma/lib/create_file_share_folder.ts
+++ b/prisma/lib/create_file_share_folder.ts
@@ -11,14 +11,14 @@ type DirItem = {
   name: string;
 };
 
-const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com";
+const BASE_URL = process.env.SEAFILE_BASE_URL!;
 const REPO_ID = process.env.SEAFILE_REPO_ID!;
 
 // folder yang dishare (RELATIVE, tanpa slash depan)
 const DIR_TARGET = "asset-web";
 
 // 🔑 TOKEN DIRECTORY SHARE (/d/{token})
-const PUBLIC_SHARE_TOKEN = "3a9a9ecb5e244f4da8ae";
+const PUBLIC_SHARE_TOKEN = process.env.SEAFILE_PUBLIC_SHARE_TOKEN!;
 
 /**
  * Ambil list file dari repo (butuh token sekali)
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 4b36eebe..3c645b5b 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -65,6 +65,7 @@ import { seedBimbinganBelajar } from "./_seeder_list/pendidikan/seed_bimbingan_b
 import { seedDataPendidikan } from "./_seeder_list/pendidikan/seed_data_pendidikan";
 import { seedPendidikanNonFormal } from "./_seeder_list/pendidikan/seed_pendidikan_non_formal";
 import { seedDataPerpustakaan } from "./_seeder_list/pendidikan/seed_data_perpustakaan";
+import { seedProfilPpd } from "./_seeder_list/ppid/profil-ppid/seed_profil_ppd";
 
 (async () => {
   // Always run seedAssets to handle new images without duplication
@@ -179,6 +180,9 @@ import { seedDataPerpustakaan } from "./_seeder_list/pendidikan/seed_data_perpus
 
   // // =========== MENU PPID ===========
 
+  // // =========== SUBMENU PROFIL PPID ===========
+  await seedProfilPpd();
+
   // // =========== SUBMENU STRUKTUR PPID ===========
   await seedPegawaiPpid();
 
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 00000000..11c993b7
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,21 @@
+{
+  "name": "Desa Darmasaba",
+  "short_name": "Darmasaba",
+  "description": "Website resmi Desa Darmasaba, Kabupaten Badung, Bali",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#1e40af",
+  "icons": [
+    {
+      "src": "/darmasaba-icon.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/darmasaba-icon.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
\ No newline at end of file
-- 
2.49.1


From f550e29a7583f1254ea80dab1ed3da390ed5b2f9 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 5 Feb 2026 12:34:31 +0800
Subject: [PATCH 82/97] Fix ke 3 Env dan seafile

---
 prisma/lib/create_file_share_folder.ts | 148 ++++++++++++++++++++-----
 x.json                                 |  70 ++++++------
 x.sh                                   |  22 ++--
 3 files changed, 169 insertions(+), 71 deletions(-)

diff --git a/prisma/lib/create_file_share_folder.ts b/prisma/lib/create_file_share_folder.ts
index a9dabf84..80eea5b6 100644
--- a/prisma/lib/create_file_share_folder.ts
+++ b/prisma/lib/create_file_share_folder.ts
@@ -1,3 +1,100 @@
+// import { getValidAuthToken } from "../../src/lib/seafile-auth-service";
+
+// type CdnItem = {
+//   name: string;
+//   path: string;
+//   cdnUrl: string;
+// };
+
+// type DirItem = {
+//   type: "file" | "dir";
+//   name: string;
+// };
+
+// const BASE_URL = process.env.SEAFILE_BASE_URL!;
+// const REPO_ID = process.env.SEAFILE_REPO_ID!;
+
+// // folder yang dishare (RELATIVE, tanpa slash depan)
+// const DIR_TARGET = "asset-web";
+
+// // 🔑 TOKEN DIRECTORY SHARE (/d/{token})
+// const PUBLIC_SHARE_TOKEN = process.env.SEAFILE_PUBLIC_SHARE_TOKEN!;
+
+// /**
+//  * Ambil list file dari repo (butuh token sekali)
+//  */
+// async function getDirItems(): Promise<DirItem[]> {
+//   const token = await getValidAuthToken();
+
+//   // Validasi bahwa semua variabel lingkungan telah diatur
+//   if (!BASE_URL) {
+//     throw new Error('SEAFILE_BASE_URL environment variable is not set');
+//   }
+
+//   if (!REPO_ID) {
+//     throw new Error('SEAFILE_REPO_ID environment variable is not set');
+//   }
+
+//   // Bangun URL dan pastikan valid
+//   const url = `${BASE_URL}/api2/repos/${REPO_ID}/dir/?p=/${DIR_TARGET}`;
+
+//   try {
+//     new URL(url); // Ini akan melempar error jika URL tidak valid
+//   } catch (error) {
+//     throw new Error(`Invalid URL constructed: ${url}. Error: ${error}`);
+//   }
+
+//   const res = await fetch(url, {
+//     headers: {
+//       Authorization: `Token ${token}`,
+//     },
+//   });
+
+//   if (!res.ok) {
+//     const text = await res.text();
+//     throw new Error(`Failed get dir items: ${text}`);
+//   }
+
+//   return res.json();
+// }
+
+// /**
+//  * Build PUBLIC CDN URL
+//  */
+// function buildPublicCdnUrl(fileName: string) {
+//   return `${BASE_URL}/d/${PUBLIC_SHARE_TOKEN}/files/?p=${encodeURIComponent(
+//     fileName,
+//   )}&raw=1`;
+// }
+
+// /**
+//  * Ambil semua PUBLIC CDN URL
+//  */
+// export async function getAllPublicCdnUrls(): Promise<CdnItem[]> {
+//   const items = await getDirItems();
+
+//   return items
+//     .filter((item) => item.type === "file")
+//     .map((file) => {
+//       const path = `${DIR_TARGET}/${file.name}`;
+//       return {
+//         name: file.name,
+//         path,
+//         cdnUrl: buildPublicCdnUrl(file.name),
+//       };
+//     });
+// }
+
+// /**
+//  * Run langsung (optional)
+//  */
+// if (import.meta.main) {
+//   const data = await getAllPublicCdnUrls();
+//   console.log(data);
+// }
+
+
+
 import { getValidAuthToken } from "../../src/lib/seafile-auth-service";
 
 type CdnItem = {
@@ -11,29 +108,31 @@ type DirItem = {
   name: string;
 };
 
-const BASE_URL = process.env.SEAFILE_BASE_URL!;
+// ✅ PAKAI ENV YANG BENAR
+const BASE_URL = process.env.SEAFILE_URL!;
 const REPO_ID = process.env.SEAFILE_REPO_ID!;
-
-// folder yang dishare (RELATIVE, tanpa slash depan)
-const DIR_TARGET = "asset-web";
-
-// 🔑 TOKEN DIRECTORY SHARE (/d/{token})
 const PUBLIC_SHARE_TOKEN = process.env.SEAFILE_PUBLIC_SHARE_TOKEN!;
 
+// folder yang dishare (RELATIVE, TANPA slash depan)
+const DIR_TARGET = "asset-web";
+
 /**
- * Ambil list file dari repo (butuh token sekali)
+ * Ambil list file dari repo (token dipakai SEKALI)
  */
 async function getDirItems(): Promise<DirItem[]> {
+  if (!BASE_URL || !REPO_ID) {
+    throw new Error("SEAFILE env not configured correctly");
+  }
+
   const token = await getValidAuthToken();
 
-  const res = await fetch(
-    `${BASE_URL}/api2/repos/${REPO_ID}/dir/?p=/${DIR_TARGET}`,
-    {
-      headers: {
-        Authorization: `Token ${token}`,
-      },
+  const url = `${BASE_URL}/api2/repos/${REPO_ID}/dir/?p=/${DIR_TARGET}`;
+
+  const res = await fetch(url, {
+    headers: {
+      Authorization: `Token ${token}`,
     },
-  );
+  });
 
   if (!res.ok) {
     const text = await res.text();
@@ -44,11 +143,12 @@ async function getDirItems(): Promise<DirItem[]> {
 }
 
 /**
- * Build PUBLIC CDN URL
+ * Build PUBLIC CDN URL (DIRECTORY SHARE)
  */
 function buildPublicCdnUrl(fileName: string) {
+  const fullPath = `/${DIR_TARGET}/${fileName}`;
   return `${BASE_URL}/d/${PUBLIC_SHARE_TOKEN}/files/?p=${encodeURIComponent(
-    fileName,
+    fullPath,
   )}&raw=1`;
 }
 
@@ -60,20 +160,18 @@ export async function getAllPublicCdnUrls(): Promise<CdnItem[]> {
 
   return items
     .filter((item) => item.type === "file")
-    .map((file) => {
-      const path = `${DIR_TARGET}/${file.name}`;
-      return {
-        name: file.name,
-        path,
-        cdnUrl: buildPublicCdnUrl(file.name),
-      };
-    });
+    .map((file) => ({
+      name: file.name,
+      path: `${DIR_TARGET}/${file.name}`,
+      cdnUrl: buildPublicCdnUrl(file.name),
+    }));
 }
 
 /**
- * Run langsung (optional)
+ * Run langsung
  */
 if (import.meta.main) {
   const data = await getAllPublicCdnUrls();
   console.log(data);
 }
+
diff --git a/x.json b/x.json
index 4100b49d..c8875d01 100644
--- a/x.json
+++ b/x.json
@@ -1,26 +1,4 @@
 [
-  {
-    "type": "repo",
-    "id": "8814bfe1-30d5-4e77-ab36-3122fa59a022",
-    "owner": "0535ccb6211642c0a628f521577863a0@auth.local",
-    "owner_name": "nico",
-    "owner_contact_email": "nico@bip.com",
-    "name": "desa-darmasaba",
-    "mtime": 1769484147,
-    "modifier_email": "0535ccb6211642c0a628f521577863a0@auth.local",
-    "modifier_contact_email": "nico@bip.com",
-    "modifier_name": "nico",
-    "mtime_relative": "<time datetime=\"2026-01-27T11:22:27\" is=\"relative-time\" title=\"Tue, 27 Jan 2026 11:22:27 +0800\" >1 minutes ago</time>",
-    "size": 184351,
-    "size_formatted": "180.0\u00a0KB",
-    "encrypted": false,
-    "permission": "rw",
-    "virtual": false,
-    "root": "",
-    "head_commit_id": "253fd9604e54804a22cbf701bcc551e311e4a428",
-    "version": 1,
-    "salt": ""
-  },
   {
     "type": "repo",
     "id": "f0e9ee4a-fd13-49a2-81c0-f253951d063a",
@@ -28,18 +6,40 @@
     "owner_name": "nico",
     "owner_contact_email": "nico@bip.com",
     "name": "My Library",
-    "mtime": 1769483609,
+    "mtime": 1770175246,
     "modifier_email": "0535ccb6211642c0a628f521577863a0@auth.local",
     "modifier_contact_email": "nico@bip.com",
     "modifier_name": "nico",
-    "mtime_relative": "<time datetime=\"2026-01-27T11:13:29\" is=\"relative-time\" title=\"Tue, 27 Jan 2026 11:13:29 +0800\" >10 minutes ago</time>",
-    "size": 19392875,
-    "size_formatted": "18.5\u00a0MB",
+    "mtime_relative": "<time datetime=\"2026-02-04T11:20:46\" is=\"relative-time\" title=\"Wed, 04 Feb 2026 11:20:46 +0800\" >1 day ago</time>",
+    "size": 8418588,
+    "size_formatted": "8.0\u00a0MB",
     "encrypted": false,
     "permission": "rw",
     "virtual": false,
     "root": "",
-    "head_commit_id": "22374e711577dcfb152fe07921458302feb9970a",
+    "head_commit_id": "d864f18510f72fbf7ed8601d89ced2cb92466057",
+    "version": 1,
+    "salt": ""
+  },
+  {
+    "type": "repo",
+    "id": "8814bfe1-30d5-4e77-ab36-3122fa59a022",
+    "owner": "0535ccb6211642c0a628f521577863a0@auth.local",
+    "owner_name": "nico",
+    "owner_contact_email": "nico@bip.com",
+    "name": "desa-darmasaba",
+    "mtime": 1769486218,
+    "modifier_email": "0535ccb6211642c0a628f521577863a0@auth.local",
+    "modifier_contact_email": "nico@bip.com",
+    "modifier_name": "nico",
+    "mtime_relative": "<time datetime=\"2026-01-27T11:56:58\" is=\"relative-time\" title=\"Tue, 27 Jan 2026 11:56:58 +0800\" >9 days ago</time>",
+    "size": 5064580,
+    "size_formatted": "4.8\u00a0MB",
+    "encrypted": false,
+    "permission": "rw",
+    "virtual": false,
+    "root": "",
+    "head_commit_id": "1ddc57ecf377741d0b3abcf5a56a9ed0612c553c",
     "version": 1,
     "salt": ""
   },
@@ -48,12 +48,12 @@
     "id": "9ef9d5e2-6df0-4635-ae1b-53ed52801524",
     "name": "RND",
     "owner": "Organization",
-    "mtime": 1768959408,
-    "mtime_relative": "<time datetime=\"2026-01-21T09:36:48\" is=\"relative-time\" title=\"Wed, 21 Jan 2026 09:36:48 +0800\" >6 days ago</time>",
-    "modifier_email": "dfa07fcb3e27453e969492855a2d6606@auth.local",
-    "modifier_contact_email": "jun@bip.com",
-    "modifier_name": "jun",
-    "size": 1197897275,
+    "mtime": 1770263243,
+    "mtime_relative": "<time datetime=\"2026-02-05T11:47:23\" is=\"relative-time\" title=\"Thu, 05 Feb 2026 11:47:23 +0800\" >28 minutes ago</time>",
+    "modifier_email": "ecb9357c59024141bc1731a3e10900ea@auth.local",
+    "modifier_contact_email": "inno@bip.com",
+    "modifier_name": "inno",
+    "size": 1198188885,
     "size_formatted": "1.1\u00a0GB",
     "encrypted": false,
     "permission": "rw",
@@ -62,8 +62,8 @@
     "share_from_contact_email": "wibu@bip.com",
     "share_type": "public",
     "root": "",
-    "head_commit_id": "5199e27babe4fd797e64beba62777a1dde58077b",
+    "head_commit_id": "f79f42f47c790bf5f14adb64bd644ec02aaf15bb",
     "version": 1,
     "salt": ""
   }
-]
\ No newline at end of file
+]
diff --git a/x.sh b/x.sh
index d4a5e429..084fe164 100644
--- a/x.sh
+++ b/x.sh
@@ -1,23 +1,23 @@
 
-# ambil token
-curl -X POST https://cld-dkr-makuro-seafile.wibudev.com/api2/auth-token/ \
-  -d "username=nico@bip.com" \
-  -d "password=Production_123"
+# # ambil token
+# curl -X POST https://cld-dkr-makuro-seafile.wibudev.com/api2/auth-token/ \
+#   -d "username=nico@bip.com" \
+#   -d "password=Production_123"
 
-# ambil list repo / library
+# # ambil list repo / library
 
-TOKEN=20a19f4a04032215d50ce53292e6abdd38b9f806
+# TOKEN=20a19f4a04032215d50ce53292e6abdd38b9f806
 # curl -X GET \
 #   https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/ \
 #   -H "Authorization: Token $TOKEN"
 
 # REPO_NAME=desa-darmasaba
-DIR_TARGET=asset-web
+# DIR_TARGET=asset-web
 
-REPO_ID=f0e9ee4a-fd13-49a2-81c0-f253951d063a
-curl -X GET \
-  "https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/$REPO_ID/dir/?p=$DIR_TARGET" \
-  -H "Authorization: Token $TOKEN"
+# REPO_ID=f0e9ee4a-fd13-49a2-81c0-f253951d063a
+# curl -X GET \
+#   "https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/$REPO_ID/dir/?p=$DIR_TARGET" \
+#   -H "Authorization: Token $TOKEN"
 
 # curl -X GET \
 #   "https://cld-dkr-makuro-seafile.wibudev.com/api2/repos/$REPO_ID/file/?p=$DIR_TARGET/buku6.jpg" \
-- 
2.49.1


From df198c320a950110839421f11b0edeca73e460aa Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 5 Feb 2026 14:03:40 +0800
Subject: [PATCH 83/97] Seed create

---
 prisma/lib/create_file_share_folder.ts | 140 ++++++++++++++++++-------
 1 file changed, 104 insertions(+), 36 deletions(-)

diff --git a/prisma/lib/create_file_share_folder.ts b/prisma/lib/create_file_share_folder.ts
index 80eea5b6..fa55ba78 100644
--- a/prisma/lib/create_file_share_folder.ts
+++ b/prisma/lib/create_file_share_folder.ts
@@ -95,80 +95,148 @@
 
 
 
-import { getValidAuthToken } from "../../src/lib/seafile-auth-service";
+// import { getValidAuthToken } from "../../src/lib/seafile-auth-service";
 
+// type CdnItem = {
+//   name: string;
+//   path: string;
+//   cdnUrl: string;
+// };
+
+// type DirItem = {
+//   type: "file" | "dir";
+//   name: string;
+// };
+
+// // ✅ PAKAI ENV YANG BENAR
+// const BASE_URL = process.env.SEAFILE_URL!;
+// const REPO_ID = process.env.SEAFILE_REPO_ID!;
+// const PUBLIC_SHARE_TOKEN = process.env.SEAFILE_PUBLIC_SHARE_TOKEN!;
+
+// // folder yang dishare (RELATIVE, TANPA slash depan)
+// const DIR_TARGET = "asset-web";
+
+// /**
+//  * Ambil list file dari repo (token dipakai SEKALI)
+//  */
+// async function getDirItems(): Promise<DirItem[]> {
+//   if (!BASE_URL || !REPO_ID) {
+//     throw new Error("SEAFILE env not configured correctly");
+//   }
+
+//   const token = await getValidAuthToken();
+
+//   const url = `${BASE_URL}/api2/repos/${REPO_ID}/dir/?p=/${DIR_TARGET}`;
+
+//   const res = await fetch(url, {
+//     headers: {
+//       Authorization: `Token ${token}`,
+//     },
+//   });
+
+//   if (!res.ok) {
+//     const text = await res.text();
+//     throw new Error(`Failed get dir items: ${text}`);
+//   }
+
+//   return res.json();
+// }
+
+// /**
+//  * Build PUBLIC CDN URL (DIRECTORY SHARE)
+//  */
+// function buildPublicCdnUrl(fileName: string) {
+//   const fullPath = `/${DIR_TARGET}/${fileName}`;
+//   return `${BASE_URL}/d/${PUBLIC_SHARE_TOKEN}/files/?p=${encodeURIComponent(
+//     fullPath,
+//   )}&raw=1`;
+// }
+
+// /**
+//  * Ambil semua PUBLIC CDN URL
+//  */
+// export async function getAllPublicCdnUrls(): Promise<CdnItem[]> {
+//   const items = await getDirItems();
+
+//   return items
+//     .filter((item) => item.type === "file")
+//     .map((file) => ({
+//       name: file.name,
+//       path: `${DIR_TARGET}/${file.name}`,
+//       cdnUrl: buildPublicCdnUrl(file.name),
+//     }));
+// }
+
+// /**
+//  * Run langsung
+//  */
+// if (import.meta.main) {
+//   const data = await getAllPublicCdnUrls();
+//   console.log(data);
+// }
+
+
+import { getValidAuthToken } from "../../src/lib/seafile-auth-service";
 type CdnItem = {
   name: string;
   path: string;
   cdnUrl: string;
 };
-
 type DirItem = {
   type: "file" | "dir";
   name: string;
 };
-
-// ✅ PAKAI ENV YANG BENAR
-const BASE_URL = process.env.SEAFILE_URL!;
+const BASE_URL = "https://cld-dkr-makuro-seafile.wibudev.com";
 const REPO_ID = process.env.SEAFILE_REPO_ID!;
-const PUBLIC_SHARE_TOKEN = process.env.SEAFILE_PUBLIC_SHARE_TOKEN!;
-
-// folder yang dishare (RELATIVE, TANPA slash depan)
+// folder yang dishare (RELATIVE, tanpa slash depan)
 const DIR_TARGET = "asset-web";
-
+// 🔑 TOKEN DIRECTORY SHARE (/d/{token})
+const PUBLIC_SHARE_TOKEN = "3a9a9ecb5e244f4da8ae";
 /**
- * Ambil list file dari repo (token dipakai SEKALI)
+ * Ambil list file dari repo (butuh token sekali)
  */
 async function getDirItems(): Promise<DirItem[]> {
-  if (!BASE_URL || !REPO_ID) {
-    throw new Error("SEAFILE env not configured correctly");
-  }
-
   const token = await getValidAuthToken();
-
-  const url = `${BASE_URL}/api2/repos/${REPO_ID}/dir/?p=/${DIR_TARGET}`;
-
-  const res = await fetch(url, {
-    headers: {
-      Authorization: `Token ${token}`,
+  const res = await fetch(
+    `${BASE_URL}/api2/repos/${REPO_ID}/dir/?p=/${DIR_TARGET}`,
+    {
+      headers: {
+        Authorization: `Token ${token}`,
+      },
     },
-  });
-
+  );
   if (!res.ok) {
     const text = await res.text();
     throw new Error(`Failed get dir items: ${text}`);
   }
-
   return res.json();
 }
-
 /**
- * Build PUBLIC CDN URL (DIRECTORY SHARE)
+ * Build PUBLIC CDN URL
  */
 function buildPublicCdnUrl(fileName: string) {
-  const fullPath = `/${DIR_TARGET}/${fileName}`;
   return `${BASE_URL}/d/${PUBLIC_SHARE_TOKEN}/files/?p=${encodeURIComponent(
-    fullPath,
+    fileName,
   )}&raw=1`;
 }
-
 /**
  * Ambil semua PUBLIC CDN URL
  */
 export async function getAllPublicCdnUrls(): Promise<CdnItem[]> {
   const items = await getDirItems();
-
   return items
     .filter((item) => item.type === "file")
-    .map((file) => ({
-      name: file.name,
-      path: `${DIR_TARGET}/${file.name}`,
-      cdnUrl: buildPublicCdnUrl(file.name),
-    }));
+    .map((file) => {
+      const path = `${DIR_TARGET}/${file.name}`;
+      return {
+        name: file.name,
+        path,
+        cdnUrl: buildPublicCdnUrl(file.name),
+      };
+    });
 }
-
 /**
- * Run langsung
+ * Run langsung (optional)
  */
 if (import.meta.main) {
   const data = await getAllPublicCdnUrls();
-- 
2.49.1


From b69df2454e40e1a119177aac752acda1599b4a1f Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Thu, 5 Feb 2026 14:29:44 +0800
Subject: [PATCH 84/97] Fix Coba lagi image stagging

---
 prisma/lib/create_file_share_folder.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/prisma/lib/create_file_share_folder.ts b/prisma/lib/create_file_share_folder.ts
index fa55ba78..025d0490 100644
--- a/prisma/lib/create_file_share_folder.ts
+++ b/prisma/lib/create_file_share_folder.ts
@@ -227,7 +227,8 @@ export async function getAllPublicCdnUrls(): Promise<CdnItem[]> {
   return items
     .filter((item) => item.type === "file")
     .map((file) => {
-      const path = `${DIR_TARGET}/${file.name}`;
+    //   const path = `${DIR_TARGET}/${file.name}`;
+    const path = `/${file.name}`;
       return {
         name: file.name,
         path,
-- 
2.49.1


From b35874b120792de0afb1f403b9bf0832ed410bfd Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 11 Feb 2026 17:04:55 +0800
Subject: [PATCH 85/97] feat: add form validation and disable submit buttons
 when fields are empty

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .gemini/hooks/telegram-notify.ts              |  65 +++++
 .gemini/settings.json                         |  17 ++
 GEMINI.md                                     |  62 +++++
 QWEN.md                                       | 232 ++++++++++++++++++
 __tests__/api/fileStorage.test.ts             |  30 +++
 __tests__/e2e/homepage.spec.ts                |  11 +
 __tests__/mocks/handlers.ts                   |  43 ++++
 __tests__/mocks/server.ts                     |   4 +
 __tests__/setup.ts                            |   7 +
 bun.lockb                                     | Bin 427426 -> 430353 bytes
 package.json                                  |  13 +-
 ...262232ac1998014dfaa14b6734778979a7c99c4.md | 208 ++++++++++++++++
 playwright-report/index.html                  |  85 +++++++
 playwright.config.ts                          |  25 ++
 .../landing-page/SDGs/[id]/edit/page.tsx      |  14 +-
 .../landing-page/SDGs/create/page.tsx         |  13 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    |  14 +-
 .../landing-page/apbdes/create/page.tsx       |  15 +-
 .../kategori-desa-anti-korupsi/[id]/page.tsx  |  11 +-
 .../create/page.tsx                           |  10 +-
 .../list-desa-anti-korupsi/[id]/edit/page.tsx |  14 +-
 .../list-desa-anti-korupsi/create/page.tsx    |  14 +-
 .../kategori-prestasi-desa/[id]/page.tsx      |  10 +-
 .../kategori-prestasi-desa/create/page.tsx    |  10 +-
 .../list-prestasi-desa/[id]/edit/page.tsx     |  14 +-
 .../list-prestasi-desa/create/page.tsx        |  13 +-
 .../profil/media-sosial/[id]/edit/page.tsx    |  14 +-
 .../profil/media-sosial/create/page.tsx       |  31 ++-
 .../profil/pejabat-desa/[id]/page.tsx         |  15 +-
 .../profil/program-inovasi/[id]/edit/page.tsx |  15 +-
 .../profil/program-inovasi/create/page.tsx    |  15 +-
 test-berita-state.ts                          |  28 +++
 test-results/.last-run.json                   |   6 +
 .../error-context.md                          | 208 ++++++++++++++++
 types/env.d.ts                                |  25 +-
 vitest.config.ts                              |  15 ++
 36 files changed, 1287 insertions(+), 39 deletions(-)
 create mode 100755 .gemini/hooks/telegram-notify.ts
 create mode 100644 .gemini/settings.json
 create mode 100644 GEMINI.md
 create mode 100644 __tests__/api/fileStorage.test.ts
 create mode 100644 __tests__/e2e/homepage.spec.ts
 create mode 100644 __tests__/mocks/handlers.ts
 create mode 100644 __tests__/mocks/server.ts
 create mode 100644 __tests__/setup.ts
 create mode 100644 playwright-report/data/3262232ac1998014dfaa14b6734778979a7c99c4.md
 create mode 100644 playwright-report/index.html
 create mode 100644 playwright.config.ts
 create mode 100644 test-berita-state.ts
 create mode 100644 test-results/.last-run.json
 create mode 100644 test-results/homepage-homepage-has-correct-title-and-content-chromium/error-context.md
 create mode 100644 vitest.config.ts

diff --git a/.gemini/hooks/telegram-notify.ts b/.gemini/hooks/telegram-notify.ts
new file mode 100755
index 00000000..063d337e
--- /dev/null
+++ b/.gemini/hooks/telegram-notify.ts
@@ -0,0 +1,65 @@
+#!/usr/bin/env bun
+import { readFileSync } from "node:fs";
+
+// Fungsi untuk mencari string terpanjang dalam objek (biasanya balasan AI)
+function findLongestString(obj: any): string {
+	let longest = "";
+	const search = (item: any) => {
+		if (typeof item === "string") {
+			if (item.length > longest.length) longest = item;
+		} else if (Array.isArray(item)) {
+			item.forEach(search);
+		} else if (item && typeof item === "object") {
+			Object.values(item).forEach(search);
+		}
+	};
+	search(obj);
+	return longest;
+}
+
+async function run() {
+	try {
+		const inputRaw = readFileSync(0, "utf-8");
+		if (!inputRaw) return;
+		const input = JSON.parse(inputRaw);
+
+		// DEBUG: Lihat struktur asli di console terminal (stderr)
+		console.error("DEBUG KEYS:", Object.keys(input));
+
+		const BOT_TOKEN = process.env.BOT_TOKEN;
+		const CHAT_ID = process.env.CHAT_ID;
+
+		const sessionId = input.session_id || "unknown";
+
+		// Cari teks secara otomatis di seluruh objek JSON
+		let finalText = findLongestString(input.response || input);
+
+		if (!finalText || finalText.length < 5) {
+			finalText =
+				"Teks masih gagal diekstraksi. Struktur: " +
+				Object.keys(input).join(", ");
+		}
+
+		const message =
+			`✅ *Gemini Task Selesai*\n\n` +
+			`🆔 Session: \`${sessionId}\` \n\n` +
+			`🧠 Output:\n${finalText.substring(0, 3500)}`;
+
+		await fetch(`https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				chat_id: CHAT_ID,
+				text: message,
+				parse_mode: "Markdown",
+			}),
+		});
+
+		process.stdout.write(JSON.stringify({ status: "continue" }));
+	} catch (err) {
+		console.error("Hook Error:", err);
+		process.stdout.write(JSON.stringify({ status: "continue" }));
+	}
+}
+
+run();
diff --git a/.gemini/settings.json b/.gemini/settings.json
new file mode 100644
index 00000000..ed736356
--- /dev/null
+++ b/.gemini/settings.json
@@ -0,0 +1,17 @@
+{
+	"hooks": {
+		"AfterAgent": [
+			{
+				"matcher": "*",
+				"hooks": [
+					{
+						"name": "telegram-notify",
+						"type": "command",
+						"command": "bun $GEMINI_PROJECT_DIR/.gemini/hooks/telegram-notify.ts",
+						"timeout": 10000
+					}
+				]
+			}
+		]
+	}
+}
diff --git a/GEMINI.md b/GEMINI.md
new file mode 100644
index 00000000..4c8370da
--- /dev/null
+++ b/GEMINI.md
@@ -0,0 +1,62 @@
+# Project: Desa Darmasaba
+
+## Project Overview
+
+The `desa-darmasaba` project is a Next.js (version 15+) application developed with TypeScript. It serves as an official platform for Desa Darmasaba (a village in Badung, Bali), offering various public services, news, and detailed village profiles.
+
+**Key Technologies:**
+
+*   **Frontend Framework:** Next.js (v15+) with React (v19+)
+*   **Language:** TypeScript
+*   **UI Library:** Mantine UI
+*   **Database ORM:** Prisma (v6+)
+*   **Database:** PostgreSQL (as configured in `prisma/schema.prisma`)
+*   **API Framework:** Elysia (used for API routes, as seen in dependencies)
+*   **State Management:** Potentially Jotai and Valtio (listed in dependencies)
+*   **Image Processing:** Sharp
+*   **Package Manager:** Likely Bun, given `bun.lockb` and the `prisma:seed` script.
+
+The application architecture follows the Next.js App Router structure, with comprehensive data models defined in `prisma/schema.prisma` covering various domains like public information, health, security, economy, innovation, environment, and education. It also includes configurations for image handling and caching.
+
+## Building and Running
+
+This project uses `bun` as the package manager. Ensure Bun is installed to run these commands.
+
+*   **Install Dependencies:**
+    ```bash
+    bun install
+    ```
+
+*   **Development Server:**
+    Runs the Next.js development server.
+    ```bash
+    bun run dev
+    ```
+
+*   **Build for Production:**
+    Builds the Next.js application for production deployment.
+    ```bash
+    bun run build
+    ```
+
+*   **Start Production Server:**
+    Starts the Next.js application in production mode.
+    ```bash
+    bun run start
+    ```
+
+*   **Database Seeding:**
+    Executes the Prisma seeding script to populate the database.
+    ```bash
+    bun run prisma:seed
+    ```
+
+## Development Conventions
+
+*   **Coding Language:** TypeScript is strictly enforced.
+*   **Frontend Framework:** Next.js App Router for page and component structuring.
+*   **UI/UX:** Adherence to Mantine UI component library for consistent styling and user experience.
+*   **Database Interaction:** Prisma ORM is used for all database operations, with a PostgreSQL database.
+*   **Linting:** ESLint is configured with `next/core-web-vitals` and `next/typescript` to maintain code quality and adherence to Next.js and TypeScript best practices.
+*   **Styling:** PostCSS is used, with `postcss-preset-mantine` and `postcss-simple-vars` defining Mantine-specific breakpoints and other CSS variables.
+*   **Imports:** Absolute imports are configured using `@/*` which resolves to the `src/` directory.
diff --git a/QWEN.md b/QWEN.md
index e69de29b..21d07dbf 100644
--- a/QWEN.md
+++ b/QWEN.md
@@ -0,0 +1,232 @@
+# Desa Darmasaba - Village Management System
+
+## Project Overview
+
+Desa Darmasaba is a comprehensive Next.js 15 application designed for village management services in Darmasaba, Badung, Bali. The application serves as a digital platform for government services, public information, and community engagement. It features multiple sections including PPID (Public Information Disclosure), health services, security, education, environment, economy, innovation, and more.
+
+### Key Technologies
+- **Framework**: Next.js 15 with App Router
+- **Language**: TypeScript with strict mode
+- **Styling**: Mantine UI components with custom CSS
+- **Backend**: Elysia.js API server integrated with Next.js
+- **Database**: PostgreSQL with Prisma ORM
+- **State Management**: Valtio for global state
+- **Authentication**: JWT with iron-session
+
+### Architecture
+The application follows a modular architecture with:
+- A main frontend built with Next.js and Mantine UI
+- An integrated Elysia.js API server for backend operations
+- Prisma ORM for database interactions
+- File storage integration with Seafile
+- Multiple domain-specific modules (PPID, health, security, education, etc.)
+
+## Building and Running
+
+### Prerequisites
+- Node.js (with Bun runtime)
+- PostgreSQL database
+- Seafile server for file storage
+
+### Setup Instructions
+1. Install dependencies:
+   ```bash
+   bun install
+   ```
+
+2. Set up environment variables in `.env.local`:
+   ```
+   DATABASE_URL=your_postgresql_connection_string
+   SEAFILE_TOKEN=your_seafile_token
+   SEAFILE_REPO_ID=your_seafile_repo_id
+   SEAFILE_BASE_URL=your_seafile_base_url
+   SEAFILE_PUBLIC_SHARE_TOKEN=your_seafile_public_share_token
+   SEAFILE_URL=your_seafile_api_url
+   WIBU_UPLOAD_DIR=your_upload_directory
+   ```
+
+3. Generate Prisma client:
+   ```bash
+   bunx prisma generate
+   ```
+
+4. Push database schema:
+   ```bash
+   bunx prisma db push
+   ```
+
+5. Seed the database:
+   ```bash
+   bun run prisma/seed.ts
+   ```
+
+6. Run the development server:
+   ```bash
+   bun run dev
+   ```
+
+### Available Scripts
+- `bun run dev` - Start development server
+- `bun run build` - Build for production
+- `bun run start` - Start production server
+- `bun run prisma/seed.ts` - Run database seeding
+- `bunx prisma generate` - Generate Prisma client
+- `bunx prisma db push` - Push schema changes to database
+- `bunx prisma studio` - Open Prisma Studio GUI
+
+## Development Conventions
+
+### Code Structure
+```
+src/
+├── app/                 # Next.js app router pages
+│   ├── admin/           # Admin dashboard pages
+│   ├── api/             # API routes with Elysia.js
+│   ├── darmasaba/       # Public-facing village pages
+│   └── ...
+├── con/                 # Constants and configuration
+├── hooks/               # React hooks
+├── lib/                 # Utility functions and configurations
+├── middlewares/         # Next.js middleware
+├── state/               # Global state management
+├── store/               # Additional state management
+├── types/               # TypeScript type definitions
+└── utils/               # Utility functions
+```
+
+### Import Conventions
+- Use absolute imports with `@/` alias (configured in tsconfig.json)
+- Group imports: external libraries first, then internal modules
+- Keep import statements organized and remove unused imports
+
+```typescript
+// External libraries
+import { useState } from 'react'
+import { Button, Stack } from '@mantine/core'
+
+// Internal modules
+import ApiFetch from '@/lib/api-fetch'
+import { MyComponent } from '@/components/my-component'
+```
+
+### TypeScript Configuration
+- Strict mode enabled (`"strict": true`)
+- Target: ES2017
+- Module resolution: bundler
+- Path alias: `@/*` maps to `./src/*`
+
+### Naming Conventions
+- **Components**: PascalCase (e.g., `UploadImage.tsx`)
+- **Files**: kebab-case for utilities (e.g., `api-fetch.ts`)
+- **Variables/Functions**: camelCase
+- **Constants**: UPPER_SNAKE_CASE
+- **Database Models**: PascalCase (Prisma convention)
+
+### Error Handling
+- Use try-catch blocks for async operations
+- Implement proper error boundaries in React components
+- Log errors appropriately without exposing sensitive data
+- Use Zod for runtime validation and type safety
+
+### API Structure
+- Backend uses Elysia.js with TypeScript
+- API routes are in `src/app/api/[[...slugs]]/` directory
+- Use treaty client for type-safe API calls
+- Follow RESTful conventions for endpoints
+- Include proper HTTP status codes and error responses
+
+### Database Operations
+- Use Prisma client from `@/lib/prisma.ts`
+- Database connection includes graceful shutdown handling
+- Use transactions for complex operations
+- Implement proper error handling for database queries
+
+### Component Guidelines
+- Use functional components with hooks
+- Implement proper prop types with TypeScript interfaces
+- Use Mantine components for UI consistency
+- Follow atomic design principles when possible
+- Add loading states and error states for async operations
+
+### State Management
+- Use Valtio proxies for global state
+- Keep local state in components when possible
+- Use SWR for server state caching
+- Implement optimistic updates for better UX
+
+### Styling
+- Primary: Mantine UI components
+- Use Mantine theme system for customization
+- Custom CSS should be minimal and scoped
+- Follow responsive design principles
+- Use semantic HTML5 elements
+
+### Security Practices
+- Validate all user inputs with Zod schemas
+- Use JWT tokens for authentication
+- Implement proper CORS configuration
+- Never expose database credentials or API keys
+- Use HTTPS in production
+- Implement rate limiting for sensitive endpoints
+
+### Performance Considerations
+- Use Next.js Image optimization
+- Implement proper caching strategies
+- Use React.memo for expensive components
+- Optimize bundle size with dynamic imports
+- Use Prisma query optimization
+
+## Domain Modules
+
+The application is organized into several domain modules:
+
+1. **PPID (Public Information Disclosure)**: Profile, structure, information requests, legal basis
+2. **Health**: Health facilities, programs, emergency response, disease information
+3. **Security**: Community security, emergency contacts, crime prevention
+4. **Education**: Schools, scholarships, educational programs
+5. **Economy**: Local markets, BUMDes, employment data
+6. **Environment**: Environmental data, conservation, waste management
+7. **Innovation**: Digital services, innovation programs
+8. **Culture**: Village traditions, music, cultural preservation
+
+Each module has its own section in both the admin panel and public-facing areas.
+
+## File Storage Integration
+
+The application integrates with Seafile for file storage, with specific handling for:
+- Images and documents
+- Public sharing capabilities
+- CDN URL generation
+- Batch processing of assets
+
+## Testing
+
+Currently no formal test framework is configured. When adding tests:
+- Consider Jest or Vitest for unit testing
+- Use Playwright for E2E testing
+- Update this section with specific test commands
+
+## Deployment
+
+The application includes deployment scripts in the `NOTE.md` file that outline:
+- Automated deployment with GitHub API integration
+- Environment-specific configurations
+- PM2 process management
+- Release management with versioning
+
+## Troubleshooting
+
+Common issues and solutions:
+- **API endpoints returning 404**: Check that environment variables are properly configured
+- **Database connection errors**: Verify DATABASE_URL in environment variables
+- **File upload issues**: Ensure Seafile integration is properly configured
+- **Build failures**: Run `bunx prisma generate` before building
+
+## Development Workflow
+
+1. Always run type checking before committing: `bunx tsc --noEmit`
+2. Run linting to catch style issues: `bun run eslint .`
+3. Test database changes with `bunx prisma db push`
+4. Use the integrated Swagger docs at `/api/docs` for API testing
+5. Check environment variables are properly configured
+6. Verify responsive design on different screen sizes
\ No newline at end of file
diff --git a/__tests__/api/fileStorage.test.ts b/__tests__/api/fileStorage.test.ts
new file mode 100644
index 00000000..ca12c5a2
--- /dev/null
+++ b/__tests__/api/fileStorage.test.ts
@@ -0,0 +1,30 @@
+import { describe, it, expect } from 'vitest';
+import ApiFetch from '@/lib/api-fetch';
+
+describe('FileStorage API', () => {
+  it('should fetch a list of files from /api/fileStorage/findMany', async () => {
+    const response = await ApiFetch.api.fileStorage.findMany.get();
+    
+    expect(response.status).toBe(200);
+
+    const responseBody = response.data as any;
+    
+    expect(responseBody.data).toBeInstanceOf(Array);
+    expect(responseBody.data.length).toBe(2);
+    expect(responseBody.data[0].name).toBe('file1.jpg');
+  });
+
+  it('should create a file using /api/fileStorage/create', async () => {
+    const mockFile = new File(['hello'], 'hello.png', { type: 'image/png' });
+    const response = await ApiFetch.api.fileStorage.create.post({
+      file: mockFile,
+      name: 'hello.png',
+    });
+
+    expect(response.status).toBe(200);
+    const responseBody = response.data as any;
+
+    expect(responseBody.data.realName).toBe('hello.png');
+    expect(responseBody.data.id).toBe('3');
+  });
+});
diff --git a/__tests__/e2e/homepage.spec.ts b/__tests__/e2e/homepage.spec.ts
new file mode 100644
index 00000000..57b02234
--- /dev/null
+++ b/__tests__/e2e/homepage.spec.ts
@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test';
+
+test('homepage has correct title and content', async ({ page }) => {
+  await page.goto('/');
+
+  // Wait for the redirect to /darmasaba
+  await page.waitForURL('/darmasaba');
+
+  // Check for the main heading
+  await expect(page.getByText('DARMASABA', { exact: true })).toBeVisible();
+});
diff --git a/__tests__/mocks/handlers.ts b/__tests__/mocks/handlers.ts
new file mode 100644
index 00000000..2854bf86
--- /dev/null
+++ b/__tests__/mocks/handlers.ts
@@ -0,0 +1,43 @@
+import { http, HttpResponse } from 'msw';
+
+export const handlers = [
+  http.get('http://localhost:3000/api/fileStorage/findMany', () => {
+    return HttpResponse.json({
+      data: [
+        { id: '1', name: 'file1.jpg', url: '/uploads/file1.jpg' },
+        { id: '2', name: 'file2.png', url: '/uploads/file2.png' },
+      ],
+      meta: {
+        page: 1,
+        limit: 10,
+        total: 2,
+        totalPages: 1,
+      },
+    });
+  }),
+  http.post('http://localhost:3000/api/fileStorage/create', async ({ request }) => {
+    const data = await request.formData();
+    const file = data.get('file') as File;
+    const name = data.get('name') as string;
+
+    if (!file) {
+      return new HttpResponse(null, { status: 400 });
+    }
+
+    return HttpResponse.json({
+      data: {
+        id: '3',
+        name: 'generated-nanoid',
+        path: `/uploads/generated-nanoid`,
+        link: `/uploads/generated-nanoid`,
+        realName: name,
+        mimeType: file.type,
+        category: "uncategorized",
+        isActive: true,
+        createdAt: new Date(),
+        updatedAt: new Date(),
+        deletedAt: null,
+      }
+    });
+  }),
+];
diff --git a/__tests__/mocks/server.ts b/__tests__/mocks/server.ts
new file mode 100644
index 00000000..e52fee0a
--- /dev/null
+++ b/__tests__/mocks/server.ts
@@ -0,0 +1,4 @@
+import { setupServer } from 'msw/node';
+import { handlers } from './handlers';
+
+export const server = setupServer(...handlers);
diff --git a/__tests__/setup.ts b/__tests__/setup.ts
new file mode 100644
index 00000000..83d8b89c
--- /dev/null
+++ b/__tests__/setup.ts
@@ -0,0 +1,7 @@
+import '@testing-library/jest-dom';
+import { server } from './mocks/server';
+import { beforeAll, afterEach, afterAll } from 'vitest';
+
+beforeAll(() => server.listen({ onUnhandledRequest: 'bypass' }));
+afterEach(() => server.resetHandlers());
+afterAll(() => server.close());
diff --git a/bun.lockb b/bun.lockb
index a862a5a44b08d47b51847589438c0206e45bcdd7..aef74337942e61e4d58bfe7de080d9d40a25a913 100755
GIT binary patch
literal 430353
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
SWG@B8(F<|h{Gb0%|NDQU28sdz

literal 427426
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
Hx8MH)S>dd}

diff --git a/package.json b/package.json
index 065dc1c1..892c4639 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,10 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "test:api": "vitest run",
+    "test:e2e": "playwright test",
+    "test": "bun run test:api && bun run test:e2e"
   },
   "prisma": {
     "seed": "bun run prisma/seed.ts"
@@ -106,17 +109,23 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@playwright/test": "^1.58.2",
+    "@testing-library/jest-dom": "^6.9.1",
     "@types/cli-progress": "^3.11.6",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@vitest/ui": "^4.0.18",
     "eslint": "^9",
     "eslint-config-next": "15.1.6",
+    "jsdom": "^28.0.0",
+    "msw": "^2.12.9",
     "parcel": "^2.6.2",
     "postcss": "^8.5.1",
     "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vitest": "^4.0.18"
   }
 }
diff --git a/playwright-report/data/3262232ac1998014dfaa14b6734778979a7c99c4.md b/playwright-report/data/3262232ac1998014dfaa14b6734778979a7c99c4.md
new file mode 100644
index 00000000..c0cf174c
--- /dev/null
+++ b/playwright-report/data/3262232ac1998014dfaa14b6734778979a7c99c4.md
@@ -0,0 +1,208 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e2]:
+    - generic [ref=e7]:
+      - button "Darmasaba Logo" [ref=e8] [cursor=pointer]:
+        - img "Darmasaba Logo" [ref=e10]
+      - button "PPID" [ref=e11] [cursor=pointer]:
+        - generic [ref=e13]: PPID
+      - button "Desa" [ref=e14] [cursor=pointer]:
+        - generic [ref=e16]: Desa
+      - button "Kesehatan" [ref=e17] [cursor=pointer]:
+        - generic [ref=e19]: Kesehatan
+      - button "Keamanan" [ref=e20] [cursor=pointer]:
+        - generic [ref=e22]: Keamanan
+      - button "Ekonomi" [ref=e23] [cursor=pointer]:
+        - generic [ref=e25]: Ekonomi
+      - button "Inovasi" [ref=e26] [cursor=pointer]:
+        - generic [ref=e28]: Inovasi
+      - button "Lingkungan" [ref=e29] [cursor=pointer]:
+        - generic [ref=e31]: Lingkungan
+      - button "Pendidikan" [ref=e32] [cursor=pointer]:
+        - generic [ref=e34]: Pendidikan
+      - button "Musik" [ref=e35] [cursor=pointer]:
+        - generic [ref=e37]: Musik
+      - button [ref=e38] [cursor=pointer]:
+        - img [ref=e40]
+    - generic [ref=e46]:
+      - generic [ref=e51]:
+        - generic [ref=e52]:
+          - generic [ref=e53]:
+            - img "Logo Darmasaba" [ref=e55]
+            - img "Logo Pudak" [ref=e57]
+          - generic [ref=e63]:
+            - generic [ref=e65]:
+              - generic [ref=e66]:
+                - img [ref=e67]
+                - paragraph [ref=e71]: Jam Operasional
+              - generic [ref=e72]:
+                - generic [ref=e74]: Buka
+                - paragraph [ref=e75]: 07:30 - 15:30
+            - generic [ref=e77]:
+              - generic [ref=e78]:
+                - img [ref=e79]
+                - paragraph [ref=e82]: Hari Ini
+              - generic [ref=e83]:
+                - paragraph [ref=e84]: Status Kantor
+                - paragraph [ref=e85]: Sedang Beroperasi
+        - paragraph [ref=e95]: Bagikan ide, kritik, atau saran Anda untuk mendukung pembangunan desa. Semua lebih mudah dengan fitur interaktif yang kami sediakan.
+      - generic [ref=e102]:
+        - generic [ref=e103]: Browser Anda tidak mendukung video.
+        - generic [ref=e106]:
+          - heading "Penghargaan Desa" [level=2] [ref=e107]
+          - paragraph [ref=e110]: Sedang memuat data penghargaan...
+          - button "Lihat semua penghargaan" [ref=e111] [cursor=pointer]:
+            - generic [ref=e112]:
+              - paragraph [ref=e114]: Lihat Semua Penghargaan
+              - img [ref=e116]
+      - generic [ref=e119]:
+        - generic [ref=e121]:
+          - heading "Layanan" [level=1] [ref=e122]
+          - paragraph [ref=e123]: Layanan adalah fitur yang membantu warga desa mengakses berbagai kebutuhan administrasi, informasi, dan bantuan secara cepat, mudah, dan transparan. Dengan fitur ini, semua layanan desa ada dalam genggaman Anda!
+          - link "Detail" [ref=e125] [cursor=pointer]:
+            - /url: /darmasaba/desa/layanan
+            - generic [ref=e127]: Detail
+        - separator [ref=e129]
+      - generic [ref=e130]:
+        - generic [ref=e131]:
+          - paragraph [ref=e132]: Potensi Desa
+          - paragraph [ref=e133]: Jelajahi berbagai potensi dan peluang yang dimiliki desa. Fitur ini membantu warga maupun pemerintah desa dalam merencanakan dan mengembangkan program berbasis kekuatan lokal.
+        - paragraph [ref=e136]: Sedang memuat potensi desa...
+        - button "Lihat Semua Potensi" [ref=e139] [cursor=pointer]:
+          - generic [ref=e140]:
+            - generic [ref=e141]: Lihat Semua Potensi
+            - img [ref=e143]
+        - separator [ref=e146]
+      - generic [ref=e147]:
+        - generic [ref=e148]:
+          - paragraph [ref=e150]: Desa Anti Korupsi
+          - paragraph [ref=e151]: Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola secara terbuka dengan melibatkan warga dalam pengawasan anggaran, sehingga digunakan tepat sasaran dan sesuai kebutuhan masyarakat.
+          - link "Selengkapnya" [ref=e153] [cursor=pointer]:
+            - /url: /darmasaba/desa-anti-korupsi/detail
+            - generic [ref=e155]: Selengkapnya
+        - paragraph [ref=e158]: Memuat Data...
+      - generic [ref=e166]:
+        - heading "SDGs Desa" [level=1] [ref=e168]
+        - paragraph [ref=e169]: SDGs Desa adalah upaya desa untuk menciptakan pembangunan yang maju, inklusif, dan berkelanjutan melalui 17 tujuan mulai dari pengentasan kemiskinan, pendidikan, kesehatan, hingga pelestarian lingkungan.
+        - generic [ref=e170]:
+          - generic [ref=e171]:
+            - img [ref=e172]
+            - paragraph [ref=e175]: Data SDGs Desa belum tersedia
+          - link "Jelajahi Semua Tujuan SDGs Desa" [ref=e177] [cursor=pointer]:
+            - /url: /darmasaba/sdgs-desa
+            - paragraph [ref=e180]: Jelajahi Semua Tujuan SDGs Desa
+      - generic [ref=e181]:
+        - generic [ref=e183]:
+          - heading "APBDes" [level=1] [ref=e184]
+          - paragraph [ref=e185]: Transparansi APBDes Darmasaba adalah langkah nyata menuju tata kelola desa yang bersih, terbuka, dan bertanggung jawab.
+        - link "Lihat Semua Data" [ref=e187] [cursor=pointer]:
+          - /url: /darmasaba/apbdes
+          - generic [ref=e189]: Lihat Semua Data
+        - generic [ref=e191]:
+          - paragraph [ref=e193]: Pilih Tahun APBDes
+          - generic [ref=e194]:
+            - textbox "Pilih Tahun APBDes" [ref=e195]:
+              - /placeholder: Pilih tahun
+            - generic:
+              - img
+        - paragraph [ref=e197]: Tidak ada data APBDes untuk tahun yang dipilih.
+      - generic [ref=e202]:
+        - heading "Prestasi Desa" [level=1] [ref=e203]
+        - paragraph [ref=e204]: Kami bangga dengan pencapaian desa hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.
+        - link "Lihat Semua Prestasi" [ref=e205] [cursor=pointer]:
+          - /url: /darmasaba/prestasi-desa
+          - generic [ref=e207]: Lihat Semua Prestasi
+      - button [ref=e211] [cursor=pointer]:
+        - img [ref=e214]
+      - button [ref=e219] [cursor=pointer]:
+        - img [ref=e221]
+    - generic [ref=e225]:
+      - contentinfo [ref=e228]:
+        - generic [ref=e230]:
+          - generic [ref=e231]:
+            - heading "Komitmen Layanan Kami" [level=2] [ref=e232]
+            - generic [ref=e233]:
+              - generic [ref=e234]:
+                - paragraph [ref=e235]: "1. Transparansi:"
+                - paragraph [ref=e236]: Pengelolaan dana desa dilakukan secara terbuka agar masyarakat dapat memahami dan memantau penggunaan anggaran.
+              - generic [ref=e237]:
+                - paragraph [ref=e238]: "2. Profesionalisme:"
+                - paragraph [ref=e239]: Layanan desa diberikan secara cepat, adil, dan profesional demi kepuasan masyarakat.
+              - generic [ref=e240]:
+                - paragraph [ref=e241]: "3. Partisipasi:"
+                - paragraph [ref=e242]: Masyarakat dilibatkan aktif dalam pengambilan keputusan demi pembangunan desa yang berhasil.
+              - generic [ref=e243]:
+                - paragraph [ref=e244]: "4. Inovasi:"
+                - paragraph [ref=e245]: Kami terus berinovasi, termasuk melalui teknologi, agar layanan semakin mudah diakses.
+              - generic [ref=e246]:
+                - paragraph [ref=e247]: "5. Keadilan:"
+                - paragraph [ref=e248]: Kebijakan dan program disusun untuk memberi manfaat yang merata bagi seluruh warga.
+              - generic [ref=e249]:
+                - paragraph [ref=e250]: "6. Pemberdayaan:"
+                - paragraph [ref=e251]: Masyarakat didukung melalui pelatihan, pendampingan, dan pengembangan usaha lokal.
+              - generic [ref=e252]:
+                - paragraph [ref=e253]: "7. Ramah Lingkungan:"
+                - paragraph [ref=e254]: Seluruh kegiatan pembangunan memperhatikan keberlanjutan demi menjaga alam dan kesehatan warga.
+          - separator [ref=e255]
+          - generic [ref=e256]:
+            - heading "Visi Kami" [level=2] [ref=e257]
+            - paragraph [ref=e258]: Dengan visi ini, kami berkomitmen menjadikan desa sebagai tempat yang aman, sejahtera, dan nyaman bagi seluruh warga.
+            - paragraph [ref=e259]: Kami percaya kemajuan dimulai dari kerja sama antara pemerintah desa dan masyarakat, didukung tata kelola yang baik demi kepentingan bersama. Saran maupun keluhan dapat disampaikan melalui kontak di bawah ini.
+          - generic [ref=e260]:
+            - paragraph [ref=e261]: "\"Desa Kuat, Warga Sejahtera!\""
+            - button "Logo Desa" [ref=e262] [cursor=pointer]:
+              - generic [ref=e263]:
+                - img "Logo Desa"
+      - generic [ref=e265]:
+        - generic [ref=e267]:
+          - paragraph [ref=e268]: Tentang Darmasaba
+          - paragraph [ref=e269]: Darmasaba adalah desa budaya yang kaya akan tradisi dan nilai-nilai warisan Bali.
+          - generic [ref=e270]:
+            - link [ref=e271] [cursor=pointer]:
+              - /url: https://www.facebook.com/DarmasabaDesaku
+              - img [ref=e273]
+            - link [ref=e275] [cursor=pointer]:
+              - /url: https://www.instagram.com/ddarmasaba/
+              - img [ref=e277]
+            - link [ref=e280] [cursor=pointer]:
+              - /url: https://www.youtube.com/channel/UCtPw9WOQO7d2HIKzKgel4Xg
+              - img [ref=e282]
+            - link [ref=e285] [cursor=pointer]:
+              - /url: https://www.tiktok.com/@desa.darmasaba?is_from_webapp=1&sender_device=pc
+              - img [ref=e287]
+        - generic [ref=e290]:
+          - paragraph [ref=e291]: Layanan Desa
+          - link "Administrasi Kependudukan" [ref=e292] [cursor=pointer]:
+            - /url: /darmasaba/desa/layanan/
+          - link "Layanan Sosial" [ref=e293] [cursor=pointer]:
+            - /url: /darmasaba/ekonomi/program-kemiskinan
+          - link "Pengaduan Masyarakat" [ref=e294] [cursor=pointer]:
+            - /url: /darmasaba/keamanan/laporan-publik
+          - link "Informasi Publik" [ref=e295] [cursor=pointer]:
+            - /url: /darmasaba/ppid/daftar-informasi-publik-desa-darmasaba
+        - generic [ref=e297]:
+          - paragraph [ref=e298]: Tautan Penting
+          - link "Portal Badung" [ref=e299] [cursor=pointer]:
+            - /url: /darmasaba/desa/berita/semua
+          - link "E-Government" [ref=e300] [cursor=pointer]:
+            - /url: /darmasaba/inovasi/desa-digital-smart-village
+          - link "Transparansi" [ref=e301] [cursor=pointer]:
+            - /url: /darmasaba/ppid/daftar-informasi-publik-desa-darmasaba
+        - generic [ref=e303]:
+          - paragraph [ref=e304]: Berlangganan Info
+          - paragraph [ref=e305]: Dapatkan kabar terbaru tentang program dan kegiatan desa langsung ke email Anda.
+          - generic [ref=e306]:
+            - generic [ref=e308]:
+              - textbox "Masukkan email Anda" [ref=e309]
+              - img [ref=e311]
+            - button "Daftar" [ref=e314] [cursor=pointer]:
+              - generic [ref=e316]: Daftar
+      - separator [ref=e317]
+      - paragraph [ref=e318]: © 2025 Desa Darmasaba. Hak cipta dilindungi.
+  - region "Notifications Alt+T"
+  - button "Open Next.js Dev Tools" [ref=e324] [cursor=pointer]:
+    - img [ref=e325]
+  - alert [ref=e328]
+```
\ No newline at end of file
diff --git a/playwright-report/index.html b/playwright-report/index.html
new file mode 100644
index 00000000..412d60b5
--- /dev/null
+++ b/playwright-report/index.html
@@ -0,0 +1,85 @@
+
+
+<!DOCTYPE html>
+<html style='scrollbar-gutter: stable both-edges;'>
+  <head>
+    <meta charset='UTF-8'>
+    <meta name='color-scheme' content='dark light'>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+    <title>Playwright Test Report</title>
+    <script type="module">var NA=Object.defineProperty;var BA=(l,u,c)=>u in l?NA(l,u,{enumerable:!0,configurable:!0,writable:!0,value:c}):l[u]=c;var yn=(l,u,c)=>BA(l,typeof u!="symbol"?u+"":u,c);(function(){const u=document.createElement("link").relList;if(u&&u.supports&&u.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))f(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const h of o.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&f(h)}).observe(document,{childList:!0,subtree:!0});function c(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function f(r){if(r.ep)return;r.ep=!0;const o=c(r);fetch(r.href,o)}})();function UA(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var Mf={exports:{}},Ei={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var D1;function QA(){if(D1)return Ei;D1=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function c(f,r,o){var h=null;if(o!==void 0&&(h=""+o),r.key!==void 0&&(h=""+r.key),"key"in r){o={};for(var v in r)v!=="key"&&(o[v]=r[v])}else o=r;return r=o.ref,{$$typeof:l,type:f,key:h,ref:r!==void 0?r:null,props:o}}return Ei.Fragment=u,Ei.jsx=c,Ei.jsxs=c,Ei}var M1;function zA(){return M1||(M1=1,Mf.exports=QA()),Mf.exports}var m=zA();const YA=15,xt=0,bn=1,LA=2,ye=-2,Ut=-3,j1=-4,xn=-5,Me=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535],L2=1440,GA=0,XA=4,VA=9,ZA=5,qA=[96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,192,80,7,10,0,8,96,0,8,32,0,9,160,0,8,0,0,8,128,0,8,64,0,9,224,80,7,6,0,8,88,0,8,24,0,9,144,83,7,59,0,8,120,0,8,56,0,9,208,81,7,17,0,8,104,0,8,40,0,9,176,0,8,8,0,8,136,0,8,72,0,9,240,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,200,81,7,13,0,8,100,0,8,36,0,9,168,0,8,4,0,8,132,0,8,68,0,9,232,80,7,8,0,8,92,0,8,28,0,9,152,84,7,83,0,8,124,0,8,60,0,9,216,82,7,23,0,8,108,0,8,44,0,9,184,0,8,12,0,8,140,0,8,76,0,9,248,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,196,81,7,11,0,8,98,0,8,34,0,9,164,0,8,2,0,8,130,0,8,66,0,9,228,80,7,7,0,8,90,0,8,26,0,9,148,84,7,67,0,8,122,0,8,58,0,9,212,82,7,19,0,8,106,0,8,42,0,9,180,0,8,10,0,8,138,0,8,74,0,9,244,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,204,81,7,15,0,8,102,0,8,38,0,9,172,0,8,6,0,8,134,0,8,70,0,9,236,80,7,9,0,8,94,0,8,30,0,9,156,84,7,99,0,8,126,0,8,62,0,9,220,82,7,27,0,8,110,0,8,46,0,9,188,0,8,14,0,8,142,0,8,78,0,9,252,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,194,80,7,10,0,8,97,0,8,33,0,9,162,0,8,1,0,8,129,0,8,65,0,9,226,80,7,6,0,8,89,0,8,25,0,9,146,83,7,59,0,8,121,0,8,57,0,9,210,81,7,17,0,8,105,0,8,41,0,9,178,0,8,9,0,8,137,0,8,73,0,9,242,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,202,81,7,13,0,8,101,0,8,37,0,9,170,0,8,5,0,8,133,0,8,69,0,9,234,80,7,8,0,8,93,0,8,29,0,9,154,84,7,83,0,8,125,0,8,61,0,9,218,82,7,23,0,8,109,0,8,45,0,9,186,0,8,13,0,8,141,0,8,77,0,9,250,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,198,81,7,11,0,8,99,0,8,35,0,9,166,0,8,3,0,8,131,0,8,67,0,9,230,80,7,7,0,8,91,0,8,27,0,9,150,84,7,67,0,8,123,0,8,59,0,9,214,82,7,19,0,8,107,0,8,43,0,9,182,0,8,11,0,8,139,0,8,75,0,9,246,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,206,81,7,15,0,8,103,0,8,39,0,9,174,0,8,7,0,8,135,0,8,71,0,9,238,80,7,9,0,8,95,0,8,31,0,9,158,84,7,99,0,8,127,0,8,63,0,9,222,82,7,27,0,8,111,0,8,47,0,9,190,0,8,15,0,8,143,0,8,79,0,9,254,96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,193,80,7,10,0,8,96,0,8,32,0,9,161,0,8,0,0,8,128,0,8,64,0,9,225,80,7,6,0,8,88,0,8,24,0,9,145,83,7,59,0,8,120,0,8,56,0,9,209,81,7,17,0,8,104,0,8,40,0,9,177,0,8,8,0,8,136,0,8,72,0,9,241,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,201,81,7,13,0,8,100,0,8,36,0,9,169,0,8,4,0,8,132,0,8,68,0,9,233,80,7,8,0,8,92,0,8,28,0,9,153,84,7,83,0,8,124,0,8,60,0,9,217,82,7,23,0,8,108,0,8,44,0,9,185,0,8,12,0,8,140,0,8,76,0,9,249,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,197,81,7,11,0,8,98,0,8,34,0,9,165,0,8,2,0,8,130,0,8,66,0,9,229,80,7,7,0,8,90,0,8,26,0,9,149,84,7,67,0,8,122,0,8,58,0,9,213,82,7,19,0,8,106,0,8,42,0,9,181,0,8,10,0,8,138,0,8,74,0,9,245,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,205,81,7,15,0,8,102,0,8,38,0,9,173,0,8,6,0,8,134,0,8,70,0,9,237,80,7,9,0,8,94,0,8,30,0,9,157,84,7,99,0,8,126,0,8,62,0,9,221,82,7,27,0,8,110,0,8,46,0,9,189,0,8,14,0,8,142,0,8,78,0,9,253,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,195,80,7,10,0,8,97,0,8,33,0,9,163,0,8,1,0,8,129,0,8,65,0,9,227,80,7,6,0,8,89,0,8,25,0,9,147,83,7,59,0,8,121,0,8,57,0,9,211,81,7,17,0,8,105,0,8,41,0,9,179,0,8,9,0,8,137,0,8,73,0,9,243,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,203,81,7,13,0,8,101,0,8,37,0,9,171,0,8,5,0,8,133,0,8,69,0,9,235,80,7,8,0,8,93,0,8,29,0,9,155,84,7,83,0,8,125,0,8,61,0,9,219,82,7,23,0,8,109,0,8,45,0,9,187,0,8,13,0,8,141,0,8,77,0,9,251,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,199,81,7,11,0,8,99,0,8,35,0,9,167,0,8,3,0,8,131,0,8,67,0,9,231,80,7,7,0,8,91,0,8,27,0,9,151,84,7,67,0,8,123,0,8,59,0,9,215,82,7,19,0,8,107,0,8,43,0,9,183,0,8,11,0,8,139,0,8,75,0,9,247,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,207,81,7,15,0,8,103,0,8,39,0,9,175,0,8,7,0,8,135,0,8,71,0,9,239,80,7,9,0,8,95,0,8,31,0,9,159,84,7,99,0,8,127,0,8,63,0,9,223,82,7,27,0,8,111,0,8,47,0,9,191,0,8,15,0,8,143,0,8,79,0,9,255],IA=[80,5,1,87,5,257,83,5,17,91,5,4097,81,5,5,89,5,1025,85,5,65,93,5,16385,80,5,3,88,5,513,84,5,33,92,5,8193,82,5,9,90,5,2049,86,5,129,192,5,24577,80,5,2,87,5,385,83,5,25,91,5,6145,81,5,7,89,5,1537,85,5,97,93,5,24577,80,5,4,88,5,769,84,5,49,92,5,12289,82,5,13,90,5,3073,86,5,193,192,5,24577],KA=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],kA=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,112,112],JA=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],FA=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],ta=15;function Wf(){const l=this;let u,c,f,r,o,h;function v(A,E,S,O,X,B,b,p,x,R,U){let Z,F,j,D,N,K,J,k,nt,P,st,it,H,_,$;P=0,N=S;do f[A[E+P]]++,P++,N--;while(N!==0);if(f[0]==S)return b[0]=-1,p[0]=0,xt;for(k=p[0],K=1;K<=ta&&f[K]===0;K++);for(J=K,k<K&&(k=K),N=ta;N!==0&&f[N]===0;N--);for(j=N,k>N&&(k=N),p[0]=k,_=1<<K;K<N;K++,_<<=1)if((_-=f[K])<0)return Ut;if((_-=f[N])<0)return Ut;for(f[N]+=_,h[1]=K=0,P=1,H=2;--N!==0;)h[H]=K+=f[P],H++,P++;N=0,P=0;do(K=A[E+P])!==0&&(U[h[K]++]=N),P++;while(++N<S);for(S=h[j],h[0]=N=0,P=0,D=-1,it=-k,o[0]=0,st=0,$=0;J<=j;J++)for(Z=f[J];Z--!==0;){for(;J>it+k;){if(D++,it+=k,$=j-it,$=$>k?k:$,(F=1<<(K=J-it))>Z+1&&(F-=Z+1,H=J,K<$))for(;++K<$&&!((F<<=1)<=f[++H]);)F-=f[H];if($=1<<K,R[0]+$>L2)return Ut;o[D]=st=R[0],R[0]+=$,D!==0?(h[D]=N,r[0]=K,r[1]=k,K=N>>>it-k,r[2]=st-o[D-1]-K,x.set(r,(o[D-1]+K)*3)):b[0]=st}for(r[1]=J-it,P>=S?r[0]=192:U[P]<O?(r[0]=U[P]<256?0:96,r[2]=U[P++]):(r[0]=B[U[P]-O]+16+64,r[2]=X[U[P++]-O]),F=1<<J-it,K=N>>>it;K<$;K+=F)x.set(r,(st+K)*3);for(K=1<<J-1;(N&K)!==0;K>>>=1)N^=K;for(N^=K,nt=(1<<it)-1;(N&nt)!=h[D];)D--,it-=k,nt=(1<<it)-1}return _!==0&&j!=1?xn:xt}function y(A){let E;for(u||(u=[],c=[],f=new Int32Array(ta+1),r=[],o=new Int32Array(ta),h=new Int32Array(ta+1)),c.length<A&&(c=[]),E=0;E<A;E++)c[E]=0;for(E=0;E<ta+1;E++)f[E]=0;for(E=0;E<3;E++)r[E]=0;o.set(f.subarray(0,ta),0),h.set(f.subarray(0,ta+1),0)}l.inflate_trees_bits=function(A,E,S,O,X){let B;return y(19),u[0]=0,B=v(A,0,19,19,null,null,S,E,O,u,c),B==Ut?X.msg="oversubscribed dynamic bit lengths tree":(B==xn||E[0]===0)&&(X.msg="incomplete dynamic bit lengths tree",B=Ut),B},l.inflate_trees_dynamic=function(A,E,S,O,X,B,b,p,x){let R;return y(288),u[0]=0,R=v(S,0,A,257,KA,kA,B,O,p,u,c),R!=xt||O[0]===0?(R==Ut?x.msg="oversubscribed literal/length tree":R!=j1&&(x.msg="incomplete literal/length tree",R=Ut),R):(y(288),R=v(S,A,E,0,JA,FA,b,X,p,u,c),R!=xt||X[0]===0&&A>257?(R==Ut?x.msg="oversubscribed distance tree":R==xn?(x.msg="incomplete distance tree",R=Ut):R!=j1&&(x.msg="empty distance tree with lengths",R=Ut),R):xt)}}Wf.inflate_trees_fixed=function(l,u,c,f){return l[0]=VA,u[0]=ZA,c[0]=qA,f[0]=IA,xt};const Pu=0,H1=1,N1=2,B1=3,U1=4,Q1=5,z1=6,jf=7,Y1=8,$u=9;function WA(){const l=this;let u,c=0,f,r=0,o=0,h=0,v=0,y=0,A=0,E=0,S,O=0,X,B=0;function b(p,x,R,U,Z,F,j,D){let N,K,J,k,nt,P,st,it,H,_,$,ht,tt,C,L,W;st=D.next_in_index,it=D.avail_in,nt=j.bitb,P=j.bitk,H=j.write,_=H<j.read?j.read-H-1:j.end-H,$=Me[p],ht=Me[x];do{for(;P<20;)it--,nt|=(D.read_byte(st++)&255)<<P,P+=8;if(N=nt&$,K=R,J=U,W=(J+N)*3,(k=K[W])===0){nt>>=K[W+1],P-=K[W+1],j.win[H++]=K[W+2],_--;continue}do{if(nt>>=K[W+1],P-=K[W+1],(k&16)!==0){for(k&=15,tt=K[W+2]+(nt&Me[k]),nt>>=k,P-=k;P<15;)it--,nt|=(D.read_byte(st++)&255)<<P,P+=8;N=nt&ht,K=Z,J=F,W=(J+N)*3,k=K[W];do if(nt>>=K[W+1],P-=K[W+1],(k&16)!==0){for(k&=15;P<k;)it--,nt|=(D.read_byte(st++)&255)<<P,P+=8;if(C=K[W+2]+(nt&Me[k]),nt>>=k,P-=k,_-=tt,H>=C)L=H-C,H-L>0&&2>H-L?(j.win[H++]=j.win[L++],j.win[H++]=j.win[L++],tt-=2):(j.win.set(j.win.subarray(L,L+2),H),H+=2,L+=2,tt-=2);else{L=H-C;do L+=j.end;while(L<0);if(k=j.end-L,tt>k){if(tt-=k,H-L>0&&k>H-L)do j.win[H++]=j.win[L++];while(--k!==0);else j.win.set(j.win.subarray(L,L+k),H),H+=k,L+=k,k=0;L=0}}if(H-L>0&&tt>H-L)do j.win[H++]=j.win[L++];while(--tt!==0);else j.win.set(j.win.subarray(L,L+tt),H),H+=tt,L+=tt,tt=0;break}else if((k&64)===0)N+=K[W+2],N+=nt&Me[k],W=(J+N)*3,k=K[W];else return D.msg="invalid distance code",tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,Ut;while(!0);break}if((k&64)===0){if(N+=K[W+2],N+=nt&Me[k],W=(J+N)*3,(k=K[W])===0){nt>>=K[W+1],P-=K[W+1],j.win[H++]=K[W+2],_--;break}}else return(k&32)!==0?(tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,bn):(D.msg="invalid literal/length code",tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,Ut)}while(!0)}while(_>=258&&it>=10);return tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,xt}l.init=function(p,x,R,U,Z,F){u=Pu,A=p,E=x,S=R,O=U,X=Z,B=F,f=null},l.proc=function(p,x,R){let U,Z,F,j=0,D=0,N=0,K,J,k,nt;for(N=x.next_in_index,K=x.avail_in,j=p.bitb,D=p.bitk,J=p.write,k=J<p.read?p.read-J-1:p.end-J;;)switch(u){case Pu:if(k>=258&&K>=10&&(p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,R=b(A,E,S,O,X,B,p,x),N=x.next_in_index,K=x.avail_in,j=p.bitb,D=p.bitk,J=p.write,k=J<p.read?p.read-J-1:p.end-J,R!=xt)){u=R==bn?jf:$u;break}o=A,f=S,r=O,u=H1;case H1:for(U=o;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}if(Z=(r+(j&Me[U]))*3,j>>>=f[Z+1],D-=f[Z+1],F=f[Z],F===0){h=f[Z+2],u=z1;break}if((F&16)!==0){v=F&15,c=f[Z+2],u=N1;break}if((F&64)===0){o=F,r=Z/3+f[Z+2];break}if((F&32)!==0){u=jf;break}return u=$u,x.msg="invalid literal/length code",R=Ut,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);case N1:for(U=v;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}c+=j&Me[U],j>>=U,D-=U,o=E,f=X,r=B,u=B1;case B1:for(U=o;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}if(Z=(r+(j&Me[U]))*3,j>>=f[Z+1],D-=f[Z+1],F=f[Z],(F&16)!==0){v=F&15,y=f[Z+2],u=U1;break}if((F&64)===0){o=F,r=Z/3+f[Z+2];break}return u=$u,x.msg="invalid distance code",R=Ut,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);case U1:for(U=v;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}y+=j&Me[U],j>>=U,D-=U,u=Q1;case Q1:for(nt=J-y;nt<0;)nt+=p.end;for(;c!==0;){if(k===0&&(J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0&&(p.write=J,R=p.inflate_flush(x,R),J=p.write,k=J<p.read?p.read-J-1:p.end-J,J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0)))return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);p.win[J++]=p.win[nt++],k--,nt==p.end&&(nt=0),c--}u=Pu;break;case z1:if(k===0&&(J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0&&(p.write=J,R=p.inflate_flush(x,R),J=p.write,k=J<p.read?p.read-J-1:p.end-J,J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0)))return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);R=xt,p.win[J++]=h,k--,u=Pu;break;case jf:if(D>7&&(D-=8,K++,N--),p.write=J,R=p.inflate_flush(x,R),J=p.write,k=J<p.read?p.read-J-1:p.end-J,p.read!=p.write)return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);u=Y1;case Y1:return R=bn,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);case $u:return R=Ut,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);default:return R=ye,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R)}},l.free=function(){}}const L1=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],bl=0,Hf=1,G1=2,X1=3,V1=4,Z1=5,tc=6,ec=7,q1=8,Da=9;function _A(l,u){const c=this;let f=bl,r=0,o=0,h=0,v;const y=[0],A=[0],E=new WA;let S=0,O=new Int32Array(L2*3);const X=0,B=new Wf;c.bitk=0,c.bitb=0,c.win=new Uint8Array(u),c.end=u,c.read=0,c.write=0,c.reset=function(b,p){p&&(p[0]=X),f==tc&&E.free(b),f=bl,c.bitk=0,c.bitb=0,c.read=c.write=0},c.reset(l,null),c.inflate_flush=function(b,p){let x,R,U;return R=b.next_out_index,U=c.read,x=(U<=c.write?c.write:c.end)-U,x>b.avail_out&&(x=b.avail_out),x!==0&&p==xn&&(p=xt),b.avail_out-=x,b.total_out+=x,b.next_out.set(c.win.subarray(U,U+x),R),R+=x,U+=x,U==c.end&&(U=0,c.write==c.end&&(c.write=0),x=c.write-U,x>b.avail_out&&(x=b.avail_out),x!==0&&p==xn&&(p=xt),b.avail_out-=x,b.total_out+=x,b.next_out.set(c.win.subarray(U,U+x),R),R+=x,U+=x),b.next_out_index=R,c.read=U,p},c.proc=function(b,p){let x,R,U,Z,F,j,D,N;for(Z=b.next_in_index,F=b.avail_in,R=c.bitb,U=c.bitk,j=c.write,D=j<c.read?c.read-j-1:c.end-j;;){let K,J,k,nt,P,st,it,H;switch(f){case bl:for(;U<3;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}switch(x=R&7,S=x&1,x>>>1){case 0:R>>>=3,U-=3,x=U&7,R>>>=x,U-=x,f=Hf;break;case 1:K=[],J=[],k=[[]],nt=[[]],Wf.inflate_trees_fixed(K,J,k,nt),E.init(K[0],J[0],k[0],0,nt[0],0),R>>>=3,U-=3,f=tc;break;case 2:R>>>=3,U-=3,f=X1;break;case 3:return R>>>=3,U-=3,f=Da,b.msg="invalid block type",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p)}break;case Hf:for(;U<32;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if((~R>>>16&65535)!=(R&65535))return f=Da,b.msg="invalid stored block lengths",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);r=R&65535,R=U=0,f=r!==0?G1:S!==0?ec:bl;break;case G1:if(F===0||D===0&&(j==c.end&&c.read!==0&&(j=0,D=j<c.read?c.read-j-1:c.end-j),D===0&&(c.write=j,p=c.inflate_flush(b,p),j=c.write,D=j<c.read?c.read-j-1:c.end-j,j==c.end&&c.read!==0&&(j=0,D=j<c.read?c.read-j-1:c.end-j),D===0)))return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);if(p=xt,x=r,x>F&&(x=F),x>D&&(x=D),c.win.set(b.read_buf(Z,x),j),Z+=x,F-=x,j+=x,D-=x,(r-=x)!==0)break;f=S!==0?ec:bl;break;case X1:for(;U<14;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if(o=x=R&16383,(x&31)>29||(x>>5&31)>29)return f=Da,b.msg="too many length or distance symbols",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);if(x=258+(x&31)+(x>>5&31),!v||v.length<x)v=[];else for(N=0;N<x;N++)v[N]=0;R>>>=14,U-=14,h=0,f=V1;case V1:for(;h<4+(o>>>10);){for(;U<3;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}v[L1[h++]]=R&7,R>>>=3,U-=3}for(;h<19;)v[L1[h++]]=0;if(y[0]=7,x=B.inflate_trees_bits(v,y,A,O,b),x!=xt)return p=x,p==Ut&&(v=null,f=Da),c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);h=0,f=Z1;case Z1:for(;x=o,!(h>=258+(x&31)+(x>>5&31));){let _,$;for(x=y[0];U<x;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if(x=O[(A[0]+(R&Me[x]))*3+1],$=O[(A[0]+(R&Me[x]))*3+2],$<16)R>>>=x,U-=x,v[h++]=$;else{for(N=$==18?7:$-14,_=$==18?11:3;U<x+N;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if(R>>>=x,U-=x,_+=R&Me[N],R>>>=N,U-=N,N=h,x=o,N+_>258+(x&31)+(x>>5&31)||$==16&&N<1)return v=null,f=Da,b.msg="invalid bit length repeat",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);$=$==16?v[N-1]:0;do v[N++]=$;while(--_!==0);h=N}}if(A[0]=-1,P=[],st=[],it=[],H=[],P[0]=9,st[0]=6,x=o,x=B.inflate_trees_dynamic(257+(x&31),1+(x>>5&31),v,P,st,it,H,O,b),x!=xt)return x==Ut&&(v=null,f=Da),p=x,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);E.init(P[0],st[0],O,it[0],O,H[0]),f=tc;case tc:if(c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,(p=E.proc(c,b,p))!=bn)return c.inflate_flush(b,p);if(p=xt,E.free(b),Z=b.next_in_index,F=b.avail_in,R=c.bitb,U=c.bitk,j=c.write,D=j<c.read?c.read-j-1:c.end-j,S===0){f=bl;break}f=ec;case ec:if(c.write=j,p=c.inflate_flush(b,p),j=c.write,D=j<c.read?c.read-j-1:c.end-j,c.read!=c.write)return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);f=q1;case q1:return p=bn,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);case Da:return p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);default:return p=ye,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p)}}},c.free=function(b){c.reset(b,null),c.win=null,O=null},c.set_dictionary=function(b,p,x){c.win.set(b.subarray(p,p+x),0),c.read=c.write=x},c.sync_point=function(){return f==Hf?1:0}}const PA=32,$A=8,t8=0,I1=1,K1=2,k1=3,J1=4,F1=5,Nf=6,pi=7,W1=12,ea=13,e8=[0,0,255,255];function n8(){const l=this;l.mode=0,l.method=0,l.was=[0],l.need=0,l.marker=0,l.wbits=0;function u(c){return!c||!c.istate?ye:(c.total_in=c.total_out=0,c.msg=null,c.istate.mode=pi,c.istate.blocks.reset(c,null),xt)}l.inflateEnd=function(c){return l.blocks&&l.blocks.free(c),l.blocks=null,xt},l.inflateInit=function(c,f){return c.msg=null,l.blocks=null,f<8||f>15?(l.inflateEnd(c),ye):(l.wbits=f,c.istate.blocks=new _A(c,1<<f),u(c),xt)},l.inflate=function(c,f){let r,o;if(!c||!c.istate||!c.next_in)return ye;const h=c.istate;for(f=f==XA?xn:xt,r=xn;;)switch(h.mode){case t8:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,((h.method=c.read_byte(c.next_in_index++))&15)!=$A){h.mode=ea,c.msg="unknown compression method",h.marker=5;break}if((h.method>>4)+8>h.wbits){h.mode=ea,c.msg="invalid win size",h.marker=5;break}h.mode=I1;case I1:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,o=c.read_byte(c.next_in_index++)&255,((h.method<<8)+o)%31!==0){h.mode=ea,c.msg="incorrect header check",h.marker=5;break}if((o&PA)===0){h.mode=pi;break}h.mode=K1;case K1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need=(c.read_byte(c.next_in_index++)&255)<<24&4278190080,h.mode=k1;case k1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need+=(c.read_byte(c.next_in_index++)&255)<<16&16711680,h.mode=J1;case J1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need+=(c.read_byte(c.next_in_index++)&255)<<8&65280,h.mode=F1;case F1:return c.avail_in===0?r:(r=f,c.avail_in--,c.total_in++,h.need+=c.read_byte(c.next_in_index++)&255,h.mode=Nf,LA);case Nf:return h.mode=ea,c.msg="need dictionary",h.marker=0,ye;case pi:if(r=h.blocks.proc(c,r),r==Ut){h.mode=ea,h.marker=0;break}if(r==xt&&(r=f),r!=bn)return r;r=f,h.blocks.reset(c,h.was),h.mode=W1;case W1:return c.avail_in=0,bn;case ea:return Ut;default:return ye}},l.inflateSetDictionary=function(c,f,r){let o=0,h=r;if(!c||!c.istate||c.istate.mode!=Nf)return ye;const v=c.istate;return h>=1<<v.wbits&&(h=(1<<v.wbits)-1,o=r-h),v.blocks.set_dictionary(f,o,h),v.mode=pi,xt},l.inflateSync=function(c){let f,r,o,h,v;if(!c||!c.istate)return ye;const y=c.istate;if(y.mode!=ea&&(y.mode=ea,y.marker=0),(f=c.avail_in)===0)return xn;for(r=c.next_in_index,o=y.marker;f!==0&&o<4;)c.read_byte(r)==e8[o]?o++:c.read_byte(r)!==0?o=0:o=4-o,r++,f--;return c.total_in+=r-c.next_in_index,c.next_in_index=r,c.avail_in=f,y.marker=o,o!=4?Ut:(h=c.total_in,v=c.total_out,u(c),c.total_in=h,c.total_out=v,y.mode=pi,xt)},l.inflateSyncPoint=function(c){return!c||!c.istate||!c.istate.blocks?ye:c.istate.blocks.sync_point()}}function G2(){}G2.prototype={inflateInit(l){const u=this;return u.istate=new n8,l||(l=YA),u.istate.inflateInit(u,l)},inflate(l){const u=this;return u.istate?u.istate.inflate(u,l):ye},inflateEnd(){const l=this;if(!l.istate)return ye;const u=l.istate.inflateEnd(l);return l.istate=null,u},inflateSync(){const l=this;return l.istate?l.istate.inflateSync(l):ye},inflateSetDictionary(l,u){const c=this;return c.istate?c.istate.inflateSetDictionary(c,l,u):ye},read_byte(l){return this.next_in[l]},read_buf(l,u){return this.next_in.subarray(l,l+u)}};function a8(l){const u=this,c=new G2,f=l&&l.chunkSize?Math.floor(l.chunkSize*2):128*1024,r=GA,o=new Uint8Array(f);let h=!1;c.inflateInit(),c.next_out=o,u.append=function(v,y){const A=[];let E,S,O=0,X=0,B=0;if(v.length!==0){c.next_in_index=0,c.next_in=v,c.avail_in=v.length;do{if(c.next_out_index=0,c.avail_out=f,c.avail_in===0&&!h&&(c.next_in_index=0,h=!0),E=c.inflate(r),h&&E===xn){if(c.avail_in!==0)throw new Error("inflating: bad input")}else if(E!==xt&&E!==bn)throw new Error("inflating: "+c.msg);if((h||E===bn)&&c.avail_in===v.length)throw new Error("inflating: bad input");c.next_out_index&&(c.next_out_index===f?A.push(new Uint8Array(o)):A.push(o.subarray(0,c.next_out_index))),B+=c.next_out_index,y&&c.next_in_index>0&&c.next_in_index!=O&&(y(c.next_in_index),O=c.next_in_index)}while(c.avail_in>0||c.avail_out===0);return A.length>1?(S=new Uint8Array(B),A.forEach(function(b){S.set(b,X),X+=b.length})):S=A[0]?new Uint8Array(A[0]):new Uint8Array,S}},u.flush=function(){c.inflateEnd()}}const ja=4294967295,la=65535,l8=8,i8=0,u8=99,c8=67324752,X2=134695760,s8=X2,_1=33639248,f8=101010256,P1=101075792,r8=117853008,pn=22,Bf=20,Uf=56,o8=12,d8=20,$1=4,h8=1,m8=39169,g8=10,A8=1,v8=21589,y8=28789,E8=25461,p8=6534,t2=1,b8=6,e2=8,n2=2048,a2=16,x8=61440,S8=16384,T8=73,l2="/",Qf=30,C8=10,O8=14,w8=18,Jt=void 0,sa="undefined",Mi="function";class i2{constructor(u){return class extends TransformStream{constructor(c,f){const r=new u(f);super({transform(o,h){h.enqueue(r.append(o))},flush(o){const h=r.flush();h&&o.enqueue(h)}})}}}}const R8=64;let V2=2;try{typeof navigator!=sa&&navigator.hardwareConcurrency&&(V2=navigator.hardwareConcurrency)}catch{}const D8={chunkSize:512*1024,maxWorkers:V2,terminateWorkerTimeout:5e3,useWebWorkers:!0,useCompressionStream:!0,workerScripts:Jt,CompressionStreamNative:typeof CompressionStream!=sa&&CompressionStream,DecompressionStreamNative:typeof DecompressionStream!=sa&&DecompressionStream},ia=Object.assign({},D8);function Z2(){return ia}function M8(l){return Math.max(l.chunkSize,R8)}function q2(l){const{baseURL:u,chunkSize:c,maxWorkers:f,terminateWorkerTimeout:r,useCompressionStream:o,useWebWorkers:h,Deflate:v,Inflate:y,CompressionStream:A,DecompressionStream:E,workerScripts:S}=l;if(na("baseURL",u),na("chunkSize",c),na("maxWorkers",f),na("terminateWorkerTimeout",r),na("useCompressionStream",o),na("useWebWorkers",h),v&&(ia.CompressionStream=new i2(v)),y&&(ia.DecompressionStream=new i2(y)),na("CompressionStream",A),na("DecompressionStream",E),S!==Jt){const{deflate:O,inflate:X}=S;if((O||X)&&(ia.workerScripts||(ia.workerScripts={})),O){if(!Array.isArray(O))throw new Error("workerScripts.deflate must be an array");ia.workerScripts.deflate=O}if(X){if(!Array.isArray(X))throw new Error("workerScripts.inflate must be an array");ia.workerScripts.inflate=X}}}function na(l,u){u!==Jt&&(ia[l]=u)}function j8(){return"application/octet-stream"}const I2=[];for(let l=0;l<256;l++){let u=l;for(let c=0;c<8;c++)u&1?u=u>>>1^3988292384:u=u>>>1;I2[l]=u}class cc{constructor(u){this.crc=u||-1}append(u){let c=this.crc|0;for(let f=0,r=u.length|0;f<r;f++)c=c>>>8^I2[(c^u[f])&255];this.crc=c}get(){return~this.crc}}class K2 extends TransformStream{constructor(){let u;const c=new cc;super({transform(f,r){c.append(f),r.enqueue(f)},flush(){const f=new Uint8Array(4);new DataView(f.buffer).setUint32(0,c.get()),u.value=f}}),u=this}}function H8(l){if(typeof TextEncoder==sa){l=unescape(encodeURIComponent(l));const u=new Uint8Array(l.length);for(let c=0;c<u.length;c++)u[c]=l.charCodeAt(c);return u}else return new TextEncoder().encode(l)}const re={concat(l,u){if(l.length===0||u.length===0)return l.concat(u);const c=l[l.length-1],f=re.getPartial(c);return f===32?l.concat(u):re._shiftRight(u,f,c|0,l.slice(0,l.length-1))},bitLength(l){const u=l.length;if(u===0)return 0;const c=l[u-1];return(u-1)*32+re.getPartial(c)},clamp(l,u){if(l.length*32<u)return l;l=l.slice(0,Math.ceil(u/32));const c=l.length;return u=u&31,c>0&&u&&(l[c-1]=re.partial(u,l[c-1]&2147483648>>u-1,1)),l},partial(l,u,c){return l===32?u:(c?u|0:u<<32-l)+l*1099511627776},getPartial(l){return Math.round(l/1099511627776)||32},_shiftRight(l,u,c,f){for(f===void 0&&(f=[]);u>=32;u-=32)f.push(c),c=0;if(u===0)return f.concat(l);for(let h=0;h<l.length;h++)f.push(c|l[h]>>>u),c=l[h]<<32-u;const r=l.length?l[l.length-1]:0,o=re.getPartial(r);return f.push(re.partial(u+o&31,u+o>32?c:f.pop(),1)),f}},sc={bytes:{fromBits(l){const c=re.bitLength(l)/8,f=new Uint8Array(c);let r;for(let o=0;o<c;o++)(o&3)===0&&(r=l[o/4]),f[o]=r>>>24,r<<=8;return f},toBits(l){const u=[];let c,f=0;for(c=0;c<l.length;c++)f=f<<8|l[c],(c&3)===3&&(u.push(f),f=0);return c&3&&u.push(re.partial(8*(c&3),f)),u}}},k2={};k2.sha1=class{constructor(l){const u=this;u.blockSize=512,u._init=[1732584193,4023233417,2562383102,271733878,3285377520],u._key=[1518500249,1859775393,2400959708,3395469782],l?(u._h=l._h.slice(0),u._buffer=l._buffer.slice(0),u._length=l._length):u.reset()}reset(){const l=this;return l._h=l._init.slice(0),l._buffer=[],l._length=0,l}update(l){const u=this;typeof l=="string"&&(l=sc.utf8String.toBits(l));const c=u._buffer=re.concat(u._buffer,l),f=u._length,r=u._length=f+re.bitLength(l);if(r>9007199254740991)throw new Error("Cannot hash more than 2^53 - 1 bits");const o=new Uint32Array(c);let h=0;for(let v=u.blockSize+f-(u.blockSize+f&u.blockSize-1);v<=r;v+=u.blockSize)u._block(o.subarray(16*h,16*(h+1))),h+=1;return c.splice(0,16*h),u}finalize(){const l=this;let u=l._buffer;const c=l._h;u=re.concat(u,[re.partial(1,1)]);for(let f=u.length+2;f&15;f++)u.push(0);for(u.push(Math.floor(l._length/4294967296)),u.push(l._length|0);u.length;)l._block(u.splice(0,16));return l.reset(),c}_f(l,u,c,f){if(l<=19)return u&c|~u&f;if(l<=39)return u^c^f;if(l<=59)return u&c|u&f|c&f;if(l<=79)return u^c^f}_S(l,u){return u<<l|u>>>32-l}_block(l){const u=this,c=u._h,f=Array(80);for(let A=0;A<16;A++)f[A]=l[A];let r=c[0],o=c[1],h=c[2],v=c[3],y=c[4];for(let A=0;A<=79;A++){A>=16&&(f[A]=u._S(1,f[A-3]^f[A-8]^f[A-14]^f[A-16]));const E=u._S(5,r)+u._f(A,o,h,v)+y+f[A]+u._key[Math.floor(A/20)]|0;y=v,v=h,h=u._S(30,o),o=r,r=E}c[0]=c[0]+r|0,c[1]=c[1]+o|0,c[2]=c[2]+h|0,c[3]=c[3]+v|0,c[4]=c[4]+y|0}};const J2={};J2.aes=class{constructor(l){const u=this;u._tables=[[[],[],[],[],[]],[[],[],[],[],[]]],u._tables[0][0][0]||u._precompute();const c=u._tables[0][4],f=u._tables[1],r=l.length;let o,h,v,y=1;if(r!==4&&r!==6&&r!==8)throw new Error("invalid aes key size");for(u._key=[h=l.slice(0),v=[]],o=r;o<4*r+28;o++){let A=h[o-1];(o%r===0||r===8&&o%r===4)&&(A=c[A>>>24]<<24^c[A>>16&255]<<16^c[A>>8&255]<<8^c[A&255],o%r===0&&(A=A<<8^A>>>24^y<<24,y=y<<1^(y>>7)*283)),h[o]=h[o-r]^A}for(let A=0;o;A++,o--){const E=h[A&3?o:o-4];o<=4||A<4?v[A]=E:v[A]=f[0][c[E>>>24]]^f[1][c[E>>16&255]]^f[2][c[E>>8&255]]^f[3][c[E&255]]}}encrypt(l){return this._crypt(l,0)}decrypt(l){return this._crypt(l,1)}_precompute(){const l=this._tables[0],u=this._tables[1],c=l[4],f=u[4],r=[],o=[];let h,v,y,A;for(let E=0;E<256;E++)o[(r[E]=E<<1^(E>>7)*283)^E]=E;for(let E=h=0;!c[E];E^=v||1,h=o[h]||1){let S=h^h<<1^h<<2^h<<3^h<<4;S=S>>8^S&255^99,c[E]=S,f[S]=E,A=r[y=r[v=r[E]]];let O=A*16843009^y*65537^v*257^E*16843008,X=r[S]*257^S*16843008;for(let B=0;B<4;B++)l[B][E]=X=X<<24^X>>>8,u[B][S]=O=O<<24^O>>>8}for(let E=0;E<5;E++)l[E]=l[E].slice(0),u[E]=u[E].slice(0)}_crypt(l,u){if(l.length!==4)throw new Error("invalid aes block size");const c=this._key[u],f=c.length/4-2,r=[0,0,0,0],o=this._tables[u],h=o[0],v=o[1],y=o[2],A=o[3],E=o[4];let S=l[0]^c[0],O=l[u?3:1]^c[1],X=l[2]^c[2],B=l[u?1:3]^c[3],b=4,p,x,R;for(let U=0;U<f;U++)p=h[S>>>24]^v[O>>16&255]^y[X>>8&255]^A[B&255]^c[b],x=h[O>>>24]^v[X>>16&255]^y[B>>8&255]^A[S&255]^c[b+1],R=h[X>>>24]^v[B>>16&255]^y[S>>8&255]^A[O&255]^c[b+2],B=h[B>>>24]^v[S>>16&255]^y[O>>8&255]^A[X&255]^c[b+3],b+=4,S=p,O=x,X=R;for(let U=0;U<4;U++)r[u?3&-U:U]=E[S>>>24]<<24^E[O>>16&255]<<16^E[X>>8&255]<<8^E[B&255]^c[b++],p=S,S=O,O=X,X=B,B=p;return r}};const N8={getRandomValues(l){const u=new Uint32Array(l.buffer),c=f=>{let r=987654321;const o=4294967295;return function(){return r=36969*(r&65535)+(r>>16)&o,f=18e3*(f&65535)+(f>>16)&o,(((r<<16)+f&o)/4294967296+.5)*(Math.random()>.5?1:-1)}};for(let f=0,r;f<l.length;f+=4){const o=c((r||Math.random())*4294967296);r=o()*987654071,u[f/4]=o()*4294967296|0}return l}},F2={};F2.ctrGladman=class{constructor(l,u){this._prf=l,this._initIv=u,this._iv=u}reset(){this._iv=this._initIv}update(l){return this.calculate(this._prf,l,this._iv)}incWord(l){if((l>>24&255)===255){let u=l>>16&255,c=l>>8&255,f=l&255;u===255?(u=0,c===255?(c=0,f===255?f=0:++f):++c):++u,l=0,l+=u<<16,l+=c<<8,l+=f}else l+=1<<24;return l}incCounter(l){(l[0]=this.incWord(l[0]))===0&&(l[1]=this.incWord(l[1]))}calculate(l,u,c){let f;if(!(f=u.length))return[];const r=re.bitLength(u);for(let o=0;o<f;o+=4){this.incCounter(c);const h=l.encrypt(c);u[o]^=h[0],u[o+1]^=h[1],u[o+2]^=h[2],u[o+3]^=h[3]}return re.clamp(u,r)}};const Ha={importKey(l){return new Ha.hmacSha1(sc.bytes.toBits(l))},pbkdf2(l,u,c,f){if(c=c||1e4,f<0||c<0)throw new Error("invalid params to pbkdf2");const r=(f>>5)+1<<2;let o,h,v,y,A;const E=new ArrayBuffer(r),S=new DataView(E);let O=0;const X=re;for(u=sc.bytes.toBits(u),A=1;O<(r||1);A++){for(o=h=l.encrypt(X.concat(u,[A])),v=1;v<c;v++)for(h=l.encrypt(h),y=0;y<h.length;y++)o[y]^=h[y];for(v=0;O<(r||1)&&v<o.length;v++)S.setInt32(O,o[v]),O+=4}return E.slice(0,f/8)}};Ha.hmacSha1=class{constructor(l){const u=this,c=u._hash=k2.sha1,f=[[],[]];u._baseHash=[new c,new c];const r=u._baseHash[0].blockSize/32;l.length>r&&(l=new c().update(l).finalize());for(let o=0;o<r;o++)f[0][o]=l[o]^909522486,f[1][o]=l[o]^1549556828;u._baseHash[0].update(f[0]),u._baseHash[1].update(f[1]),u._resultHash=new c(u._baseHash[0])}reset(){const l=this;l._resultHash=new l._hash(l._baseHash[0]),l._updated=!1}update(l){const u=this;u._updated=!0,u._resultHash.update(l)}digest(){const l=this,u=l._resultHash.finalize(),c=new l._hash(l._baseHash[1]).update(u).finalize();return l.reset(),c}encrypt(l){if(this._updated)throw new Error("encrypt on already updated hmac called!");return this.update(l),this.digest(l)}};const B8=typeof crypto!=sa&&typeof crypto.getRandomValues==Mi,rr="Invalid password",or="Invalid signature",dr="zipjs-abort-check-password";function W2(l){return B8?crypto.getRandomValues(l):N8.getRandomValues(l)}const xl=16,U8="raw",_2={name:"PBKDF2"},Q8={name:"HMAC"},z8="SHA-1",Y8=Object.assign({hash:Q8},_2),_f=Object.assign({iterations:1e3,hash:{name:z8}},_2),L8=["deriveBits"],Ci=[8,12,16],bi=[16,24,32],aa=10,G8=[0,0,0,0],oc=typeof crypto!=sa,ji=oc&&crypto.subtle,P2=oc&&typeof ji!=sa,Pe=sc.bytes,X8=J2.aes,V8=F2.ctrGladman,Z8=Ha.hmacSha1;let u2=oc&&P2&&typeof ji.importKey==Mi,c2=oc&&P2&&typeof ji.deriveBits==Mi;class q8 extends TransformStream{constructor({password:u,rawPassword:c,signed:f,encryptionStrength:r,checkPasswordOnly:o}){super({start(){Object.assign(this,{ready:new Promise(h=>this.resolveReady=h),password:eh(u,c),signed:f,strength:r-1,pending:new Uint8Array})},async transform(h,v){const y=this,{password:A,strength:E,resolveReady:S,ready:O}=y;A?(await K8(y,E,A,Xe(h,0,Ci[E]+2)),h=Xe(h,Ci[E]+2),o?v.error(new Error(dr)):S()):await O;const X=new Uint8Array(h.length-aa-(h.length-aa)%xl);v.enqueue($2(y,h,X,0,aa,!0))},async flush(h){const{signed:v,ctr:y,hmac:A,pending:E,ready:S}=this;if(A&&y){await S;const O=Xe(E,0,E.length-aa),X=Xe(E,E.length-aa);let B=new Uint8Array;if(O.length){const b=wi(Pe,O);A.update(b);const p=y.update(b);B=Oi(Pe,p)}if(v){const b=Xe(Oi(Pe,A.digest()),0,aa);for(let p=0;p<aa;p++)if(b[p]!=X[p])throw new Error(or)}h.enqueue(B)}}})}}class I8 extends TransformStream{constructor({password:u,rawPassword:c,encryptionStrength:f}){let r;super({start(){Object.assign(this,{ready:new Promise(o=>this.resolveReady=o),password:eh(u,c),strength:f-1,pending:new Uint8Array})},async transform(o,h){const v=this,{password:y,strength:A,resolveReady:E,ready:S}=v;let O=new Uint8Array;y?(O=await k8(v,A,y),E()):await S;const X=new Uint8Array(O.length+o.length-o.length%xl);X.set(O,0),h.enqueue($2(v,o,X,O.length,0))},async flush(o){const{ctr:h,hmac:v,pending:y,ready:A}=this;if(v&&h){await A;let E=new Uint8Array;if(y.length){const S=h.update(wi(Pe,y));v.update(S),E=Oi(Pe,S)}r.signature=Oi(Pe,v.digest()).slice(0,aa),o.enqueue(hr(E,r.signature))}}}),r=this}}function $2(l,u,c,f,r,o){const{ctr:h,hmac:v,pending:y}=l,A=u.length-r;y.length&&(u=hr(y,u),c=W8(c,A-A%xl));let E;for(E=0;E<=A-xl;E+=xl){const S=wi(Pe,Xe(u,E,E+xl));o&&v.update(S);const O=h.update(S);o||v.update(O),c.set(Oi(Pe,O),E+f)}return l.pending=Xe(u,E),c}async function K8(l,u,c,f){const r=await th(l,u,c,Xe(f,0,Ci[u])),o=Xe(f,Ci[u]);if(r[0]!=o[0]||r[1]!=o[1])throw new Error(rr)}async function k8(l,u,c){const f=W2(new Uint8Array(Ci[u])),r=await th(l,u,c,f);return hr(f,r)}async function th(l,u,c,f){l.password=null;const r=await J8(U8,c,Y8,!1,L8),o=await F8(Object.assign({salt:f},_f),r,8*(bi[u]*2+2)),h=new Uint8Array(o),v=wi(Pe,Xe(h,0,bi[u])),y=wi(Pe,Xe(h,bi[u],bi[u]*2)),A=Xe(h,bi[u]*2);return Object.assign(l,{keys:{key:v,authentication:y,passwordVerification:A},ctr:new V8(new X8(v),Array.from(G8)),hmac:new Z8(y)}),A}async function J8(l,u,c,f,r){if(u2)try{return await ji.importKey(l,u,c,f,r)}catch{return u2=!1,Ha.importKey(u)}else return Ha.importKey(u)}async function F8(l,u,c){if(c2)try{return await ji.deriveBits(l,u,c)}catch{return c2=!1,Ha.pbkdf2(u,l.salt,_f.iterations,c)}else return Ha.pbkdf2(u,l.salt,_f.iterations,c)}function eh(l,u){return u===Jt?H8(l):u}function hr(l,u){let c=l;return l.length+u.length&&(c=new Uint8Array(l.length+u.length),c.set(l,0),c.set(u,l.length)),c}function W8(l,u){if(u&&u>l.length){const c=l;l=new Uint8Array(u),l.set(c,0)}return l}function Xe(l,u,c){return l.subarray(u,c)}function Oi(l,u){return l.fromBits(u)}function wi(l,u){return l.toBits(u)}const Ti=12;class _8 extends TransformStream{constructor({password:u,passwordVerification:c,checkPasswordOnly:f}){super({start(){Object.assign(this,{password:u,passwordVerification:c}),nh(this,u)},transform(r,o){const h=this;if(h.password){const v=s2(h,r.subarray(0,Ti));if(h.password=null,v.at(-1)!=h.passwordVerification)throw new Error(rr);r=r.subarray(Ti)}f?o.error(new Error(dr)):o.enqueue(s2(h,r))}})}}class P8 extends TransformStream{constructor({password:u,passwordVerification:c}){super({start(){Object.assign(this,{password:u,passwordVerification:c}),nh(this,u)},transform(f,r){const o=this;let h,v;if(o.password){o.password=null;const y=W2(new Uint8Array(Ti));y[Ti-1]=o.passwordVerification,h=new Uint8Array(f.length+y.length),h.set(f2(o,y),0),v=Ti}else h=new Uint8Array(f.length),v=0;h.set(f2(o,f),v),r.enqueue(h)}})}}function s2(l,u){const c=new Uint8Array(u.length);for(let f=0;f<u.length;f++)c[f]=ah(l)^u[f],mr(l,c[f]);return c}function f2(l,u){const c=new Uint8Array(u.length);for(let f=0;f<u.length;f++)c[f]=ah(l)^u[f],mr(l,u[f]);return c}function nh(l,u){const c=[305419896,591751049,878082192];Object.assign(l,{keys:c,crcKey0:new cc(c[0]),crcKey2:new cc(c[2])});for(let f=0;f<u.length;f++)mr(l,u.charCodeAt(f))}function mr(l,u){let[c,f,r]=l.keys;l.crcKey0.append([u]),c=~l.crcKey0.get(),f=r2(Math.imul(r2(f+lh(c)),134775813)+1),l.crcKey2.append([f>>>24]),r=~l.crcKey2.get(),l.keys=[c,f,r]}function ah(l){const u=l.keys[2]|2;return lh(Math.imul(u,u^1)>>>8)}function lh(l){return l&255}function r2(l){return l&4294967295}const gr="Invalid uncompressed size",o2="deflate-raw";class $8 extends TransformStream{constructor(u,{chunkSize:c,CompressionStream:f,CompressionStreamNative:r}){super({});const{compressed:o,encrypted:h,useCompressionStream:v,zipCrypto:y,signed:A,level:E}=u,S=this;let O,X,B=super.readable;(!h||y)&&A&&(O=new K2,B=Sn(B,O)),o&&(B=uh(B,v,{level:E,chunkSize:c},r,f)),h&&(y?B=Sn(B,new P8(u)):(X=new I8(u),B=Sn(B,X))),ih(S,B,()=>{let b;h&&!y&&(b=X.signature),(!h||y)&&A&&(b=new DataView(O.value.buffer).getUint32(0)),S.signature=b})}}class t3 extends TransformStream{constructor(u,{chunkSize:c,DecompressionStream:f,DecompressionStreamNative:r}){super({});const{zipCrypto:o,encrypted:h,signed:v,signature:y,compressed:A,useCompressionStream:E}=u;let S,O,X=super.readable;h&&(o?X=Sn(X,new _8(u)):(O=new q8(u),X=Sn(X,O))),A&&(X=uh(X,E,{chunkSize:c},r,f)),(!h||o)&&v&&(S=new K2,X=Sn(X,S)),ih(this,X,()=>{if((!h||o)&&v){const B=new DataView(S.value.buffer);if(y!=B.getUint32(0,!1))throw new Error(or)}})}}function ih(l,u,c){u=Sn(u,new TransformStream({flush:c})),Object.defineProperty(l,"readable",{get(){return u}})}function uh(l,u,c,f,r){try{const o=u&&f?f:r;l=Sn(l,new o(o2,c))}catch(o){if(u)l=Sn(l,new r(o2,c));else throw o}return l}function Sn(l,u){return l.pipeThrough(u)}const e3="message",n3="start",a3="pull",d2="data",l3="ack",h2="close",i3="deflate",ch="inflate";class u3 extends TransformStream{constructor(u,c){super({});const f=this,{codecType:r}=u;let o;r.startsWith(i3)?o=$8:r.startsWith(ch)&&(o=t3),f.outputSize=0;let h=0;const v=new o(u,c),y=super.readable,A=new TransformStream({transform(S,O){S&&S.length&&(h+=S.length,O.enqueue(S))},flush(){Object.assign(f,{inputSize:h})}}),E=new TransformStream({transform(S,O){if(S&&S.length&&(O.enqueue(S),f.outputSize+=S.length,u.outputSize&&f.outputSize>u.outputSize))throw new Error(gr)},flush(){const{signature:S}=v;Object.assign(f,{signature:S,inputSize:h})}});Object.defineProperty(f,"readable",{get(){return y.pipeThrough(A).pipeThrough(v).pipeThrough(E)}})}}class c3 extends TransformStream{constructor(u){let c;super({transform:f,flush(r){c&&c.length&&r.enqueue(c)}});function f(r,o){if(c){const h=new Uint8Array(c.length+r.length);h.set(c),h.set(r,c.length),r=h,c=null}r.length>u?(o.enqueue(r.slice(0,u)),f(r.slice(u),o)):c=r}}}let sh=typeof Worker!=sa;class zf{constructor(u,{readable:c,writable:f},{options:r,config:o,streamOptions:h,useWebWorkers:v,transferStreams:y,scripts:A},E){const{signal:S}=h;return Object.assign(u,{busy:!0,readable:c.pipeThrough(new c3(o.chunkSize)).pipeThrough(new s3(h),{signal:S}),writable:f,options:Object.assign({},r),scripts:A,transferStreams:y,terminate(){return new Promise(O=>{const{worker:X,busy:B}=u;X?(B?u.resolveTerminated=O:(X.terminate(),O()),u.interface=null):O()})},onTaskFinished(){const{resolveTerminated:O}=u;O&&(u.resolveTerminated=null,u.terminated=!0,u.worker.terminate(),O()),u.busy=!1,E(u)}}),(v&&sh?f3:fh)(u,o)}}class s3 extends TransformStream{constructor({onstart:u,onprogress:c,size:f,onend:r}){let o=0;super({async start(){u&&await Yf(u,f)},async transform(h,v){o+=h.length,c&&await Yf(c,o,f),v.enqueue(h)},async flush(){r&&await Yf(r,o)}})}}async function Yf(l,...u){try{await l(...u)}catch{}}function fh(l,u){return{run:()=>r3(l,u)}}function f3(l,u){const{baseURL:c,chunkSize:f}=u;if(!l.interface){let r;try{r=h3(l.scripts[0],c,l)}catch{return sh=!1,fh(l,u)}Object.assign(l,{worker:r,interface:{run:()=>o3(l,{chunkSize:f})}})}return l.interface}async function r3({options:l,readable:u,writable:c,onTaskFinished:f},r){let o;try{o=new u3(l,r),await u.pipeThrough(o).pipeTo(c,{preventClose:!0,preventAbort:!0});const{signature:h,inputSize:v,outputSize:y}=o;return{signature:h,inputSize:v,outputSize:y}}catch(h){throw o&&(h.outputSize=o.outputSize),h}finally{f()}}async function o3(l,u){let c,f;const r=new Promise((O,X)=>{c=O,f=X});Object.assign(l,{reader:null,writer:null,resolveResult:c,rejectResult:f,result:r});const{readable:o,options:h,scripts:v}=l,{writable:y,closed:A}=d3(l.writable),E=lc({type:n3,scripts:v.slice(1),options:h,config:u,readable:o,writable:y},l);E||Object.assign(l,{reader:o.getReader(),writer:y.getWriter()});const S=await r;return E||await y.getWriter().close(),await A,S}function d3(l){let u;const c=new Promise(r=>u=r);return{writable:new WritableStream({async write(r){const o=l.getWriter();await o.ready,await o.write(r),o.releaseLock()},close(){u()},abort(r){return l.getWriter().abort(r)}}),closed:c}}let m2=!0,g2=!0;function h3(l,u,c){const f={type:"module"};let r,o;typeof l==Mi&&(l=l());try{r=new URL(l,u)}catch{r=l}if(m2)try{o=new Worker(r)}catch{m2=!1,o=new Worker(r,f)}else o=new Worker(r,f);return o.addEventListener(e3,h=>m3(h,c)),o}function lc(l,{worker:u,writer:c,onTaskFinished:f,transferStreams:r}){try{const{value:o,readable:h,writable:v}=l,y=[];if(o&&(o.byteLength<o.buffer.byteLength?l.value=o.buffer.slice(0,o.byteLength):l.value=o.buffer,y.push(l.value)),r&&g2?(h&&y.push(h),v&&y.push(v)):l.readable=l.writable=null,y.length)try{return u.postMessage(l,y),!0}catch{g2=!1,l.readable=l.writable=null,u.postMessage(l)}else u.postMessage(l)}catch(o){throw c&&c.releaseLock(),f(),o}}async function m3({data:l},u){const{type:c,value:f,messageId:r,result:o,error:h}=l,{reader:v,writer:y,resolveResult:A,rejectResult:E,onTaskFinished:S}=u;try{if(h){const{message:X,stack:B,code:b,name:p,outputSize:x}=h,R=new Error(X);Object.assign(R,{stack:B,code:b,name:p,outputSize:x}),O(R)}else{if(c==a3){const{value:X,done:B}=await v.read();lc({type:d2,value:X,done:B,messageId:r},u)}c==d2&&(await y.ready,await y.write(new Uint8Array(f)),lc({type:l3,messageId:r},u)),c==h2&&O(null,o)}}catch(X){lc({type:h2,messageId:r},u),O(X)}function O(X,B){X?E(X):A(B),y&&y.releaseLock(),S()}}let ua=[];const Lf=[];let A2=0;async function g3(l,u){const{options:c,config:f}=u,{transferStreams:r,useWebWorkers:o,useCompressionStream:h,codecType:v,compressed:y,signed:A,encrypted:E}=c,{workerScripts:S,maxWorkers:O}=f;u.transferStreams=r||r===Jt;const X=!y&&!A&&!E&&!u.transferStreams;return u.useWebWorkers=!X&&(o||o===Jt&&f.useWebWorkers),u.scripts=u.useWebWorkers&&S?S[v]:[],c.useCompressionStream=h||h===Jt&&f.useCompressionStream,(await B()).run();async function B(){const p=ua.find(x=>!x.busy);if(p)return Pf(p),new zf(p,l,u,b);if(ua.length<O){const x={indexWorker:A2};return A2++,ua.push(x),new zf(x,l,u,b)}else return new Promise(x=>Lf.push({resolve:x,stream:l,workerOptions:u}))}function b(p){if(Lf.length){const[{resolve:x,stream:R,workerOptions:U}]=Lf.splice(0,1);x(new zf(p,R,U,b))}else p.worker?(Pf(p),A3(p,u)):ua=ua.filter(x=>x!=p)}}function A3(l,u){const{config:c}=u,{terminateWorkerTimeout:f}=c;Number.isFinite(f)&&f>=0&&(l.terminated?l.terminated=!1:l.terminateTimeout=setTimeout(async()=>{ua=ua.filter(r=>r!=l);try{await l.terminate()}catch{}},f))}function Pf(l){const{terminateTimeout:u}=l;u&&(clearTimeout(u),l.terminateTimeout=null)}async function v3(){await Promise.allSettled(ua.map(l=>(Pf(l),l.terminate())))}const rh="HTTP error ",Hi="HTTP Range not supported",oh="Writer iterator completed too soon",dh="Writer not initialized",y3="text/plain",E3="Content-Length",p3="Content-Range",b3="Accept-Ranges",x3="Range",S3="Content-Type",T3="HEAD",Ar="GET",hh="bytes",C3=64*1024,vr="writable";class dc{constructor(){this.size=0}init(){this.initialized=!0}}class fa extends dc{get readable(){const u=this,{chunkSize:c=C3}=u,f=new ReadableStream({start(){this.chunkOffset=0},async pull(r){const{offset:o=0,size:h,diskNumberStart:v}=f,{chunkOffset:y}=this,A=h===Jt?c:Math.min(c,h-y),E=await Pt(u,o+y,A,v);r.enqueue(E),y+c>h||h===Jt&&!E.length&&A?r.close():this.chunkOffset+=c}});return f}}class yr extends dc{constructor(){super();const u=this,c=new WritableStream({write(f){if(!u.initialized)throw new Error(dh);return u.writeUint8Array(f)}});Object.defineProperty(u,vr,{get(){return c}})}writeUint8Array(){}}class O3 extends fa{constructor(u){super();let c=u.length;for(;u.charAt(c-1)=="=";)c--;const f=u.indexOf(",")+1;Object.assign(this,{dataURI:u,dataStart:f,size:Math.floor((c-f)*.75)})}readUint8Array(u,c){const{dataStart:f,dataURI:r}=this,o=new Uint8Array(c),h=Math.floor(u/3)*4,v=atob(r.substring(h+f,Math.ceil((u+c)/3)*4+f)),y=u-Math.floor(h/4)*3;let A=0;for(let E=y;E<y+c&&E<v.length;E++)o[E-y]=v.charCodeAt(E),A++;return A<o.length?o.subarray(0,A):o}}class w3 extends yr{constructor(u){super(),Object.assign(this,{data:"data:"+(u||"")+";base64,",pending:[]})}writeUint8Array(u){const c=this;let f=0,r=c.pending;const o=c.pending.length;for(c.pending="",f=0;f<Math.floor((o+u.length)/3)*3-o;f++)r+=String.fromCharCode(u[f]);for(;f<u.length;f++)c.pending+=String.fromCharCode(u[f]);r.length&&(r.length>2?c.data+=btoa(r):c.pending+=r)}getData(){return this.data+btoa(this.pending)}}class Er extends fa{constructor(u){super(),Object.assign(this,{blob:u,size:u.size})}async readUint8Array(u,c){const f=this,r=u+c;let h=await(u||r<f.size?f.blob.slice(u,r):f.blob).arrayBuffer();return h.byteLength>c&&(h=h.slice(u,r)),new Uint8Array(h)}}class mh extends dc{constructor(u){super();const c=this,f=new TransformStream,r=[];u&&r.push([S3,u]),Object.defineProperty(c,vr,{get(){return f.writable}}),c.blob=new Response(f.readable,{headers:r}).blob()}getData(){return this.blob}}class R3 extends Er{constructor(u){super(new Blob([u],{type:y3}))}}class D3 extends mh{constructor(u){super(u),Object.assign(this,{encoding:u,utf8:!u||u.toLowerCase()=="utf-8"})}async getData(){const{encoding:u,utf8:c}=this,f=await super.getData();if(f.text&&c)return f.text();{const r=new FileReader;return new Promise((o,h)=>{Object.assign(r,{onload:({target:v})=>o(v.result),onerror:()=>h(r.error)}),r.readAsText(f,u)})}}}class M3 extends fa{constructor(u,c){super(),gh(this,u,c)}async init(){await Ah(this,$f,v2),super.init()}readUint8Array(u,c){return vh(this,u,c,$f,v2)}}class j3 extends fa{constructor(u,c){super(),gh(this,u,c)}async init(){await Ah(this,tr,y2),super.init()}readUint8Array(u,c){return vh(this,u,c,tr,y2)}}function gh(l,u,c){const{preventHeadRequest:f,useRangeHeader:r,forceRangeRequests:o,combineSizeEocd:h}=c;c=Object.assign({},c),delete c.preventHeadRequest,delete c.useRangeHeader,delete c.forceRangeRequests,delete c.combineSizeEocd,delete c.useXHR,Object.assign(l,{url:u,options:c,preventHeadRequest:f,useRangeHeader:r,forceRangeRequests:o,combineSizeEocd:h})}async function Ah(l,u,c){const{url:f,preventHeadRequest:r,useRangeHeader:o,forceRangeRequests:h,combineSizeEocd:v}=l;if(U3(f)&&(o||h)&&(typeof r>"u"||r)){const y=await u(Ar,l,yh(l,v?-pn:void 0));if(!h&&y.headers.get(b3)!=hh)throw new Error(Hi);{v&&(l.eocdCache=new Uint8Array(await y.arrayBuffer()));let A;const E=y.headers.get(p3);if(E){const S=E.trim().split(/\s*\/\s*/);if(S.length){const O=S[1];O&&O!="*"&&(A=Number(O))}}A===Jt?await E2(l,u,c):l.size=A}}else await E2(l,u,c)}async function vh(l,u,c,f,r){const{useRangeHeader:o,forceRangeRequests:h,eocdCache:v,size:y,options:A}=l;if(o||h){if(v&&u==y-pn&&c==pn)return v;if(u>=y)return new Uint8Array;{u+c>y&&(c=y-u);const E=await f(Ar,l,yh(l,u,c));if(E.status!=206)throw new Error(Hi);return new Uint8Array(await E.arrayBuffer())}}else{const{data:E}=l;return E||await r(l,A),new Uint8Array(l.data.subarray(u,u+c))}}function yh(l,u=0,c=1){return Object.assign({},pr(l),{[x3]:hh+"="+(u<0?u:u+"-"+(u+c-1))})}function pr({options:l}){const{headers:u}=l;if(u)return Symbol.iterator in u?Object.fromEntries(u):u}async function v2(l){await Eh(l,$f)}async function y2(l){await Eh(l,tr)}async function Eh(l,u){const c=await u(Ar,l,pr(l));l.data=new Uint8Array(await c.arrayBuffer()),l.size||(l.size=l.data.length)}async function E2(l,u,c){if(l.preventHeadRequest)await c(l,l.options);else{const r=(await u(T3,l,pr(l))).headers.get(E3);r?l.size=Number(r):await c(l,l.options)}}async function $f(l,{options:u,url:c},f){const r=await fetch(c,Object.assign({},u,{method:l,headers:f}));if(r.status<400)return r;throw r.status==416?new Error(Hi):new Error(rh+(r.statusText||r.status))}function tr(l,{url:u},c){return new Promise((f,r)=>{const o=new XMLHttpRequest;if(o.addEventListener("load",()=>{if(o.status<400){const h=[];o.getAllResponseHeaders().trim().split(/[\r\n]+/).forEach(v=>{const y=v.trim().split(/\s*:\s*/);y[0]=y[0].trim().replace(/^[a-z]|-[a-z]/g,A=>A.toUpperCase()),h.push(y)}),f({status:o.status,arrayBuffer:()=>o.response,headers:new Map(h)})}else r(o.status==416?new Error(Hi):new Error(rh+(o.statusText||o.status)))},!1),o.addEventListener("error",h=>r(h.detail?h.detail.error:new Error("Network error")),!1),o.open(l,u),c)for(const h of Object.entries(c))o.setRequestHeader(h[0],h[1]);o.responseType="arraybuffer",o.send()})}class ph extends fa{constructor(u,c={}){super(),Object.assign(this,{url:u,reader:c.useXHR?new j3(u,c):new M3(u,c)})}set size(u){}get size(){return this.reader.size}async init(){await this.reader.init(),super.init()}readUint8Array(u,c){return this.reader.readUint8Array(u,c)}}class H3 extends ph{constructor(u,c={}){c.useRangeHeader=!0,super(u,c)}}class N3 extends fa{constructor(u){super(),u=new Uint8Array(u.buffer,u.byteOffset,u.byteLength),Object.assign(this,{array:u,size:u.length})}readUint8Array(u,c){return this.array.slice(u,u+c)}}class B3 extends yr{init(u=0){Object.assign(this,{offset:0,array:new Uint8Array(u)}),super.init()}writeUint8Array(u){const c=this;if(c.offset+u.length>c.array.length){const f=c.array;c.array=new Uint8Array(f.length+u.length),c.array.set(f)}c.array.set(u,c.offset),c.offset+=u.length}getData(){return this.array}}class br extends fa{constructor(u){super(),this.readers=u}async init(){const u=this,{readers:c}=u;u.lastDiskNumber=0,u.lastDiskOffset=0,await Promise.all(c.map(async(f,r)=>{await f.init(),r!=c.length-1&&(u.lastDiskOffset+=f.size),u.size+=f.size})),super.init()}async readUint8Array(u,c,f=0){const r=this,{readers:o}=this;let h,v=f;v==-1&&(v=o.length-1);let y=u;for(;o[v]&&y>=o[v].size;)y-=o[v].size,v++;const A=o[v];if(A){const E=A.size;if(y+c<=E)h=await Pt(A,y,c);else{const S=E-y;h=new Uint8Array(c);const O=await Pt(A,y,S);h.set(O,0);const X=await r.readUint8Array(u+S,c-S,f);h.set(X,S),O.length+X.length<c&&(h=h.subarray(0,O.length+X.length))}}else h=new Uint8Array;return r.lastDiskNumber=Math.max(v,r.lastDiskNumber),h}}class fc extends dc{constructor(u,c=4294967295){super();const f=this;Object.assign(f,{diskNumber:0,diskOffset:0,size:0,maxSize:c,availableSize:c});let r,o,h;const v=new WritableStream({async write(E){const{availableSize:S}=f;if(h)E.length>=S?(await y(E.subarray(0,S)),await A(),f.diskOffset+=r.size,f.diskNumber++,h=null,await this.write(E.subarray(S))):await y(E);else{const{value:O,done:X}=await u.next();if(X&&!O)throw new Error(oh);r=O,r.size=0,r.maxSize&&(f.maxSize=r.maxSize),f.availableSize=f.maxSize,await Ri(r),o=O.writable,h=o.getWriter(),await this.write(E)}},async close(){await h.ready,await A()}});Object.defineProperty(f,vr,{get(){return v}});async function y(E){const S=E.length;S&&(await h.ready,await h.write(E),r.size+=S,f.size+=S,f.availableSize-=S)}async function A(){await h.close()}}}class bh{constructor(u){return Array.isArray(u)&&(u=new br(u)),u instanceof ReadableStream&&(u={readable:u}),u}}class xh{constructor(u){return u.writable===Jt&&typeof u.next==Mi&&(u=new fc(u)),u instanceof WritableStream&&(u={writable:u}),u.size===Jt&&(u.size=0),u instanceof fc||Object.assign(u,{diskNumber:0,diskOffset:0,availableSize:1/0,maxSize:1/0}),u}}function U3(l){const{baseURL:u}=Z2(),{protocol:c}=new URL(l,u);return c=="http:"||c=="https:"}async function Ri(l,u){if(l.init&&!l.initialized)await l.init(u);else return Promise.resolve()}function Pt(l,u,c,f){return l.readUint8Array(u,c,f)}const Q3=br,z3=fc,Sh="\0☺☻♥♦♣♠•◘○◙♂♀♪♫☼►◄↕‼¶§▬↨↑↓→←∟↔▲▼ !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~⌂ÇüéâäàåçêëèïîìÄÅÉæÆôöòûùÿÖÜ¢£¥₧ƒáíóúñѪº¿⌐¬½¼¡«»░▒▓│┤╡╢╖╕╣║╗╝╜╛┐└┴┬├─┼╞╟╚╔╩╦╠═╬╧╨╤╥╙╘╒╓╫╪┘┌█▄▌▐▀αßΓπΣσµτΦΘΩδ∞φε∩≡±≥≤⌠⌡÷≈°∙·√ⁿ²■ ".split(""),Y3=Sh.length==256;function L3(l){if(Y3){let u="";for(let c=0;c<l.length;c++)u+=Sh[l[c]];return u}else return new TextDecoder().decode(l)}function ic(l,u){return u&&u.trim().toLowerCase()=="cp437"?L3(l):new TextDecoder(u).decode(l)}const Th="filename",Ch="rawFilename",Oh="comment",wh="rawComment",Rh="uncompressedSize",Dh="compressedSize",Mh="offset",er="diskNumberStart",nr="lastModDate",ar="rawLastModDate",jh="lastAccessDate",G3="rawLastAccessDate",Hh="creationDate",X3="rawCreationDate",V3="internalFileAttribute",Z3="internalFileAttributes",q3="externalFileAttribute",I3="externalFileAttributes",K3="msDosCompatible",k3="zip64",J3="encrypted",F3="version",W3="versionMadeBy",_3="zipCrypto",P3="directory",$3="executable",t5="compressionMethod",e5="signature",n5="extraField",a5=[Th,Ch,Dh,Rh,nr,ar,Oh,wh,jh,Hh,Mh,er,er,V3,Z3,q3,I3,K3,k3,J3,F3,W3,_3,P3,$3,t5,e5,n5,"bitFlag","filenameUTF8","commentUTF8","rawExtraField","extraFieldZip64","extraFieldUnicodePath","extraFieldUnicodeComment","extraFieldAES","extraFieldNTFS","extraFieldExtendedTimestamp"];class p2{constructor(u){a5.forEach(c=>this[c]=u[c])}}const l5="filenameEncoding",i5="commentEncoding",u5="decodeText",c5="extractPrependedData",s5="extractAppendedData",f5="password",r5="rawPassword",o5="passThrough",d5="signal",h5="checkPasswordOnly",m5="checkOverlappingEntryOnly",g5="checkOverlappingEntry",A5="checkSignature",v5="useWebWorkers",y5="useCompressionStream",E5="transferStreams",p5="preventClose",uc="File format is not recognized",Nh="End of central directory not found",Bh="End of Zip64 central directory locator not found",Uh="Central directory header not found",Qh="Local file header not found",zh="Zip64 extra field not found",Yh="File contains encrypted entry",Lh="Encryption method not supported",lr="Compression method not supported",ir="Split zip file",Gh="Overlapping entry found",b2="utf-8",x2="cp437",b5=[[Rh,ja],[Dh,ja],[Mh,ja],[er,la]],x5={[la]:{getValue:Bt,bytes:4},[ja]:{getValue:Tl,bytes:8}};class Xh{constructor(u,c={}){Object.assign(this,{reader:new bh(u),options:c,config:Z2(),readRanges:[]})}async*getEntriesGenerator(u={}){const c=this;let{reader:f}=c;const{config:r}=c;if(await Ri(f),(f.size===Jt||!f.readUint8Array)&&(f=new Er(await new Response(f.readable).blob()),await Ri(f)),f.size<pn)throw new Error(uc);f.chunkSize=M8(r);const o=await M5(f,f8,f.size,pn,la*16);if(!o){const J=await Pt(f,0,4),k=Yt(J);throw Bt(k)==X2?new Error(ir):new Error(Nh)}const h=Yt(o);let v=Bt(h,12),y=Bt(h,16);const A=o.offset,E=$t(h,20),S=A+pn+E;let O=$t(h,4);const X=f.lastDiskNumber||0;let B=$t(h,6),b=$t(h,8),p=0,x=0;if(y==ja||v==ja||b==la||B==la){const J=await Pt(f,o.offset-Bf,Bf),k=Yt(J);if(Bt(k,0)==r8){y=Tl(k,8);let nt=await Pt(f,y,Uf,-1),P=Yt(nt);const st=o.offset-Bf-Uf;if(Bt(P,0)!=P1&&y!=st){const it=y;y=st,y>it&&(p=y-it),nt=await Pt(f,y,Uf,-1),P=Yt(nt)}if(Bt(P,0)!=P1)throw new Error(Bh);O==la&&(O=Bt(P,16)),B==la&&(B=Bt(P,20)),b==la&&(b=Tl(P,32)),v==ja&&(v=Tl(P,40)),y-=v}}if(y>=f.size&&(p=f.size-y-v-pn,y=f.size-v-pn),X!=O)throw new Error(ir);if(y<0)throw new Error(uc);let R=0,U=await Pt(f,y,v,B),Z=Yt(U);if(v){const J=o.offset-v;if(Bt(Z,R)!=_1&&y!=J){const k=y;y=J,y>k&&(p+=y-k),U=await Pt(f,y,v,B),Z=Yt(U)}}const F=o.offset-y-(f.lastDiskOffset||0);if(v!=F&&F>=0&&(v=F,U=await Pt(f,y,v,B),Z=Yt(U)),y<0||y>=f.size)throw new Error(uc);const j=ie(c,u,l5),D=ie(c,u,i5);for(let J=0;J<b;J++){const k=new T5(f,r,c.options);if(Bt(Z,R)!=_1)throw new Error(Uh);Vh(k,Z,R+6);const nt=!!k.bitFlag.languageEncodingFlag,P=R+46,st=P+k.filenameLength,it=st+k.extraFieldLength,H=$t(Z,R+4),_=H>>8==0,$=H>>8==3,ht=U.subarray(P,st),tt=$t(Z,R+32),C=it+tt,L=U.subarray(it,C),W=nt,et=nt,rt=Bt(Z,R+38),ot=_&&(Sl(Z,R+38)&a2)==a2||$&&(rt>>16&x8)==S8||ht.length&&ht.at(-1)==l2.charCodeAt(0),gt=$&&(rt>>16&T8)!=0,Ft=Bt(Z,R+42)+p;Object.assign(k,{versionMadeBy:H,msDosCompatible:_,compressedSize:0,uncompressedSize:0,commentLength:tt,directory:ot,offset:Ft,diskNumberStart:$t(Z,R+34),internalFileAttributes:$t(Z,R+36),externalFileAttributes:rt,rawFilename:ht,filenameUTF8:W,commentUTF8:et,rawExtraField:U.subarray(st,it),executable:gt}),k.internalFileAttribute=k.internalFileAttributes,k.externalFileAttribute=k.externalFileAttributes;const Qt=ie(c,u,u5)||ic,On=W?b2:j||x2,ra=et?b2:D||x2;let wn=Qt(ht,On);wn===Jt&&(wn=ic(ht,On));let Ba=Qt(L,ra);Ba===Jt&&(Ba=ic(L,ra)),Object.assign(k,{rawComment:L,filename:wn,comment:Ba,directory:ot||wn.endsWith(l2)}),x=Math.max(Ft,x),Zh(k,k,Z,R+6),k.zipCrypto=k.encrypted&&!k.extraFieldAES;const Ee=new p2(k);Ee.getData=(Rn,Qa)=>k.getData(Rn,Ee,c.readRanges,Qa),Ee.arrayBuffer=async Rn=>{const Qa=new TransformStream,[Bi]=await Promise.all([new Response(Qa.readable).arrayBuffer(),k.getData(Qa,Ee,c.readRanges,Rn)]);return Bi},R=C;const{onprogress:Ua}=u;if(Ua)try{await Ua(J+1,b,new p2(k))}catch{}yield Ee}const N=ie(c,u,c5),K=ie(c,u,s5);return N&&(c.prependedData=x>0?await Pt(f,0,x):new Uint8Array),c.comment=E?await Pt(f,A+pn,E):new Uint8Array,K&&(c.appendedData=S<f.size?await Pt(f,S,f.size-S):new Uint8Array),!0}async getEntries(u={}){const c=[];for await(const f of this.getEntriesGenerator(u))c.push(f);return c}async close(){}}class S5{constructor(u={}){const{readable:c,writable:f}=new TransformStream,r=new Xh(c,u).getEntriesGenerator();this.readable=new ReadableStream({async pull(o){const{done:h,value:v}=await r.next();if(h)return o.close();const y={...v,readable:(function(){const{readable:A,writable:E}=new TransformStream;if(v.getData)return v.getData(E),A})()};delete y.getData,o.enqueue(y)}}),this.writable=f}}class T5{constructor(u,c,f){Object.assign(this,{reader:u,config:c,options:f})}async getData(u,c,f,r={}){const o=this,{reader:h,offset:v,diskNumberStart:y,extraFieldAES:A,extraFieldZip64:E,compressionMethod:S,config:O,bitFlag:X,signature:B,rawLastModDate:b,uncompressedSize:p,compressedSize:x}=o,{dataDescriptor:R}=X,U=c.localDirectory={},Z=await Pt(h,v,Qf,y),F=Yt(Z);let j=ie(o,r,f5),D=ie(o,r,r5);const N=ie(o,r,o5);if(j=j&&j.length&&j,D=D&&D.length&&D,A&&A.originalCompressionMethod!=u8)throw new Error(lr);if(S!=i8&&S!=l8&&!N)throw new Error(lr);if(Bt(F,0)!=c8)throw new Error(Qh);Vh(U,F,4);const{extraFieldLength:K,filenameLength:J,lastAccessDate:k,creationDate:nt}=U;U.rawExtraField=K?await Pt(h,v+Qf+J,K,y):new Uint8Array,Zh(o,U,F,4,!0),Object.assign(c,{lastAccessDate:k,creationDate:nt});const P=o.encrypted&&U.encrypted&&!N,st=P&&!A;if(N||(c.zipCrypto=st),P){if(!st&&A.strength===Jt)throw new Error(Lh);if(!j&&!D)throw new Error(Yh)}const it=v+Qf+J+K,H=x,_=h.readable;Object.assign(_,{diskNumberStart:y,offset:it,size:H});const $=ie(o,r,d5),ht=ie(o,r,h5);let tt=ie(o,r,g5);const C=ie(o,r,m5);C&&(tt=!0);const{onstart:L,onprogress:W,onend:et}=r,rt={options:{codecType:ch,password:j,rawPassword:D,zipCrypto:st,encryptionStrength:A&&A.strength,signed:ie(o,r,A5)&&!N,passwordVerification:st&&(R?b>>>8&255:B>>>24&255),outputSize:p,signature:B,compressed:S!=0&&!N,encrypted:o.encrypted&&!N,useWebWorkers:ie(o,r,v5),useCompressionStream:ie(o,r,y5),transferStreams:ie(o,r,E5),checkPasswordOnly:ht},config:O,streamOptions:{signal:$,size:H,onstart:L,onprogress:W,onend:et}};tt&&await D5({reader:h,fileEntry:c,offset:v,diskNumberStart:y,signature:B,compressedSize:x,uncompressedSize:p,dataOffset:it,dataDescriptor:R||U.bitFlag.dataDescriptor,extraFieldZip64:E||U.extraFieldZip64,readRanges:f});let ot;try{if(!C){ht&&(u=new WritableStream),u=new xh(u),await Ri(u,N?x:p),{writable:ot}=u;const{outputSize:gt}=await g3({readable:_,writable:ot},rt);if(u.size+=gt,gt!=(N?x:p))throw new Error(gr)}}catch(gt){if(gt.outputSize!==Jt&&(u.size+=gt.outputSize),!ht||gt.message!=dr)throw gt}finally{!ie(o,r,p5)&&ot&&!ot.locked&&await ot.getWriter().close()}return ht||C?Jt:u.getData?u.getData():ot}}function Vh(l,u,c){const f=l.rawBitFlag=$t(u,c+2),r=(f&t2)==t2,o=Bt(u,c+6);Object.assign(l,{encrypted:r,version:$t(u,c),bitFlag:{level:(f&b8)>>1,dataDescriptor:(f&e2)==e2,languageEncodingFlag:(f&n2)==n2},rawLastModDate:o,lastModDate:j5(o),filenameLength:$t(u,c+22),extraFieldLength:$t(u,c+24)})}function Zh(l,u,c,f,r){const{rawExtraField:o}=u,h=u.extraField=new Map,v=Yt(new Uint8Array(o));let y=0;try{for(;y<o.length;){const x=$t(v,y),R=$t(v,y+2);h.set(x,{type:x,data:o.slice(y+4,y+4+R)}),y+=4+R}}catch{}const A=$t(c,f+4);Object.assign(u,{signature:Bt(c,f+C8),compressedSize:Bt(c,f+O8),uncompressedSize:Bt(c,f+w8)});const E=h.get(h8);E&&(C5(E,u),u.extraFieldZip64=E);const S=h.get(y8);S&&(S2(S,Th,Ch,u,l),u.extraFieldUnicodePath=S);const O=h.get(E8);O&&(S2(O,Oh,wh,u,l),u.extraFieldUnicodeComment=O);const X=h.get(m8);X?(O5(X,u,A),u.extraFieldAES=X):u.compressionMethod=A;const B=h.get(g8);B&&(w5(B,u),u.extraFieldNTFS=B);const b=h.get(v8);b&&(R5(b,u,r),u.extraFieldExtendedTimestamp=b);const p=h.get(p8);p&&(u.extraFieldUSDZ=p)}function C5(l,u){u.zip64=!0;const c=Yt(l.data),f=b5.filter(([r,o])=>u[r]==o);for(let r=0,o=0;r<f.length;r++){const[h,v]=f[r];if(u[h]==v){const y=x5[v];u[h]=l[h]=y.getValue(c,o),o+=y.bytes}else if(l[h])throw new Error(zh)}}function S2(l,u,c,f,r){const o=Yt(l.data),h=new cc;h.append(r[c]);const v=Yt(new Uint8Array(4));v.setUint32(0,h.get(),!0);const y=Bt(o,1);Object.assign(l,{version:Sl(o,0),[u]:ic(l.data.subarray(5)),valid:!r.bitFlag.languageEncodingFlag&&y==Bt(v,0)}),l.valid&&(f[u]=l[u],f[u+"UTF8"]=!0)}function O5(l,u,c){const f=Yt(l.data),r=Sl(f,4);Object.assign(l,{vendorVersion:Sl(f,0),vendorId:Sl(f,2),strength:r,originalCompressionMethod:c,compressionMethod:$t(f,5)}),u.compressionMethod=l.compressionMethod}function w5(l,u){const c=Yt(l.data);let f=4,r;try{for(;f<l.data.length&&!r;){const o=$t(c,f),h=$t(c,f+2);o==A8&&(r=l.data.slice(f+4,f+4+h)),f+=4+h}}catch{}try{if(r&&r.length==24){const o=Yt(r),h=o.getBigUint64(0,!0),v=o.getBigUint64(8,!0),y=o.getBigUint64(16,!0);Object.assign(l,{rawLastModDate:h,rawLastAccessDate:v,rawCreationDate:y});const A=Gf(h),E=Gf(v),S=Gf(y),O={lastModDate:A,lastAccessDate:E,creationDate:S};Object.assign(l,O),Object.assign(u,O)}}catch{}}function R5(l,u,c){const f=Yt(l.data),r=Sl(f,0),o=[],h=[];c?((r&1)==1&&(o.push(nr),h.push(ar)),(r&2)==2&&(o.push(jh),h.push(G3)),(r&4)==4&&(o.push(Hh),h.push(X3))):l.data.length>=5&&(o.push(nr),h.push(ar));let v=1;o.forEach((y,A)=>{if(l.data.length>=v+4){const E=Bt(f,v);u[y]=l[y]=new Date(E*1e3);const S=h[A];l[S]=E}v+=4})}async function D5({reader:l,fileEntry:u,offset:c,diskNumberStart:f,signature:r,compressedSize:o,uncompressedSize:h,dataOffset:v,dataDescriptor:y,extraFieldZip64:A,readRanges:E}){let S=0;if(f)for(let B=0;B<f;B++){const b=l.readers[B];S+=b.size}let O=0;if(y&&(A?O=d8:O=o8),O){const B=await Pt(l,v+o,O+$1,f);if(Bt(Yt(B),0)==s8){const p=Bt(Yt(B),4);let x,R;A?(x=Tl(Yt(B),8),R=Tl(Yt(B),16)):(x=Bt(Yt(B),8),R=Bt(Yt(B),12)),(u.encrypted&&!u.zipCrypto||p==r)&&x==o&&R==h&&(O+=$1)}}const X={start:S+c,end:S+v+o+O,fileEntry:u};for(const B of E)if(B.fileEntry!=u&&X.start>=B.start&&X.start<B.end){const b=new Error(Gh);throw b.overlappingEntry=B.fileEntry,b}E.push(X)}async function M5(l,u,c,f,r){const o=new Uint8Array(4),h=Yt(o);H5(h,0,u);const v=f+r;return await y(f)||await y(Math.min(v,c));async function y(A){const E=c-A,S=await Pt(l,E,A);for(let O=S.length-f;O>=0;O--)if(S[O]==o[0]&&S[O+1]==o[1]&&S[O+2]==o[2]&&S[O+3]==o[3])return{offset:E+O,buffer:S.slice(O,O+f).buffer}}}function ie(l,u,c){return u[c]===Jt?l.options[c]:u[c]}function j5(l){const u=(l&4294901760)>>16,c=l&65535;try{return new Date(1980+((u&65024)>>9),((u&480)>>5)-1,u&31,(c&63488)>>11,(c&2016)>>5,(c&31)*2,0)}catch{}}function Gf(l){return new Date(Number(l/BigInt(1e4)-BigInt(116444736e5)))}function Sl(l,u){return l.getUint8(u)}function $t(l,u){return l.getUint16(u,!0)}function Bt(l,u){return l.getUint32(u,!0)}function Tl(l,u){return Number(l.getBigUint64(u,!0))}function H5(l,u,c){l.setUint32(u,c,!0)}function Yt(l){return new DataView(l.buffer)}q2({Inflate:a8});const N5=Object.freeze(Object.defineProperty({__proto__:null,BlobReader:Er,BlobWriter:mh,Data64URIReader:O3,Data64URIWriter:w3,ERR_BAD_FORMAT:uc,ERR_CENTRAL_DIRECTORY_NOT_FOUND:Uh,ERR_ENCRYPTED:Yh,ERR_EOCDR_LOCATOR_ZIP64_NOT_FOUND:Bh,ERR_EOCDR_NOT_FOUND:Nh,ERR_EXTRAFIELD_ZIP64_NOT_FOUND:zh,ERR_HTTP_RANGE:Hi,ERR_INVALID_PASSWORD:rr,ERR_INVALID_SIGNATURE:or,ERR_INVALID_UNCOMPRESSED_SIZE:gr,ERR_ITERATOR_COMPLETED_TOO_SOON:oh,ERR_LOCAL_FILE_HEADER_NOT_FOUND:Qh,ERR_OVERLAPPING_ENTRY:Gh,ERR_SPLIT_ZIP_FILE:ir,ERR_UNSUPPORTED_COMPRESSION:lr,ERR_UNSUPPORTED_ENCRYPTION:Lh,ERR_WRITER_NOT_INITIALIZED:dh,GenericReader:bh,GenericWriter:xh,HttpRangeReader:H3,HttpReader:ph,Reader:fa,SplitDataReader:br,SplitDataWriter:fc,SplitZipReader:Q3,SplitZipWriter:z3,TextReader:R3,TextWriter:D3,Uint8ArrayReader:N3,Uint8ArrayWriter:B3,Writer:yr,ZipReader:Xh,ZipReaderStream:S5,configure:q2,getMimeType:j8,initStream:Ri,readUint8Array:Pt,terminateWorkers:v3},Symbol.toStringTag,{value:"Module"}));var Xf={exports:{}},dt={};/**
+ * @license React
+ * react.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var T2;function B5(){if(T2)return dt;T2=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),o=Symbol.for("react.consumer"),h=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),A=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),S=Symbol.for("react.activity"),O=Symbol.iterator;function X(C){return C===null||typeof C!="object"?null:(C=O&&C[O]||C["@@iterator"],typeof C=="function"?C:null)}var B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},b=Object.assign,p={};function x(C,L,W){this.props=C,this.context=L,this.refs=p,this.updater=W||B}x.prototype.isReactComponent={},x.prototype.setState=function(C,L){if(typeof C!="object"&&typeof C!="function"&&C!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,C,L,"setState")},x.prototype.forceUpdate=function(C){this.updater.enqueueForceUpdate(this,C,"forceUpdate")};function R(){}R.prototype=x.prototype;function U(C,L,W){this.props=C,this.context=L,this.refs=p,this.updater=W||B}var Z=U.prototype=new R;Z.constructor=U,b(Z,x.prototype),Z.isPureReactComponent=!0;var F=Array.isArray;function j(){}var D={H:null,A:null,T:null,S:null},N=Object.prototype.hasOwnProperty;function K(C,L,W){var et=W.ref;return{$$typeof:l,type:C,key:L,ref:et!==void 0?et:null,props:W}}function J(C,L){return K(C.type,L,C.props)}function k(C){return typeof C=="object"&&C!==null&&C.$$typeof===l}function nt(C){var L={"=":"=0",":":"=2"};return"$"+C.replace(/[=:]/g,function(W){return L[W]})}var P=/\/+/g;function st(C,L){return typeof C=="object"&&C!==null&&C.key!=null?nt(""+C.key):L.toString(36)}function it(C){switch(C.status){case"fulfilled":return C.value;case"rejected":throw C.reason;default:switch(typeof C.status=="string"?C.then(j,j):(C.status="pending",C.then(function(L){C.status==="pending"&&(C.status="fulfilled",C.value=L)},function(L){C.status==="pending"&&(C.status="rejected",C.reason=L)})),C.status){case"fulfilled":return C.value;case"rejected":throw C.reason}}throw C}function H(C,L,W,et,rt){var ot=typeof C;(ot==="undefined"||ot==="boolean")&&(C=null);var gt=!1;if(C===null)gt=!0;else switch(ot){case"bigint":case"string":case"number":gt=!0;break;case"object":switch(C.$$typeof){case l:case u:gt=!0;break;case E:return gt=C._init,H(gt(C._payload),L,W,et,rt)}}if(gt)return rt=rt(C),gt=et===""?"."+st(C,0):et,F(rt)?(W="",gt!=null&&(W=gt.replace(P,"$&/")+"/"),H(rt,L,W,"",function(On){return On})):rt!=null&&(k(rt)&&(rt=J(rt,W+(rt.key==null||C&&C.key===rt.key?"":(""+rt.key).replace(P,"$&/")+"/")+gt)),L.push(rt)),1;gt=0;var Ft=et===""?".":et+":";if(F(C))for(var Qt=0;Qt<C.length;Qt++)et=C[Qt],ot=Ft+st(et,Qt),gt+=H(et,L,W,ot,rt);else if(Qt=X(C),typeof Qt=="function")for(C=Qt.call(C),Qt=0;!(et=C.next()).done;)et=et.value,ot=Ft+st(et,Qt++),gt+=H(et,L,W,ot,rt);else if(ot==="object"){if(typeof C.then=="function")return H(it(C),L,W,et,rt);throw L=String(C),Error("Objects are not valid as a React child (found: "+(L==="[object Object]"?"object with keys {"+Object.keys(C).join(", ")+"}":L)+"). If you meant to render a collection of children, use an array instead.")}return gt}function _(C,L,W){if(C==null)return C;var et=[],rt=0;return H(C,et,"","",function(ot){return L.call(W,ot,rt++)}),et}function $(C){if(C._status===-1){var L=C._result;L=L(),L.then(function(W){(C._status===0||C._status===-1)&&(C._status=1,C._result=W)},function(W){(C._status===0||C._status===-1)&&(C._status=2,C._result=W)}),C._status===-1&&(C._status=0,C._result=L)}if(C._status===1)return C._result.default;throw C._result}var ht=typeof reportError=="function"?reportError:function(C){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var L=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof C=="object"&&C!==null&&typeof C.message=="string"?String(C.message):String(C),error:C});if(!window.dispatchEvent(L))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",C);return}console.error(C)},tt={map:_,forEach:function(C,L,W){_(C,function(){L.apply(this,arguments)},W)},count:function(C){var L=0;return _(C,function(){L++}),L},toArray:function(C){return _(C,function(L){return L})||[]},only:function(C){if(!k(C))throw Error("React.Children.only expected to receive a single React element child.");return C}};return dt.Activity=S,dt.Children=tt,dt.Component=x,dt.Fragment=c,dt.Profiler=r,dt.PureComponent=U,dt.StrictMode=f,dt.Suspense=y,dt.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=D,dt.__COMPILER_RUNTIME={__proto__:null,c:function(C){return D.H.useMemoCache(C)}},dt.cache=function(C){return function(){return C.apply(null,arguments)}},dt.cacheSignal=function(){return null},dt.cloneElement=function(C,L,W){if(C==null)throw Error("The argument must be a React element, but you passed "+C+".");var et=b({},C.props),rt=C.key;if(L!=null)for(ot in L.key!==void 0&&(rt=""+L.key),L)!N.call(L,ot)||ot==="key"||ot==="__self"||ot==="__source"||ot==="ref"&&L.ref===void 0||(et[ot]=L[ot]);var ot=arguments.length-2;if(ot===1)et.children=W;else if(1<ot){for(var gt=Array(ot),Ft=0;Ft<ot;Ft++)gt[Ft]=arguments[Ft+2];et.children=gt}return K(C.type,rt,et)},dt.createContext=function(C){return C={$$typeof:h,_currentValue:C,_currentValue2:C,_threadCount:0,Provider:null,Consumer:null},C.Provider=C,C.Consumer={$$typeof:o,_context:C},C},dt.createElement=function(C,L,W){var et,rt={},ot=null;if(L!=null)for(et in L.key!==void 0&&(ot=""+L.key),L)N.call(L,et)&&et!=="key"&&et!=="__self"&&et!=="__source"&&(rt[et]=L[et]);var gt=arguments.length-2;if(gt===1)rt.children=W;else if(1<gt){for(var Ft=Array(gt),Qt=0;Qt<gt;Qt++)Ft[Qt]=arguments[Qt+2];rt.children=Ft}if(C&&C.defaultProps)for(et in gt=C.defaultProps,gt)rt[et]===void 0&&(rt[et]=gt[et]);return K(C,ot,rt)},dt.createRef=function(){return{current:null}},dt.forwardRef=function(C){return{$$typeof:v,render:C}},dt.isValidElement=k,dt.lazy=function(C){return{$$typeof:E,_payload:{_status:-1,_result:C},_init:$}},dt.memo=function(C,L){return{$$typeof:A,type:C,compare:L===void 0?null:L}},dt.startTransition=function(C){var L=D.T,W={};D.T=W;try{var et=C(),rt=D.S;rt!==null&&rt(W,et),typeof et=="object"&&et!==null&&typeof et.then=="function"&&et.then(j,ht)}catch(ot){ht(ot)}finally{L!==null&&W.types!==null&&(L.types=W.types),D.T=L}},dt.unstable_useCacheRefresh=function(){return D.H.useCacheRefresh()},dt.use=function(C){return D.H.use(C)},dt.useActionState=function(C,L,W){return D.H.useActionState(C,L,W)},dt.useCallback=function(C,L){return D.H.useCallback(C,L)},dt.useContext=function(C){return D.H.useContext(C)},dt.useDebugValue=function(){},dt.useDeferredValue=function(C,L){return D.H.useDeferredValue(C,L)},dt.useEffect=function(C,L){return D.H.useEffect(C,L)},dt.useEffectEvent=function(C){return D.H.useEffectEvent(C)},dt.useId=function(){return D.H.useId()},dt.useImperativeHandle=function(C,L,W){return D.H.useImperativeHandle(C,L,W)},dt.useInsertionEffect=function(C,L){return D.H.useInsertionEffect(C,L)},dt.useLayoutEffect=function(C,L){return D.H.useLayoutEffect(C,L)},dt.useMemo=function(C,L){return D.H.useMemo(C,L)},dt.useOptimistic=function(C,L){return D.H.useOptimistic(C,L)},dt.useReducer=function(C,L,W){return D.H.useReducer(C,L,W)},dt.useRef=function(C){return D.H.useRef(C)},dt.useState=function(C){return D.H.useState(C)},dt.useSyncExternalStore=function(C,L,W){return D.H.useSyncExternalStore(C,L,W)},dt.useTransition=function(){return D.H.useTransition()},dt.version="19.2.1",dt}var C2;function xr(){return C2||(C2=1,Xf.exports=B5()),Xf.exports}var ct=xr();const ue=UA(ct);var Vf={exports:{}},xi={},Zf={exports:{}},qf={};/**
+ * @license React
+ * scheduler.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var O2;function U5(){return O2||(O2=1,(function(l){function u(H,_){var $=H.length;H.push(_);t:for(;0<$;){var ht=$-1>>>1,tt=H[ht];if(0<r(tt,_))H[ht]=_,H[$]=tt,$=ht;else break t}}function c(H){return H.length===0?null:H[0]}function f(H){if(H.length===0)return null;var _=H[0],$=H.pop();if($!==_){H[0]=$;t:for(var ht=0,tt=H.length,C=tt>>>1;ht<C;){var L=2*(ht+1)-1,W=H[L],et=L+1,rt=H[et];if(0>r(W,$))et<tt&&0>r(rt,W)?(H[ht]=rt,H[et]=$,ht=et):(H[ht]=W,H[L]=$,ht=L);else if(et<tt&&0>r(rt,$))H[ht]=rt,H[et]=$,ht=et;else break t}}return _}function r(H,_){var $=H.sortIndex-_.sortIndex;return $!==0?$:H.id-_.id}if(l.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var o=performance;l.unstable_now=function(){return o.now()}}else{var h=Date,v=h.now();l.unstable_now=function(){return h.now()-v}}var y=[],A=[],E=1,S=null,O=3,X=!1,B=!1,b=!1,p=!1,x=typeof setTimeout=="function"?setTimeout:null,R=typeof clearTimeout=="function"?clearTimeout:null,U=typeof setImmediate<"u"?setImmediate:null;function Z(H){for(var _=c(A);_!==null;){if(_.callback===null)f(A);else if(_.startTime<=H)f(A),_.sortIndex=_.expirationTime,u(y,_);else break;_=c(A)}}function F(H){if(b=!1,Z(H),!B)if(c(y)!==null)B=!0,j||(j=!0,nt());else{var _=c(A);_!==null&&it(F,_.startTime-H)}}var j=!1,D=-1,N=5,K=-1;function J(){return p?!0:!(l.unstable_now()-K<N)}function k(){if(p=!1,j){var H=l.unstable_now();K=H;var _=!0;try{t:{B=!1,b&&(b=!1,R(D),D=-1),X=!0;var $=O;try{e:{for(Z(H),S=c(y);S!==null&&!(S.expirationTime>H&&J());){var ht=S.callback;if(typeof ht=="function"){S.callback=null,O=S.priorityLevel;var tt=ht(S.expirationTime<=H);if(H=l.unstable_now(),typeof tt=="function"){S.callback=tt,Z(H),_=!0;break e}S===c(y)&&f(y),Z(H)}else f(y);S=c(y)}if(S!==null)_=!0;else{var C=c(A);C!==null&&it(F,C.startTime-H),_=!1}}break t}finally{S=null,O=$,X=!1}_=void 0}}finally{_?nt():j=!1}}}var nt;if(typeof U=="function")nt=function(){U(k)};else if(typeof MessageChannel<"u"){var P=new MessageChannel,st=P.port2;P.port1.onmessage=k,nt=function(){st.postMessage(null)}}else nt=function(){x(k,0)};function it(H,_){D=x(function(){H(l.unstable_now())},_)}l.unstable_IdlePriority=5,l.unstable_ImmediatePriority=1,l.unstable_LowPriority=4,l.unstable_NormalPriority=3,l.unstable_Profiling=null,l.unstable_UserBlockingPriority=2,l.unstable_cancelCallback=function(H){H.callback=null},l.unstable_forceFrameRate=function(H){0>H||125<H?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):N=0<H?Math.floor(1e3/H):5},l.unstable_getCurrentPriorityLevel=function(){return O},l.unstable_next=function(H){switch(O){case 1:case 2:case 3:var _=3;break;default:_=O}var $=O;O=_;try{return H()}finally{O=$}},l.unstable_requestPaint=function(){p=!0},l.unstable_runWithPriority=function(H,_){switch(H){case 1:case 2:case 3:case 4:case 5:break;default:H=3}var $=O;O=H;try{return _()}finally{O=$}},l.unstable_scheduleCallback=function(H,_,$){var ht=l.unstable_now();switch(typeof $=="object"&&$!==null?($=$.delay,$=typeof $=="number"&&0<$?ht+$:ht):$=ht,H){case 1:var tt=-1;break;case 2:tt=250;break;case 5:tt=1073741823;break;case 4:tt=1e4;break;default:tt=5e3}return tt=$+tt,H={id:E++,callback:_,priorityLevel:H,startTime:$,expirationTime:tt,sortIndex:-1},$>ht?(H.sortIndex=$,u(A,H),c(y)===null&&H===c(A)&&(b?(R(D),D=-1):b=!0,it(F,$-ht))):(H.sortIndex=tt,u(y,H),B||X||(B=!0,j||(j=!0,nt()))),H},l.unstable_shouldYield=J,l.unstable_wrapCallback=function(H){var _=O;return function(){var $=O;O=_;try{return H.apply(this,arguments)}finally{O=$}}}})(qf)),qf}var w2;function Q5(){return w2||(w2=1,Zf.exports=U5()),Zf.exports}var If={exports:{}},ce={};/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var R2;function z5(){if(R2)return ce;R2=1;var l=xr();function u(y){var A="https://react.dev/errors/"+y;if(1<arguments.length){A+="?args[]="+encodeURIComponent(arguments[1]);for(var E=2;E<arguments.length;E++)A+="&args[]="+encodeURIComponent(arguments[E])}return"Minified React error #"+y+"; visit "+A+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function c(){}var f={d:{f:c,r:function(){throw Error(u(522))},D:c,C:c,L:c,m:c,X:c,S:c,M:c},p:0,findDOMNode:null},r=Symbol.for("react.portal");function o(y,A,E){var S=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:r,key:S==null?null:""+S,children:y,containerInfo:A,implementation:E}}var h=l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function v(y,A){if(y==="font")return"";if(typeof A=="string")return A==="use-credentials"?A:""}return ce.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=f,ce.createPortal=function(y,A){var E=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!A||A.nodeType!==1&&A.nodeType!==9&&A.nodeType!==11)throw Error(u(299));return o(y,A,null,E)},ce.flushSync=function(y){var A=h.T,E=f.p;try{if(h.T=null,f.p=2,y)return y()}finally{h.T=A,f.p=E,f.d.f()}},ce.preconnect=function(y,A){typeof y=="string"&&(A?(A=A.crossOrigin,A=typeof A=="string"?A==="use-credentials"?A:"":void 0):A=null,f.d.C(y,A))},ce.prefetchDNS=function(y){typeof y=="string"&&f.d.D(y)},ce.preinit=function(y,A){if(typeof y=="string"&&A&&typeof A.as=="string"){var E=A.as,S=v(E,A.crossOrigin),O=typeof A.integrity=="string"?A.integrity:void 0,X=typeof A.fetchPriority=="string"?A.fetchPriority:void 0;E==="style"?f.d.S(y,typeof A.precedence=="string"?A.precedence:void 0,{crossOrigin:S,integrity:O,fetchPriority:X}):E==="script"&&f.d.X(y,{crossOrigin:S,integrity:O,fetchPriority:X,nonce:typeof A.nonce=="string"?A.nonce:void 0})}},ce.preinitModule=function(y,A){if(typeof y=="string")if(typeof A=="object"&&A!==null){if(A.as==null||A.as==="script"){var E=v(A.as,A.crossOrigin);f.d.M(y,{crossOrigin:E,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0})}}else A==null&&f.d.M(y)},ce.preload=function(y,A){if(typeof y=="string"&&typeof A=="object"&&A!==null&&typeof A.as=="string"){var E=A.as,S=v(E,A.crossOrigin);f.d.L(y,E,{crossOrigin:S,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0,type:typeof A.type=="string"?A.type:void 0,fetchPriority:typeof A.fetchPriority=="string"?A.fetchPriority:void 0,referrerPolicy:typeof A.referrerPolicy=="string"?A.referrerPolicy:void 0,imageSrcSet:typeof A.imageSrcSet=="string"?A.imageSrcSet:void 0,imageSizes:typeof A.imageSizes=="string"?A.imageSizes:void 0,media:typeof A.media=="string"?A.media:void 0})}},ce.preloadModule=function(y,A){if(typeof y=="string")if(A){var E=v(A.as,A.crossOrigin);f.d.m(y,{as:typeof A.as=="string"&&A.as!=="script"?A.as:void 0,crossOrigin:E,integrity:typeof A.integrity=="string"?A.integrity:void 0})}else f.d.m(y)},ce.requestFormReset=function(y){f.d.r(y)},ce.unstable_batchedUpdates=function(y,A){return y(A)},ce.useFormState=function(y,A,E){return h.H.useFormState(y,A,E)},ce.useFormStatus=function(){return h.H.useHostTransitionStatus()},ce.version="19.2.1",ce}var D2;function Y5(){if(D2)return If.exports;D2=1;function l(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(l)}catch(u){console.error(u)}}return l(),If.exports=z5(),If.exports}/**
+ * @license React
+ * react-dom-client.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var M2;function L5(){if(M2)return xi;M2=1;var l=Q5(),u=xr(),c=Y5();function f(t){var e="https://react.dev/errors/"+t;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)e+="&args[]="+encodeURIComponent(arguments[n])}return"Minified React error #"+t+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function r(t){return!(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)}function o(t){var e=t,n=t;if(t.alternate)for(;e.return;)e=e.return;else{t=e;do e=t,(e.flags&4098)!==0&&(n=e.return),t=e.return;while(t)}return e.tag===3?n:null}function h(t){if(t.tag===13){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function v(t){if(t.tag===31){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function y(t){if(o(t)!==t)throw Error(f(188))}function A(t){var e=t.alternate;if(!e){if(e=o(t),e===null)throw Error(f(188));return e!==t?null:t}for(var n=t,a=e;;){var i=n.return;if(i===null)break;var s=i.alternate;if(s===null){if(a=i.return,a!==null){n=a;continue}break}if(i.child===s.child){for(s=i.child;s;){if(s===n)return y(i),t;if(s===a)return y(i),e;s=s.sibling}throw Error(f(188))}if(n.return!==a.return)n=i,a=s;else{for(var d=!1,g=i.child;g;){if(g===n){d=!0,n=i,a=s;break}if(g===a){d=!0,a=i,n=s;break}g=g.sibling}if(!d){for(g=s.child;g;){if(g===n){d=!0,n=s,a=i;break}if(g===a){d=!0,a=s,n=i;break}g=g.sibling}if(!d)throw Error(f(189))}}if(n.alternate!==a)throw Error(f(190))}if(n.tag!==3)throw Error(f(188));return n.stateNode.current===n?t:e}function E(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t;for(t=t.child;t!==null;){if(e=E(t),e!==null)return e;t=t.sibling}return null}var S=Object.assign,O=Symbol.for("react.element"),X=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),R=Symbol.for("react.consumer"),U=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),j=Symbol.for("react.suspense_list"),D=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),J=Symbol.for("react.memo_cache_sentinel"),k=Symbol.iterator;function nt(t){return t===null||typeof t!="object"?null:(t=k&&t[k]||t["@@iterator"],typeof t=="function"?t:null)}var P=Symbol.for("react.client.reference");function st(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===P?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case b:return"Fragment";case x:return"Profiler";case p:return"StrictMode";case F:return"Suspense";case j:return"SuspenseList";case K:return"Activity"}if(typeof t=="object")switch(t.$$typeof){case B:return"Portal";case U:return t.displayName||"Context";case R:return(t._context.displayName||"Context")+".Consumer";case Z:var e=t.render;return t=t.displayName,t||(t=e.displayName||e.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case D:return e=t.displayName||null,e!==null?e:st(t.type)||"Memo";case N:e=t._payload,t=t._init;try{return st(t(e))}catch{}}return null}var it=Array.isArray,H=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,_=c.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$={pending:!1,data:null,method:null,action:null},ht=[],tt=-1;function C(t){return{current:t}}function L(t){0>tt||(t.current=ht[tt],ht[tt]=null,tt--)}function W(t,e){tt++,ht[tt]=t.current,t.current=e}var et=C(null),rt=C(null),ot=C(null),gt=C(null);function Ft(t,e){switch(W(ot,e),W(rt,t),W(et,null),e.nodeType){case 9:case 11:t=(t=e.documentElement)&&(t=t.namespaceURI)?Pd(t):0;break;default:if(t=e.tagName,e=e.namespaceURI)e=Pd(e),t=$d(e,t);else switch(t){case"svg":t=1;break;case"math":t=2;break;default:t=0}}L(et),W(et,t)}function Qt(){L(et),L(rt),L(ot)}function On(t){t.memoizedState!==null&&W(gt,t);var e=et.current,n=$d(e,t.type);e!==n&&(W(rt,t),W(et,n))}function ra(t){rt.current===t&&(L(et),L(rt)),gt.current===t&&(L(gt),gi._currentValue=$)}var wn,Ba;function Ee(t){if(wn===void 0)try{throw Error()}catch(n){var e=n.stack.trim().match(/\n( *(at )?)/);wn=e&&e[1]||"",Ba=-1<n.stack.indexOf(`
+    at`)?" (<anonymous>)":-1<n.stack.indexOf("@")?"@unknown:0:0":""}return`
+`+wn+t+Ba}var Ua=!1;function Rn(t,e){if(!t||Ua)return"";Ua=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var a={DetermineComponentFrameRoot:function(){try{if(e){var I=function(){throw Error()};if(Object.defineProperty(I.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(I,[])}catch(G){var Y=G}Reflect.construct(t,[],I)}else{try{I.call()}catch(G){Y=G}t.call(I.prototype)}}else{try{throw Error()}catch(G){Y=G}(I=t())&&typeof I.catch=="function"&&I.catch(function(){})}}catch(G){if(G&&Y&&typeof G.stack=="string")return[G.stack,Y.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var i=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");i&&i.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var s=a.DetermineComponentFrameRoot(),d=s[0],g=s[1];if(d&&g){var T=d.split(`
+`),z=g.split(`
+`);for(i=a=0;a<T.length&&!T[a].includes("DetermineComponentFrameRoot");)a++;for(;i<z.length&&!z[i].includes("DetermineComponentFrameRoot");)i++;if(a===T.length||i===z.length)for(a=T.length-1,i=z.length-1;1<=a&&0<=i&&T[a]!==z[i];)i--;for(;1<=a&&0<=i;a--,i--)if(T[a]!==z[i]){if(a!==1||i!==1)do if(a--,i--,0>i||T[a]!==z[i]){var V=`
+`+T[a].replace(" at new "," at ");return t.displayName&&V.includes("<anonymous>")&&(V=V.replace("<anonymous>",t.displayName)),V}while(1<=a&&0<=i);break}}}finally{Ua=!1,Error.prepareStackTrace=n}return(n=t?t.displayName||t.name:"")?Ee(n):""}function Qa(t,e){switch(t.tag){case 26:case 27:case 5:return Ee(t.type);case 16:return Ee("Lazy");case 13:return t.child!==e&&e!==null?Ee("Suspense Fallback"):Ee("Suspense");case 19:return Ee("SuspenseList");case 0:case 15:return Rn(t.type,!1);case 11:return Rn(t.type.render,!1);case 1:return Rn(t.type,!0);case 31:return Ee("Activity");default:return""}}function Bi(t){try{var e="",n=null;do e+=Qa(t,n),n=t,t=t.return;while(t);return e}catch(a){return`
+Error generating stack: `+a.message+`
+`+a.stack}}var mc=Object.prototype.hasOwnProperty,gc=l.unstable_scheduleCallback,Ac=l.unstable_cancelCallback,om=l.unstable_shouldYield,dm=l.unstable_requestPaint,pe=l.unstable_now,hm=l.unstable_getCurrentPriorityLevel,Dr=l.unstable_ImmediatePriority,Mr=l.unstable_UserBlockingPriority,Ui=l.unstable_NormalPriority,mm=l.unstable_LowPriority,jr=l.unstable_IdlePriority,gm=l.log,Am=l.unstable_setDisableYieldValue,wl=null,be=null;function Dn(t){if(typeof gm=="function"&&Am(t),be&&typeof be.setStrictMode=="function")try{be.setStrictMode(wl,t)}catch{}}var xe=Math.clz32?Math.clz32:Em,vm=Math.log,ym=Math.LN2;function Em(t){return t>>>=0,t===0?32:31-(vm(t)/ym|0)|0}var Qi=256,zi=262144,Yi=4194304;function oa(t){var e=t&42;if(e!==0)return e;switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return t&261888;case 262144:case 524288:case 1048576:case 2097152:return t&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return t&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return t}}function Li(t,e,n){var a=t.pendingLanes;if(a===0)return 0;var i=0,s=t.suspendedLanes,d=t.pingedLanes;t=t.warmLanes;var g=a&134217727;return g!==0?(a=g&~s,a!==0?i=oa(a):(d&=g,d!==0?i=oa(d):n||(n=g&~t,n!==0&&(i=oa(n))))):(g=a&~s,g!==0?i=oa(g):d!==0?i=oa(d):n||(n=a&~t,n!==0&&(i=oa(n)))),i===0?0:e!==0&&e!==i&&(e&s)===0&&(s=i&-i,n=e&-e,s>=n||s===32&&(n&4194048)!==0)?e:i}function Rl(t,e){return(t.pendingLanes&~(t.suspendedLanes&~t.pingedLanes)&e)===0}function pm(t,e){switch(t){case 1:case 2:case 4:case 8:case 64:return e+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Hr(){var t=Yi;return Yi<<=1,(Yi&62914560)===0&&(Yi=4194304),t}function vc(t){for(var e=[],n=0;31>n;n++)e.push(t);return e}function Dl(t,e){t.pendingLanes|=e,e!==268435456&&(t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0)}function bm(t,e,n,a,i,s){var d=t.pendingLanes;t.pendingLanes=n,t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0,t.expiredLanes&=n,t.entangledLanes&=n,t.errorRecoveryDisabledLanes&=n,t.shellSuspendCounter=0;var g=t.entanglements,T=t.expirationTimes,z=t.hiddenUpdates;for(n=d&~n;0<n;){var V=31-xe(n),I=1<<V;g[V]=0,T[V]=-1;var Y=z[V];if(Y!==null)for(z[V]=null,V=0;V<Y.length;V++){var G=Y[V];G!==null&&(G.lane&=-536870913)}n&=~I}a!==0&&Nr(t,a,0),s!==0&&i===0&&t.tag!==0&&(t.suspendedLanes|=s&~(d&~e))}function Nr(t,e,n){t.pendingLanes|=e,t.suspendedLanes&=~e;var a=31-xe(e);t.entangledLanes|=e,t.entanglements[a]=t.entanglements[a]|1073741824|n&261930}function Br(t,e){var n=t.entangledLanes|=e;for(t=t.entanglements;n;){var a=31-xe(n),i=1<<a;i&e|t[a]&e&&(t[a]|=e),n&=~i}}function Ur(t,e){var n=e&-e;return n=(n&42)!==0?1:yc(n),(n&(t.suspendedLanes|e))!==0?0:n}function yc(t){switch(t){case 2:t=1;break;case 8:t=4;break;case 32:t=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:t=128;break;case 268435456:t=134217728;break;default:t=0}return t}function Ec(t){return t&=-t,2<t?8<t?(t&134217727)!==0?32:268435456:8:2}function Qr(){var t=_.p;return t!==0?t:(t=window.event,t===void 0?32:x1(t.type))}function zr(t,e){var n=_.p;try{return _.p=t,e()}finally{_.p=n}}var Mn=Math.random().toString(36).slice(2),te="__reactFiber$"+Mn,oe="__reactProps$"+Mn,za="__reactContainer$"+Mn,pc="__reactEvents$"+Mn,xm="__reactListeners$"+Mn,Sm="__reactHandles$"+Mn,Yr="__reactResources$"+Mn,Ml="__reactMarker$"+Mn;function bc(t){delete t[te],delete t[oe],delete t[pc],delete t[xm],delete t[Sm]}function Ya(t){var e=t[te];if(e)return e;for(var n=t.parentNode;n;){if(e=n[za]||n[te]){if(n=e.alternate,e.child!==null||n!==null&&n.child!==null)for(t=u1(t);t!==null;){if(n=t[te])return n;t=u1(t)}return e}t=n,n=t.parentNode}return null}function La(t){if(t=t[te]||t[za]){var e=t.tag;if(e===5||e===6||e===13||e===31||e===26||e===27||e===3)return t}return null}function jl(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t.stateNode;throw Error(f(33))}function Ga(t){var e=t[Yr];return e||(e=t[Yr]={hoistableStyles:new Map,hoistableScripts:new Map}),e}function Wt(t){t[Ml]=!0}var Lr=new Set,Gr={};function da(t,e){Xa(t,e),Xa(t+"Capture",e)}function Xa(t,e){for(Gr[t]=e,t=0;t<e.length;t++)Lr.add(e[t])}var Tm=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Xr={},Vr={};function Cm(t){return mc.call(Vr,t)?!0:mc.call(Xr,t)?!1:Tm.test(t)?Vr[t]=!0:(Xr[t]=!0,!1)}function Gi(t,e,n){if(Cm(e))if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":t.removeAttribute(e);return;case"boolean":var a=e.toLowerCase().slice(0,5);if(a!=="data-"&&a!=="aria-"){t.removeAttribute(e);return}}t.setAttribute(e,""+n)}}function Xi(t,e,n){if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(e);return}t.setAttribute(e,""+n)}}function $e(t,e,n,a){if(a===null)t.removeAttribute(n);else{switch(typeof a){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(n);return}t.setAttributeNS(e,n,""+a)}}function je(t){switch(typeof t){case"bigint":case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function Zr(t){var e=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(e==="checkbox"||e==="radio")}function Om(t,e,n){var a=Object.getOwnPropertyDescriptor(t.constructor.prototype,e);if(!t.hasOwnProperty(e)&&typeof a<"u"&&typeof a.get=="function"&&typeof a.set=="function"){var i=a.get,s=a.set;return Object.defineProperty(t,e,{configurable:!0,get:function(){return i.call(this)},set:function(d){n=""+d,s.call(this,d)}}),Object.defineProperty(t,e,{enumerable:a.enumerable}),{getValue:function(){return n},setValue:function(d){n=""+d},stopTracking:function(){t._valueTracker=null,delete t[e]}}}}function xc(t){if(!t._valueTracker){var e=Zr(t)?"checked":"value";t._valueTracker=Om(t,e,""+t[e])}}function qr(t){if(!t)return!1;var e=t._valueTracker;if(!e)return!0;var n=e.getValue(),a="";return t&&(a=Zr(t)?t.checked?"true":"false":t.value),t=a,t!==n?(e.setValue(t),!0):!1}function Vi(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}var wm=/[\n"\\]/g;function He(t){return t.replace(wm,function(e){return"\\"+e.charCodeAt(0).toString(16)+" "})}function Sc(t,e,n,a,i,s,d,g){t.name="",d!=null&&typeof d!="function"&&typeof d!="symbol"&&typeof d!="boolean"?t.type=d:t.removeAttribute("type"),e!=null?d==="number"?(e===0&&t.value===""||t.value!=e)&&(t.value=""+je(e)):t.value!==""+je(e)&&(t.value=""+je(e)):d!=="submit"&&d!=="reset"||t.removeAttribute("value"),e!=null?Tc(t,d,je(e)):n!=null?Tc(t,d,je(n)):a!=null&&t.removeAttribute("value"),i==null&&s!=null&&(t.defaultChecked=!!s),i!=null&&(t.checked=i&&typeof i!="function"&&typeof i!="symbol"),g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"?t.name=""+je(g):t.removeAttribute("name")}function Ir(t,e,n,a,i,s,d,g){if(s!=null&&typeof s!="function"&&typeof s!="symbol"&&typeof s!="boolean"&&(t.type=s),e!=null||n!=null){if(!(s!=="submit"&&s!=="reset"||e!=null)){xc(t);return}n=n!=null?""+je(n):"",e=e!=null?""+je(e):n,g||e===t.value||(t.value=e),t.defaultValue=e}a=a??i,a=typeof a!="function"&&typeof a!="symbol"&&!!a,t.checked=g?t.checked:!!a,t.defaultChecked=!!a,d!=null&&typeof d!="function"&&typeof d!="symbol"&&typeof d!="boolean"&&(t.name=d),xc(t)}function Tc(t,e,n){e==="number"&&Vi(t.ownerDocument)===t||t.defaultValue===""+n||(t.defaultValue=""+n)}function Va(t,e,n,a){if(t=t.options,e){e={};for(var i=0;i<n.length;i++)e["$"+n[i]]=!0;for(n=0;n<t.length;n++)i=e.hasOwnProperty("$"+t[n].value),t[n].selected!==i&&(t[n].selected=i),i&&a&&(t[n].defaultSelected=!0)}else{for(n=""+je(n),e=null,i=0;i<t.length;i++){if(t[i].value===n){t[i].selected=!0,a&&(t[i].defaultSelected=!0);return}e!==null||t[i].disabled||(e=t[i])}e!==null&&(e.selected=!0)}}function Kr(t,e,n){if(e!=null&&(e=""+je(e),e!==t.value&&(t.value=e),n==null)){t.defaultValue!==e&&(t.defaultValue=e);return}t.defaultValue=n!=null?""+je(n):""}function kr(t,e,n,a){if(e==null){if(a!=null){if(n!=null)throw Error(f(92));if(it(a)){if(1<a.length)throw Error(f(93));a=a[0]}n=a}n==null&&(n=""),e=n}n=je(e),t.defaultValue=n,a=t.textContent,a===n&&a!==""&&a!==null&&(t.value=a),xc(t)}function Za(t,e){if(e){var n=t.firstChild;if(n&&n===t.lastChild&&n.nodeType===3){n.nodeValue=e;return}}t.textContent=e}var Rm=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function Jr(t,e,n){var a=e.indexOf("--")===0;n==null||typeof n=="boolean"||n===""?a?t.setProperty(e,""):e==="float"?t.cssFloat="":t[e]="":a?t.setProperty(e,n):typeof n!="number"||n===0||Rm.has(e)?e==="float"?t.cssFloat=n:t[e]=(""+n).trim():t[e]=n+"px"}function Fr(t,e,n){if(e!=null&&typeof e!="object")throw Error(f(62));if(t=t.style,n!=null){for(var a in n)!n.hasOwnProperty(a)||e!=null&&e.hasOwnProperty(a)||(a.indexOf("--")===0?t.setProperty(a,""):a==="float"?t.cssFloat="":t[a]="");for(var i in e)a=e[i],e.hasOwnProperty(i)&&n[i]!==a&&Jr(t,i,a)}else for(var s in e)e.hasOwnProperty(s)&&Jr(t,s,e[s])}function Cc(t){if(t.indexOf("-")===-1)return!1;switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Dm=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Mm=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Zi(t){return Mm.test(""+t)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":t}function tn(){}var Oc=null;function wc(t){return t=t.target||t.srcElement||window,t.correspondingUseElement&&(t=t.correspondingUseElement),t.nodeType===3?t.parentNode:t}var qa=null,Ia=null;function Wr(t){var e=La(t);if(e&&(t=e.stateNode)){var n=t[oe]||null;t:switch(t=e.stateNode,e.type){case"input":if(Sc(t,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),e=n.name,n.type==="radio"&&e!=null){for(n=t;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll('input[name="'+He(""+e)+'"][type="radio"]'),e=0;e<n.length;e++){var a=n[e];if(a!==t&&a.form===t.form){var i=a[oe]||null;if(!i)throw Error(f(90));Sc(a,i.value,i.defaultValue,i.defaultValue,i.checked,i.defaultChecked,i.type,i.name)}}for(e=0;e<n.length;e++)a=n[e],a.form===t.form&&qr(a)}break t;case"textarea":Kr(t,n.value,n.defaultValue);break t;case"select":e=n.value,e!=null&&Va(t,!!n.multiple,e,!1)}}}var Rc=!1;function _r(t,e,n){if(Rc)return t(e,n);Rc=!0;try{var a=t(e);return a}finally{if(Rc=!1,(qa!==null||Ia!==null)&&(Mu(),qa&&(e=qa,t=Ia,Ia=qa=null,Wr(e),t)))for(e=0;e<t.length;e++)Wr(t[e])}}function Hl(t,e){var n=t.stateNode;if(n===null)return null;var a=n[oe]||null;if(a===null)return null;n=a[e];t:switch(e){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(t=t.type,a=!(t==="button"||t==="input"||t==="select"||t==="textarea")),t=!a;break t;default:t=!1}if(t)return null;if(n&&typeof n!="function")throw Error(f(231,e,typeof n));return n}var en=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Dc=!1;if(en)try{var Nl={};Object.defineProperty(Nl,"passive",{get:function(){Dc=!0}}),window.addEventListener("test",Nl,Nl),window.removeEventListener("test",Nl,Nl)}catch{Dc=!1}var jn=null,Mc=null,qi=null;function Pr(){if(qi)return qi;var t,e=Mc,n=e.length,a,i="value"in jn?jn.value:jn.textContent,s=i.length;for(t=0;t<n&&e[t]===i[t];t++);var d=n-t;for(a=1;a<=d&&e[n-a]===i[s-a];a++);return qi=i.slice(t,1<a?1-a:void 0)}function Ii(t){var e=t.keyCode;return"charCode"in t?(t=t.charCode,t===0&&e===13&&(t=13)):t=e,t===10&&(t=13),32<=t||t===13?t:0}function Ki(){return!0}function $r(){return!1}function de(t){function e(n,a,i,s,d){this._reactName=n,this._targetInst=i,this.type=a,this.nativeEvent=s,this.target=d,this.currentTarget=null;for(var g in t)t.hasOwnProperty(g)&&(n=t[g],this[g]=n?n(s):s[g]);return this.isDefaultPrevented=(s.defaultPrevented!=null?s.defaultPrevented:s.returnValue===!1)?Ki:$r,this.isPropagationStopped=$r,this}return S(e.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Ki)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Ki)},persist:function(){},isPersistent:Ki}),e}var ha={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(t){return t.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},ki=de(ha),Bl=S({},ha,{view:0,detail:0}),jm=de(Bl),jc,Hc,Ul,Ji=S({},Bl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Bc,button:0,buttons:0,relatedTarget:function(t){return t.relatedTarget===void 0?t.fromElement===t.srcElement?t.toElement:t.fromElement:t.relatedTarget},movementX:function(t){return"movementX"in t?t.movementX:(t!==Ul&&(Ul&&t.type==="mousemove"?(jc=t.screenX-Ul.screenX,Hc=t.screenY-Ul.screenY):Hc=jc=0,Ul=t),jc)},movementY:function(t){return"movementY"in t?t.movementY:Hc}}),to=de(Ji),Hm=S({},Ji,{dataTransfer:0}),Nm=de(Hm),Bm=S({},Bl,{relatedTarget:0}),Nc=de(Bm),Um=S({},ha,{animationName:0,elapsedTime:0,pseudoElement:0}),Qm=de(Um),zm=S({},ha,{clipboardData:function(t){return"clipboardData"in t?t.clipboardData:window.clipboardData}}),Ym=de(zm),Lm=S({},ha,{data:0}),eo=de(Lm),Gm={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Xm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Vm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Zm(t){var e=this.nativeEvent;return e.getModifierState?e.getModifierState(t):(t=Vm[t])?!!e[t]:!1}function Bc(){return Zm}var qm=S({},Bl,{key:function(t){if(t.key){var e=Gm[t.key]||t.key;if(e!=="Unidentified")return e}return t.type==="keypress"?(t=Ii(t),t===13?"Enter":String.fromCharCode(t)):t.type==="keydown"||t.type==="keyup"?Xm[t.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Bc,charCode:function(t){return t.type==="keypress"?Ii(t):0},keyCode:function(t){return t.type==="keydown"||t.type==="keyup"?t.keyCode:0},which:function(t){return t.type==="keypress"?Ii(t):t.type==="keydown"||t.type==="keyup"?t.keyCode:0}}),Im=de(qm),Km=S({},Ji,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),no=de(Km),km=S({},Bl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Bc}),Jm=de(km),Fm=S({},ha,{propertyName:0,elapsedTime:0,pseudoElement:0}),Wm=de(Fm),_m=S({},Ji,{deltaX:function(t){return"deltaX"in t?t.deltaX:"wheelDeltaX"in t?-t.wheelDeltaX:0},deltaY:function(t){return"deltaY"in t?t.deltaY:"wheelDeltaY"in t?-t.wheelDeltaY:"wheelDelta"in t?-t.wheelDelta:0},deltaZ:0,deltaMode:0}),Pm=de(_m),$m=S({},ha,{newState:0,oldState:0}),tg=de($m),eg=[9,13,27,32],Uc=en&&"CompositionEvent"in window,Ql=null;en&&"documentMode"in document&&(Ql=document.documentMode);var ng=en&&"TextEvent"in window&&!Ql,ao=en&&(!Uc||Ql&&8<Ql&&11>=Ql),lo=" ",io=!1;function uo(t,e){switch(t){case"keyup":return eg.indexOf(e.keyCode)!==-1;case"keydown":return e.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function co(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var Ka=!1;function ag(t,e){switch(t){case"compositionend":return co(e);case"keypress":return e.which!==32?null:(io=!0,lo);case"textInput":return t=e.data,t===lo&&io?null:t;default:return null}}function lg(t,e){if(Ka)return t==="compositionend"||!Uc&&uo(t,e)?(t=Pr(),qi=Mc=jn=null,Ka=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(e.ctrlKey||e.altKey||e.metaKey)||e.ctrlKey&&e.altKey){if(e.char&&1<e.char.length)return e.char;if(e.which)return String.fromCharCode(e.which)}return null;case"compositionend":return ao&&e.locale!=="ko"?null:e.data;default:return null}}var ig={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function so(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e==="input"?!!ig[t.type]:e==="textarea"}function fo(t,e,n,a){qa?Ia?Ia.push(a):Ia=[a]:qa=a,e=zu(e,"onChange"),0<e.length&&(n=new ki("onChange","change",null,n,a),t.push({event:n,listeners:e}))}var zl=null,Yl=null;function ug(t){Kd(t,0)}function Fi(t){var e=jl(t);if(qr(e))return t}function ro(t,e){if(t==="change")return e}var oo=!1;if(en){var Qc;if(en){var zc="oninput"in document;if(!zc){var ho=document.createElement("div");ho.setAttribute("oninput","return;"),zc=typeof ho.oninput=="function"}Qc=zc}else Qc=!1;oo=Qc&&(!document.documentMode||9<document.documentMode)}function mo(){zl&&(zl.detachEvent("onpropertychange",go),Yl=zl=null)}function go(t){if(t.propertyName==="value"&&Fi(Yl)){var e=[];fo(e,Yl,t,wc(t)),_r(ug,e)}}function cg(t,e,n){t==="focusin"?(mo(),zl=e,Yl=n,zl.attachEvent("onpropertychange",go)):t==="focusout"&&mo()}function sg(t){if(t==="selectionchange"||t==="keyup"||t==="keydown")return Fi(Yl)}function fg(t,e){if(t==="click")return Fi(e)}function rg(t,e){if(t==="input"||t==="change")return Fi(e)}function og(t,e){return t===e&&(t!==0||1/t===1/e)||t!==t&&e!==e}var Se=typeof Object.is=="function"?Object.is:og;function Ll(t,e){if(Se(t,e))return!0;if(typeof t!="object"||t===null||typeof e!="object"||e===null)return!1;var n=Object.keys(t),a=Object.keys(e);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var i=n[a];if(!mc.call(e,i)||!Se(t[i],e[i]))return!1}return!0}function Ao(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function vo(t,e){var n=Ao(t);t=0;for(var a;n;){if(n.nodeType===3){if(a=t+n.textContent.length,t<=e&&a>=e)return{node:n,offset:e-t};t=a}t:{for(;n;){if(n.nextSibling){n=n.nextSibling;break t}n=n.parentNode}n=void 0}n=Ao(n)}}function yo(t,e){return t&&e?t===e?!0:t&&t.nodeType===3?!1:e&&e.nodeType===3?yo(t,e.parentNode):"contains"in t?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&16):!1:!1}function Eo(t){t=t!=null&&t.ownerDocument!=null&&t.ownerDocument.defaultView!=null?t.ownerDocument.defaultView:window;for(var e=Vi(t.document);e instanceof t.HTMLIFrameElement;){try{var n=typeof e.contentWindow.location.href=="string"}catch{n=!1}if(n)t=e.contentWindow;else break;e=Vi(t.document)}return e}function Yc(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&(e==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||e==="textarea"||t.contentEditable==="true")}var dg=en&&"documentMode"in document&&11>=document.documentMode,ka=null,Lc=null,Gl=null,Gc=!1;function po(t,e,n){var a=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Gc||ka==null||ka!==Vi(a)||(a=ka,"selectionStart"in a&&Yc(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),Gl&&Ll(Gl,a)||(Gl=a,a=zu(Lc,"onSelect"),0<a.length&&(e=new ki("onSelect","select",null,e,n),t.push({event:e,listeners:a}),e.target=ka)))}function ma(t,e){var n={};return n[t.toLowerCase()]=e.toLowerCase(),n["Webkit"+t]="webkit"+e,n["Moz"+t]="moz"+e,n}var Ja={animationend:ma("Animation","AnimationEnd"),animationiteration:ma("Animation","AnimationIteration"),animationstart:ma("Animation","AnimationStart"),transitionrun:ma("Transition","TransitionRun"),transitionstart:ma("Transition","TransitionStart"),transitioncancel:ma("Transition","TransitionCancel"),transitionend:ma("Transition","TransitionEnd")},Xc={},bo={};en&&(bo=document.createElement("div").style,"AnimationEvent"in window||(delete Ja.animationend.animation,delete Ja.animationiteration.animation,delete Ja.animationstart.animation),"TransitionEvent"in window||delete Ja.transitionend.transition);function ga(t){if(Xc[t])return Xc[t];if(!Ja[t])return t;var e=Ja[t],n;for(n in e)if(e.hasOwnProperty(n)&&n in bo)return Xc[t]=e[n];return t}var xo=ga("animationend"),So=ga("animationiteration"),To=ga("animationstart"),hg=ga("transitionrun"),mg=ga("transitionstart"),gg=ga("transitioncancel"),Co=ga("transitionend"),Oo=new Map,Vc="abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");Vc.push("scrollEnd");function qe(t,e){Oo.set(t,e),da(e,[t])}var Wi=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},Ne=[],Fa=0,Zc=0;function _i(){for(var t=Fa,e=Zc=Fa=0;e<t;){var n=Ne[e];Ne[e++]=null;var a=Ne[e];Ne[e++]=null;var i=Ne[e];Ne[e++]=null;var s=Ne[e];if(Ne[e++]=null,a!==null&&i!==null){var d=a.pending;d===null?i.next=i:(i.next=d.next,d.next=i),a.pending=i}s!==0&&wo(n,i,s)}}function Pi(t,e,n,a){Ne[Fa++]=t,Ne[Fa++]=e,Ne[Fa++]=n,Ne[Fa++]=a,Zc|=a,t.lanes|=a,t=t.alternate,t!==null&&(t.lanes|=a)}function qc(t,e,n,a){return Pi(t,e,n,a),$i(t)}function Aa(t,e){return Pi(t,null,null,e),$i(t)}function wo(t,e,n){t.lanes|=n;var a=t.alternate;a!==null&&(a.lanes|=n);for(var i=!1,s=t.return;s!==null;)s.childLanes|=n,a=s.alternate,a!==null&&(a.childLanes|=n),s.tag===22&&(t=s.stateNode,t===null||t._visibility&1||(i=!0)),t=s,s=s.return;return t.tag===3?(s=t.stateNode,i&&e!==null&&(i=31-xe(n),t=s.hiddenUpdates,a=t[i],a===null?t[i]=[e]:a.push(e),e.lane=n|536870912),s):null}function $i(t){if(50<si)throw si=0,$s=null,Error(f(185));for(var e=t.return;e!==null;)t=e,e=t.return;return t.tag===3?t.stateNode:null}var Wa={};function Ag(t,e,n,a){this.tag=t,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Te(t,e,n,a){return new Ag(t,e,n,a)}function Ic(t){return t=t.prototype,!(!t||!t.isReactComponent)}function nn(t,e){var n=t.alternate;return n===null?(n=Te(t.tag,e,t.key,t.mode),n.elementType=t.elementType,n.type=t.type,n.stateNode=t.stateNode,n.alternate=t,t.alternate=n):(n.pendingProps=e,n.type=t.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=t.flags&65011712,n.childLanes=t.childLanes,n.lanes=t.lanes,n.child=t.child,n.memoizedProps=t.memoizedProps,n.memoizedState=t.memoizedState,n.updateQueue=t.updateQueue,e=t.dependencies,n.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},n.sibling=t.sibling,n.index=t.index,n.ref=t.ref,n.refCleanup=t.refCleanup,n}function Ro(t,e){t.flags&=65011714;var n=t.alternate;return n===null?(t.childLanes=0,t.lanes=e,t.child=null,t.subtreeFlags=0,t.memoizedProps=null,t.memoizedState=null,t.updateQueue=null,t.dependencies=null,t.stateNode=null):(t.childLanes=n.childLanes,t.lanes=n.lanes,t.child=n.child,t.subtreeFlags=0,t.deletions=null,t.memoizedProps=n.memoizedProps,t.memoizedState=n.memoizedState,t.updateQueue=n.updateQueue,t.type=n.type,e=n.dependencies,t.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),t}function tu(t,e,n,a,i,s){var d=0;if(a=t,typeof t=="function")Ic(t)&&(d=1);else if(typeof t=="string")d=bA(t,n,et.current)?26:t==="html"||t==="head"||t==="body"?27:5;else t:switch(t){case K:return t=Te(31,n,e,i),t.elementType=K,t.lanes=s,t;case b:return va(n.children,i,s,e);case p:d=8,i|=24;break;case x:return t=Te(12,n,e,i|2),t.elementType=x,t.lanes=s,t;case F:return t=Te(13,n,e,i),t.elementType=F,t.lanes=s,t;case j:return t=Te(19,n,e,i),t.elementType=j,t.lanes=s,t;default:if(typeof t=="object"&&t!==null)switch(t.$$typeof){case U:d=10;break t;case R:d=9;break t;case Z:d=11;break t;case D:d=14;break t;case N:d=16,a=null;break t}d=29,n=Error(f(130,t===null?"null":typeof t,"")),a=null}return e=Te(d,n,e,i),e.elementType=t,e.type=a,e.lanes=s,e}function va(t,e,n,a){return t=Te(7,t,a,e),t.lanes=n,t}function Kc(t,e,n){return t=Te(6,t,null,e),t.lanes=n,t}function Do(t){var e=Te(18,null,null,0);return e.stateNode=t,e}function kc(t,e,n){return e=Te(4,t.children!==null?t.children:[],t.key,e),e.lanes=n,e.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},e}var Mo=new WeakMap;function Be(t,e){if(typeof t=="object"&&t!==null){var n=Mo.get(t);return n!==void 0?n:(e={value:t,source:e,stack:Bi(e)},Mo.set(t,e),e)}return{value:t,source:e,stack:Bi(e)}}var _a=[],Pa=0,eu=null,Xl=0,Ue=[],Qe=0,Hn=null,Je=1,Fe="";function an(t,e){_a[Pa++]=Xl,_a[Pa++]=eu,eu=t,Xl=e}function jo(t,e,n){Ue[Qe++]=Je,Ue[Qe++]=Fe,Ue[Qe++]=Hn,Hn=t;var a=Je;t=Fe;var i=32-xe(a)-1;a&=~(1<<i),n+=1;var s=32-xe(e)+i;if(30<s){var d=i-i%5;s=(a&(1<<d)-1).toString(32),a>>=d,i-=d,Je=1<<32-xe(e)+i|n<<i|a,Fe=s+t}else Je=1<<s|n<<i|a,Fe=t}function Jc(t){t.return!==null&&(an(t,1),jo(t,1,0))}function Fc(t){for(;t===eu;)eu=_a[--Pa],_a[Pa]=null,Xl=_a[--Pa],_a[Pa]=null;for(;t===Hn;)Hn=Ue[--Qe],Ue[Qe]=null,Fe=Ue[--Qe],Ue[Qe]=null,Je=Ue[--Qe],Ue[Qe]=null}function Ho(t,e){Ue[Qe++]=Je,Ue[Qe++]=Fe,Ue[Qe++]=Hn,Je=e.id,Fe=e.overflow,Hn=t}var ee=null,Ht=null,bt=!1,Nn=null,ze=!1,Wc=Error(f(519));function Bn(t){var e=Error(f(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?"text":"HTML",""));throw Vl(Be(e,t)),Wc}function No(t){var e=t.stateNode,n=t.type,a=t.memoizedProps;switch(e[te]=t,e[oe]=a,n){case"dialog":yt("cancel",e),yt("close",e);break;case"iframe":case"object":case"embed":yt("load",e);break;case"video":case"audio":for(n=0;n<ri.length;n++)yt(ri[n],e);break;case"source":yt("error",e);break;case"img":case"image":case"link":yt("error",e),yt("load",e);break;case"details":yt("toggle",e);break;case"input":yt("invalid",e),Ir(e,a.value,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name,!0);break;case"select":yt("invalid",e);break;case"textarea":yt("invalid",e),kr(e,a.value,a.defaultValue,a.children)}n=a.children,typeof n!="string"&&typeof n!="number"&&typeof n!="bigint"||e.textContent===""+n||a.suppressHydrationWarning===!0||Wd(e.textContent,n)?(a.popover!=null&&(yt("beforetoggle",e),yt("toggle",e)),a.onScroll!=null&&yt("scroll",e),a.onScrollEnd!=null&&yt("scrollend",e),a.onClick!=null&&(e.onclick=tn),e=!0):e=!1,e||Bn(t,!0)}function Bo(t){for(ee=t.return;ee;)switch(ee.tag){case 5:case 31:case 13:ze=!1;return;case 27:case 3:ze=!0;return;default:ee=ee.return}}function $a(t){if(t!==ee)return!1;if(!bt)return Bo(t),bt=!0,!1;var e=t.tag,n;if((n=e!==3&&e!==27)&&((n=e===5)&&(n=t.type,n=!(n!=="form"&&n!=="button")||gf(t.type,t.memoizedProps)),n=!n),n&&Ht&&Bn(t),Bo(t),e===13){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(317));Ht=i1(t)}else if(e===31){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(317));Ht=i1(t)}else e===27?(e=Ht,Jn(t.type)?(t=pf,pf=null,Ht=t):Ht=e):Ht=ee?Le(t.stateNode.nextSibling):null;return!0}function ya(){Ht=ee=null,bt=!1}function _c(){var t=Nn;return t!==null&&(Ae===null?Ae=t:Ae.push.apply(Ae,t),Nn=null),t}function Vl(t){Nn===null?Nn=[t]:Nn.push(t)}var Pc=C(null),Ea=null,ln=null;function Un(t,e,n){W(Pc,e._currentValue),e._currentValue=n}function un(t){t._currentValue=Pc.current,L(Pc)}function $c(t,e,n){for(;t!==null;){var a=t.alternate;if((t.childLanes&e)!==e?(t.childLanes|=e,a!==null&&(a.childLanes|=e)):a!==null&&(a.childLanes&e)!==e&&(a.childLanes|=e),t===n)break;t=t.return}}function ts(t,e,n,a){var i=t.child;for(i!==null&&(i.return=t);i!==null;){var s=i.dependencies;if(s!==null){var d=i.child;s=s.firstContext;t:for(;s!==null;){var g=s;s=i;for(var T=0;T<e.length;T++)if(g.context===e[T]){s.lanes|=n,g=s.alternate,g!==null&&(g.lanes|=n),$c(s.return,n,t),a||(d=null);break t}s=g.next}}else if(i.tag===18){if(d=i.return,d===null)throw Error(f(341));d.lanes|=n,s=d.alternate,s!==null&&(s.lanes|=n),$c(d,n,t),d=null}else d=i.child;if(d!==null)d.return=i;else for(d=i;d!==null;){if(d===t){d=null;break}if(i=d.sibling,i!==null){i.return=d.return,d=i;break}d=d.return}i=d}}function tl(t,e,n,a){t=null;for(var i=e,s=!1;i!==null;){if(!s){if((i.flags&524288)!==0)s=!0;else if((i.flags&262144)!==0)break}if(i.tag===10){var d=i.alternate;if(d===null)throw Error(f(387));if(d=d.memoizedProps,d!==null){var g=i.type;Se(i.pendingProps.value,d.value)||(t!==null?t.push(g):t=[g])}}else if(i===gt.current){if(d=i.alternate,d===null)throw Error(f(387));d.memoizedState.memoizedState!==i.memoizedState.memoizedState&&(t!==null?t.push(gi):t=[gi])}i=i.return}t!==null&&ts(e,t,n,a),e.flags|=262144}function nu(t){for(t=t.firstContext;t!==null;){if(!Se(t.context._currentValue,t.memoizedValue))return!0;t=t.next}return!1}function pa(t){Ea=t,ln=null,t=t.dependencies,t!==null&&(t.firstContext=null)}function ne(t){return Uo(Ea,t)}function au(t,e){return Ea===null&&pa(t),Uo(t,e)}function Uo(t,e){var n=e._currentValue;if(e={context:e,memoizedValue:n,next:null},ln===null){if(t===null)throw Error(f(308));ln=e,t.dependencies={lanes:0,firstContext:e},t.flags|=524288}else ln=ln.next=e;return n}var vg=typeof AbortController<"u"?AbortController:function(){var t=[],e=this.signal={aborted:!1,addEventListener:function(n,a){t.push(a)}};this.abort=function(){e.aborted=!0,t.forEach(function(n){return n()})}},yg=l.unstable_scheduleCallback,Eg=l.unstable_NormalPriority,Zt={$$typeof:U,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function es(){return{controller:new vg,data:new Map,refCount:0}}function Zl(t){t.refCount--,t.refCount===0&&yg(Eg,function(){t.controller.abort()})}var ql=null,ns=0,el=0,nl=null;function pg(t,e){if(ql===null){var n=ql=[];ns=0,el=uf(),nl={status:"pending",value:void 0,then:function(a){n.push(a)}}}return ns++,e.then(Qo,Qo),e}function Qo(){if(--ns===0&&ql!==null){nl!==null&&(nl.status="fulfilled");var t=ql;ql=null,el=0,nl=null;for(var e=0;e<t.length;e++)(0,t[e])()}}function bg(t,e){var n=[],a={status:"pending",value:null,reason:null,then:function(i){n.push(i)}};return t.then(function(){a.status="fulfilled",a.value=e;for(var i=0;i<n.length;i++)(0,n[i])(e)},function(i){for(a.status="rejected",a.reason=i,i=0;i<n.length;i++)(0,n[i])(void 0)}),a}var zo=H.S;H.S=function(t,e){pd=pe(),typeof e=="object"&&e!==null&&typeof e.then=="function"&&pg(t,e),zo!==null&&zo(t,e)};var ba=C(null);function as(){var t=ba.current;return t!==null?t:jt.pooledCache}function lu(t,e){e===null?W(ba,ba.current):W(ba,e.pool)}function Yo(){var t=as();return t===null?null:{parent:Zt._currentValue,pool:t}}var al=Error(f(460)),ls=Error(f(474)),iu=Error(f(542)),uu={then:function(){}};function Lo(t){return t=t.status,t==="fulfilled"||t==="rejected"}function Go(t,e,n){switch(n=t[n],n===void 0?t.push(e):n!==e&&(e.then(tn,tn),e=n),e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,Vo(t),t;default:if(typeof e.status=="string")e.then(tn,tn);else{if(t=jt,t!==null&&100<t.shellSuspendCounter)throw Error(f(482));t=e,t.status="pending",t.then(function(a){if(e.status==="pending"){var i=e;i.status="fulfilled",i.value=a}},function(a){if(e.status==="pending"){var i=e;i.status="rejected",i.reason=a}})}switch(e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,Vo(t),t}throw Sa=e,al}}function xa(t){try{var e=t._init;return e(t._payload)}catch(n){throw n!==null&&typeof n=="object"&&typeof n.then=="function"?(Sa=n,al):n}}var Sa=null;function Xo(){if(Sa===null)throw Error(f(459));var t=Sa;return Sa=null,t}function Vo(t){if(t===al||t===iu)throw Error(f(483))}var ll=null,Il=0;function cu(t){var e=Il;return Il+=1,ll===null&&(ll=[]),Go(ll,t,e)}function Kl(t,e){e=e.props.ref,t.ref=e!==void 0?e:null}function su(t,e){throw e.$$typeof===O?Error(f(525)):(t=Object.prototype.toString.call(e),Error(f(31,t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)))}function Zo(t){function e(M,w){if(t){var Q=M.deletions;Q===null?(M.deletions=[w],M.flags|=16):Q.push(w)}}function n(M,w){if(!t)return null;for(;w!==null;)e(M,w),w=w.sibling;return null}function a(M){for(var w=new Map;M!==null;)M.key!==null?w.set(M.key,M):w.set(M.index,M),M=M.sibling;return w}function i(M,w){return M=nn(M,w),M.index=0,M.sibling=null,M}function s(M,w,Q){return M.index=Q,t?(Q=M.alternate,Q!==null?(Q=Q.index,Q<w?(M.flags|=67108866,w):Q):(M.flags|=67108866,w)):(M.flags|=1048576,w)}function d(M){return t&&M.alternate===null&&(M.flags|=67108866),M}function g(M,w,Q,q){return w===null||w.tag!==6?(w=Kc(Q,M.mode,q),w.return=M,w):(w=i(w,Q),w.return=M,w)}function T(M,w,Q,q){var ut=Q.type;return ut===b?V(M,w,Q.props.children,q,Q.key):w!==null&&(w.elementType===ut||typeof ut=="object"&&ut!==null&&ut.$$typeof===N&&xa(ut)===w.type)?(w=i(w,Q.props),Kl(w,Q),w.return=M,w):(w=tu(Q.type,Q.key,Q.props,null,M.mode,q),Kl(w,Q),w.return=M,w)}function z(M,w,Q,q){return w===null||w.tag!==4||w.stateNode.containerInfo!==Q.containerInfo||w.stateNode.implementation!==Q.implementation?(w=kc(Q,M.mode,q),w.return=M,w):(w=i(w,Q.children||[]),w.return=M,w)}function V(M,w,Q,q,ut){return w===null||w.tag!==7?(w=va(Q,M.mode,q,ut),w.return=M,w):(w=i(w,Q),w.return=M,w)}function I(M,w,Q){if(typeof w=="string"&&w!==""||typeof w=="number"||typeof w=="bigint")return w=Kc(""+w,M.mode,Q),w.return=M,w;if(typeof w=="object"&&w!==null){switch(w.$$typeof){case X:return Q=tu(w.type,w.key,w.props,null,M.mode,Q),Kl(Q,w),Q.return=M,Q;case B:return w=kc(w,M.mode,Q),w.return=M,w;case N:return w=xa(w),I(M,w,Q)}if(it(w)||nt(w))return w=va(w,M.mode,Q,null),w.return=M,w;if(typeof w.then=="function")return I(M,cu(w),Q);if(w.$$typeof===U)return I(M,au(M,w),Q);su(M,w)}return null}function Y(M,w,Q,q){var ut=w!==null?w.key:null;if(typeof Q=="string"&&Q!==""||typeof Q=="number"||typeof Q=="bigint")return ut!==null?null:g(M,w,""+Q,q);if(typeof Q=="object"&&Q!==null){switch(Q.$$typeof){case X:return Q.key===ut?T(M,w,Q,q):null;case B:return Q.key===ut?z(M,w,Q,q):null;case N:return Q=xa(Q),Y(M,w,Q,q)}if(it(Q)||nt(Q))return ut!==null?null:V(M,w,Q,q,null);if(typeof Q.then=="function")return Y(M,w,cu(Q),q);if(Q.$$typeof===U)return Y(M,w,au(M,Q),q);su(M,Q)}return null}function G(M,w,Q,q,ut){if(typeof q=="string"&&q!==""||typeof q=="number"||typeof q=="bigint")return M=M.get(Q)||null,g(w,M,""+q,ut);if(typeof q=="object"&&q!==null){switch(q.$$typeof){case X:return M=M.get(q.key===null?Q:q.key)||null,T(w,M,q,ut);case B:return M=M.get(q.key===null?Q:q.key)||null,z(w,M,q,ut);case N:return q=xa(q),G(M,w,Q,q,ut)}if(it(q)||nt(q))return M=M.get(Q)||null,V(w,M,q,ut,null);if(typeof q.then=="function")return G(M,w,Q,cu(q),ut);if(q.$$typeof===U)return G(M,w,Q,au(w,q),ut);su(w,q)}return null}function at(M,w,Q,q){for(var ut=null,St=null,lt=w,At=w=0,pt=null;lt!==null&&At<Q.length;At++){lt.index>At?(pt=lt,lt=null):pt=lt.sibling;var Tt=Y(M,lt,Q[At],q);if(Tt===null){lt===null&&(lt=pt);break}t&&lt&&Tt.alternate===null&&e(M,lt),w=s(Tt,w,At),St===null?ut=Tt:St.sibling=Tt,St=Tt,lt=pt}if(At===Q.length)return n(M,lt),bt&&an(M,At),ut;if(lt===null){for(;At<Q.length;At++)lt=I(M,Q[At],q),lt!==null&&(w=s(lt,w,At),St===null?ut=lt:St.sibling=lt,St=lt);return bt&&an(M,At),ut}for(lt=a(lt);At<Q.length;At++)pt=G(lt,M,At,Q[At],q),pt!==null&&(t&&pt.alternate!==null&&lt.delete(pt.key===null?At:pt.key),w=s(pt,w,At),St===null?ut=pt:St.sibling=pt,St=pt);return t&&lt.forEach(function($n){return e(M,$n)}),bt&&an(M,At),ut}function ft(M,w,Q,q){if(Q==null)throw Error(f(151));for(var ut=null,St=null,lt=w,At=w=0,pt=null,Tt=Q.next();lt!==null&&!Tt.done;At++,Tt=Q.next()){lt.index>At?(pt=lt,lt=null):pt=lt.sibling;var $n=Y(M,lt,Tt.value,q);if($n===null){lt===null&&(lt=pt);break}t&&lt&&$n.alternate===null&&e(M,lt),w=s($n,w,At),St===null?ut=$n:St.sibling=$n,St=$n,lt=pt}if(Tt.done)return n(M,lt),bt&&an(M,At),ut;if(lt===null){for(;!Tt.done;At++,Tt=Q.next())Tt=I(M,Tt.value,q),Tt!==null&&(w=s(Tt,w,At),St===null?ut=Tt:St.sibling=Tt,St=Tt);return bt&&an(M,At),ut}for(lt=a(lt);!Tt.done;At++,Tt=Q.next())Tt=G(lt,M,At,Tt.value,q),Tt!==null&&(t&&Tt.alternate!==null&&lt.delete(Tt.key===null?At:Tt.key),w=s(Tt,w,At),St===null?ut=Tt:St.sibling=Tt,St=Tt);return t&&lt.forEach(function(HA){return e(M,HA)}),bt&&an(M,At),ut}function Mt(M,w,Q,q){if(typeof Q=="object"&&Q!==null&&Q.type===b&&Q.key===null&&(Q=Q.props.children),typeof Q=="object"&&Q!==null){switch(Q.$$typeof){case X:t:{for(var ut=Q.key;w!==null;){if(w.key===ut){if(ut=Q.type,ut===b){if(w.tag===7){n(M,w.sibling),q=i(w,Q.props.children),q.return=M,M=q;break t}}else if(w.elementType===ut||typeof ut=="object"&&ut!==null&&ut.$$typeof===N&&xa(ut)===w.type){n(M,w.sibling),q=i(w,Q.props),Kl(q,Q),q.return=M,M=q;break t}n(M,w);break}else e(M,w);w=w.sibling}Q.type===b?(q=va(Q.props.children,M.mode,q,Q.key),q.return=M,M=q):(q=tu(Q.type,Q.key,Q.props,null,M.mode,q),Kl(q,Q),q.return=M,M=q)}return d(M);case B:t:{for(ut=Q.key;w!==null;){if(w.key===ut)if(w.tag===4&&w.stateNode.containerInfo===Q.containerInfo&&w.stateNode.implementation===Q.implementation){n(M,w.sibling),q=i(w,Q.children||[]),q.return=M,M=q;break t}else{n(M,w);break}else e(M,w);w=w.sibling}q=kc(Q,M.mode,q),q.return=M,M=q}return d(M);case N:return Q=xa(Q),Mt(M,w,Q,q)}if(it(Q))return at(M,w,Q,q);if(nt(Q)){if(ut=nt(Q),typeof ut!="function")throw Error(f(150));return Q=ut.call(Q),ft(M,w,Q,q)}if(typeof Q.then=="function")return Mt(M,w,cu(Q),q);if(Q.$$typeof===U)return Mt(M,w,au(M,Q),q);su(M,Q)}return typeof Q=="string"&&Q!==""||typeof Q=="number"||typeof Q=="bigint"?(Q=""+Q,w!==null&&w.tag===6?(n(M,w.sibling),q=i(w,Q),q.return=M,M=q):(n(M,w),q=Kc(Q,M.mode,q),q.return=M,M=q),d(M)):n(M,w)}return function(M,w,Q,q){try{Il=0;var ut=Mt(M,w,Q,q);return ll=null,ut}catch(lt){if(lt===al||lt===iu)throw lt;var St=Te(29,lt,null,M.mode);return St.lanes=q,St.return=M,St}finally{}}}var Ta=Zo(!0),qo=Zo(!1),Qn=!1;function is(t){t.updateQueue={baseState:t.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function us(t,e){t=t.updateQueue,e.updateQueue===t&&(e.updateQueue={baseState:t.baseState,firstBaseUpdate:t.firstBaseUpdate,lastBaseUpdate:t.lastBaseUpdate,shared:t.shared,callbacks:null})}function zn(t){return{lane:t,tag:0,payload:null,callback:null,next:null}}function Yn(t,e,n){var a=t.updateQueue;if(a===null)return null;if(a=a.shared,(Ct&2)!==0){var i=a.pending;return i===null?e.next=e:(e.next=i.next,i.next=e),a.pending=e,e=$i(t),wo(t,null,n),e}return Pi(t,a,e,n),$i(t)}function kl(t,e,n){if(e=e.updateQueue,e!==null&&(e=e.shared,(n&4194048)!==0)){var a=e.lanes;a&=t.pendingLanes,n|=a,e.lanes=n,Br(t,n)}}function cs(t,e){var n=t.updateQueue,a=t.alternate;if(a!==null&&(a=a.updateQueue,n===a)){var i=null,s=null;if(n=n.firstBaseUpdate,n!==null){do{var d={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};s===null?i=s=d:s=s.next=d,n=n.next}while(n!==null);s===null?i=s=e:s=s.next=e}else i=s=e;n={baseState:a.baseState,firstBaseUpdate:i,lastBaseUpdate:s,shared:a.shared,callbacks:a.callbacks},t.updateQueue=n;return}t=n.lastBaseUpdate,t===null?n.firstBaseUpdate=e:t.next=e,n.lastBaseUpdate=e}var ss=!1;function Jl(){if(ss){var t=nl;if(t!==null)throw t}}function Fl(t,e,n,a){ss=!1;var i=t.updateQueue;Qn=!1;var s=i.firstBaseUpdate,d=i.lastBaseUpdate,g=i.shared.pending;if(g!==null){i.shared.pending=null;var T=g,z=T.next;T.next=null,d===null?s=z:d.next=z,d=T;var V=t.alternate;V!==null&&(V=V.updateQueue,g=V.lastBaseUpdate,g!==d&&(g===null?V.firstBaseUpdate=z:g.next=z,V.lastBaseUpdate=T))}if(s!==null){var I=i.baseState;d=0,V=z=T=null,g=s;do{var Y=g.lane&-536870913,G=Y!==g.lane;if(G?(Et&Y)===Y:(a&Y)===Y){Y!==0&&Y===el&&(ss=!0),V!==null&&(V=V.next={lane:0,tag:g.tag,payload:g.payload,callback:null,next:null});t:{var at=t,ft=g;Y=e;var Mt=n;switch(ft.tag){case 1:if(at=ft.payload,typeof at=="function"){I=at.call(Mt,I,Y);break t}I=at;break t;case 3:at.flags=at.flags&-65537|128;case 0:if(at=ft.payload,Y=typeof at=="function"?at.call(Mt,I,Y):at,Y==null)break t;I=S({},I,Y);break t;case 2:Qn=!0}}Y=g.callback,Y!==null&&(t.flags|=64,G&&(t.flags|=8192),G=i.callbacks,G===null?i.callbacks=[Y]:G.push(Y))}else G={lane:Y,tag:g.tag,payload:g.payload,callback:g.callback,next:null},V===null?(z=V=G,T=I):V=V.next=G,d|=Y;if(g=g.next,g===null){if(g=i.shared.pending,g===null)break;G=g,g=G.next,G.next=null,i.lastBaseUpdate=G,i.shared.pending=null}}while(!0);V===null&&(T=I),i.baseState=T,i.firstBaseUpdate=z,i.lastBaseUpdate=V,s===null&&(i.shared.lanes=0),Zn|=d,t.lanes=d,t.memoizedState=I}}function Io(t,e){if(typeof t!="function")throw Error(f(191,t));t.call(e)}function Ko(t,e){var n=t.callbacks;if(n!==null)for(t.callbacks=null,t=0;t<n.length;t++)Io(n[t],e)}var il=C(null),fu=C(0);function ko(t,e){t=gn,W(fu,t),W(il,e),gn=t|e.baseLanes}function fs(){W(fu,gn),W(il,il.current)}function rs(){gn=fu.current,L(il),L(fu)}var Ce=C(null),Ye=null;function Ln(t){var e=t.alternate;W(Xt,Xt.current&1),W(Ce,t),Ye===null&&(e===null||il.current!==null||e.memoizedState!==null)&&(Ye=t)}function os(t){W(Xt,Xt.current),W(Ce,t),Ye===null&&(Ye=t)}function Jo(t){t.tag===22?(W(Xt,Xt.current),W(Ce,t),Ye===null&&(Ye=t)):Gn()}function Gn(){W(Xt,Xt.current),W(Ce,Ce.current)}function Oe(t){L(Ce),Ye===t&&(Ye=null),L(Xt)}var Xt=C(0);function ru(t){for(var e=t;e!==null;){if(e.tag===13){var n=e.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||yf(n)||Ef(n)))return e}else if(e.tag===19&&(e.memoizedProps.revealOrder==="forwards"||e.memoizedProps.revealOrder==="backwards"||e.memoizedProps.revealOrder==="unstable_legacy-backwards"||e.memoizedProps.revealOrder==="together")){if((e.flags&128)!==0)return e}else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}var cn=0,mt=null,Rt=null,qt=null,ou=!1,ul=!1,Ca=!1,du=0,Wl=0,cl=null,xg=0;function Lt(){throw Error(f(321))}function ds(t,e){if(e===null)return!1;for(var n=0;n<e.length&&n<t.length;n++)if(!Se(t[n],e[n]))return!1;return!0}function hs(t,e,n,a,i,s){return cn=s,mt=e,e.memoizedState=null,e.updateQueue=null,e.lanes=0,H.H=t===null||t.memoizedState===null?j0:Rs,Ca=!1,s=n(a,i),Ca=!1,ul&&(s=Wo(e,n,a,i)),Fo(t),s}function Fo(t){H.H=$l;var e=Rt!==null&&Rt.next!==null;if(cn=0,qt=Rt=mt=null,ou=!1,Wl=0,cl=null,e)throw Error(f(300));t===null||It||(t=t.dependencies,t!==null&&nu(t)&&(It=!0))}function Wo(t,e,n,a){mt=t;var i=0;do{if(ul&&(cl=null),Wl=0,ul=!1,25<=i)throw Error(f(301));if(i+=1,qt=Rt=null,t.updateQueue!=null){var s=t.updateQueue;s.lastEffect=null,s.events=null,s.stores=null,s.memoCache!=null&&(s.memoCache.index=0)}H.H=H0,s=e(n,a)}while(ul);return s}function Sg(){var t=H.H,e=t.useState()[0];return e=typeof e.then=="function"?_l(e):e,t=t.useState()[0],(Rt!==null?Rt.memoizedState:null)!==t&&(mt.flags|=1024),e}function ms(){var t=du!==0;return du=0,t}function gs(t,e,n){e.updateQueue=t.updateQueue,e.flags&=-2053,t.lanes&=~n}function As(t){if(ou){for(t=t.memoizedState;t!==null;){var e=t.queue;e!==null&&(e.pending=null),t=t.next}ou=!1}cn=0,qt=Rt=mt=null,ul=!1,Wl=du=0,cl=null}function fe(){var t={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return qt===null?mt.memoizedState=qt=t:qt=qt.next=t,qt}function Vt(){if(Rt===null){var t=mt.alternate;t=t!==null?t.memoizedState:null}else t=Rt.next;var e=qt===null?mt.memoizedState:qt.next;if(e!==null)qt=e,Rt=t;else{if(t===null)throw mt.alternate===null?Error(f(467)):Error(f(310));Rt=t,t={memoizedState:Rt.memoizedState,baseState:Rt.baseState,baseQueue:Rt.baseQueue,queue:Rt.queue,next:null},qt===null?mt.memoizedState=qt=t:qt=qt.next=t}return qt}function hu(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function _l(t){var e=Wl;return Wl+=1,cl===null&&(cl=[]),t=Go(cl,t,e),e=mt,(qt===null?e.memoizedState:qt.next)===null&&(e=e.alternate,H.H=e===null||e.memoizedState===null?j0:Rs),t}function mu(t){if(t!==null&&typeof t=="object"){if(typeof t.then=="function")return _l(t);if(t.$$typeof===U)return ne(t)}throw Error(f(438,String(t)))}function vs(t){var e=null,n=mt.updateQueue;if(n!==null&&(e=n.memoCache),e==null){var a=mt.alternate;a!==null&&(a=a.updateQueue,a!==null&&(a=a.memoCache,a!=null&&(e={data:a.data.map(function(i){return i.slice()}),index:0})))}if(e==null&&(e={data:[],index:0}),n===null&&(n=hu(),mt.updateQueue=n),n.memoCache=e,n=e.data[e.index],n===void 0)for(n=e.data[e.index]=Array(t),a=0;a<t;a++)n[a]=J;return e.index++,n}function sn(t,e){return typeof e=="function"?e(t):e}function gu(t){var e=Vt();return ys(e,Rt,t)}function ys(t,e,n){var a=t.queue;if(a===null)throw Error(f(311));a.lastRenderedReducer=n;var i=t.baseQueue,s=a.pending;if(s!==null){if(i!==null){var d=i.next;i.next=s.next,s.next=d}e.baseQueue=i=s,a.pending=null}if(s=t.baseState,i===null)t.memoizedState=s;else{e=i.next;var g=d=null,T=null,z=e,V=!1;do{var I=z.lane&-536870913;if(I!==z.lane?(Et&I)===I:(cn&I)===I){var Y=z.revertLane;if(Y===0)T!==null&&(T=T.next={lane:0,revertLane:0,gesture:null,action:z.action,hasEagerState:z.hasEagerState,eagerState:z.eagerState,next:null}),I===el&&(V=!0);else if((cn&Y)===Y){z=z.next,Y===el&&(V=!0);continue}else I={lane:0,revertLane:z.revertLane,gesture:null,action:z.action,hasEagerState:z.hasEagerState,eagerState:z.eagerState,next:null},T===null?(g=T=I,d=s):T=T.next=I,mt.lanes|=Y,Zn|=Y;I=z.action,Ca&&n(s,I),s=z.hasEagerState?z.eagerState:n(s,I)}else Y={lane:I,revertLane:z.revertLane,gesture:z.gesture,action:z.action,hasEagerState:z.hasEagerState,eagerState:z.eagerState,next:null},T===null?(g=T=Y,d=s):T=T.next=Y,mt.lanes|=I,Zn|=I;z=z.next}while(z!==null&&z!==e);if(T===null?d=s:T.next=g,!Se(s,t.memoizedState)&&(It=!0,V&&(n=nl,n!==null)))throw n;t.memoizedState=s,t.baseState=d,t.baseQueue=T,a.lastRenderedState=s}return i===null&&(a.lanes=0),[t.memoizedState,a.dispatch]}function Es(t){var e=Vt(),n=e.queue;if(n===null)throw Error(f(311));n.lastRenderedReducer=t;var a=n.dispatch,i=n.pending,s=e.memoizedState;if(i!==null){n.pending=null;var d=i=i.next;do s=t(s,d.action),d=d.next;while(d!==i);Se(s,e.memoizedState)||(It=!0),e.memoizedState=s,e.baseQueue===null&&(e.baseState=s),n.lastRenderedState=s}return[s,a]}function _o(t,e,n){var a=mt,i=Vt(),s=bt;if(s){if(n===void 0)throw Error(f(407));n=n()}else n=e();var d=!Se((Rt||i).memoizedState,n);if(d&&(i.memoizedState=n,It=!0),i=i.queue,xs(t0.bind(null,a,i,t),[t]),i.getSnapshot!==e||d||qt!==null&&qt.memoizedState.tag&1){if(a.flags|=2048,sl(9,{destroy:void 0},$o.bind(null,a,i,n,e),null),jt===null)throw Error(f(349));s||(cn&127)!==0||Po(a,e,n)}return n}function Po(t,e,n){t.flags|=16384,t={getSnapshot:e,value:n},e=mt.updateQueue,e===null?(e=hu(),mt.updateQueue=e,e.stores=[t]):(n=e.stores,n===null?e.stores=[t]:n.push(t))}function $o(t,e,n,a){e.value=n,e.getSnapshot=a,e0(e)&&n0(t)}function t0(t,e,n){return n(function(){e0(e)&&n0(t)})}function e0(t){var e=t.getSnapshot;t=t.value;try{var n=e();return!Se(t,n)}catch{return!0}}function n0(t){var e=Aa(t,2);e!==null&&ve(e,t,2)}function ps(t){var e=fe();if(typeof t=="function"){var n=t;if(t=n(),Ca){Dn(!0);try{n()}finally{Dn(!1)}}}return e.memoizedState=e.baseState=t,e.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:t},e}function a0(t,e,n,a){return t.baseState=n,ys(t,Rt,typeof a=="function"?a:sn)}function Tg(t,e,n,a,i){if(yu(t))throw Error(f(485));if(t=e.action,t!==null){var s={payload:i,action:t,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(d){s.listeners.push(d)}};H.T!==null?n(!0):s.isTransition=!1,a(s),n=e.pending,n===null?(s.next=e.pending=s,l0(e,s)):(s.next=n.next,e.pending=n.next=s)}}function l0(t,e){var n=e.action,a=e.payload,i=t.state;if(e.isTransition){var s=H.T,d={};H.T=d;try{var g=n(i,a),T=H.S;T!==null&&T(d,g),i0(t,e,g)}catch(z){bs(t,e,z)}finally{s!==null&&d.types!==null&&(s.types=d.types),H.T=s}}else try{s=n(i,a),i0(t,e,s)}catch(z){bs(t,e,z)}}function i0(t,e,n){n!==null&&typeof n=="object"&&typeof n.then=="function"?n.then(function(a){u0(t,e,a)},function(a){return bs(t,e,a)}):u0(t,e,n)}function u0(t,e,n){e.status="fulfilled",e.value=n,c0(e),t.state=n,e=t.pending,e!==null&&(n=e.next,n===e?t.pending=null:(n=n.next,e.next=n,l0(t,n)))}function bs(t,e,n){var a=t.pending;if(t.pending=null,a!==null){a=a.next;do e.status="rejected",e.reason=n,c0(e),e=e.next;while(e!==a)}t.action=null}function c0(t){t=t.listeners;for(var e=0;e<t.length;e++)(0,t[e])()}function s0(t,e){return e}function f0(t,e){if(bt){var n=jt.formState;if(n!==null){t:{var a=mt;if(bt){if(Ht){e:{for(var i=Ht,s=ze;i.nodeType!==8;){if(!s){i=null;break e}if(i=Le(i.nextSibling),i===null){i=null;break e}}s=i.data,i=s==="F!"||s==="F"?i:null}if(i){Ht=Le(i.nextSibling),a=i.data==="F!";break t}}Bn(a)}a=!1}a&&(e=n[0])}}return n=fe(),n.memoizedState=n.baseState=e,a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:s0,lastRenderedState:e},n.queue=a,n=R0.bind(null,mt,a),a.dispatch=n,a=ps(!1),s=ws.bind(null,mt,!1,a.queue),a=fe(),i={state:e,dispatch:null,action:t,pending:null},a.queue=i,n=Tg.bind(null,mt,i,s,n),i.dispatch=n,a.memoizedState=t,[e,n,!1]}function r0(t){var e=Vt();return o0(e,Rt,t)}function o0(t,e,n){if(e=ys(t,e,s0)[0],t=gu(sn)[0],typeof e=="object"&&e!==null&&typeof e.then=="function")try{var a=_l(e)}catch(d){throw d===al?iu:d}else a=e;e=Vt();var i=e.queue,s=i.dispatch;return n!==e.memoizedState&&(mt.flags|=2048,sl(9,{destroy:void 0},Cg.bind(null,i,n),null)),[a,s,t]}function Cg(t,e){t.action=e}function d0(t){var e=Vt(),n=Rt;if(n!==null)return o0(e,n,t);Vt(),e=e.memoizedState,n=Vt();var a=n.queue.dispatch;return n.memoizedState=t,[e,a,!1]}function sl(t,e,n,a){return t={tag:t,create:n,deps:a,inst:e,next:null},e=mt.updateQueue,e===null&&(e=hu(),mt.updateQueue=e),n=e.lastEffect,n===null?e.lastEffect=t.next=t:(a=n.next,n.next=t,t.next=a,e.lastEffect=t),t}function h0(){return Vt().memoizedState}function Au(t,e,n,a){var i=fe();mt.flags|=t,i.memoizedState=sl(1|e,{destroy:void 0},n,a===void 0?null:a)}function vu(t,e,n,a){var i=Vt();a=a===void 0?null:a;var s=i.memoizedState.inst;Rt!==null&&a!==null&&ds(a,Rt.memoizedState.deps)?i.memoizedState=sl(e,s,n,a):(mt.flags|=t,i.memoizedState=sl(1|e,s,n,a))}function m0(t,e){Au(8390656,8,t,e)}function xs(t,e){vu(2048,8,t,e)}function Og(t){mt.flags|=4;var e=mt.updateQueue;if(e===null)e=hu(),mt.updateQueue=e,e.events=[t];else{var n=e.events;n===null?e.events=[t]:n.push(t)}}function g0(t){var e=Vt().memoizedState;return Og({ref:e,nextImpl:t}),function(){if((Ct&2)!==0)throw Error(f(440));return e.impl.apply(void 0,arguments)}}function A0(t,e){return vu(4,2,t,e)}function v0(t,e){return vu(4,4,t,e)}function y0(t,e){if(typeof e=="function"){t=t();var n=e(t);return function(){typeof n=="function"?n():e(null)}}if(e!=null)return t=t(),e.current=t,function(){e.current=null}}function E0(t,e,n){n=n!=null?n.concat([t]):null,vu(4,4,y0.bind(null,e,t),n)}function Ss(){}function p0(t,e){var n=Vt();e=e===void 0?null:e;var a=n.memoizedState;return e!==null&&ds(e,a[1])?a[0]:(n.memoizedState=[t,e],t)}function b0(t,e){var n=Vt();e=e===void 0?null:e;var a=n.memoizedState;if(e!==null&&ds(e,a[1]))return a[0];if(a=t(),Ca){Dn(!0);try{t()}finally{Dn(!1)}}return n.memoizedState=[a,e],a}function Ts(t,e,n){return n===void 0||(cn&1073741824)!==0&&(Et&261930)===0?t.memoizedState=e:(t.memoizedState=n,t=xd(),mt.lanes|=t,Zn|=t,n)}function x0(t,e,n,a){return Se(n,e)?n:il.current!==null?(t=Ts(t,n,a),Se(t,e)||(It=!0),t):(cn&42)===0||(cn&1073741824)!==0&&(Et&261930)===0?(It=!0,t.memoizedState=n):(t=xd(),mt.lanes|=t,Zn|=t,e)}function S0(t,e,n,a,i){var s=_.p;_.p=s!==0&&8>s?s:8;var d=H.T,g={};H.T=g,ws(t,!1,e,n);try{var T=i(),z=H.S;if(z!==null&&z(g,T),T!==null&&typeof T=="object"&&typeof T.then=="function"){var V=bg(T,a);Pl(t,e,V,De(t))}else Pl(t,e,a,De(t))}catch(I){Pl(t,e,{then:function(){},status:"rejected",reason:I},De())}finally{_.p=s,d!==null&&g.types!==null&&(d.types=g.types),H.T=d}}function wg(){}function Cs(t,e,n,a){if(t.tag!==5)throw Error(f(476));var i=T0(t).queue;S0(t,i,e,$,n===null?wg:function(){return C0(t),n(a)})}function T0(t){var e=t.memoizedState;if(e!==null)return e;e={memoizedState:$,baseState:$,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:$},next:null};var n={};return e.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:n},next:null},t.memoizedState=e,t=t.alternate,t!==null&&(t.memoizedState=e),e}function C0(t){var e=T0(t);e.next===null&&(e=t.alternate.memoizedState),Pl(t,e.next.queue,{},De())}function Os(){return ne(gi)}function O0(){return Vt().memoizedState}function w0(){return Vt().memoizedState}function Rg(t){for(var e=t.return;e!==null;){switch(e.tag){case 24:case 3:var n=De();t=zn(n);var a=Yn(e,t,n);a!==null&&(ve(a,e,n),kl(a,e,n)),e={cache:es()},t.payload=e;return}e=e.return}}function Dg(t,e,n){var a=De();n={lane:a,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},yu(t)?D0(e,n):(n=qc(t,e,n,a),n!==null&&(ve(n,t,a),M0(n,e,a)))}function R0(t,e,n){var a=De();Pl(t,e,n,a)}function Pl(t,e,n,a){var i={lane:a,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(yu(t))D0(e,i);else{var s=t.alternate;if(t.lanes===0&&(s===null||s.lanes===0)&&(s=e.lastRenderedReducer,s!==null))try{var d=e.lastRenderedState,g=s(d,n);if(i.hasEagerState=!0,i.eagerState=g,Se(g,d))return Pi(t,e,i,0),jt===null&&_i(),!1}catch{}finally{}if(n=qc(t,e,i,a),n!==null)return ve(n,t,a),M0(n,e,a),!0}return!1}function ws(t,e,n,a){if(a={lane:2,revertLane:uf(),gesture:null,action:a,hasEagerState:!1,eagerState:null,next:null},yu(t)){if(e)throw Error(f(479))}else e=qc(t,n,a,2),e!==null&&ve(e,t,2)}function yu(t){var e=t.alternate;return t===mt||e!==null&&e===mt}function D0(t,e){ul=ou=!0;var n=t.pending;n===null?e.next=e:(e.next=n.next,n.next=e),t.pending=e}function M0(t,e,n){if((n&4194048)!==0){var a=e.lanes;a&=t.pendingLanes,n|=a,e.lanes=n,Br(t,n)}}var $l={readContext:ne,use:mu,useCallback:Lt,useContext:Lt,useEffect:Lt,useImperativeHandle:Lt,useLayoutEffect:Lt,useInsertionEffect:Lt,useMemo:Lt,useReducer:Lt,useRef:Lt,useState:Lt,useDebugValue:Lt,useDeferredValue:Lt,useTransition:Lt,useSyncExternalStore:Lt,useId:Lt,useHostTransitionStatus:Lt,useFormState:Lt,useActionState:Lt,useOptimistic:Lt,useMemoCache:Lt,useCacheRefresh:Lt};$l.useEffectEvent=Lt;var j0={readContext:ne,use:mu,useCallback:function(t,e){return fe().memoizedState=[t,e===void 0?null:e],t},useContext:ne,useEffect:m0,useImperativeHandle:function(t,e,n){n=n!=null?n.concat([t]):null,Au(4194308,4,y0.bind(null,e,t),n)},useLayoutEffect:function(t,e){return Au(4194308,4,t,e)},useInsertionEffect:function(t,e){Au(4,2,t,e)},useMemo:function(t,e){var n=fe();e=e===void 0?null:e;var a=t();if(Ca){Dn(!0);try{t()}finally{Dn(!1)}}return n.memoizedState=[a,e],a},useReducer:function(t,e,n){var a=fe();if(n!==void 0){var i=n(e);if(Ca){Dn(!0);try{n(e)}finally{Dn(!1)}}}else i=e;return a.memoizedState=a.baseState=i,t={pending:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:i},a.queue=t,t=t.dispatch=Dg.bind(null,mt,t),[a.memoizedState,t]},useRef:function(t){var e=fe();return t={current:t},e.memoizedState=t},useState:function(t){t=ps(t);var e=t.queue,n=R0.bind(null,mt,e);return e.dispatch=n,[t.memoizedState,n]},useDebugValue:Ss,useDeferredValue:function(t,e){var n=fe();return Ts(n,t,e)},useTransition:function(){var t=ps(!1);return t=S0.bind(null,mt,t.queue,!0,!1),fe().memoizedState=t,[!1,t]},useSyncExternalStore:function(t,e,n){var a=mt,i=fe();if(bt){if(n===void 0)throw Error(f(407));n=n()}else{if(n=e(),jt===null)throw Error(f(349));(Et&127)!==0||Po(a,e,n)}i.memoizedState=n;var s={value:n,getSnapshot:e};return i.queue=s,m0(t0.bind(null,a,s,t),[t]),a.flags|=2048,sl(9,{destroy:void 0},$o.bind(null,a,s,n,e),null),n},useId:function(){var t=fe(),e=jt.identifierPrefix;if(bt){var n=Fe,a=Je;n=(a&~(1<<32-xe(a)-1)).toString(32)+n,e="_"+e+"R_"+n,n=du++,0<n&&(e+="H"+n.toString(32)),e+="_"}else n=xg++,e="_"+e+"r_"+n.toString(32)+"_";return t.memoizedState=e},useHostTransitionStatus:Os,useFormState:f0,useActionState:f0,useOptimistic:function(t){var e=fe();e.memoizedState=e.baseState=t;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return e.queue=n,e=ws.bind(null,mt,!0,n),n.dispatch=e,[t,e]},useMemoCache:vs,useCacheRefresh:function(){return fe().memoizedState=Rg.bind(null,mt)},useEffectEvent:function(t){var e=fe(),n={impl:t};return e.memoizedState=n,function(){if((Ct&2)!==0)throw Error(f(440));return n.impl.apply(void 0,arguments)}}},Rs={readContext:ne,use:mu,useCallback:p0,useContext:ne,useEffect:xs,useImperativeHandle:E0,useInsertionEffect:A0,useLayoutEffect:v0,useMemo:b0,useReducer:gu,useRef:h0,useState:function(){return gu(sn)},useDebugValue:Ss,useDeferredValue:function(t,e){var n=Vt();return x0(n,Rt.memoizedState,t,e)},useTransition:function(){var t=gu(sn)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:_l(t),e]},useSyncExternalStore:_o,useId:O0,useHostTransitionStatus:Os,useFormState:r0,useActionState:r0,useOptimistic:function(t,e){var n=Vt();return a0(n,Rt,t,e)},useMemoCache:vs,useCacheRefresh:w0};Rs.useEffectEvent=g0;var H0={readContext:ne,use:mu,useCallback:p0,useContext:ne,useEffect:xs,useImperativeHandle:E0,useInsertionEffect:A0,useLayoutEffect:v0,useMemo:b0,useReducer:Es,useRef:h0,useState:function(){return Es(sn)},useDebugValue:Ss,useDeferredValue:function(t,e){var n=Vt();return Rt===null?Ts(n,t,e):x0(n,Rt.memoizedState,t,e)},useTransition:function(){var t=Es(sn)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:_l(t),e]},useSyncExternalStore:_o,useId:O0,useHostTransitionStatus:Os,useFormState:d0,useActionState:d0,useOptimistic:function(t,e){var n=Vt();return Rt!==null?a0(n,Rt,t,e):(n.baseState=t,[t,n.queue.dispatch])},useMemoCache:vs,useCacheRefresh:w0};H0.useEffectEvent=g0;function Ds(t,e,n,a){e=t.memoizedState,n=n(a,e),n=n==null?e:S({},e,n),t.memoizedState=n,t.lanes===0&&(t.updateQueue.baseState=n)}var Ms={enqueueSetState:function(t,e,n){t=t._reactInternals;var a=De(),i=zn(a);i.payload=e,n!=null&&(i.callback=n),e=Yn(t,i,a),e!==null&&(ve(e,t,a),kl(e,t,a))},enqueueReplaceState:function(t,e,n){t=t._reactInternals;var a=De(),i=zn(a);i.tag=1,i.payload=e,n!=null&&(i.callback=n),e=Yn(t,i,a),e!==null&&(ve(e,t,a),kl(e,t,a))},enqueueForceUpdate:function(t,e){t=t._reactInternals;var n=De(),a=zn(n);a.tag=2,e!=null&&(a.callback=e),e=Yn(t,a,n),e!==null&&(ve(e,t,n),kl(e,t,n))}};function N0(t,e,n,a,i,s,d){return t=t.stateNode,typeof t.shouldComponentUpdate=="function"?t.shouldComponentUpdate(a,s,d):e.prototype&&e.prototype.isPureReactComponent?!Ll(n,a)||!Ll(i,s):!0}function B0(t,e,n,a){t=e.state,typeof e.componentWillReceiveProps=="function"&&e.componentWillReceiveProps(n,a),typeof e.UNSAFE_componentWillReceiveProps=="function"&&e.UNSAFE_componentWillReceiveProps(n,a),e.state!==t&&Ms.enqueueReplaceState(e,e.state,null)}function Oa(t,e){var n=e;if("ref"in e){n={};for(var a in e)a!=="ref"&&(n[a]=e[a])}if(t=t.defaultProps){n===e&&(n=S({},n));for(var i in t)n[i]===void 0&&(n[i]=t[i])}return n}function U0(t){Wi(t)}function Q0(t){console.error(t)}function z0(t){Wi(t)}function Eu(t,e){try{var n=t.onUncaughtError;n(e.value,{componentStack:e.stack})}catch(a){setTimeout(function(){throw a})}}function Y0(t,e,n){try{var a=t.onCaughtError;a(n.value,{componentStack:n.stack,errorBoundary:e.tag===1?e.stateNode:null})}catch(i){setTimeout(function(){throw i})}}function js(t,e,n){return n=zn(n),n.tag=3,n.payload={element:null},n.callback=function(){Eu(t,e)},n}function L0(t){return t=zn(t),t.tag=3,t}function G0(t,e,n,a){var i=n.type.getDerivedStateFromError;if(typeof i=="function"){var s=a.value;t.payload=function(){return i(s)},t.callback=function(){Y0(e,n,a)}}var d=n.stateNode;d!==null&&typeof d.componentDidCatch=="function"&&(t.callback=function(){Y0(e,n,a),typeof i!="function"&&(qn===null?qn=new Set([this]):qn.add(this));var g=a.stack;this.componentDidCatch(a.value,{componentStack:g!==null?g:""})})}function Mg(t,e,n,a,i){if(n.flags|=32768,a!==null&&typeof a=="object"&&typeof a.then=="function"){if(e=n.alternate,e!==null&&tl(e,n,i,!0),n=Ce.current,n!==null){switch(n.tag){case 31:case 13:return Ye===null?ju():n.alternate===null&&Gt===0&&(Gt=3),n.flags&=-257,n.flags|=65536,n.lanes=i,a===uu?n.flags|=16384:(e=n.updateQueue,e===null?n.updateQueue=new Set([a]):e.add(a),nf(t,a,i)),!1;case 22:return n.flags|=65536,a===uu?n.flags|=16384:(e=n.updateQueue,e===null?(e={transitions:null,markerInstances:null,retryQueue:new Set([a])},n.updateQueue=e):(n=e.retryQueue,n===null?e.retryQueue=new Set([a]):n.add(a)),nf(t,a,i)),!1}throw Error(f(435,n.tag))}return nf(t,a,i),ju(),!1}if(bt)return e=Ce.current,e!==null?((e.flags&65536)===0&&(e.flags|=256),e.flags|=65536,e.lanes=i,a!==Wc&&(t=Error(f(422),{cause:a}),Vl(Be(t,n)))):(a!==Wc&&(e=Error(f(423),{cause:a}),Vl(Be(e,n))),t=t.current.alternate,t.flags|=65536,i&=-i,t.lanes|=i,a=Be(a,n),i=js(t.stateNode,a,i),cs(t,i),Gt!==4&&(Gt=2)),!1;var s=Error(f(520),{cause:a});if(s=Be(s,n),ci===null?ci=[s]:ci.push(s),Gt!==4&&(Gt=2),e===null)return!0;a=Be(a,n),n=e;do{switch(n.tag){case 3:return n.flags|=65536,t=i&-i,n.lanes|=t,t=js(n.stateNode,a,t),cs(n,t),!1;case 1:if(e=n.type,s=n.stateNode,(n.flags&128)===0&&(typeof e.getDerivedStateFromError=="function"||s!==null&&typeof s.componentDidCatch=="function"&&(qn===null||!qn.has(s))))return n.flags|=65536,i&=-i,n.lanes|=i,i=L0(i),G0(i,t,n,a),cs(n,i),!1}n=n.return}while(n!==null);return!1}var Hs=Error(f(461)),It=!1;function ae(t,e,n,a){e.child=t===null?qo(e,null,n,a):Ta(e,t.child,n,a)}function X0(t,e,n,a,i){n=n.render;var s=e.ref;if("ref"in a){var d={};for(var g in a)g!=="ref"&&(d[g]=a[g])}else d=a;return pa(e),a=hs(t,e,n,d,s,i),g=ms(),t!==null&&!It?(gs(t,e,i),fn(t,e,i)):(bt&&g&&Jc(e),e.flags|=1,ae(t,e,a,i),e.child)}function V0(t,e,n,a,i){if(t===null){var s=n.type;return typeof s=="function"&&!Ic(s)&&s.defaultProps===void 0&&n.compare===null?(e.tag=15,e.type=s,Z0(t,e,s,a,i)):(t=tu(n.type,null,a,e,e.mode,i),t.ref=e.ref,t.return=e,e.child=t)}if(s=t.child,!Gs(t,i)){var d=s.memoizedProps;if(n=n.compare,n=n!==null?n:Ll,n(d,a)&&t.ref===e.ref)return fn(t,e,i)}return e.flags|=1,t=nn(s,a),t.ref=e.ref,t.return=e,e.child=t}function Z0(t,e,n,a,i){if(t!==null){var s=t.memoizedProps;if(Ll(s,a)&&t.ref===e.ref)if(It=!1,e.pendingProps=a=s,Gs(t,i))(t.flags&131072)!==0&&(It=!0);else return e.lanes=t.lanes,fn(t,e,i)}return Ns(t,e,n,a,i)}function q0(t,e,n,a){var i=a.children,s=t!==null?t.memoizedState:null;if(t===null&&e.stateNode===null&&(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),a.mode==="hidden"){if((e.flags&128)!==0){if(s=s!==null?s.baseLanes|n:n,t!==null){for(a=e.child=t.child,i=0;a!==null;)i=i|a.lanes|a.childLanes,a=a.sibling;a=i&~s}else a=0,e.child=null;return I0(t,e,s,n,a)}if((n&536870912)!==0)e.memoizedState={baseLanes:0,cachePool:null},t!==null&&lu(e,s!==null?s.cachePool:null),s!==null?ko(e,s):fs(),Jo(e);else return a=e.lanes=536870912,I0(t,e,s!==null?s.baseLanes|n:n,n,a)}else s!==null?(lu(e,s.cachePool),ko(e,s),Gn(),e.memoizedState=null):(t!==null&&lu(e,null),fs(),Gn());return ae(t,e,i,n),e.child}function ti(t,e){return t!==null&&t.tag===22||e.stateNode!==null||(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),e.sibling}function I0(t,e,n,a,i){var s=as();return s=s===null?null:{parent:Zt._currentValue,pool:s},e.memoizedState={baseLanes:n,cachePool:s},t!==null&&lu(e,null),fs(),Jo(e),t!==null&&tl(t,e,a,!0),e.childLanes=i,null}function pu(t,e){return e=xu({mode:e.mode,children:e.children},t.mode),e.ref=t.ref,t.child=e,e.return=t,e}function K0(t,e,n){return Ta(e,t.child,null,n),t=pu(e,e.pendingProps),t.flags|=2,Oe(e),e.memoizedState=null,t}function jg(t,e,n){var a=e.pendingProps,i=(e.flags&128)!==0;if(e.flags&=-129,t===null){if(bt){if(a.mode==="hidden")return t=pu(e,a),e.lanes=536870912,ti(null,t);if(os(e),(t=Ht)?(t=l1(t,ze),t=t!==null&&t.data==="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:Hn!==null?{id:Je,overflow:Fe}:null,retryLane:536870912,hydrationErrors:null},n=Do(t),n.return=e,e.child=n,ee=e,Ht=null)):t=null,t===null)throw Bn(e);return e.lanes=536870912,null}return pu(e,a)}var s=t.memoizedState;if(s!==null){var d=s.dehydrated;if(os(e),i)if(e.flags&256)e.flags&=-257,e=K0(t,e,n);else if(e.memoizedState!==null)e.child=t.child,e.flags|=128,e=null;else throw Error(f(558));else if(It||tl(t,e,n,!1),i=(n&t.childLanes)!==0,It||i){if(a=jt,a!==null&&(d=Ur(a,n),d!==0&&d!==s.retryLane))throw s.retryLane=d,Aa(t,d),ve(a,t,d),Hs;ju(),e=K0(t,e,n)}else t=s.treeContext,Ht=Le(d.nextSibling),ee=e,bt=!0,Nn=null,ze=!1,t!==null&&Ho(e,t),e=pu(e,a),e.flags|=4096;return e}return t=nn(t.child,{mode:a.mode,children:a.children}),t.ref=e.ref,e.child=t,t.return=e,t}function bu(t,e){var n=e.ref;if(n===null)t!==null&&t.ref!==null&&(e.flags|=4194816);else{if(typeof n!="function"&&typeof n!="object")throw Error(f(284));(t===null||t.ref!==n)&&(e.flags|=4194816)}}function Ns(t,e,n,a,i){return pa(e),n=hs(t,e,n,a,void 0,i),a=ms(),t!==null&&!It?(gs(t,e,i),fn(t,e,i)):(bt&&a&&Jc(e),e.flags|=1,ae(t,e,n,i),e.child)}function k0(t,e,n,a,i,s){return pa(e),e.updateQueue=null,n=Wo(e,a,n,i),Fo(t),a=ms(),t!==null&&!It?(gs(t,e,s),fn(t,e,s)):(bt&&a&&Jc(e),e.flags|=1,ae(t,e,n,s),e.child)}function J0(t,e,n,a,i){if(pa(e),e.stateNode===null){var s=Wa,d=n.contextType;typeof d=="object"&&d!==null&&(s=ne(d)),s=new n(a,s),e.memoizedState=s.state!==null&&s.state!==void 0?s.state:null,s.updater=Ms,e.stateNode=s,s._reactInternals=e,s=e.stateNode,s.props=a,s.state=e.memoizedState,s.refs={},is(e),d=n.contextType,s.context=typeof d=="object"&&d!==null?ne(d):Wa,s.state=e.memoizedState,d=n.getDerivedStateFromProps,typeof d=="function"&&(Ds(e,n,d,a),s.state=e.memoizedState),typeof n.getDerivedStateFromProps=="function"||typeof s.getSnapshotBeforeUpdate=="function"||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(d=s.state,typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount(),d!==s.state&&Ms.enqueueReplaceState(s,s.state,null),Fl(e,a,s,i),Jl(),s.state=e.memoizedState),typeof s.componentDidMount=="function"&&(e.flags|=4194308),a=!0}else if(t===null){s=e.stateNode;var g=e.memoizedProps,T=Oa(n,g);s.props=T;var z=s.context,V=n.contextType;d=Wa,typeof V=="object"&&V!==null&&(d=ne(V));var I=n.getDerivedStateFromProps;V=typeof I=="function"||typeof s.getSnapshotBeforeUpdate=="function",g=e.pendingProps!==g,V||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(g||z!==d)&&B0(e,s,a,d),Qn=!1;var Y=e.memoizedState;s.state=Y,Fl(e,a,s,i),Jl(),z=e.memoizedState,g||Y!==z||Qn?(typeof I=="function"&&(Ds(e,n,I,a),z=e.memoizedState),(T=Qn||N0(e,n,T,a,Y,z,d))?(V||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount()),typeof s.componentDidMount=="function"&&(e.flags|=4194308)):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),e.memoizedProps=a,e.memoizedState=z),s.props=a,s.state=z,s.context=d,a=T):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),a=!1)}else{s=e.stateNode,us(t,e),d=e.memoizedProps,V=Oa(n,d),s.props=V,I=e.pendingProps,Y=s.context,z=n.contextType,T=Wa,typeof z=="object"&&z!==null&&(T=ne(z)),g=n.getDerivedStateFromProps,(z=typeof g=="function"||typeof s.getSnapshotBeforeUpdate=="function")||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(d!==I||Y!==T)&&B0(e,s,a,T),Qn=!1,Y=e.memoizedState,s.state=Y,Fl(e,a,s,i),Jl();var G=e.memoizedState;d!==I||Y!==G||Qn||t!==null&&t.dependencies!==null&&nu(t.dependencies)?(typeof g=="function"&&(Ds(e,n,g,a),G=e.memoizedState),(V=Qn||N0(e,n,V,a,Y,G,T)||t!==null&&t.dependencies!==null&&nu(t.dependencies))?(z||typeof s.UNSAFE_componentWillUpdate!="function"&&typeof s.componentWillUpdate!="function"||(typeof s.componentWillUpdate=="function"&&s.componentWillUpdate(a,G,T),typeof s.UNSAFE_componentWillUpdate=="function"&&s.UNSAFE_componentWillUpdate(a,G,T)),typeof s.componentDidUpdate=="function"&&(e.flags|=4),typeof s.getSnapshotBeforeUpdate=="function"&&(e.flags|=1024)):(typeof s.componentDidUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=1024),e.memoizedProps=a,e.memoizedState=G),s.props=a,s.state=G,s.context=T,a=V):(typeof s.componentDidUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=1024),a=!1)}return s=a,bu(t,e),a=(e.flags&128)!==0,s||a?(s=e.stateNode,n=a&&typeof n.getDerivedStateFromError!="function"?null:s.render(),e.flags|=1,t!==null&&a?(e.child=Ta(e,t.child,null,i),e.child=Ta(e,null,n,i)):ae(t,e,n,i),e.memoizedState=s.state,t=e.child):t=fn(t,e,i),t}function F0(t,e,n,a){return ya(),e.flags|=256,ae(t,e,n,a),e.child}var Bs={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function Us(t){return{baseLanes:t,cachePool:Yo()}}function Qs(t,e,n){return t=t!==null?t.childLanes&~n:0,e&&(t|=Re),t}function W0(t,e,n){var a=e.pendingProps,i=!1,s=(e.flags&128)!==0,d;if((d=s)||(d=t!==null&&t.memoizedState===null?!1:(Xt.current&2)!==0),d&&(i=!0,e.flags&=-129),d=(e.flags&32)!==0,e.flags&=-33,t===null){if(bt){if(i?Ln(e):Gn(),(t=Ht)?(t=l1(t,ze),t=t!==null&&t.data!=="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:Hn!==null?{id:Je,overflow:Fe}:null,retryLane:536870912,hydrationErrors:null},n=Do(t),n.return=e,e.child=n,ee=e,Ht=null)):t=null,t===null)throw Bn(e);return Ef(t)?e.lanes=32:e.lanes=536870912,null}var g=a.children;return a=a.fallback,i?(Gn(),i=e.mode,g=xu({mode:"hidden",children:g},i),a=va(a,i,n,null),g.return=e,a.return=e,g.sibling=a,e.child=g,a=e.child,a.memoizedState=Us(n),a.childLanes=Qs(t,d,n),e.memoizedState=Bs,ti(null,a)):(Ln(e),zs(e,g))}var T=t.memoizedState;if(T!==null&&(g=T.dehydrated,g!==null)){if(s)e.flags&256?(Ln(e),e.flags&=-257,e=Ys(t,e,n)):e.memoizedState!==null?(Gn(),e.child=t.child,e.flags|=128,e=null):(Gn(),g=a.fallback,i=e.mode,a=xu({mode:"visible",children:a.children},i),g=va(g,i,n,null),g.flags|=2,a.return=e,g.return=e,a.sibling=g,e.child=a,Ta(e,t.child,null,n),a=e.child,a.memoizedState=Us(n),a.childLanes=Qs(t,d,n),e.memoizedState=Bs,e=ti(null,a));else if(Ln(e),Ef(g)){if(d=g.nextSibling&&g.nextSibling.dataset,d)var z=d.dgst;d=z,a=Error(f(419)),a.stack="",a.digest=d,Vl({value:a,source:null,stack:null}),e=Ys(t,e,n)}else if(It||tl(t,e,n,!1),d=(n&t.childLanes)!==0,It||d){if(d=jt,d!==null&&(a=Ur(d,n),a!==0&&a!==T.retryLane))throw T.retryLane=a,Aa(t,a),ve(d,t,a),Hs;yf(g)||ju(),e=Ys(t,e,n)}else yf(g)?(e.flags|=192,e.child=t.child,e=null):(t=T.treeContext,Ht=Le(g.nextSibling),ee=e,bt=!0,Nn=null,ze=!1,t!==null&&Ho(e,t),e=zs(e,a.children),e.flags|=4096);return e}return i?(Gn(),g=a.fallback,i=e.mode,T=t.child,z=T.sibling,a=nn(T,{mode:"hidden",children:a.children}),a.subtreeFlags=T.subtreeFlags&65011712,z!==null?g=nn(z,g):(g=va(g,i,n,null),g.flags|=2),g.return=e,a.return=e,a.sibling=g,e.child=a,ti(null,a),a=e.child,g=t.child.memoizedState,g===null?g=Us(n):(i=g.cachePool,i!==null?(T=Zt._currentValue,i=i.parent!==T?{parent:T,pool:T}:i):i=Yo(),g={baseLanes:g.baseLanes|n,cachePool:i}),a.memoizedState=g,a.childLanes=Qs(t,d,n),e.memoizedState=Bs,ti(t.child,a)):(Ln(e),n=t.child,t=n.sibling,n=nn(n,{mode:"visible",children:a.children}),n.return=e,n.sibling=null,t!==null&&(d=e.deletions,d===null?(e.deletions=[t],e.flags|=16):d.push(t)),e.child=n,e.memoizedState=null,n)}function zs(t,e){return e=xu({mode:"visible",children:e},t.mode),e.return=t,t.child=e}function xu(t,e){return t=Te(22,t,null,e),t.lanes=0,t}function Ys(t,e,n){return Ta(e,t.child,null,n),t=zs(e,e.pendingProps.children),t.flags|=2,e.memoizedState=null,t}function _0(t,e,n){t.lanes|=e;var a=t.alternate;a!==null&&(a.lanes|=e),$c(t.return,e,n)}function Ls(t,e,n,a,i,s){var d=t.memoizedState;d===null?t.memoizedState={isBackwards:e,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:i,treeForkCount:s}:(d.isBackwards=e,d.rendering=null,d.renderingStartTime=0,d.last=a,d.tail=n,d.tailMode=i,d.treeForkCount=s)}function P0(t,e,n){var a=e.pendingProps,i=a.revealOrder,s=a.tail;a=a.children;var d=Xt.current,g=(d&2)!==0;if(g?(d=d&1|2,e.flags|=128):d&=1,W(Xt,d),ae(t,e,a,n),a=bt?Xl:0,!g&&t!==null&&(t.flags&128)!==0)t:for(t=e.child;t!==null;){if(t.tag===13)t.memoizedState!==null&&_0(t,n,e);else if(t.tag===19)_0(t,n,e);else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break t;for(;t.sibling===null;){if(t.return===null||t.return===e)break t;t=t.return}t.sibling.return=t.return,t=t.sibling}switch(i){case"forwards":for(n=e.child,i=null;n!==null;)t=n.alternate,t!==null&&ru(t)===null&&(i=n),n=n.sibling;n=i,n===null?(i=e.child,e.child=null):(i=n.sibling,n.sibling=null),Ls(e,!1,i,n,s,a);break;case"backwards":case"unstable_legacy-backwards":for(n=null,i=e.child,e.child=null;i!==null;){if(t=i.alternate,t!==null&&ru(t)===null){e.child=i;break}t=i.sibling,i.sibling=n,n=i,i=t}Ls(e,!0,n,null,s,a);break;case"together":Ls(e,!1,null,null,void 0,a);break;default:e.memoizedState=null}return e.child}function fn(t,e,n){if(t!==null&&(e.dependencies=t.dependencies),Zn|=e.lanes,(n&e.childLanes)===0)if(t!==null){if(tl(t,e,n,!1),(n&e.childLanes)===0)return null}else return null;if(t!==null&&e.child!==t.child)throw Error(f(153));if(e.child!==null){for(t=e.child,n=nn(t,t.pendingProps),e.child=n,n.return=e;t.sibling!==null;)t=t.sibling,n=n.sibling=nn(t,t.pendingProps),n.return=e;n.sibling=null}return e.child}function Gs(t,e){return(t.lanes&e)!==0?!0:(t=t.dependencies,!!(t!==null&&nu(t)))}function Hg(t,e,n){switch(e.tag){case 3:Ft(e,e.stateNode.containerInfo),Un(e,Zt,t.memoizedState.cache),ya();break;case 27:case 5:On(e);break;case 4:Ft(e,e.stateNode.containerInfo);break;case 10:Un(e,e.type,e.memoizedProps.value);break;case 31:if(e.memoizedState!==null)return e.flags|=128,os(e),null;break;case 13:var a=e.memoizedState;if(a!==null)return a.dehydrated!==null?(Ln(e),e.flags|=128,null):(n&e.child.childLanes)!==0?W0(t,e,n):(Ln(e),t=fn(t,e,n),t!==null?t.sibling:null);Ln(e);break;case 19:var i=(t.flags&128)!==0;if(a=(n&e.childLanes)!==0,a||(tl(t,e,n,!1),a=(n&e.childLanes)!==0),i){if(a)return P0(t,e,n);e.flags|=128}if(i=e.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),W(Xt,Xt.current),a)break;return null;case 22:return e.lanes=0,q0(t,e,n,e.pendingProps);case 24:Un(e,Zt,t.memoizedState.cache)}return fn(t,e,n)}function $0(t,e,n){if(t!==null)if(t.memoizedProps!==e.pendingProps)It=!0;else{if(!Gs(t,n)&&(e.flags&128)===0)return It=!1,Hg(t,e,n);It=(t.flags&131072)!==0}else It=!1,bt&&(e.flags&1048576)!==0&&jo(e,Xl,e.index);switch(e.lanes=0,e.tag){case 16:t:{var a=e.pendingProps;if(t=xa(e.elementType),e.type=t,typeof t=="function")Ic(t)?(a=Oa(t,a),e.tag=1,e=J0(null,e,t,a,n)):(e.tag=0,e=Ns(null,e,t,a,n));else{if(t!=null){var i=t.$$typeof;if(i===Z){e.tag=11,e=X0(null,e,t,a,n);break t}else if(i===D){e.tag=14,e=V0(null,e,t,a,n);break t}}throw e=st(t)||t,Error(f(306,e,""))}}return e;case 0:return Ns(t,e,e.type,e.pendingProps,n);case 1:return a=e.type,i=Oa(a,e.pendingProps),J0(t,e,a,i,n);case 3:t:{if(Ft(e,e.stateNode.containerInfo),t===null)throw Error(f(387));a=e.pendingProps;var s=e.memoizedState;i=s.element,us(t,e),Fl(e,a,null,n);var d=e.memoizedState;if(a=d.cache,Un(e,Zt,a),a!==s.cache&&ts(e,[Zt],n,!0),Jl(),a=d.element,s.isDehydrated)if(s={element:a,isDehydrated:!1,cache:d.cache},e.updateQueue.baseState=s,e.memoizedState=s,e.flags&256){e=F0(t,e,a,n);break t}else if(a!==i){i=Be(Error(f(424)),e),Vl(i),e=F0(t,e,a,n);break t}else{switch(t=e.stateNode.containerInfo,t.nodeType){case 9:t=t.body;break;default:t=t.nodeName==="HTML"?t.ownerDocument.body:t}for(Ht=Le(t.firstChild),ee=e,bt=!0,Nn=null,ze=!0,n=qo(e,null,a,n),e.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling}else{if(ya(),a===i){e=fn(t,e,n);break t}ae(t,e,a,n)}e=e.child}return e;case 26:return bu(t,e),t===null?(n=r1(e.type,null,e.pendingProps,null))?e.memoizedState=n:bt||(n=e.type,t=e.pendingProps,a=Yu(ot.current).createElement(n),a[te]=e,a[oe]=t,le(a,n,t),Wt(a),e.stateNode=a):e.memoizedState=r1(e.type,t.memoizedProps,e.pendingProps,t.memoizedState),null;case 27:return On(e),t===null&&bt&&(a=e.stateNode=c1(e.type,e.pendingProps,ot.current),ee=e,ze=!0,i=Ht,Jn(e.type)?(pf=i,Ht=Le(a.firstChild)):Ht=i),ae(t,e,e.pendingProps.children,n),bu(t,e),t===null&&(e.flags|=4194304),e.child;case 5:return t===null&&bt&&((i=a=Ht)&&(a=sA(a,e.type,e.pendingProps,ze),a!==null?(e.stateNode=a,ee=e,Ht=Le(a.firstChild),ze=!1,i=!0):i=!1),i||Bn(e)),On(e),i=e.type,s=e.pendingProps,d=t!==null?t.memoizedProps:null,a=s.children,gf(i,s)?a=null:d!==null&&gf(i,d)&&(e.flags|=32),e.memoizedState!==null&&(i=hs(t,e,Sg,null,null,n),gi._currentValue=i),bu(t,e),ae(t,e,a,n),e.child;case 6:return t===null&&bt&&((t=n=Ht)&&(n=fA(n,e.pendingProps,ze),n!==null?(e.stateNode=n,ee=e,Ht=null,t=!0):t=!1),t||Bn(e)),null;case 13:return W0(t,e,n);case 4:return Ft(e,e.stateNode.containerInfo),a=e.pendingProps,t===null?e.child=Ta(e,null,a,n):ae(t,e,a,n),e.child;case 11:return X0(t,e,e.type,e.pendingProps,n);case 7:return ae(t,e,e.pendingProps,n),e.child;case 8:return ae(t,e,e.pendingProps.children,n),e.child;case 12:return ae(t,e,e.pendingProps.children,n),e.child;case 10:return a=e.pendingProps,Un(e,e.type,a.value),ae(t,e,a.children,n),e.child;case 9:return i=e.type._context,a=e.pendingProps.children,pa(e),i=ne(i),a=a(i),e.flags|=1,ae(t,e,a,n),e.child;case 14:return V0(t,e,e.type,e.pendingProps,n);case 15:return Z0(t,e,e.type,e.pendingProps,n);case 19:return P0(t,e,n);case 31:return jg(t,e,n);case 22:return q0(t,e,n,e.pendingProps);case 24:return pa(e),a=ne(Zt),t===null?(i=as(),i===null&&(i=jt,s=es(),i.pooledCache=s,s.refCount++,s!==null&&(i.pooledCacheLanes|=n),i=s),e.memoizedState={parent:a,cache:i},is(e),Un(e,Zt,i)):((t.lanes&n)!==0&&(us(t,e),Fl(e,null,null,n),Jl()),i=t.memoizedState,s=e.memoizedState,i.parent!==a?(i={parent:a,cache:a},e.memoizedState=i,e.lanes===0&&(e.memoizedState=e.updateQueue.baseState=i),Un(e,Zt,a)):(a=s.cache,Un(e,Zt,a),a!==i.cache&&ts(e,[Zt],n,!0))),ae(t,e,e.pendingProps.children,n),e.child;case 29:throw e.pendingProps}throw Error(f(156,e.tag))}function rn(t){t.flags|=4}function Xs(t,e,n,a,i){if((e=(t.mode&32)!==0)&&(e=!1),e){if(t.flags|=16777216,(i&335544128)===i)if(t.stateNode.complete)t.flags|=8192;else if(Od())t.flags|=8192;else throw Sa=uu,ls}else t.flags&=-16777217}function td(t,e){if(e.type!=="stylesheet"||(e.state.loading&4)!==0)t.flags&=-16777217;else if(t.flags|=16777216,!g1(e))if(Od())t.flags|=8192;else throw Sa=uu,ls}function Su(t,e){e!==null&&(t.flags|=4),t.flags&16384&&(e=t.tag!==22?Hr():536870912,t.lanes|=e,dl|=e)}function ei(t,e){if(!bt)switch(t.tailMode){case"hidden":e=t.tail;for(var n=null;e!==null;)e.alternate!==null&&(n=e),e=e.sibling;n===null?t.tail=null:n.sibling=null;break;case"collapsed":n=t.tail;for(var a=null;n!==null;)n.alternate!==null&&(a=n),n=n.sibling;a===null?e||t.tail===null?t.tail=null:t.tail.sibling=null:a.sibling=null}}function Nt(t){var e=t.alternate!==null&&t.alternate.child===t.child,n=0,a=0;if(e)for(var i=t.child;i!==null;)n|=i.lanes|i.childLanes,a|=i.subtreeFlags&65011712,a|=i.flags&65011712,i.return=t,i=i.sibling;else for(i=t.child;i!==null;)n|=i.lanes|i.childLanes,a|=i.subtreeFlags,a|=i.flags,i.return=t,i=i.sibling;return t.subtreeFlags|=a,t.childLanes=n,e}function Ng(t,e,n){var a=e.pendingProps;switch(Fc(e),e.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Nt(e),null;case 1:return Nt(e),null;case 3:return n=e.stateNode,a=null,t!==null&&(a=t.memoizedState.cache),e.memoizedState.cache!==a&&(e.flags|=2048),un(Zt),Qt(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(t===null||t.child===null)&&($a(e)?rn(e):t===null||t.memoizedState.isDehydrated&&(e.flags&256)===0||(e.flags|=1024,_c())),Nt(e),null;case 26:var i=e.type,s=e.memoizedState;return t===null?(rn(e),s!==null?(Nt(e),td(e,s)):(Nt(e),Xs(e,i,null,a,n))):s?s!==t.memoizedState?(rn(e),Nt(e),td(e,s)):(Nt(e),e.flags&=-16777217):(t=t.memoizedProps,t!==a&&rn(e),Nt(e),Xs(e,i,t,a,n)),null;case 27:if(ra(e),n=ot.current,i=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==a&&rn(e);else{if(!a){if(e.stateNode===null)throw Error(f(166));return Nt(e),null}t=et.current,$a(e)?No(e):(t=c1(i,a,n),e.stateNode=t,rn(e))}return Nt(e),null;case 5:if(ra(e),i=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==a&&rn(e);else{if(!a){if(e.stateNode===null)throw Error(f(166));return Nt(e),null}if(s=et.current,$a(e))No(e);else{var d=Yu(ot.current);switch(s){case 1:s=d.createElementNS("http://www.w3.org/2000/svg",i);break;case 2:s=d.createElementNS("http://www.w3.org/1998/Math/MathML",i);break;default:switch(i){case"svg":s=d.createElementNS("http://www.w3.org/2000/svg",i);break;case"math":s=d.createElementNS("http://www.w3.org/1998/Math/MathML",i);break;case"script":s=d.createElement("div"),s.innerHTML="<script><\/script>",s=s.removeChild(s.firstChild);break;case"select":s=typeof a.is=="string"?d.createElement("select",{is:a.is}):d.createElement("select"),a.multiple?s.multiple=!0:a.size&&(s.size=a.size);break;default:s=typeof a.is=="string"?d.createElement(i,{is:a.is}):d.createElement(i)}}s[te]=e,s[oe]=a;t:for(d=e.child;d!==null;){if(d.tag===5||d.tag===6)s.appendChild(d.stateNode);else if(d.tag!==4&&d.tag!==27&&d.child!==null){d.child.return=d,d=d.child;continue}if(d===e)break t;for(;d.sibling===null;){if(d.return===null||d.return===e)break t;d=d.return}d.sibling.return=d.return,d=d.sibling}e.stateNode=s;t:switch(le(s,i,a),i){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break t;case"img":a=!0;break t;default:a=!1}a&&rn(e)}}return Nt(e),Xs(e,e.type,t===null?null:t.memoizedProps,e.pendingProps,n),null;case 6:if(t&&e.stateNode!=null)t.memoizedProps!==a&&rn(e);else{if(typeof a!="string"&&e.stateNode===null)throw Error(f(166));if(t=ot.current,$a(e)){if(t=e.stateNode,n=e.memoizedProps,a=null,i=ee,i!==null)switch(i.tag){case 27:case 5:a=i.memoizedProps}t[te]=e,t=!!(t.nodeValue===n||a!==null&&a.suppressHydrationWarning===!0||Wd(t.nodeValue,n)),t||Bn(e,!0)}else t=Yu(t).createTextNode(a),t[te]=e,e.stateNode=t}return Nt(e),null;case 31:if(n=e.memoizedState,t===null||t.memoizedState!==null){if(a=$a(e),n!==null){if(t===null){if(!a)throw Error(f(318));if(t=e.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(557));t[te]=e}else ya(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;Nt(e),t=!1}else n=_c(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=n),t=!0;if(!t)return e.flags&256?(Oe(e),e):(Oe(e),null);if((e.flags&128)!==0)throw Error(f(558))}return Nt(e),null;case 13:if(a=e.memoizedState,t===null||t.memoizedState!==null&&t.memoizedState.dehydrated!==null){if(i=$a(e),a!==null&&a.dehydrated!==null){if(t===null){if(!i)throw Error(f(318));if(i=e.memoizedState,i=i!==null?i.dehydrated:null,!i)throw Error(f(317));i[te]=e}else ya(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;Nt(e),i=!1}else i=_c(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=i),i=!0;if(!i)return e.flags&256?(Oe(e),e):(Oe(e),null)}return Oe(e),(e.flags&128)!==0?(e.lanes=n,e):(n=a!==null,t=t!==null&&t.memoizedState!==null,n&&(a=e.child,i=null,a.alternate!==null&&a.alternate.memoizedState!==null&&a.alternate.memoizedState.cachePool!==null&&(i=a.alternate.memoizedState.cachePool.pool),s=null,a.memoizedState!==null&&a.memoizedState.cachePool!==null&&(s=a.memoizedState.cachePool.pool),s!==i&&(a.flags|=2048)),n!==t&&n&&(e.child.flags|=8192),Su(e,e.updateQueue),Nt(e),null);case 4:return Qt(),t===null&&rf(e.stateNode.containerInfo),Nt(e),null;case 10:return un(e.type),Nt(e),null;case 19:if(L(Xt),a=e.memoizedState,a===null)return Nt(e),null;if(i=(e.flags&128)!==0,s=a.rendering,s===null)if(i)ei(a,!1);else{if(Gt!==0||t!==null&&(t.flags&128)!==0)for(t=e.child;t!==null;){if(s=ru(t),s!==null){for(e.flags|=128,ei(a,!1),t=s.updateQueue,e.updateQueue=t,Su(e,t),e.subtreeFlags=0,t=n,n=e.child;n!==null;)Ro(n,t),n=n.sibling;return W(Xt,Xt.current&1|2),bt&&an(e,a.treeForkCount),e.child}t=t.sibling}a.tail!==null&&pe()>Ru&&(e.flags|=128,i=!0,ei(a,!1),e.lanes=4194304)}else{if(!i)if(t=ru(s),t!==null){if(e.flags|=128,i=!0,t=t.updateQueue,e.updateQueue=t,Su(e,t),ei(a,!0),a.tail===null&&a.tailMode==="hidden"&&!s.alternate&&!bt)return Nt(e),null}else 2*pe()-a.renderingStartTime>Ru&&n!==536870912&&(e.flags|=128,i=!0,ei(a,!1),e.lanes=4194304);a.isBackwards?(s.sibling=e.child,e.child=s):(t=a.last,t!==null?t.sibling=s:e.child=s,a.last=s)}return a.tail!==null?(t=a.tail,a.rendering=t,a.tail=t.sibling,a.renderingStartTime=pe(),t.sibling=null,n=Xt.current,W(Xt,i?n&1|2:n&1),bt&&an(e,a.treeForkCount),t):(Nt(e),null);case 22:case 23:return Oe(e),rs(),a=e.memoizedState!==null,t!==null?t.memoizedState!==null!==a&&(e.flags|=8192):a&&(e.flags|=8192),a?(n&536870912)!==0&&(e.flags&128)===0&&(Nt(e),e.subtreeFlags&6&&(e.flags|=8192)):Nt(e),n=e.updateQueue,n!==null&&Su(e,n.retryQueue),n=null,t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),a=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(a=e.memoizedState.cachePool.pool),a!==n&&(e.flags|=2048),t!==null&&L(ba),null;case 24:return n=null,t!==null&&(n=t.memoizedState.cache),e.memoizedState.cache!==n&&(e.flags|=2048),un(Zt),Nt(e),null;case 25:return null;case 30:return null}throw Error(f(156,e.tag))}function Bg(t,e){switch(Fc(e),e.tag){case 1:return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 3:return un(Zt),Qt(),t=e.flags,(t&65536)!==0&&(t&128)===0?(e.flags=t&-65537|128,e):null;case 26:case 27:case 5:return ra(e),null;case 31:if(e.memoizedState!==null){if(Oe(e),e.alternate===null)throw Error(f(340));ya()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 13:if(Oe(e),t=e.memoizedState,t!==null&&t.dehydrated!==null){if(e.alternate===null)throw Error(f(340));ya()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 19:return L(Xt),null;case 4:return Qt(),null;case 10:return un(e.type),null;case 22:case 23:return Oe(e),rs(),t!==null&&L(ba),t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 24:return un(Zt),null;case 25:return null;default:return null}}function ed(t,e){switch(Fc(e),e.tag){case 3:un(Zt),Qt();break;case 26:case 27:case 5:ra(e);break;case 4:Qt();break;case 31:e.memoizedState!==null&&Oe(e);break;case 13:Oe(e);break;case 19:L(Xt);break;case 10:un(e.type);break;case 22:case 23:Oe(e),rs(),t!==null&&L(ba);break;case 24:un(Zt)}}function ni(t,e){try{var n=e.updateQueue,a=n!==null?n.lastEffect:null;if(a!==null){var i=a.next;n=i;do{if((n.tag&t)===t){a=void 0;var s=n.create,d=n.inst;a=s(),d.destroy=a}n=n.next}while(n!==i)}}catch(g){wt(e,e.return,g)}}function Xn(t,e,n){try{var a=e.updateQueue,i=a!==null?a.lastEffect:null;if(i!==null){var s=i.next;a=s;do{if((a.tag&t)===t){var d=a.inst,g=d.destroy;if(g!==void 0){d.destroy=void 0,i=e;var T=n,z=g;try{z()}catch(V){wt(i,T,V)}}}a=a.next}while(a!==s)}}catch(V){wt(e,e.return,V)}}function nd(t){var e=t.updateQueue;if(e!==null){var n=t.stateNode;try{Ko(e,n)}catch(a){wt(t,t.return,a)}}}function ad(t,e,n){n.props=Oa(t.type,t.memoizedProps),n.state=t.memoizedState;try{n.componentWillUnmount()}catch(a){wt(t,e,a)}}function ai(t,e){try{var n=t.ref;if(n!==null){switch(t.tag){case 26:case 27:case 5:var a=t.stateNode;break;case 30:a=t.stateNode;break;default:a=t.stateNode}typeof n=="function"?t.refCleanup=n(a):n.current=a}}catch(i){wt(t,e,i)}}function We(t,e){var n=t.ref,a=t.refCleanup;if(n!==null)if(typeof a=="function")try{a()}catch(i){wt(t,e,i)}finally{t.refCleanup=null,t=t.alternate,t!=null&&(t.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(i){wt(t,e,i)}else n.current=null}function ld(t){var e=t.type,n=t.memoizedProps,a=t.stateNode;try{t:switch(e){case"button":case"input":case"select":case"textarea":n.autoFocus&&a.focus();break t;case"img":n.src?a.src=n.src:n.srcSet&&(a.srcset=n.srcSet)}}catch(i){wt(t,t.return,i)}}function Vs(t,e,n){try{var a=t.stateNode;nA(a,t.type,n,e),a[oe]=e}catch(i){wt(t,t.return,i)}}function id(t){return t.tag===5||t.tag===3||t.tag===26||t.tag===27&&Jn(t.type)||t.tag===4}function Zs(t){t:for(;;){for(;t.sibling===null;){if(t.return===null||id(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;t.tag!==5&&t.tag!==6&&t.tag!==18;){if(t.tag===27&&Jn(t.type)||t.flags&2||t.child===null||t.tag===4)continue t;t.child.return=t,t=t.child}if(!(t.flags&2))return t.stateNode}}function qs(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(t,e):(e=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,e.appendChild(t),n=n._reactRootContainer,n!=null||e.onclick!==null||(e.onclick=tn));else if(a!==4&&(a===27&&Jn(t.type)&&(n=t.stateNode,e=null),t=t.child,t!==null))for(qs(t,e,n),t=t.sibling;t!==null;)qs(t,e,n),t=t.sibling}function Tu(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?n.insertBefore(t,e):n.appendChild(t);else if(a!==4&&(a===27&&Jn(t.type)&&(n=t.stateNode),t=t.child,t!==null))for(Tu(t,e,n),t=t.sibling;t!==null;)Tu(t,e,n),t=t.sibling}function ud(t){var e=t.stateNode,n=t.memoizedProps;try{for(var a=t.type,i=e.attributes;i.length;)e.removeAttributeNode(i[0]);le(e,a,n),e[te]=t,e[oe]=n}catch(s){wt(t,t.return,s)}}var on=!1,Kt=!1,Is=!1,cd=typeof WeakSet=="function"?WeakSet:Set,_t=null;function Ug(t,e){if(t=t.containerInfo,hf=Iu,t=Eo(t),Yc(t)){if("selectionStart"in t)var n={start:t.selectionStart,end:t.selectionEnd};else t:{n=(n=t.ownerDocument)&&n.defaultView||window;var a=n.getSelection&&n.getSelection();if(a&&a.rangeCount!==0){n=a.anchorNode;var i=a.anchorOffset,s=a.focusNode;a=a.focusOffset;try{n.nodeType,s.nodeType}catch{n=null;break t}var d=0,g=-1,T=-1,z=0,V=0,I=t,Y=null;e:for(;;){for(var G;I!==n||i!==0&&I.nodeType!==3||(g=d+i),I!==s||a!==0&&I.nodeType!==3||(T=d+a),I.nodeType===3&&(d+=I.nodeValue.length),(G=I.firstChild)!==null;)Y=I,I=G;for(;;){if(I===t)break e;if(Y===n&&++z===i&&(g=d),Y===s&&++V===a&&(T=d),(G=I.nextSibling)!==null)break;I=Y,Y=I.parentNode}I=G}n=g===-1||T===-1?null:{start:g,end:T}}else n=null}n=n||{start:0,end:0}}else n=null;for(mf={focusedElem:t,selectionRange:n},Iu=!1,_t=e;_t!==null;)if(e=_t,t=e.child,(e.subtreeFlags&1028)!==0&&t!==null)t.return=e,_t=t;else for(;_t!==null;){switch(e=_t,s=e.alternate,t=e.flags,e.tag){case 0:if((t&4)!==0&&(t=e.updateQueue,t=t!==null?t.events:null,t!==null))for(n=0;n<t.length;n++)i=t[n],i.ref.impl=i.nextImpl;break;case 11:case 15:break;case 1:if((t&1024)!==0&&s!==null){t=void 0,n=e,i=s.memoizedProps,s=s.memoizedState,a=n.stateNode;try{var at=Oa(n.type,i);t=a.getSnapshotBeforeUpdate(at,s),a.__reactInternalSnapshotBeforeUpdate=t}catch(ft){wt(n,n.return,ft)}}break;case 3:if((t&1024)!==0){if(t=e.stateNode.containerInfo,n=t.nodeType,n===9)vf(t);else if(n===1)switch(t.nodeName){case"HEAD":case"HTML":case"BODY":vf(t);break;default:t.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((t&1024)!==0)throw Error(f(163))}if(t=e.sibling,t!==null){t.return=e.return,_t=t;break}_t=e.return}}function sd(t,e,n){var a=n.flags;switch(n.tag){case 0:case 11:case 15:hn(t,n),a&4&&ni(5,n);break;case 1:if(hn(t,n),a&4)if(t=n.stateNode,e===null)try{t.componentDidMount()}catch(d){wt(n,n.return,d)}else{var i=Oa(n.type,e.memoizedProps);e=e.memoizedState;try{t.componentDidUpdate(i,e,t.__reactInternalSnapshotBeforeUpdate)}catch(d){wt(n,n.return,d)}}a&64&&nd(n),a&512&&ai(n,n.return);break;case 3:if(hn(t,n),a&64&&(t=n.updateQueue,t!==null)){if(e=null,n.child!==null)switch(n.child.tag){case 27:case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}try{Ko(t,e)}catch(d){wt(n,n.return,d)}}break;case 27:e===null&&a&4&&ud(n);case 26:case 5:hn(t,n),e===null&&a&4&&ld(n),a&512&&ai(n,n.return);break;case 12:hn(t,n);break;case 31:hn(t,n),a&4&&od(t,n);break;case 13:hn(t,n),a&4&&dd(t,n),a&64&&(t=n.memoizedState,t!==null&&(t=t.dehydrated,t!==null&&(n=qg.bind(null,n),rA(t,n))));break;case 22:if(a=n.memoizedState!==null||on,!a){e=e!==null&&e.memoizedState!==null||Kt,i=on;var s=Kt;on=a,(Kt=e)&&!s?mn(t,n,(n.subtreeFlags&8772)!==0):hn(t,n),on=i,Kt=s}break;case 30:break;default:hn(t,n)}}function fd(t){var e=t.alternate;e!==null&&(t.alternate=null,fd(e)),t.child=null,t.deletions=null,t.sibling=null,t.tag===5&&(e=t.stateNode,e!==null&&bc(e)),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}var zt=null,he=!1;function dn(t,e,n){for(n=n.child;n!==null;)rd(t,e,n),n=n.sibling}function rd(t,e,n){if(be&&typeof be.onCommitFiberUnmount=="function")try{be.onCommitFiberUnmount(wl,n)}catch{}switch(n.tag){case 26:Kt||We(n,e),dn(t,e,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:Kt||We(n,e);var a=zt,i=he;Jn(n.type)&&(zt=n.stateNode,he=!1),dn(t,e,n),di(n.stateNode),zt=a,he=i;break;case 5:Kt||We(n,e);case 6:if(a=zt,i=he,zt=null,dn(t,e,n),zt=a,he=i,zt!==null)if(he)try{(zt.nodeType===9?zt.body:zt.nodeName==="HTML"?zt.ownerDocument.body:zt).removeChild(n.stateNode)}catch(s){wt(n,e,s)}else try{zt.removeChild(n.stateNode)}catch(s){wt(n,e,s)}break;case 18:zt!==null&&(he?(t=zt,n1(t.nodeType===9?t.body:t.nodeName==="HTML"?t.ownerDocument.body:t,n.stateNode),pl(t)):n1(zt,n.stateNode));break;case 4:a=zt,i=he,zt=n.stateNode.containerInfo,he=!0,dn(t,e,n),zt=a,he=i;break;case 0:case 11:case 14:case 15:Xn(2,n,e),Kt||Xn(4,n,e),dn(t,e,n);break;case 1:Kt||(We(n,e),a=n.stateNode,typeof a.componentWillUnmount=="function"&&ad(n,e,a)),dn(t,e,n);break;case 21:dn(t,e,n);break;case 22:Kt=(a=Kt)||n.memoizedState!==null,dn(t,e,n),Kt=a;break;default:dn(t,e,n)}}function od(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null))){t=t.dehydrated;try{pl(t)}catch(n){wt(e,e.return,n)}}}function dd(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null&&(t=t.dehydrated,t!==null))))try{pl(t)}catch(n){wt(e,e.return,n)}}function Qg(t){switch(t.tag){case 31:case 13:case 19:var e=t.stateNode;return e===null&&(e=t.stateNode=new cd),e;case 22:return t=t.stateNode,e=t._retryCache,e===null&&(e=t._retryCache=new cd),e;default:throw Error(f(435,t.tag))}}function Cu(t,e){var n=Qg(t);e.forEach(function(a){if(!n.has(a)){n.add(a);var i=Ig.bind(null,t,a);a.then(i,i)}})}function me(t,e){var n=e.deletions;if(n!==null)for(var a=0;a<n.length;a++){var i=n[a],s=t,d=e,g=d;t:for(;g!==null;){switch(g.tag){case 27:if(Jn(g.type)){zt=g.stateNode,he=!1;break t}break;case 5:zt=g.stateNode,he=!1;break t;case 3:case 4:zt=g.stateNode.containerInfo,he=!0;break t}g=g.return}if(zt===null)throw Error(f(160));rd(s,d,i),zt=null,he=!1,s=i.alternate,s!==null&&(s.return=null),i.return=null}if(e.subtreeFlags&13886)for(e=e.child;e!==null;)hd(e,t),e=e.sibling}var Ie=null;function hd(t,e){var n=t.alternate,a=t.flags;switch(t.tag){case 0:case 11:case 14:case 15:me(e,t),ge(t),a&4&&(Xn(3,t,t.return),ni(3,t),Xn(5,t,t.return));break;case 1:me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),a&64&&on&&(t=t.updateQueue,t!==null&&(a=t.callbacks,a!==null&&(n=t.shared.hiddenCallbacks,t.shared.hiddenCallbacks=n===null?a:n.concat(a))));break;case 26:var i=Ie;if(me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),a&4){var s=n!==null?n.memoizedState:null;if(a=t.memoizedState,n===null)if(a===null)if(t.stateNode===null){t:{a=t.type,n=t.memoizedProps,i=i.ownerDocument||i;e:switch(a){case"title":s=i.getElementsByTagName("title")[0],(!s||s[Ml]||s[te]||s.namespaceURI==="http://www.w3.org/2000/svg"||s.hasAttribute("itemprop"))&&(s=i.createElement(a),i.head.insertBefore(s,i.querySelector("head > title"))),le(s,a,n),s[te]=t,Wt(s),a=s;break t;case"link":var d=h1("link","href",i).get(a+(n.href||""));if(d){for(var g=0;g<d.length;g++)if(s=d[g],s.getAttribute("href")===(n.href==null||n.href===""?null:n.href)&&s.getAttribute("rel")===(n.rel==null?null:n.rel)&&s.getAttribute("title")===(n.title==null?null:n.title)&&s.getAttribute("crossorigin")===(n.crossOrigin==null?null:n.crossOrigin)){d.splice(g,1);break e}}s=i.createElement(a),le(s,a,n),i.head.appendChild(s);break;case"meta":if(d=h1("meta","content",i).get(a+(n.content||""))){for(g=0;g<d.length;g++)if(s=d[g],s.getAttribute("content")===(n.content==null?null:""+n.content)&&s.getAttribute("name")===(n.name==null?null:n.name)&&s.getAttribute("property")===(n.property==null?null:n.property)&&s.getAttribute("http-equiv")===(n.httpEquiv==null?null:n.httpEquiv)&&s.getAttribute("charset")===(n.charSet==null?null:n.charSet)){d.splice(g,1);break e}}s=i.createElement(a),le(s,a,n),i.head.appendChild(s);break;default:throw Error(f(468,a))}s[te]=t,Wt(s),a=s}t.stateNode=a}else m1(i,t.type,t.stateNode);else t.stateNode=d1(i,a,t.memoizedProps);else s!==a?(s===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):s.count--,a===null?m1(i,t.type,t.stateNode):d1(i,a,t.memoizedProps)):a===null&&t.stateNode!==null&&Vs(t,t.memoizedProps,n.memoizedProps)}break;case 27:me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),n!==null&&a&4&&Vs(t,t.memoizedProps,n.memoizedProps);break;case 5:if(me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),t.flags&32){i=t.stateNode;try{Za(i,"")}catch(at){wt(t,t.return,at)}}a&4&&t.stateNode!=null&&(i=t.memoizedProps,Vs(t,i,n!==null?n.memoizedProps:i)),a&1024&&(Is=!0);break;case 6:if(me(e,t),ge(t),a&4){if(t.stateNode===null)throw Error(f(162));a=t.memoizedProps,n=t.stateNode;try{n.nodeValue=a}catch(at){wt(t,t.return,at)}}break;case 3:if(Xu=null,i=Ie,Ie=Lu(e.containerInfo),me(e,t),Ie=i,ge(t),a&4&&n!==null&&n.memoizedState.isDehydrated)try{pl(e.containerInfo)}catch(at){wt(t,t.return,at)}Is&&(Is=!1,md(t));break;case 4:a=Ie,Ie=Lu(t.stateNode.containerInfo),me(e,t),ge(t),Ie=a;break;case 12:me(e,t),ge(t);break;case 31:me(e,t),ge(t),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Cu(t,a)));break;case 13:me(e,t),ge(t),t.child.flags&8192&&t.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(wu=pe()),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Cu(t,a)));break;case 22:i=t.memoizedState!==null;var T=n!==null&&n.memoizedState!==null,z=on,V=Kt;if(on=z||i,Kt=V||T,me(e,t),Kt=V,on=z,ge(t),a&8192)t:for(e=t.stateNode,e._visibility=i?e._visibility&-2:e._visibility|1,i&&(n===null||T||on||Kt||wa(t)),n=null,e=t;;){if(e.tag===5||e.tag===26){if(n===null){T=n=e;try{if(s=T.stateNode,i)d=s.style,typeof d.setProperty=="function"?d.setProperty("display","none","important"):d.display="none";else{g=T.stateNode;var I=T.memoizedProps.style,Y=I!=null&&I.hasOwnProperty("display")?I.display:null;g.style.display=Y==null||typeof Y=="boolean"?"":(""+Y).trim()}}catch(at){wt(T,T.return,at)}}}else if(e.tag===6){if(n===null){T=e;try{T.stateNode.nodeValue=i?"":T.memoizedProps}catch(at){wt(T,T.return,at)}}}else if(e.tag===18){if(n===null){T=e;try{var G=T.stateNode;i?a1(G,!0):a1(T.stateNode,!1)}catch(at){wt(T,T.return,at)}}}else if((e.tag!==22&&e.tag!==23||e.memoizedState===null||e===t)&&e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break t;for(;e.sibling===null;){if(e.return===null||e.return===t)break t;n===e&&(n=null),e=e.return}n===e&&(n=null),e.sibling.return=e.return,e=e.sibling}a&4&&(a=t.updateQueue,a!==null&&(n=a.retryQueue,n!==null&&(a.retryQueue=null,Cu(t,n))));break;case 19:me(e,t),ge(t),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Cu(t,a)));break;case 30:break;case 21:break;default:me(e,t),ge(t)}}function ge(t){var e=t.flags;if(e&2){try{for(var n,a=t.return;a!==null;){if(id(a)){n=a;break}a=a.return}if(n==null)throw Error(f(160));switch(n.tag){case 27:var i=n.stateNode,s=Zs(t);Tu(t,s,i);break;case 5:var d=n.stateNode;n.flags&32&&(Za(d,""),n.flags&=-33);var g=Zs(t);Tu(t,g,d);break;case 3:case 4:var T=n.stateNode.containerInfo,z=Zs(t);qs(t,z,T);break;default:throw Error(f(161))}}catch(V){wt(t,t.return,V)}t.flags&=-3}e&4096&&(t.flags&=-4097)}function md(t){if(t.subtreeFlags&1024)for(t=t.child;t!==null;){var e=t;md(e),e.tag===5&&e.flags&1024&&e.stateNode.reset(),t=t.sibling}}function hn(t,e){if(e.subtreeFlags&8772)for(e=e.child;e!==null;)sd(t,e.alternate,e),e=e.sibling}function wa(t){for(t=t.child;t!==null;){var e=t;switch(e.tag){case 0:case 11:case 14:case 15:Xn(4,e,e.return),wa(e);break;case 1:We(e,e.return);var n=e.stateNode;typeof n.componentWillUnmount=="function"&&ad(e,e.return,n),wa(e);break;case 27:di(e.stateNode);case 26:case 5:We(e,e.return),wa(e);break;case 22:e.memoizedState===null&&wa(e);break;case 30:wa(e);break;default:wa(e)}t=t.sibling}}function mn(t,e,n){for(n=n&&(e.subtreeFlags&8772)!==0,e=e.child;e!==null;){var a=e.alternate,i=t,s=e,d=s.flags;switch(s.tag){case 0:case 11:case 15:mn(i,s,n),ni(4,s);break;case 1:if(mn(i,s,n),a=s,i=a.stateNode,typeof i.componentDidMount=="function")try{i.componentDidMount()}catch(z){wt(a,a.return,z)}if(a=s,i=a.updateQueue,i!==null){var g=a.stateNode;try{var T=i.shared.hiddenCallbacks;if(T!==null)for(i.shared.hiddenCallbacks=null,i=0;i<T.length;i++)Io(T[i],g)}catch(z){wt(a,a.return,z)}}n&&d&64&&nd(s),ai(s,s.return);break;case 27:ud(s);case 26:case 5:mn(i,s,n),n&&a===null&&d&4&&ld(s),ai(s,s.return);break;case 12:mn(i,s,n);break;case 31:mn(i,s,n),n&&d&4&&od(i,s);break;case 13:mn(i,s,n),n&&d&4&&dd(i,s);break;case 22:s.memoizedState===null&&mn(i,s,n),ai(s,s.return);break;case 30:break;default:mn(i,s,n)}e=e.sibling}}function Ks(t,e){var n=null;t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),t=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(t=e.memoizedState.cachePool.pool),t!==n&&(t!=null&&t.refCount++,n!=null&&Zl(n))}function ks(t,e){t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Zl(t))}function Ke(t,e,n,a){if(e.subtreeFlags&10256)for(e=e.child;e!==null;)gd(t,e,n,a),e=e.sibling}function gd(t,e,n,a){var i=e.flags;switch(e.tag){case 0:case 11:case 15:Ke(t,e,n,a),i&2048&&ni(9,e);break;case 1:Ke(t,e,n,a);break;case 3:Ke(t,e,n,a),i&2048&&(t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Zl(t)));break;case 12:if(i&2048){Ke(t,e,n,a),t=e.stateNode;try{var s=e.memoizedProps,d=s.id,g=s.onPostCommit;typeof g=="function"&&g(d,e.alternate===null?"mount":"update",t.passiveEffectDuration,-0)}catch(T){wt(e,e.return,T)}}else Ke(t,e,n,a);break;case 31:Ke(t,e,n,a);break;case 13:Ke(t,e,n,a);break;case 23:break;case 22:s=e.stateNode,d=e.alternate,e.memoizedState!==null?s._visibility&2?Ke(t,e,n,a):li(t,e):s._visibility&2?Ke(t,e,n,a):(s._visibility|=2,fl(t,e,n,a,(e.subtreeFlags&10256)!==0||!1)),i&2048&&Ks(d,e);break;case 24:Ke(t,e,n,a),i&2048&&ks(e.alternate,e);break;default:Ke(t,e,n,a)}}function fl(t,e,n,a,i){for(i=i&&((e.subtreeFlags&10256)!==0||!1),e=e.child;e!==null;){var s=t,d=e,g=n,T=a,z=d.flags;switch(d.tag){case 0:case 11:case 15:fl(s,d,g,T,i),ni(8,d);break;case 23:break;case 22:var V=d.stateNode;d.memoizedState!==null?V._visibility&2?fl(s,d,g,T,i):li(s,d):(V._visibility|=2,fl(s,d,g,T,i)),i&&z&2048&&Ks(d.alternate,d);break;case 24:fl(s,d,g,T,i),i&&z&2048&&ks(d.alternate,d);break;default:fl(s,d,g,T,i)}e=e.sibling}}function li(t,e){if(e.subtreeFlags&10256)for(e=e.child;e!==null;){var n=t,a=e,i=a.flags;switch(a.tag){case 22:li(n,a),i&2048&&Ks(a.alternate,a);break;case 24:li(n,a),i&2048&&ks(a.alternate,a);break;default:li(n,a)}e=e.sibling}}var ii=8192;function rl(t,e,n){if(t.subtreeFlags&ii)for(t=t.child;t!==null;)Ad(t,e,n),t=t.sibling}function Ad(t,e,n){switch(t.tag){case 26:rl(t,e,n),t.flags&ii&&t.memoizedState!==null&&xA(n,Ie,t.memoizedState,t.memoizedProps);break;case 5:rl(t,e,n);break;case 3:case 4:var a=Ie;Ie=Lu(t.stateNode.containerInfo),rl(t,e,n),Ie=a;break;case 22:t.memoizedState===null&&(a=t.alternate,a!==null&&a.memoizedState!==null?(a=ii,ii=16777216,rl(t,e,n),ii=a):rl(t,e,n));break;default:rl(t,e,n)}}function vd(t){var e=t.alternate;if(e!==null&&(t=e.child,t!==null)){e.child=null;do e=t.sibling,t.sibling=null,t=e;while(t!==null)}}function ui(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var a=e[n];_t=a,Ed(a,t)}vd(t)}if(t.subtreeFlags&10256)for(t=t.child;t!==null;)yd(t),t=t.sibling}function yd(t){switch(t.tag){case 0:case 11:case 15:ui(t),t.flags&2048&&Xn(9,t,t.return);break;case 3:ui(t);break;case 12:ui(t);break;case 22:var e=t.stateNode;t.memoizedState!==null&&e._visibility&2&&(t.return===null||t.return.tag!==13)?(e._visibility&=-3,Ou(t)):ui(t);break;default:ui(t)}}function Ou(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var a=e[n];_t=a,Ed(a,t)}vd(t)}for(t=t.child;t!==null;){switch(e=t,e.tag){case 0:case 11:case 15:Xn(8,e,e.return),Ou(e);break;case 22:n=e.stateNode,n._visibility&2&&(n._visibility&=-3,Ou(e));break;default:Ou(e)}t=t.sibling}}function Ed(t,e){for(;_t!==null;){var n=_t;switch(n.tag){case 0:case 11:case 15:Xn(8,n,e);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var a=n.memoizedState.cachePool.pool;a!=null&&a.refCount++}break;case 24:Zl(n.memoizedState.cache)}if(a=n.child,a!==null)a.return=n,_t=a;else t:for(n=t;_t!==null;){a=_t;var i=a.sibling,s=a.return;if(fd(a),a===n){_t=null;break t}if(i!==null){i.return=s,_t=i;break t}_t=s}}}var zg={getCacheForType:function(t){var e=ne(Zt),n=e.data.get(t);return n===void 0&&(n=t(),e.data.set(t,n)),n},cacheSignal:function(){return ne(Zt).controller.signal}},Yg=typeof WeakMap=="function"?WeakMap:Map,Ct=0,jt=null,vt=null,Et=0,Ot=0,we=null,Vn=!1,ol=!1,Js=!1,gn=0,Gt=0,Zn=0,Ra=0,Fs=0,Re=0,dl=0,ci=null,Ae=null,Ws=!1,wu=0,pd=0,Ru=1/0,Du=null,qn=null,kt=0,In=null,hl=null,An=0,_s=0,Ps=null,bd=null,si=0,$s=null;function De(){return(Ct&2)!==0&&Et!==0?Et&-Et:H.T!==null?uf():Qr()}function xd(){if(Re===0)if((Et&536870912)===0||bt){var t=zi;zi<<=1,(zi&3932160)===0&&(zi=262144),Re=t}else Re=536870912;return t=Ce.current,t!==null&&(t.flags|=32),Re}function ve(t,e,n){(t===jt&&(Ot===2||Ot===9)||t.cancelPendingCommit!==null)&&(ml(t,0),Kn(t,Et,Re,!1)),Dl(t,n),((Ct&2)===0||t!==jt)&&(t===jt&&((Ct&2)===0&&(Ra|=n),Gt===4&&Kn(t,Et,Re,!1)),_e(t))}function Sd(t,e,n){if((Ct&6)!==0)throw Error(f(327));var a=!n&&(e&127)===0&&(e&t.expiredLanes)===0||Rl(t,e),i=a?Xg(t,e):ef(t,e,!0),s=a;do{if(i===0){ol&&!a&&Kn(t,e,0,!1);break}else{if(n=t.current.alternate,s&&!Lg(n)){i=ef(t,e,!1),s=!1;continue}if(i===2){if(s=e,t.errorRecoveryDisabledLanes&s)var d=0;else d=t.pendingLanes&-536870913,d=d!==0?d:d&536870912?536870912:0;if(d!==0){e=d;t:{var g=t;i=ci;var T=g.current.memoizedState.isDehydrated;if(T&&(ml(g,d).flags|=256),d=ef(g,d,!1),d!==2){if(Js&&!T){g.errorRecoveryDisabledLanes|=s,Ra|=s,i=4;break t}s=Ae,Ae=i,s!==null&&(Ae===null?Ae=s:Ae.push.apply(Ae,s))}i=d}if(s=!1,i!==2)continue}}if(i===1){ml(t,0),Kn(t,e,0,!0);break}t:{switch(a=t,s=i,s){case 0:case 1:throw Error(f(345));case 4:if((e&4194048)!==e)break;case 6:Kn(a,e,Re,!Vn);break t;case 2:Ae=null;break;case 3:case 5:break;default:throw Error(f(329))}if((e&62914560)===e&&(i=wu+300-pe(),10<i)){if(Kn(a,e,Re,!Vn),Li(a,0,!0)!==0)break t;An=e,a.timeoutHandle=t1(Td.bind(null,a,n,Ae,Du,Ws,e,Re,Ra,dl,Vn,s,"Throttled",-0,0),i);break t}Td(a,n,Ae,Du,Ws,e,Re,Ra,dl,Vn,s,null,-0,0)}}break}while(!0);_e(t)}function Td(t,e,n,a,i,s,d,g,T,z,V,I,Y,G){if(t.timeoutHandle=-1,I=e.subtreeFlags,I&8192||(I&16785408)===16785408){I={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:tn},Ad(e,s,I);var at=(s&62914560)===s?wu-pe():(s&4194048)===s?pd-pe():0;if(at=SA(I,at),at!==null){An=s,t.cancelPendingCommit=at(Hd.bind(null,t,e,s,n,a,i,d,g,T,V,I,null,Y,G)),Kn(t,s,d,!z);return}}Hd(t,e,s,n,a,i,d,g,T)}function Lg(t){for(var e=t;;){var n=e.tag;if((n===0||n===11||n===15)&&e.flags&16384&&(n=e.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var a=0;a<n.length;a++){var i=n[a],s=i.getSnapshot;i=i.value;try{if(!Se(s(),i))return!1}catch{return!1}}if(n=e.child,e.subtreeFlags&16384&&n!==null)n.return=e,e=n;else{if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return!0;e=e.return}e.sibling.return=e.return,e=e.sibling}}return!0}function Kn(t,e,n,a){e&=~Fs,e&=~Ra,t.suspendedLanes|=e,t.pingedLanes&=~e,a&&(t.warmLanes|=e),a=t.expirationTimes;for(var i=e;0<i;){var s=31-xe(i),d=1<<s;a[s]=-1,i&=~d}n!==0&&Nr(t,n,e)}function Mu(){return(Ct&6)===0?(fi(0),!1):!0}function tf(){if(vt!==null){if(Ot===0)var t=vt.return;else t=vt,ln=Ea=null,As(t),ll=null,Il=0,t=vt;for(;t!==null;)ed(t.alternate,t),t=t.return;vt=null}}function ml(t,e){var n=t.timeoutHandle;n!==-1&&(t.timeoutHandle=-1,iA(n)),n=t.cancelPendingCommit,n!==null&&(t.cancelPendingCommit=null,n()),An=0,tf(),jt=t,vt=n=nn(t.current,null),Et=e,Ot=0,we=null,Vn=!1,ol=Rl(t,e),Js=!1,dl=Re=Fs=Ra=Zn=Gt=0,Ae=ci=null,Ws=!1,(e&8)!==0&&(e|=e&32);var a=t.entangledLanes;if(a!==0)for(t=t.entanglements,a&=e;0<a;){var i=31-xe(a),s=1<<i;e|=t[i],a&=~s}return gn=e,_i(),n}function Cd(t,e){mt=null,H.H=$l,e===al||e===iu?(e=Xo(),Ot=3):e===ls?(e=Xo(),Ot=4):Ot=e===Hs?8:e!==null&&typeof e=="object"&&typeof e.then=="function"?6:1,we=e,vt===null&&(Gt=1,Eu(t,Be(e,t.current)))}function Od(){var t=Ce.current;return t===null?!0:(Et&4194048)===Et?Ye===null:(Et&62914560)===Et||(Et&536870912)!==0?t===Ye:!1}function wd(){var t=H.H;return H.H=$l,t===null?$l:t}function Rd(){var t=H.A;return H.A=zg,t}function ju(){Gt=4,Vn||(Et&4194048)!==Et&&Ce.current!==null||(ol=!0),(Zn&134217727)===0&&(Ra&134217727)===0||jt===null||Kn(jt,Et,Re,!1)}function ef(t,e,n){var a=Ct;Ct|=2;var i=wd(),s=Rd();(jt!==t||Et!==e)&&(Du=null,ml(t,e)),e=!1;var d=Gt;t:do try{if(Ot!==0&&vt!==null){var g=vt,T=we;switch(Ot){case 8:tf(),d=6;break t;case 3:case 2:case 9:case 6:Ce.current===null&&(e=!0);var z=Ot;if(Ot=0,we=null,gl(t,g,T,z),n&&ol){d=0;break t}break;default:z=Ot,Ot=0,we=null,gl(t,g,T,z)}}Gg(),d=Gt;break}catch(V){Cd(t,V)}while(!0);return e&&t.shellSuspendCounter++,ln=Ea=null,Ct=a,H.H=i,H.A=s,vt===null&&(jt=null,Et=0,_i()),d}function Gg(){for(;vt!==null;)Dd(vt)}function Xg(t,e){var n=Ct;Ct|=2;var a=wd(),i=Rd();jt!==t||Et!==e?(Du=null,Ru=pe()+500,ml(t,e)):ol=Rl(t,e);t:do try{if(Ot!==0&&vt!==null){e=vt;var s=we;e:switch(Ot){case 1:Ot=0,we=null,gl(t,e,s,1);break;case 2:case 9:if(Lo(s)){Ot=0,we=null,Md(e);break}e=function(){Ot!==2&&Ot!==9||jt!==t||(Ot=7),_e(t)},s.then(e,e);break t;case 3:Ot=7;break t;case 4:Ot=5;break t;case 7:Lo(s)?(Ot=0,we=null,Md(e)):(Ot=0,we=null,gl(t,e,s,7));break;case 5:var d=null;switch(vt.tag){case 26:d=vt.memoizedState;case 5:case 27:var g=vt;if(d?g1(d):g.stateNode.complete){Ot=0,we=null;var T=g.sibling;if(T!==null)vt=T;else{var z=g.return;z!==null?(vt=z,Hu(z)):vt=null}break e}}Ot=0,we=null,gl(t,e,s,5);break;case 6:Ot=0,we=null,gl(t,e,s,6);break;case 8:tf(),Gt=6;break t;default:throw Error(f(462))}}Vg();break}catch(V){Cd(t,V)}while(!0);return ln=Ea=null,H.H=a,H.A=i,Ct=n,vt!==null?0:(jt=null,Et=0,_i(),Gt)}function Vg(){for(;vt!==null&&!om();)Dd(vt)}function Dd(t){var e=$0(t.alternate,t,gn);t.memoizedProps=t.pendingProps,e===null?Hu(t):vt=e}function Md(t){var e=t,n=e.alternate;switch(e.tag){case 15:case 0:e=k0(n,e,e.pendingProps,e.type,void 0,Et);break;case 11:e=k0(n,e,e.pendingProps,e.type.render,e.ref,Et);break;case 5:As(e);default:ed(n,e),e=vt=Ro(e,gn),e=$0(n,e,gn)}t.memoizedProps=t.pendingProps,e===null?Hu(t):vt=e}function gl(t,e,n,a){ln=Ea=null,As(e),ll=null,Il=0;var i=e.return;try{if(Mg(t,i,e,n,Et)){Gt=1,Eu(t,Be(n,t.current)),vt=null;return}}catch(s){if(i!==null)throw vt=i,s;Gt=1,Eu(t,Be(n,t.current)),vt=null;return}e.flags&32768?(bt||a===1?t=!0:ol||(Et&536870912)!==0?t=!1:(Vn=t=!0,(a===2||a===9||a===3||a===6)&&(a=Ce.current,a!==null&&a.tag===13&&(a.flags|=16384))),jd(e,t)):Hu(e)}function Hu(t){var e=t;do{if((e.flags&32768)!==0){jd(e,Vn);return}t=e.return;var n=Ng(e.alternate,e,gn);if(n!==null){vt=n;return}if(e=e.sibling,e!==null){vt=e;return}vt=e=t}while(e!==null);Gt===0&&(Gt=5)}function jd(t,e){do{var n=Bg(t.alternate,t);if(n!==null){n.flags&=32767,vt=n;return}if(n=t.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!e&&(t=t.sibling,t!==null)){vt=t;return}vt=t=n}while(t!==null);Gt=6,vt=null}function Hd(t,e,n,a,i,s,d,g,T){t.cancelPendingCommit=null;do Nu();while(kt!==0);if((Ct&6)!==0)throw Error(f(327));if(e!==null){if(e===t.current)throw Error(f(177));if(s=e.lanes|e.childLanes,s|=Zc,bm(t,n,s,d,g,T),t===jt&&(vt=jt=null,Et=0),hl=e,In=t,An=n,_s=s,Ps=i,bd=a,(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?(t.callbackNode=null,t.callbackPriority=0,Kg(Ui,function(){return zd(),null})):(t.callbackNode=null,t.callbackPriority=0),a=(e.flags&13878)!==0,(e.subtreeFlags&13878)!==0||a){a=H.T,H.T=null,i=_.p,_.p=2,d=Ct,Ct|=4;try{Ug(t,e,n)}finally{Ct=d,_.p=i,H.T=a}}kt=1,Nd(),Bd(),Ud()}}function Nd(){if(kt===1){kt=0;var t=In,e=hl,n=(e.flags&13878)!==0;if((e.subtreeFlags&13878)!==0||n){n=H.T,H.T=null;var a=_.p;_.p=2;var i=Ct;Ct|=4;try{hd(e,t);var s=mf,d=Eo(t.containerInfo),g=s.focusedElem,T=s.selectionRange;if(d!==g&&g&&g.ownerDocument&&yo(g.ownerDocument.documentElement,g)){if(T!==null&&Yc(g)){var z=T.start,V=T.end;if(V===void 0&&(V=z),"selectionStart"in g)g.selectionStart=z,g.selectionEnd=Math.min(V,g.value.length);else{var I=g.ownerDocument||document,Y=I&&I.defaultView||window;if(Y.getSelection){var G=Y.getSelection(),at=g.textContent.length,ft=Math.min(T.start,at),Mt=T.end===void 0?ft:Math.min(T.end,at);!G.extend&&ft>Mt&&(d=Mt,Mt=ft,ft=d);var M=vo(g,ft),w=vo(g,Mt);if(M&&w&&(G.rangeCount!==1||G.anchorNode!==M.node||G.anchorOffset!==M.offset||G.focusNode!==w.node||G.focusOffset!==w.offset)){var Q=I.createRange();Q.setStart(M.node,M.offset),G.removeAllRanges(),ft>Mt?(G.addRange(Q),G.extend(w.node,w.offset)):(Q.setEnd(w.node,w.offset),G.addRange(Q))}}}}for(I=[],G=g;G=G.parentNode;)G.nodeType===1&&I.push({element:G,left:G.scrollLeft,top:G.scrollTop});for(typeof g.focus=="function"&&g.focus(),g=0;g<I.length;g++){var q=I[g];q.element.scrollLeft=q.left,q.element.scrollTop=q.top}}Iu=!!hf,mf=hf=null}finally{Ct=i,_.p=a,H.T=n}}t.current=e,kt=2}}function Bd(){if(kt===2){kt=0;var t=In,e=hl,n=(e.flags&8772)!==0;if((e.subtreeFlags&8772)!==0||n){n=H.T,H.T=null;var a=_.p;_.p=2;var i=Ct;Ct|=4;try{sd(t,e.alternate,e)}finally{Ct=i,_.p=a,H.T=n}}kt=3}}function Ud(){if(kt===4||kt===3){kt=0,dm();var t=In,e=hl,n=An,a=bd;(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?kt=5:(kt=0,hl=In=null,Qd(t,t.pendingLanes));var i=t.pendingLanes;if(i===0&&(qn=null),Ec(n),e=e.stateNode,be&&typeof be.onCommitFiberRoot=="function")try{be.onCommitFiberRoot(wl,e,void 0,(e.current.flags&128)===128)}catch{}if(a!==null){e=H.T,i=_.p,_.p=2,H.T=null;try{for(var s=t.onRecoverableError,d=0;d<a.length;d++){var g=a[d];s(g.value,{componentStack:g.stack})}}finally{H.T=e,_.p=i}}(An&3)!==0&&Nu(),_e(t),i=t.pendingLanes,(n&261930)!==0&&(i&42)!==0?t===$s?si++:(si=0,$s=t):si=0,fi(0)}}function Qd(t,e){(t.pooledCacheLanes&=e)===0&&(e=t.pooledCache,e!=null&&(t.pooledCache=null,Zl(e)))}function Nu(){return Nd(),Bd(),Ud(),zd()}function zd(){if(kt!==5)return!1;var t=In,e=_s;_s=0;var n=Ec(An),a=H.T,i=_.p;try{_.p=32>n?32:n,H.T=null,n=Ps,Ps=null;var s=In,d=An;if(kt=0,hl=In=null,An=0,(Ct&6)!==0)throw Error(f(331));var g=Ct;if(Ct|=4,yd(s.current),gd(s,s.current,d,n),Ct=g,fi(0,!1),be&&typeof be.onPostCommitFiberRoot=="function")try{be.onPostCommitFiberRoot(wl,s)}catch{}return!0}finally{_.p=i,H.T=a,Qd(t,e)}}function Yd(t,e,n){e=Be(n,e),e=js(t.stateNode,e,2),t=Yn(t,e,2),t!==null&&(Dl(t,2),_e(t))}function wt(t,e,n){if(t.tag===3)Yd(t,t,n);else for(;e!==null;){if(e.tag===3){Yd(e,t,n);break}else if(e.tag===1){var a=e.stateNode;if(typeof e.type.getDerivedStateFromError=="function"||typeof a.componentDidCatch=="function"&&(qn===null||!qn.has(a))){t=Be(n,t),n=L0(2),a=Yn(e,n,2),a!==null&&(G0(n,a,e,t),Dl(a,2),_e(a));break}}e=e.return}}function nf(t,e,n){var a=t.pingCache;if(a===null){a=t.pingCache=new Yg;var i=new Set;a.set(e,i)}else i=a.get(e),i===void 0&&(i=new Set,a.set(e,i));i.has(n)||(Js=!0,i.add(n),t=Zg.bind(null,t,e,n),e.then(t,t))}function Zg(t,e,n){var a=t.pingCache;a!==null&&a.delete(e),t.pingedLanes|=t.suspendedLanes&n,t.warmLanes&=~n,jt===t&&(Et&n)===n&&(Gt===4||Gt===3&&(Et&62914560)===Et&&300>pe()-wu?(Ct&2)===0&&ml(t,0):Fs|=n,dl===Et&&(dl=0)),_e(t)}function Ld(t,e){e===0&&(e=Hr()),t=Aa(t,e),t!==null&&(Dl(t,e),_e(t))}function qg(t){var e=t.memoizedState,n=0;e!==null&&(n=e.retryLane),Ld(t,n)}function Ig(t,e){var n=0;switch(t.tag){case 31:case 13:var a=t.stateNode,i=t.memoizedState;i!==null&&(n=i.retryLane);break;case 19:a=t.stateNode;break;case 22:a=t.stateNode._retryCache;break;default:throw Error(f(314))}a!==null&&a.delete(e),Ld(t,n)}function Kg(t,e){return gc(t,e)}var Bu=null,Al=null,af=!1,Uu=!1,lf=!1,kn=0;function _e(t){t!==Al&&t.next===null&&(Al===null?Bu=Al=t:Al=Al.next=t),Uu=!0,af||(af=!0,Jg())}function fi(t,e){if(!lf&&Uu){lf=!0;do for(var n=!1,a=Bu;a!==null;){if(t!==0){var i=a.pendingLanes;if(i===0)var s=0;else{var d=a.suspendedLanes,g=a.pingedLanes;s=(1<<31-xe(42|t)+1)-1,s&=i&~(d&~g),s=s&201326741?s&201326741|1:s?s|2:0}s!==0&&(n=!0,Zd(a,s))}else s=Et,s=Li(a,a===jt?s:0,a.cancelPendingCommit!==null||a.timeoutHandle!==-1),(s&3)===0||Rl(a,s)||(n=!0,Zd(a,s));a=a.next}while(n);lf=!1}}function kg(){Gd()}function Gd(){Uu=af=!1;var t=0;kn!==0&&lA()&&(t=kn);for(var e=pe(),n=null,a=Bu;a!==null;){var i=a.next,s=Xd(a,e);s===0?(a.next=null,n===null?Bu=i:n.next=i,i===null&&(Al=n)):(n=a,(t!==0||(s&3)!==0)&&(Uu=!0)),a=i}kt!==0&&kt!==5||fi(t),kn!==0&&(kn=0)}function Xd(t,e){for(var n=t.suspendedLanes,a=t.pingedLanes,i=t.expirationTimes,s=t.pendingLanes&-62914561;0<s;){var d=31-xe(s),g=1<<d,T=i[d];T===-1?((g&n)===0||(g&a)!==0)&&(i[d]=pm(g,e)):T<=e&&(t.expiredLanes|=g),s&=~g}if(e=jt,n=Et,n=Li(t,t===e?n:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a=t.callbackNode,n===0||t===e&&(Ot===2||Ot===9)||t.cancelPendingCommit!==null)return a!==null&&a!==null&&Ac(a),t.callbackNode=null,t.callbackPriority=0;if((n&3)===0||Rl(t,n)){if(e=n&-n,e===t.callbackPriority)return e;switch(a!==null&&Ac(a),Ec(n)){case 2:case 8:n=Mr;break;case 32:n=Ui;break;case 268435456:n=jr;break;default:n=Ui}return a=Vd.bind(null,t),n=gc(n,a),t.callbackPriority=e,t.callbackNode=n,e}return a!==null&&a!==null&&Ac(a),t.callbackPriority=2,t.callbackNode=null,2}function Vd(t,e){if(kt!==0&&kt!==5)return t.callbackNode=null,t.callbackPriority=0,null;var n=t.callbackNode;if(Nu()&&t.callbackNode!==n)return null;var a=Et;return a=Li(t,t===jt?a:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a===0?null:(Sd(t,a,e),Xd(t,pe()),t.callbackNode!=null&&t.callbackNode===n?Vd.bind(null,t):null)}function Zd(t,e){if(Nu())return null;Sd(t,e,!0)}function Jg(){uA(function(){(Ct&6)!==0?gc(Dr,kg):Gd()})}function uf(){if(kn===0){var t=el;t===0&&(t=Qi,Qi<<=1,(Qi&261888)===0&&(Qi=256)),kn=t}return kn}function qd(t){return t==null||typeof t=="symbol"||typeof t=="boolean"?null:typeof t=="function"?t:Zi(""+t)}function Id(t,e){var n=e.ownerDocument.createElement("input");return n.name=e.name,n.value=e.value,t.id&&n.setAttribute("form",t.id),e.parentNode.insertBefore(n,e),t=new FormData(t),n.parentNode.removeChild(n),t}function Fg(t,e,n,a,i){if(e==="submit"&&n&&n.stateNode===i){var s=qd((i[oe]||null).action),d=a.submitter;d&&(e=(e=d[oe]||null)?qd(e.formAction):d.getAttribute("formAction"),e!==null&&(s=e,d=null));var g=new ki("action","action",null,a,i);t.push({event:g,listeners:[{instance:null,listener:function(){if(a.defaultPrevented){if(kn!==0){var T=d?Id(i,d):new FormData(i);Cs(n,{pending:!0,data:T,method:i.method,action:s},null,T)}}else typeof s=="function"&&(g.preventDefault(),T=d?Id(i,d):new FormData(i),Cs(n,{pending:!0,data:T,method:i.method,action:s},s,T))},currentTarget:i}]})}}for(var cf=0;cf<Vc.length;cf++){var sf=Vc[cf],Wg=sf.toLowerCase(),_g=sf[0].toUpperCase()+sf.slice(1);qe(Wg,"on"+_g)}qe(xo,"onAnimationEnd"),qe(So,"onAnimationIteration"),qe(To,"onAnimationStart"),qe("dblclick","onDoubleClick"),qe("focusin","onFocus"),qe("focusout","onBlur"),qe(hg,"onTransitionRun"),qe(mg,"onTransitionStart"),qe(gg,"onTransitionCancel"),qe(Co,"onTransitionEnd"),Xa("onMouseEnter",["mouseout","mouseover"]),Xa("onMouseLeave",["mouseout","mouseover"]),Xa("onPointerEnter",["pointerout","pointerover"]),Xa("onPointerLeave",["pointerout","pointerover"]),da("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),da("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),da("onBeforeInput",["compositionend","keypress","textInput","paste"]),da("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),da("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),da("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var ri="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Pg=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(ri));function Kd(t,e){e=(e&4)!==0;for(var n=0;n<t.length;n++){var a=t[n],i=a.event;a=a.listeners;t:{var s=void 0;if(e)for(var d=a.length-1;0<=d;d--){var g=a[d],T=g.instance,z=g.currentTarget;if(g=g.listener,T!==s&&i.isPropagationStopped())break t;s=g,i.currentTarget=z;try{s(i)}catch(V){Wi(V)}i.currentTarget=null,s=T}else for(d=0;d<a.length;d++){if(g=a[d],T=g.instance,z=g.currentTarget,g=g.listener,T!==s&&i.isPropagationStopped())break t;s=g,i.currentTarget=z;try{s(i)}catch(V){Wi(V)}i.currentTarget=null,s=T}}}}function yt(t,e){var n=e[pc];n===void 0&&(n=e[pc]=new Set);var a=t+"__bubble";n.has(a)||(kd(e,t,2,!1),n.add(a))}function ff(t,e,n){var a=0;e&&(a|=4),kd(n,t,a,e)}var Qu="_reactListening"+Math.random().toString(36).slice(2);function rf(t){if(!t[Qu]){t[Qu]=!0,Lr.forEach(function(n){n!=="selectionchange"&&(Pg.has(n)||ff(n,!1,t),ff(n,!0,t))});var e=t.nodeType===9?t:t.ownerDocument;e===null||e[Qu]||(e[Qu]=!0,ff("selectionchange",!1,e))}}function kd(t,e,n,a){switch(x1(e)){case 2:var i=OA;break;case 8:i=wA;break;default:i=Cf}n=i.bind(null,e,n,t),i=void 0,!Dc||e!=="touchstart"&&e!=="touchmove"&&e!=="wheel"||(i=!0),a?i!==void 0?t.addEventListener(e,n,{capture:!0,passive:i}):t.addEventListener(e,n,!0):i!==void 0?t.addEventListener(e,n,{passive:i}):t.addEventListener(e,n,!1)}function of(t,e,n,a,i){var s=a;if((e&1)===0&&(e&2)===0&&a!==null)t:for(;;){if(a===null)return;var d=a.tag;if(d===3||d===4){var g=a.stateNode.containerInfo;if(g===i)break;if(d===4)for(d=a.return;d!==null;){var T=d.tag;if((T===3||T===4)&&d.stateNode.containerInfo===i)return;d=d.return}for(;g!==null;){if(d=Ya(g),d===null)return;if(T=d.tag,T===5||T===6||T===26||T===27){a=s=d;continue t}g=g.parentNode}}a=a.return}_r(function(){var z=s,V=wc(n),I=[];t:{var Y=Oo.get(t);if(Y!==void 0){var G=ki,at=t;switch(t){case"keypress":if(Ii(n)===0)break t;case"keydown":case"keyup":G=Im;break;case"focusin":at="focus",G=Nc;break;case"focusout":at="blur",G=Nc;break;case"beforeblur":case"afterblur":G=Nc;break;case"click":if(n.button===2)break t;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":G=to;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":G=Nm;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":G=Jm;break;case xo:case So:case To:G=Qm;break;case Co:G=Wm;break;case"scroll":case"scrollend":G=jm;break;case"wheel":G=Pm;break;case"copy":case"cut":case"paste":G=Ym;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":G=no;break;case"toggle":case"beforetoggle":G=tg}var ft=(e&4)!==0,Mt=!ft&&(t==="scroll"||t==="scrollend"),M=ft?Y!==null?Y+"Capture":null:Y;ft=[];for(var w=z,Q;w!==null;){var q=w;if(Q=q.stateNode,q=q.tag,q!==5&&q!==26&&q!==27||Q===null||M===null||(q=Hl(w,M),q!=null&&ft.push(oi(w,q,Q))),Mt)break;w=w.return}0<ft.length&&(Y=new G(Y,at,null,n,V),I.push({event:Y,listeners:ft}))}}if((e&7)===0){t:{if(Y=t==="mouseover"||t==="pointerover",G=t==="mouseout"||t==="pointerout",Y&&n!==Oc&&(at=n.relatedTarget||n.fromElement)&&(Ya(at)||at[za]))break t;if((G||Y)&&(Y=V.window===V?V:(Y=V.ownerDocument)?Y.defaultView||Y.parentWindow:window,G?(at=n.relatedTarget||n.toElement,G=z,at=at?Ya(at):null,at!==null&&(Mt=o(at),ft=at.tag,at!==Mt||ft!==5&&ft!==27&&ft!==6)&&(at=null)):(G=null,at=z),G!==at)){if(ft=to,q="onMouseLeave",M="onMouseEnter",w="mouse",(t==="pointerout"||t==="pointerover")&&(ft=no,q="onPointerLeave",M="onPointerEnter",w="pointer"),Mt=G==null?Y:jl(G),Q=at==null?Y:jl(at),Y=new ft(q,w+"leave",G,n,V),Y.target=Mt,Y.relatedTarget=Q,q=null,Ya(V)===z&&(ft=new ft(M,w+"enter",at,n,V),ft.target=Q,ft.relatedTarget=Mt,q=ft),Mt=q,G&&at)e:{for(ft=$g,M=G,w=at,Q=0,q=M;q;q=ft(q))Q++;q=0;for(var ut=w;ut;ut=ft(ut))q++;for(;0<Q-q;)M=ft(M),Q--;for(;0<q-Q;)w=ft(w),q--;for(;Q--;){if(M===w||w!==null&&M===w.alternate){ft=M;break e}M=ft(M),w=ft(w)}ft=null}else ft=null;G!==null&&Jd(I,Y,G,ft,!1),at!==null&&Mt!==null&&Jd(I,Mt,at,ft,!0)}}t:{if(Y=z?jl(z):window,G=Y.nodeName&&Y.nodeName.toLowerCase(),G==="select"||G==="input"&&Y.type==="file")var St=ro;else if(so(Y))if(oo)St=rg;else{St=sg;var lt=cg}else G=Y.nodeName,!G||G.toLowerCase()!=="input"||Y.type!=="checkbox"&&Y.type!=="radio"?z&&Cc(z.elementType)&&(St=ro):St=fg;if(St&&(St=St(t,z))){fo(I,St,n,V);break t}lt&&lt(t,Y,z),t==="focusout"&&z&&Y.type==="number"&&z.memoizedProps.value!=null&&Tc(Y,"number",Y.value)}switch(lt=z?jl(z):window,t){case"focusin":(so(lt)||lt.contentEditable==="true")&&(ka=lt,Lc=z,Gl=null);break;case"focusout":Gl=Lc=ka=null;break;case"mousedown":Gc=!0;break;case"contextmenu":case"mouseup":case"dragend":Gc=!1,po(I,n,V);break;case"selectionchange":if(dg)break;case"keydown":case"keyup":po(I,n,V)}var At;if(Uc)t:{switch(t){case"compositionstart":var pt="onCompositionStart";break t;case"compositionend":pt="onCompositionEnd";break t;case"compositionupdate":pt="onCompositionUpdate";break t}pt=void 0}else Ka?uo(t,n)&&(pt="onCompositionEnd"):t==="keydown"&&n.keyCode===229&&(pt="onCompositionStart");pt&&(ao&&n.locale!=="ko"&&(Ka||pt!=="onCompositionStart"?pt==="onCompositionEnd"&&Ka&&(At=Pr()):(jn=V,Mc="value"in jn?jn.value:jn.textContent,Ka=!0)),lt=zu(z,pt),0<lt.length&&(pt=new eo(pt,t,null,n,V),I.push({event:pt,listeners:lt}),At?pt.data=At:(At=co(n),At!==null&&(pt.data=At)))),(At=ng?ag(t,n):lg(t,n))&&(pt=zu(z,"onBeforeInput"),0<pt.length&&(lt=new eo("onBeforeInput","beforeinput",null,n,V),I.push({event:lt,listeners:pt}),lt.data=At)),Fg(I,t,z,n,V)}Kd(I,e)})}function oi(t,e,n){return{instance:t,listener:e,currentTarget:n}}function zu(t,e){for(var n=e+"Capture",a=[];t!==null;){var i=t,s=i.stateNode;if(i=i.tag,i!==5&&i!==26&&i!==27||s===null||(i=Hl(t,n),i!=null&&a.unshift(oi(t,i,s)),i=Hl(t,e),i!=null&&a.push(oi(t,i,s))),t.tag===3)return a;t=t.return}return[]}function $g(t){if(t===null)return null;do t=t.return;while(t&&t.tag!==5&&t.tag!==27);return t||null}function Jd(t,e,n,a,i){for(var s=e._reactName,d=[];n!==null&&n!==a;){var g=n,T=g.alternate,z=g.stateNode;if(g=g.tag,T!==null&&T===a)break;g!==5&&g!==26&&g!==27||z===null||(T=z,i?(z=Hl(n,s),z!=null&&d.unshift(oi(n,z,T))):i||(z=Hl(n,s),z!=null&&d.push(oi(n,z,T)))),n=n.return}d.length!==0&&t.push({event:e,listeners:d})}var tA=/\r\n?/g,eA=/\u0000|\uFFFD/g;function Fd(t){return(typeof t=="string"?t:""+t).replace(tA,`
+`).replace(eA,"")}function Wd(t,e){return e=Fd(e),Fd(t)===e}function Dt(t,e,n,a,i,s){switch(n){case"children":typeof a=="string"?e==="body"||e==="textarea"&&a===""||Za(t,a):(typeof a=="number"||typeof a=="bigint")&&e!=="body"&&Za(t,""+a);break;case"className":Xi(t,"class",a);break;case"tabIndex":Xi(t,"tabindex",a);break;case"dir":case"role":case"viewBox":case"width":case"height":Xi(t,n,a);break;case"style":Fr(t,a,s);break;case"data":if(e!=="object"){Xi(t,"data",a);break}case"src":case"href":if(a===""&&(e!=="a"||n!=="href")){t.removeAttribute(n);break}if(a==null||typeof a=="function"||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(n);break}a=Zi(""+a),t.setAttribute(n,a);break;case"action":case"formAction":if(typeof a=="function"){t.setAttribute(n,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof s=="function"&&(n==="formAction"?(e!=="input"&&Dt(t,e,"name",i.name,i,null),Dt(t,e,"formEncType",i.formEncType,i,null),Dt(t,e,"formMethod",i.formMethod,i,null),Dt(t,e,"formTarget",i.formTarget,i,null)):(Dt(t,e,"encType",i.encType,i,null),Dt(t,e,"method",i.method,i,null),Dt(t,e,"target",i.target,i,null)));if(a==null||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(n);break}a=Zi(""+a),t.setAttribute(n,a);break;case"onClick":a!=null&&(t.onclick=tn);break;case"onScroll":a!=null&&yt("scroll",t);break;case"onScrollEnd":a!=null&&yt("scrollend",t);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(f(61));if(n=a.__html,n!=null){if(i.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"multiple":t.multiple=a&&typeof a!="function"&&typeof a!="symbol";break;case"muted":t.muted=a&&typeof a!="function"&&typeof a!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(a==null||typeof a=="function"||typeof a=="boolean"||typeof a=="symbol"){t.removeAttribute("xlink:href");break}n=Zi(""+a),t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",n);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,""+a):t.removeAttribute(n);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":a&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,""):t.removeAttribute(n);break;case"capture":case"download":a===!0?t.setAttribute(n,""):a!==!1&&a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,a):t.removeAttribute(n);break;case"cols":case"rows":case"size":case"span":a!=null&&typeof a!="function"&&typeof a!="symbol"&&!isNaN(a)&&1<=a?t.setAttribute(n,a):t.removeAttribute(n);break;case"rowSpan":case"start":a==null||typeof a=="function"||typeof a=="symbol"||isNaN(a)?t.removeAttribute(n):t.setAttribute(n,a);break;case"popover":yt("beforetoggle",t),yt("toggle",t),Gi(t,"popover",a);break;case"xlinkActuate":$e(t,"http://www.w3.org/1999/xlink","xlink:actuate",a);break;case"xlinkArcrole":$e(t,"http://www.w3.org/1999/xlink","xlink:arcrole",a);break;case"xlinkRole":$e(t,"http://www.w3.org/1999/xlink","xlink:role",a);break;case"xlinkShow":$e(t,"http://www.w3.org/1999/xlink","xlink:show",a);break;case"xlinkTitle":$e(t,"http://www.w3.org/1999/xlink","xlink:title",a);break;case"xlinkType":$e(t,"http://www.w3.org/1999/xlink","xlink:type",a);break;case"xmlBase":$e(t,"http://www.w3.org/XML/1998/namespace","xml:base",a);break;case"xmlLang":$e(t,"http://www.w3.org/XML/1998/namespace","xml:lang",a);break;case"xmlSpace":$e(t,"http://www.w3.org/XML/1998/namespace","xml:space",a);break;case"is":Gi(t,"is",a);break;case"innerText":case"textContent":break;default:(!(2<n.length)||n[0]!=="o"&&n[0]!=="O"||n[1]!=="n"&&n[1]!=="N")&&(n=Dm.get(n)||n,Gi(t,n,a))}}function df(t,e,n,a,i,s){switch(n){case"style":Fr(t,a,s);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(f(61));if(n=a.__html,n!=null){if(i.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"children":typeof a=="string"?Za(t,a):(typeof a=="number"||typeof a=="bigint")&&Za(t,""+a);break;case"onScroll":a!=null&&yt("scroll",t);break;case"onScrollEnd":a!=null&&yt("scrollend",t);break;case"onClick":a!=null&&(t.onclick=tn);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!Gr.hasOwnProperty(n))t:{if(n[0]==="o"&&n[1]==="n"&&(i=n.endsWith("Capture"),e=n.slice(2,i?n.length-7:void 0),s=t[oe]||null,s=s!=null?s[n]:null,typeof s=="function"&&t.removeEventListener(e,s,i),typeof a=="function")){typeof s!="function"&&s!==null&&(n in t?t[n]=null:t.hasAttribute(n)&&t.removeAttribute(n)),t.addEventListener(e,a,i);break t}n in t?t[n]=a:a===!0?t.setAttribute(n,""):Gi(t,n,a)}}}function le(t,e,n){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":yt("error",t),yt("load",t);var a=!1,i=!1,s;for(s in n)if(n.hasOwnProperty(s)){var d=n[s];if(d!=null)switch(s){case"src":a=!0;break;case"srcSet":i=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:Dt(t,e,s,d,n,null)}}i&&Dt(t,e,"srcSet",n.srcSet,n,null),a&&Dt(t,e,"src",n.src,n,null);return;case"input":yt("invalid",t);var g=s=d=i=null,T=null,z=null;for(a in n)if(n.hasOwnProperty(a)){var V=n[a];if(V!=null)switch(a){case"name":i=V;break;case"type":d=V;break;case"checked":T=V;break;case"defaultChecked":z=V;break;case"value":s=V;break;case"defaultValue":g=V;break;case"children":case"dangerouslySetInnerHTML":if(V!=null)throw Error(f(137,e));break;default:Dt(t,e,a,V,n,null)}}Ir(t,s,g,T,z,d,i,!1);return;case"select":yt("invalid",t),a=d=s=null;for(i in n)if(n.hasOwnProperty(i)&&(g=n[i],g!=null))switch(i){case"value":s=g;break;case"defaultValue":d=g;break;case"multiple":a=g;default:Dt(t,e,i,g,n,null)}e=s,n=d,t.multiple=!!a,e!=null?Va(t,!!a,e,!1):n!=null&&Va(t,!!a,n,!0);return;case"textarea":yt("invalid",t),s=i=a=null;for(d in n)if(n.hasOwnProperty(d)&&(g=n[d],g!=null))switch(d){case"value":a=g;break;case"defaultValue":i=g;break;case"children":s=g;break;case"dangerouslySetInnerHTML":if(g!=null)throw Error(f(91));break;default:Dt(t,e,d,g,n,null)}kr(t,a,i,s);return;case"option":for(T in n)if(n.hasOwnProperty(T)&&(a=n[T],a!=null))switch(T){case"selected":t.selected=a&&typeof a!="function"&&typeof a!="symbol";break;default:Dt(t,e,T,a,n,null)}return;case"dialog":yt("beforetoggle",t),yt("toggle",t),yt("cancel",t),yt("close",t);break;case"iframe":case"object":yt("load",t);break;case"video":case"audio":for(a=0;a<ri.length;a++)yt(ri[a],t);break;case"image":yt("error",t),yt("load",t);break;case"details":yt("toggle",t);break;case"embed":case"source":case"link":yt("error",t),yt("load",t);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(z in n)if(n.hasOwnProperty(z)&&(a=n[z],a!=null))switch(z){case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:Dt(t,e,z,a,n,null)}return;default:if(Cc(e)){for(V in n)n.hasOwnProperty(V)&&(a=n[V],a!==void 0&&df(t,e,V,a,n,void 0));return}}for(g in n)n.hasOwnProperty(g)&&(a=n[g],a!=null&&Dt(t,e,g,a,n,null))}function nA(t,e,n,a){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var i=null,s=null,d=null,g=null,T=null,z=null,V=null;for(G in n){var I=n[G];if(n.hasOwnProperty(G)&&I!=null)switch(G){case"checked":break;case"value":break;case"defaultValue":T=I;default:a.hasOwnProperty(G)||Dt(t,e,G,null,a,I)}}for(var Y in a){var G=a[Y];if(I=n[Y],a.hasOwnProperty(Y)&&(G!=null||I!=null))switch(Y){case"type":s=G;break;case"name":i=G;break;case"checked":z=G;break;case"defaultChecked":V=G;break;case"value":d=G;break;case"defaultValue":g=G;break;case"children":case"dangerouslySetInnerHTML":if(G!=null)throw Error(f(137,e));break;default:G!==I&&Dt(t,e,Y,G,a,I)}}Sc(t,d,g,T,z,V,s,i);return;case"select":G=d=g=Y=null;for(s in n)if(T=n[s],n.hasOwnProperty(s)&&T!=null)switch(s){case"value":break;case"multiple":G=T;default:a.hasOwnProperty(s)||Dt(t,e,s,null,a,T)}for(i in a)if(s=a[i],T=n[i],a.hasOwnProperty(i)&&(s!=null||T!=null))switch(i){case"value":Y=s;break;case"defaultValue":g=s;break;case"multiple":d=s;default:s!==T&&Dt(t,e,i,s,a,T)}e=g,n=d,a=G,Y!=null?Va(t,!!n,Y,!1):!!a!=!!n&&(e!=null?Va(t,!!n,e,!0):Va(t,!!n,n?[]:"",!1));return;case"textarea":G=Y=null;for(g in n)if(i=n[g],n.hasOwnProperty(g)&&i!=null&&!a.hasOwnProperty(g))switch(g){case"value":break;case"children":break;default:Dt(t,e,g,null,a,i)}for(d in a)if(i=a[d],s=n[d],a.hasOwnProperty(d)&&(i!=null||s!=null))switch(d){case"value":Y=i;break;case"defaultValue":G=i;break;case"children":break;case"dangerouslySetInnerHTML":if(i!=null)throw Error(f(91));break;default:i!==s&&Dt(t,e,d,i,a,s)}Kr(t,Y,G);return;case"option":for(var at in n)if(Y=n[at],n.hasOwnProperty(at)&&Y!=null&&!a.hasOwnProperty(at))switch(at){case"selected":t.selected=!1;break;default:Dt(t,e,at,null,a,Y)}for(T in a)if(Y=a[T],G=n[T],a.hasOwnProperty(T)&&Y!==G&&(Y!=null||G!=null))switch(T){case"selected":t.selected=Y&&typeof Y!="function"&&typeof Y!="symbol";break;default:Dt(t,e,T,Y,a,G)}return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var ft in n)Y=n[ft],n.hasOwnProperty(ft)&&Y!=null&&!a.hasOwnProperty(ft)&&Dt(t,e,ft,null,a,Y);for(z in a)if(Y=a[z],G=n[z],a.hasOwnProperty(z)&&Y!==G&&(Y!=null||G!=null))switch(z){case"children":case"dangerouslySetInnerHTML":if(Y!=null)throw Error(f(137,e));break;default:Dt(t,e,z,Y,a,G)}return;default:if(Cc(e)){for(var Mt in n)Y=n[Mt],n.hasOwnProperty(Mt)&&Y!==void 0&&!a.hasOwnProperty(Mt)&&df(t,e,Mt,void 0,a,Y);for(V in a)Y=a[V],G=n[V],!a.hasOwnProperty(V)||Y===G||Y===void 0&&G===void 0||df(t,e,V,Y,a,G);return}}for(var M in n)Y=n[M],n.hasOwnProperty(M)&&Y!=null&&!a.hasOwnProperty(M)&&Dt(t,e,M,null,a,Y);for(I in a)Y=a[I],G=n[I],!a.hasOwnProperty(I)||Y===G||Y==null&&G==null||Dt(t,e,I,Y,a,G)}function _d(t){switch(t){case"css":case"script":case"font":case"img":case"image":case"input":case"link":return!0;default:return!1}}function aA(){if(typeof performance.getEntriesByType=="function"){for(var t=0,e=0,n=performance.getEntriesByType("resource"),a=0;a<n.length;a++){var i=n[a],s=i.transferSize,d=i.initiatorType,g=i.duration;if(s&&g&&_d(d)){for(d=0,g=i.responseEnd,a+=1;a<n.length;a++){var T=n[a],z=T.startTime;if(z>g)break;var V=T.transferSize,I=T.initiatorType;V&&_d(I)&&(T=T.responseEnd,d+=V*(T<g?1:(g-z)/(T-z)))}if(--a,e+=8*(s+d)/(i.duration/1e3),t++,10<t)break}}if(0<t)return e/t/1e6}return navigator.connection&&(t=navigator.connection.downlink,typeof t=="number")?t:5}var hf=null,mf=null;function Yu(t){return t.nodeType===9?t:t.ownerDocument}function Pd(t){switch(t){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function $d(t,e){if(t===0)switch(e){case"svg":return 1;case"math":return 2;default:return 0}return t===1&&e==="foreignObject"?0:t}function gf(t,e){return t==="textarea"||t==="noscript"||typeof e.children=="string"||typeof e.children=="number"||typeof e.children=="bigint"||typeof e.dangerouslySetInnerHTML=="object"&&e.dangerouslySetInnerHTML!==null&&e.dangerouslySetInnerHTML.__html!=null}var Af=null;function lA(){var t=window.event;return t&&t.type==="popstate"?t===Af?!1:(Af=t,!0):(Af=null,!1)}var t1=typeof setTimeout=="function"?setTimeout:void 0,iA=typeof clearTimeout=="function"?clearTimeout:void 0,e1=typeof Promise=="function"?Promise:void 0,uA=typeof queueMicrotask=="function"?queueMicrotask:typeof e1<"u"?function(t){return e1.resolve(null).then(t).catch(cA)}:t1;function cA(t){setTimeout(function(){throw t})}function Jn(t){return t==="head"}function n1(t,e){var n=e,a=0;do{var i=n.nextSibling;if(t.removeChild(n),i&&i.nodeType===8)if(n=i.data,n==="/$"||n==="/&"){if(a===0){t.removeChild(i),pl(e);return}a--}else if(n==="$"||n==="$?"||n==="$~"||n==="$!"||n==="&")a++;else if(n==="html")di(t.ownerDocument.documentElement);else if(n==="head"){n=t.ownerDocument.head,di(n);for(var s=n.firstChild;s;){var d=s.nextSibling,g=s.nodeName;s[Ml]||g==="SCRIPT"||g==="STYLE"||g==="LINK"&&s.rel.toLowerCase()==="stylesheet"||n.removeChild(s),s=d}}else n==="body"&&di(t.ownerDocument.body);n=i}while(n);pl(e)}function a1(t,e){var n=t;t=0;do{var a=n.nextSibling;if(n.nodeType===1?e?(n._stashedDisplay=n.style.display,n.style.display="none"):(n.style.display=n._stashedDisplay||"",n.getAttribute("style")===""&&n.removeAttribute("style")):n.nodeType===3&&(e?(n._stashedText=n.nodeValue,n.nodeValue=""):n.nodeValue=n._stashedText||""),a&&a.nodeType===8)if(n=a.data,n==="/$"){if(t===0)break;t--}else n!=="$"&&n!=="$?"&&n!=="$~"&&n!=="$!"||t++;n=a}while(n)}function vf(t){var e=t.firstChild;for(e&&e.nodeType===10&&(e=e.nextSibling);e;){var n=e;switch(e=e.nextSibling,n.nodeName){case"HTML":case"HEAD":case"BODY":vf(n),bc(n);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(n.rel.toLowerCase()==="stylesheet")continue}t.removeChild(n)}}function sA(t,e,n,a){for(;t.nodeType===1;){var i=n;if(t.nodeName.toLowerCase()!==e.toLowerCase()){if(!a&&(t.nodeName!=="INPUT"||t.type!=="hidden"))break}else if(a){if(!t[Ml])switch(e){case"meta":if(!t.hasAttribute("itemprop"))break;return t;case"link":if(s=t.getAttribute("rel"),s==="stylesheet"&&t.hasAttribute("data-precedence"))break;if(s!==i.rel||t.getAttribute("href")!==(i.href==null||i.href===""?null:i.href)||t.getAttribute("crossorigin")!==(i.crossOrigin==null?null:i.crossOrigin)||t.getAttribute("title")!==(i.title==null?null:i.title))break;return t;case"style":if(t.hasAttribute("data-precedence"))break;return t;case"script":if(s=t.getAttribute("src"),(s!==(i.src==null?null:i.src)||t.getAttribute("type")!==(i.type==null?null:i.type)||t.getAttribute("crossorigin")!==(i.crossOrigin==null?null:i.crossOrigin))&&s&&t.hasAttribute("async")&&!t.hasAttribute("itemprop"))break;return t;default:return t}}else if(e==="input"&&t.type==="hidden"){var s=i.name==null?null:""+i.name;if(i.type==="hidden"&&t.getAttribute("name")===s)return t}else return t;if(t=Le(t.nextSibling),t===null)break}return null}function fA(t,e,n){if(e==="")return null;for(;t.nodeType!==3;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!n||(t=Le(t.nextSibling),t===null))return null;return t}function l1(t,e){for(;t.nodeType!==8;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!e||(t=Le(t.nextSibling),t===null))return null;return t}function yf(t){return t.data==="$?"||t.data==="$~"}function Ef(t){return t.data==="$!"||t.data==="$?"&&t.ownerDocument.readyState!=="loading"}function rA(t,e){var n=t.ownerDocument;if(t.data==="$~")t._reactRetry=e;else if(t.data!=="$?"||n.readyState!=="loading")e();else{var a=function(){e(),n.removeEventListener("DOMContentLoaded",a)};n.addEventListener("DOMContentLoaded",a),t._reactRetry=a}}function Le(t){for(;t!=null;t=t.nextSibling){var e=t.nodeType;if(e===1||e===3)break;if(e===8){if(e=t.data,e==="$"||e==="$!"||e==="$?"||e==="$~"||e==="&"||e==="F!"||e==="F")break;if(e==="/$"||e==="/&")return null}}return t}var pf=null;function i1(t){t=t.nextSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="/$"||n==="/&"){if(e===0)return Le(t.nextSibling);e--}else n!=="$"&&n!=="$!"&&n!=="$?"&&n!=="$~"&&n!=="&"||e++}t=t.nextSibling}return null}function u1(t){t=t.previousSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="$"||n==="$!"||n==="$?"||n==="$~"||n==="&"){if(e===0)return t;e--}else n!=="/$"&&n!=="/&"||e++}t=t.previousSibling}return null}function c1(t,e,n){switch(e=Yu(n),t){case"html":if(t=e.documentElement,!t)throw Error(f(452));return t;case"head":if(t=e.head,!t)throw Error(f(453));return t;case"body":if(t=e.body,!t)throw Error(f(454));return t;default:throw Error(f(451))}}function di(t){for(var e=t.attributes;e.length;)t.removeAttributeNode(e[0]);bc(t)}var Ge=new Map,s1=new Set;function Lu(t){return typeof t.getRootNode=="function"?t.getRootNode():t.nodeType===9?t:t.ownerDocument}var vn=_.d;_.d={f:oA,r:dA,D:hA,C:mA,L:gA,m:AA,X:yA,S:vA,M:EA};function oA(){var t=vn.f(),e=Mu();return t||e}function dA(t){var e=La(t);e!==null&&e.tag===5&&e.type==="form"?C0(e):vn.r(t)}var vl=typeof document>"u"?null:document;function f1(t,e,n){var a=vl;if(a&&typeof e=="string"&&e){var i=He(e);i='link[rel="'+t+'"][href="'+i+'"]',typeof n=="string"&&(i+='[crossorigin="'+n+'"]'),s1.has(i)||(s1.add(i),t={rel:t,crossOrigin:n,href:e},a.querySelector(i)===null&&(e=a.createElement("link"),le(e,"link",t),Wt(e),a.head.appendChild(e)))}}function hA(t){vn.D(t),f1("dns-prefetch",t,null)}function mA(t,e){vn.C(t,e),f1("preconnect",t,e)}function gA(t,e,n){vn.L(t,e,n);var a=vl;if(a&&t&&e){var i='link[rel="preload"][as="'+He(e)+'"]';e==="image"&&n&&n.imageSrcSet?(i+='[imagesrcset="'+He(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(i+='[imagesizes="'+He(n.imageSizes)+'"]')):i+='[href="'+He(t)+'"]';var s=i;switch(e){case"style":s=yl(t);break;case"script":s=El(t)}Ge.has(s)||(t=S({rel:"preload",href:e==="image"&&n&&n.imageSrcSet?void 0:t,as:e},n),Ge.set(s,t),a.querySelector(i)!==null||e==="style"&&a.querySelector(hi(s))||e==="script"&&a.querySelector(mi(s))||(e=a.createElement("link"),le(e,"link",t),Wt(e),a.head.appendChild(e)))}}function AA(t,e){vn.m(t,e);var n=vl;if(n&&t){var a=e&&typeof e.as=="string"?e.as:"script",i='link[rel="modulepreload"][as="'+He(a)+'"][href="'+He(t)+'"]',s=i;switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":s=El(t)}if(!Ge.has(s)&&(t=S({rel:"modulepreload",href:t},e),Ge.set(s,t),n.querySelector(i)===null)){switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(mi(s)))return}a=n.createElement("link"),le(a,"link",t),Wt(a),n.head.appendChild(a)}}}function vA(t,e,n){vn.S(t,e,n);var a=vl;if(a&&t){var i=Ga(a).hoistableStyles,s=yl(t);e=e||"default";var d=i.get(s);if(!d){var g={loading:0,preload:null};if(d=a.querySelector(hi(s)))g.loading=5;else{t=S({rel:"stylesheet",href:t,"data-precedence":e},n),(n=Ge.get(s))&&bf(t,n);var T=d=a.createElement("link");Wt(T),le(T,"link",t),T._p=new Promise(function(z,V){T.onload=z,T.onerror=V}),T.addEventListener("load",function(){g.loading|=1}),T.addEventListener("error",function(){g.loading|=2}),g.loading|=4,Gu(d,e,a)}d={type:"stylesheet",instance:d,count:1,state:g},i.set(s,d)}}}function yA(t,e){vn.X(t,e);var n=vl;if(n&&t){var a=Ga(n).hoistableScripts,i=El(t),s=a.get(i);s||(s=n.querySelector(mi(i)),s||(t=S({src:t,async:!0},e),(e=Ge.get(i))&&xf(t,e),s=n.createElement("script"),Wt(s),le(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},a.set(i,s))}}function EA(t,e){vn.M(t,e);var n=vl;if(n&&t){var a=Ga(n).hoistableScripts,i=El(t),s=a.get(i);s||(s=n.querySelector(mi(i)),s||(t=S({src:t,async:!0,type:"module"},e),(e=Ge.get(i))&&xf(t,e),s=n.createElement("script"),Wt(s),le(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},a.set(i,s))}}function r1(t,e,n,a){var i=(i=ot.current)?Lu(i):null;if(!i)throw Error(f(446));switch(t){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(e=yl(n.href),n=Ga(i).hoistableStyles,a=n.get(e),a||(a={type:"style",instance:null,count:0,state:null},n.set(e,a)),a):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){t=yl(n.href);var s=Ga(i).hoistableStyles,d=s.get(t);if(d||(i=i.ownerDocument||i,d={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},s.set(t,d),(s=i.querySelector(hi(t)))&&!s._p&&(d.instance=s,d.state.loading=5),Ge.has(t)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},Ge.set(t,n),s||pA(i,t,n,d.state))),e&&a===null)throw Error(f(528,""));return d}if(e&&a!==null)throw Error(f(529,""));return null;case"script":return e=n.async,n=n.src,typeof n=="string"&&e&&typeof e!="function"&&typeof e!="symbol"?(e=El(n),n=Ga(i).hoistableScripts,a=n.get(e),a||(a={type:"script",instance:null,count:0,state:null},n.set(e,a)),a):{type:"void",instance:null,count:0,state:null};default:throw Error(f(444,t))}}function yl(t){return'href="'+He(t)+'"'}function hi(t){return'link[rel="stylesheet"]['+t+"]"}function o1(t){return S({},t,{"data-precedence":t.precedence,precedence:null})}function pA(t,e,n,a){t.querySelector('link[rel="preload"][as="style"]['+e+"]")?a.loading=1:(e=t.createElement("link"),a.preload=e,e.addEventListener("load",function(){return a.loading|=1}),e.addEventListener("error",function(){return a.loading|=2}),le(e,"link",n),Wt(e),t.head.appendChild(e))}function El(t){return'[src="'+He(t)+'"]'}function mi(t){return"script[async]"+t}function d1(t,e,n){if(e.count++,e.instance===null)switch(e.type){case"style":var a=t.querySelector('style[data-href~="'+He(n.href)+'"]');if(a)return e.instance=a,Wt(a),a;var i=S({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return a=(t.ownerDocument||t).createElement("style"),Wt(a),le(a,"style",i),Gu(a,n.precedence,t),e.instance=a;case"stylesheet":i=yl(n.href);var s=t.querySelector(hi(i));if(s)return e.state.loading|=4,e.instance=s,Wt(s),s;a=o1(n),(i=Ge.get(i))&&bf(a,i),s=(t.ownerDocument||t).createElement("link"),Wt(s);var d=s;return d._p=new Promise(function(g,T){d.onload=g,d.onerror=T}),le(s,"link",a),e.state.loading|=4,Gu(s,n.precedence,t),e.instance=s;case"script":return s=El(n.src),(i=t.querySelector(mi(s)))?(e.instance=i,Wt(i),i):(a=n,(i=Ge.get(s))&&(a=S({},n),xf(a,i)),t=t.ownerDocument||t,i=t.createElement("script"),Wt(i),le(i,"link",a),t.head.appendChild(i),e.instance=i);case"void":return null;default:throw Error(f(443,e.type))}else e.type==="stylesheet"&&(e.state.loading&4)===0&&(a=e.instance,e.state.loading|=4,Gu(a,n.precedence,t));return e.instance}function Gu(t,e,n){for(var a=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),i=a.length?a[a.length-1]:null,s=i,d=0;d<a.length;d++){var g=a[d];if(g.dataset.precedence===e)s=g;else if(s!==i)break}s?s.parentNode.insertBefore(t,s.nextSibling):(e=n.nodeType===9?n.head:n,e.insertBefore(t,e.firstChild))}function bf(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.title==null&&(t.title=e.title)}function xf(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.integrity==null&&(t.integrity=e.integrity)}var Xu=null;function h1(t,e,n){if(Xu===null){var a=new Map,i=Xu=new Map;i.set(n,a)}else i=Xu,a=i.get(n),a||(a=new Map,i.set(n,a));if(a.has(t))return a;for(a.set(t,null),n=n.getElementsByTagName(t),i=0;i<n.length;i++){var s=n[i];if(!(s[Ml]||s[te]||t==="link"&&s.getAttribute("rel")==="stylesheet")&&s.namespaceURI!=="http://www.w3.org/2000/svg"){var d=s.getAttribute(e)||"";d=t+d;var g=a.get(d);g?g.push(s):a.set(d,[s])}}return a}function m1(t,e,n){t=t.ownerDocument||t,t.head.insertBefore(n,e==="title"?t.querySelector("head > title"):null)}function bA(t,e,n){if(n===1||e.itemProp!=null)return!1;switch(t){case"meta":case"title":return!0;case"style":if(typeof e.precedence!="string"||typeof e.href!="string"||e.href==="")break;return!0;case"link":if(typeof e.rel!="string"||typeof e.href!="string"||e.href===""||e.onLoad||e.onError)break;switch(e.rel){case"stylesheet":return t=e.disabled,typeof e.precedence=="string"&&t==null;default:return!0}case"script":if(e.async&&typeof e.async!="function"&&typeof e.async!="symbol"&&!e.onLoad&&!e.onError&&e.src&&typeof e.src=="string")return!0}return!1}function g1(t){return!(t.type==="stylesheet"&&(t.state.loading&3)===0)}function xA(t,e,n,a){if(n.type==="stylesheet"&&(typeof a.media!="string"||matchMedia(a.media).matches!==!1)&&(n.state.loading&4)===0){if(n.instance===null){var i=yl(a.href),s=e.querySelector(hi(i));if(s){e=s._p,e!==null&&typeof e=="object"&&typeof e.then=="function"&&(t.count++,t=Vu.bind(t),e.then(t,t)),n.state.loading|=4,n.instance=s,Wt(s);return}s=e.ownerDocument||e,a=o1(a),(i=Ge.get(i))&&bf(a,i),s=s.createElement("link"),Wt(s);var d=s;d._p=new Promise(function(g,T){d.onload=g,d.onerror=T}),le(s,"link",a),n.instance=s}t.stylesheets===null&&(t.stylesheets=new Map),t.stylesheets.set(n,e),(e=n.state.preload)&&(n.state.loading&3)===0&&(t.count++,n=Vu.bind(t),e.addEventListener("load",n),e.addEventListener("error",n))}}var Sf=0;function SA(t,e){return t.stylesheets&&t.count===0&&qu(t,t.stylesheets),0<t.count||0<t.imgCount?function(n){var a=setTimeout(function(){if(t.stylesheets&&qu(t,t.stylesheets),t.unsuspend){var s=t.unsuspend;t.unsuspend=null,s()}},6e4+e);0<t.imgBytes&&Sf===0&&(Sf=62500*aA());var i=setTimeout(function(){if(t.waitingForImages=!1,t.count===0&&(t.stylesheets&&qu(t,t.stylesheets),t.unsuspend)){var s=t.unsuspend;t.unsuspend=null,s()}},(t.imgBytes>Sf?50:800)+e);return t.unsuspend=n,function(){t.unsuspend=null,clearTimeout(a),clearTimeout(i)}}:null}function Vu(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)qu(this,this.stylesheets);else if(this.unsuspend){var t=this.unsuspend;this.unsuspend=null,t()}}}var Zu=null;function qu(t,e){t.stylesheets=null,t.unsuspend!==null&&(t.count++,Zu=new Map,e.forEach(TA,t),Zu=null,Vu.call(t))}function TA(t,e){if(!(e.state.loading&4)){var n=Zu.get(t);if(n)var a=n.get(null);else{n=new Map,Zu.set(t,n);for(var i=t.querySelectorAll("link[data-precedence],style[data-precedence]"),s=0;s<i.length;s++){var d=i[s];(d.nodeName==="LINK"||d.getAttribute("media")!=="not all")&&(n.set(d.dataset.precedence,d),a=d)}a&&n.set(null,a)}i=e.instance,d=i.getAttribute("data-precedence"),s=n.get(d)||a,s===a&&n.set(null,i),n.set(d,i),this.count++,a=Vu.bind(this),i.addEventListener("load",a),i.addEventListener("error",a),s?s.parentNode.insertBefore(i,s.nextSibling):(t=t.nodeType===9?t.head:t,t.insertBefore(i,t.firstChild)),e.state.loading|=4}}var gi={$$typeof:U,Provider:null,Consumer:null,_currentValue:$,_currentValue2:$,_threadCount:0};function CA(t,e,n,a,i,s,d,g,T){this.tag=1,this.containerInfo=t,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=vc(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=vc(0),this.hiddenUpdates=vc(null),this.identifierPrefix=a,this.onUncaughtError=i,this.onCaughtError=s,this.onRecoverableError=d,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=T,this.incompleteTransitions=new Map}function A1(t,e,n,a,i,s,d,g,T,z,V,I){return t=new CA(t,e,n,d,T,z,V,I,g),e=1,s===!0&&(e|=24),s=Te(3,null,null,e),t.current=s,s.stateNode=t,e=es(),e.refCount++,t.pooledCache=e,e.refCount++,s.memoizedState={element:a,isDehydrated:n,cache:e},is(s),t}function v1(t){return t?(t=Wa,t):Wa}function y1(t,e,n,a,i,s){i=v1(i),a.context===null?a.context=i:a.pendingContext=i,a=zn(e),a.payload={element:n},s=s===void 0?null:s,s!==null&&(a.callback=s),n=Yn(t,a,e),n!==null&&(ve(n,t,e),kl(n,t,e))}function E1(t,e){if(t=t.memoizedState,t!==null&&t.dehydrated!==null){var n=t.retryLane;t.retryLane=n!==0&&n<e?n:e}}function Tf(t,e){E1(t,e),(t=t.alternate)&&E1(t,e)}function p1(t){if(t.tag===13||t.tag===31){var e=Aa(t,67108864);e!==null&&ve(e,t,67108864),Tf(t,67108864)}}function b1(t){if(t.tag===13||t.tag===31){var e=De();e=yc(e);var n=Aa(t,e);n!==null&&ve(n,t,e),Tf(t,e)}}var Iu=!0;function OA(t,e,n,a){var i=H.T;H.T=null;var s=_.p;try{_.p=2,Cf(t,e,n,a)}finally{_.p=s,H.T=i}}function wA(t,e,n,a){var i=H.T;H.T=null;var s=_.p;try{_.p=8,Cf(t,e,n,a)}finally{_.p=s,H.T=i}}function Cf(t,e,n,a){if(Iu){var i=Of(a);if(i===null)of(t,e,a,Ku,n),S1(t,a);else if(DA(i,t,e,n,a))a.stopPropagation();else if(S1(t,a),e&4&&-1<RA.indexOf(t)){for(;i!==null;){var s=La(i);if(s!==null)switch(s.tag){case 3:if(s=s.stateNode,s.current.memoizedState.isDehydrated){var d=oa(s.pendingLanes);if(d!==0){var g=s;for(g.pendingLanes|=2,g.entangledLanes|=2;d;){var T=1<<31-xe(d);g.entanglements[1]|=T,d&=~T}_e(s),(Ct&6)===0&&(Ru=pe()+500,fi(0))}}break;case 31:case 13:g=Aa(s,2),g!==null&&ve(g,s,2),Mu(),Tf(s,2)}if(s=Of(a),s===null&&of(t,e,a,Ku,n),s===i)break;i=s}i!==null&&a.stopPropagation()}else of(t,e,a,null,n)}}function Of(t){return t=wc(t),wf(t)}var Ku=null;function wf(t){if(Ku=null,t=Ya(t),t!==null){var e=o(t);if(e===null)t=null;else{var n=e.tag;if(n===13){if(t=h(e),t!==null)return t;t=null}else if(n===31){if(t=v(e),t!==null)return t;t=null}else if(n===3){if(e.stateNode.current.memoizedState.isDehydrated)return e.tag===3?e.stateNode.containerInfo:null;t=null}else e!==t&&(t=null)}}return Ku=t,null}function x1(t){switch(t){case"beforetoggle":case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"toggle":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 2;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(hm()){case Dr:return 2;case Mr:return 8;case Ui:case mm:return 32;case jr:return 268435456;default:return 32}default:return 32}}var Rf=!1,Fn=null,Wn=null,_n=null,Ai=new Map,vi=new Map,Pn=[],RA="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");function S1(t,e){switch(t){case"focusin":case"focusout":Fn=null;break;case"dragenter":case"dragleave":Wn=null;break;case"mouseover":case"mouseout":_n=null;break;case"pointerover":case"pointerout":Ai.delete(e.pointerId);break;case"gotpointercapture":case"lostpointercapture":vi.delete(e.pointerId)}}function yi(t,e,n,a,i,s){return t===null||t.nativeEvent!==s?(t={blockedOn:e,domEventName:n,eventSystemFlags:a,nativeEvent:s,targetContainers:[i]},e!==null&&(e=La(e),e!==null&&p1(e)),t):(t.eventSystemFlags|=a,e=t.targetContainers,i!==null&&e.indexOf(i)===-1&&e.push(i),t)}function DA(t,e,n,a,i){switch(e){case"focusin":return Fn=yi(Fn,t,e,n,a,i),!0;case"dragenter":return Wn=yi(Wn,t,e,n,a,i),!0;case"mouseover":return _n=yi(_n,t,e,n,a,i),!0;case"pointerover":var s=i.pointerId;return Ai.set(s,yi(Ai.get(s)||null,t,e,n,a,i)),!0;case"gotpointercapture":return s=i.pointerId,vi.set(s,yi(vi.get(s)||null,t,e,n,a,i)),!0}return!1}function T1(t){var e=Ya(t.target);if(e!==null){var n=o(e);if(n!==null){if(e=n.tag,e===13){if(e=h(n),e!==null){t.blockedOn=e,zr(t.priority,function(){b1(n)});return}}else if(e===31){if(e=v(n),e!==null){t.blockedOn=e,zr(t.priority,function(){b1(n)});return}}else if(e===3&&n.stateNode.current.memoizedState.isDehydrated){t.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}t.blockedOn=null}function ku(t){if(t.blockedOn!==null)return!1;for(var e=t.targetContainers;0<e.length;){var n=Of(t.nativeEvent);if(n===null){n=t.nativeEvent;var a=new n.constructor(n.type,n);Oc=a,n.target.dispatchEvent(a),Oc=null}else return e=La(n),e!==null&&p1(e),t.blockedOn=n,!1;e.shift()}return!0}function C1(t,e,n){ku(t)&&n.delete(e)}function MA(){Rf=!1,Fn!==null&&ku(Fn)&&(Fn=null),Wn!==null&&ku(Wn)&&(Wn=null),_n!==null&&ku(_n)&&(_n=null),Ai.forEach(C1),vi.forEach(C1)}function Ju(t,e){t.blockedOn===e&&(t.blockedOn=null,Rf||(Rf=!0,l.unstable_scheduleCallback(l.unstable_NormalPriority,MA)))}var Fu=null;function O1(t){Fu!==t&&(Fu=t,l.unstable_scheduleCallback(l.unstable_NormalPriority,function(){Fu===t&&(Fu=null);for(var e=0;e<t.length;e+=3){var n=t[e],a=t[e+1],i=t[e+2];if(typeof a!="function"){if(wf(a||n)===null)continue;break}var s=La(n);s!==null&&(t.splice(e,3),e-=3,Cs(s,{pending:!0,data:i,method:n.method,action:a},a,i))}}))}function pl(t){function e(T){return Ju(T,t)}Fn!==null&&Ju(Fn,t),Wn!==null&&Ju(Wn,t),_n!==null&&Ju(_n,t),Ai.forEach(e),vi.forEach(e);for(var n=0;n<Pn.length;n++){var a=Pn[n];a.blockedOn===t&&(a.blockedOn=null)}for(;0<Pn.length&&(n=Pn[0],n.blockedOn===null);)T1(n),n.blockedOn===null&&Pn.shift();if(n=(t.ownerDocument||t).$$reactFormReplay,n!=null)for(a=0;a<n.length;a+=3){var i=n[a],s=n[a+1],d=i[oe]||null;if(typeof s=="function")d||O1(n);else if(d){var g=null;if(s&&s.hasAttribute("formAction")){if(i=s,d=s[oe]||null)g=d.formAction;else if(wf(i)!==null)continue}else g=d.action;typeof g=="function"?n[a+1]=g:(n.splice(a,3),a-=3),O1(n)}}}function w1(){function t(s){s.canIntercept&&s.info==="react-transition"&&s.intercept({handler:function(){return new Promise(function(d){return i=d})},focusReset:"manual",scroll:"manual"})}function e(){i!==null&&(i(),i=null),a||setTimeout(n,20)}function n(){if(!a&&!navigation.transition){var s=navigation.currentEntry;s&&s.url!=null&&navigation.navigate(s.url,{state:s.getState(),info:"react-transition",history:"replace"})}}if(typeof navigation=="object"){var a=!1,i=null;return navigation.addEventListener("navigate",t),navigation.addEventListener("navigatesuccess",e),navigation.addEventListener("navigateerror",e),setTimeout(n,100),function(){a=!0,navigation.removeEventListener("navigate",t),navigation.removeEventListener("navigatesuccess",e),navigation.removeEventListener("navigateerror",e),i!==null&&(i(),i=null)}}}function Df(t){this._internalRoot=t}Wu.prototype.render=Df.prototype.render=function(t){var e=this._internalRoot;if(e===null)throw Error(f(409));var n=e.current,a=De();y1(n,a,t,e,null,null)},Wu.prototype.unmount=Df.prototype.unmount=function(){var t=this._internalRoot;if(t!==null){this._internalRoot=null;var e=t.containerInfo;y1(t.current,2,null,t,null,null),Mu(),e[za]=null}};function Wu(t){this._internalRoot=t}Wu.prototype.unstable_scheduleHydration=function(t){if(t){var e=Qr();t={blockedOn:null,target:t,priority:e};for(var n=0;n<Pn.length&&e!==0&&e<Pn[n].priority;n++);Pn.splice(n,0,t),n===0&&T1(t)}};var R1=u.version;if(R1!=="19.2.1")throw Error(f(527,R1,"19.2.1"));_.findDOMNode=function(t){var e=t._reactInternals;if(e===void 0)throw typeof t.render=="function"?Error(f(188)):(t=Object.keys(t).join(","),Error(f(268,t)));return t=A(e),t=t!==null?E(t):null,t=t===null?null:t.stateNode,t};var jA={bundleType:0,version:"19.2.1",rendererPackageName:"react-dom",currentDispatcherRef:H,reconcilerVersion:"19.2.1"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var _u=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!_u.isDisabled&&_u.supportsFiber)try{wl=_u.inject(jA),be=_u}catch{}}return xi.createRoot=function(t,e){if(!r(t))throw Error(f(299));var n=!1,a="",i=U0,s=Q0,d=z0;return e!=null&&(e.unstable_strictMode===!0&&(n=!0),e.identifierPrefix!==void 0&&(a=e.identifierPrefix),e.onUncaughtError!==void 0&&(i=e.onUncaughtError),e.onCaughtError!==void 0&&(s=e.onCaughtError),e.onRecoverableError!==void 0&&(d=e.onRecoverableError)),e=A1(t,1,!1,null,null,n,a,null,i,s,d,w1),t[za]=e.current,rf(t),new Df(e)},xi.hydrateRoot=function(t,e,n){if(!r(t))throw Error(f(299));var a=!1,i="",s=U0,d=Q0,g=z0,T=null;return n!=null&&(n.unstable_strictMode===!0&&(a=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onUncaughtError!==void 0&&(s=n.onUncaughtError),n.onCaughtError!==void 0&&(d=n.onCaughtError),n.onRecoverableError!==void 0&&(g=n.onRecoverableError),n.formState!==void 0&&(T=n.formState)),e=A1(t,1,!0,e,n??null,a,i,T,s,d,g,w1),e.context=v1(null),n=e.current,a=De(),a=yc(a),i=zn(a),i.callback=null,Yn(n,i,a),n=a,e.current.lanes=n,Dl(e,n),_e(e),t[za]=e.current,rf(t),new Wu(e)},xi.version="19.2.1",xi}var j2;function G5(){if(j2)return Vf.exports;j2=1;function l(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(l)}catch(u){console.error(u)}}return l(),Vf.exports=L5(),Vf.exports}var X5=G5();class rc{constructor(){yn(this,"project",[]);yn(this,"status",[]);yn(this,"text",[]);yn(this,"labels",[]);yn(this,"annotations",[])}empty(){return this.project.length+this.status.length+this.text.length+this.labels.length+this.annotations.length===0}static parse(u){const c=rc.tokenize(u),f=new Set,r=new Set,o=[],h=new Set,v=new Set;for(let A of c){const E=A.startsWith("!");if(E&&(A=A.slice(1)),A.startsWith("p:")){f.add({name:A.slice(2),not:E});continue}if(A.startsWith("s:")){r.add({name:A.slice(2),not:E});continue}if(A.startsWith("@")){h.add({name:A,not:E});continue}if(A.startsWith("annot:")){v.add({name:A.slice(6),not:E});continue}o.push({name:A.toLowerCase(),not:E})}const y=new rc;return y.text=o,y.project=[...f],y.status=[...r],y.labels=[...h],y.annotations=[...v],y}static tokenize(u){const c=[];let f,r=[];for(let o=0;o<u.length;++o){const h=u[o];if(f&&h==="\\"&&u[o+1]===f){r.push(f),++o;continue}if(h==='"'||h==="'"){f===h?(c.push(r.join("").toLowerCase()),r=[],f=void 0):f?r.push(h):f=h;continue}if(f){r.push(h);continue}if(h===" "){r.length&&(c.push(r.join("").toLowerCase()),r=[]);continue}r.push(h)}return r.length&&c.push(r.join("").toLowerCase()),c}matches(u){const c=V5(u);if(this.project.length&&!!!this.project.find(r=>{const o=c.project.includes(r.name);return r.not?!o:o}))return!1;if(this.status.length){if(!!!this.status.find(r=>{const o=c.status.includes(r.name);return r.not?!o:o}))return!1}else if(c.status==="skipped")return!1;return!(this.text.length&&!this.text.every(r=>{if(c.text.includes(r.name))return!r.not;const[o,h,v]=r.name.split(":");return c.file.includes(o)&&c.line===h&&(v===void 0||c.column===v)?!r.not:!!r.not})||this.labels.length&&!this.labels.every(r=>{const o=c.labels.includes(r.name);return r.not?!o:o})||this.annotations.length&&!this.annotations.every(r=>{const o=c.annotations.some(h=>h.includes(r.name));return r.not?!o:o}))}}const H2=Symbol("searchValues");function V5(l){const u=l[H2];if(u)return u;let c="passed";l.outcome==="unexpected"&&(c="failed"),l.outcome==="flaky"&&(c="flaky"),l.outcome==="skipped"&&(c="skipped");const f={text:(c+" "+l.projectName+" "+l.tags.join(" ")+" "+l.location.file+" "+l.path.join(" ")+" "+l.title).toLowerCase(),project:l.projectName.toLowerCase(),status:c,file:l.location.file,line:String(l.location.line),column:String(l.location.column),labels:l.tags.map(r=>r.toLowerCase()),annotations:l.annotations.map(r=>{var o;return r.type.toLowerCase()+"="+((o=r.description)==null?void 0:o.toLocaleLowerCase())})};return l[H2]=f,f}const Z5=/("[^"]*"|"[^"]*$|\S+)/g;function Na(l,u,c){const f=new URLSearchParams(l),o=[...(l.get("q")??"").matchAll(Z5)].map(y=>{const A=y[0];return A.startsWith('"')&&A.endsWith('"')&&A.length>1?A.slice(1,A.length-1):A});if(c)return f.set("q",N2(o.includes(u)?o.filter(y=>y!==u):[...o,u])),"#?"+f;let h;u.startsWith("s:")&&(h="s:"),u.startsWith("p:")&&(h="p:"),u.startsWith("@")&&(h="@");const v=o.filter(y=>!y.startsWith(h));return v.push(u),f.set("q",N2(v)),"#?"+f}function N2(l){return l.map(u=>/\s/.test(u)?`"${u}"`:u).join(" ").trim()}const q5=()=>m.jsx("span",{className:"octicon",style:{width:16,height:16}}),I5=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon subnav-search-icon",children:m.jsx("path",{fillRule:"evenodd",d:"M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"})}),Ni=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"})}),Cl=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"})}),qh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-text-warning",children:m.jsx("path",{fillRule:"evenodd",d:"M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"})}),Ih=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"})}),Kh=()=>m.jsx("svg",{className:"octicon color-text-danger",viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{fillRule:"evenodd",d:"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"})}),kh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-icon-success",children:m.jsx("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"})}),Jh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon octicon-clock color-text-danger",children:m.jsx("path",{fillRule:"evenodd",d:"M5.75.75A.75.75 0 016.5 0h3a.75.75 0 010 1.5h-.75v1l-.001.041a6.718 6.718 0 013.464 1.435l.007-.006.75-.75a.75.75 0 111.06 1.06l-.75.75-.006.007a6.75 6.75 0 11-10.548 0L2.72 5.03l-.75-.75a.75.75 0 011.06-1.06l.75.75.007.006A6.718 6.718 0 017.25 2.541a.756.756 0 010-.041v-1H6.5a.75.75 0 01-.75-.75zM8 14.5A5.25 5.25 0 108 4a5.25 5.25 0 000 10.5zm.389-6.7l1.33-1.33a.75.75 0 111.061 1.06L9.45 8.861A1.502 1.502 0 018 10.75a1.5 1.5 0 11.389-2.95z"})}),K5=()=>m.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 16 16",width:"16",height:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{d:"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm9.78-2.22-5.5 5.5a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l5.5-5.5a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"})}),k5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11.85 32H36.2l-7.35-9.95-6.55 8.7-4.6-6.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-29v26-26Zm34 26V11H7v26Z"})}),J5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"m19.6 32.35 13-8.45-13-8.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h34V11H7v26Zm0 0V11v26Z"})}),F5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M7 37h9.35V11H7v26Zm12.35 0h9.3V11h-9.3v26Zm12.3 0H41V11h-9.35v26ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Z"})}),W5=()=>m.jsxs("svg",{className:"octicon",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:[m.jsx("path",{d:"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"}),m.jsx("path",{d:"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"})]}),_5=()=>m.jsx("svg",{className:"octicon octicon-settings",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{d:"M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"})}),Fh=({value:l})=>{const[u,c]=ct.useState("copy"),f=ct.useCallback(()=>{navigator.clipboard.writeText(l).then(()=>{c("check"),setTimeout(()=>{c("copy")},3e3)},()=>{c("cross")})},[l]),r=u==="check"?kh():u==="cross"?Kh():W5();return m.jsx("button",{className:"copy-icon",title:"Copy to clipboard","aria-label":"Copy to clipboard",onClick:f,children:r})},Sr=({children:l,value:u})=>m.jsxs("span",{className:"copy-value-container",children:[l,m.jsx("span",{className:"copy-button-container",children:m.jsx(Fh,{value:u})})]});function P5(l,u,c,f){const[r,o]=ue.useState(c);return ue.useEffect(()=>{let h=!1;return l().then(v=>{h||o(v)}),()=>{h=!0}},u),r}function Wh(){const l=ue.useRef(null),[u]=ur(l);return[u,l]}function ur(l){const[u,c]=ue.useState(new DOMRect(0,0,10,10)),f=ue.useCallback(()=>{const r=l==null?void 0:l.current;r&&c(r.getBoundingClientRect())},[l]);return ue.useLayoutEffect(()=>{const r=l==null?void 0:l.current;if(!r)return;f();const o=new ResizeObserver(f);return o.observe(r),window.addEventListener("resize",f),()=>{o.disconnect(),window.removeEventListener("resize",f)}},[f,l]),[u,f]}function _h(l,u){u=Ma.getObject(l,u);const[c,f]=ue.useState(u),r=ue.useCallback(o=>{Ma.setObject(l,o)},[l,f]);return ue.useEffect(()=>{{const o=()=>f(Ma.getObject(l,u));return Ma.onChangeEmitter.addEventListener(l,o),()=>Ma.onChangeEmitter.removeEventListener(l,o)}},[u,l]),[c,r]}class $5{constructor(){this.onChangeEmitter=new EventTarget}getString(u,c){return localStorage[u]||c}setString(u,c){var f;localStorage[u]=c,this.onChangeEmitter.dispatchEvent(new Event(u)),(f=window.saveSettings)==null||f.call(window)}getObject(u,c){if(!localStorage[u])return c;try{return JSON.parse(localStorage[u])}catch{return c}}setObject(u,c){var f;localStorage[u]=JSON.stringify(c),this.onChangeEmitter.dispatchEvent(new Event(u)),(f=window.saveSettings)==null||f.call(window)}}const Ma=new $5;function Ze(...l){return l.filter(Boolean).join(" ")}const B2="\\u0000-\\u0020\\u007f-\\u009f",tv=new RegExp("(?:[a-zA-Z][a-zA-Z0-9+.-]{2,}:\\/\\/|www\\.)[^\\s"+B2+'"]{2,}[^\\s'+B2+`"')}\\],:;.!?]`,"ug");function ev(){const[l,u]=ue.useState(!1),c=ue.useCallback(()=>{const f=[];return u(r=>(f.push(setTimeout(()=>u(!1),1e3)),r?(f.push(setTimeout(()=>u(!0),50)),!1):!0)),()=>f.forEach(clearTimeout)},[u]);return[l,c]}function Di(l){const u=[];let c=0,f;for(;(f=tv.exec(l))!==null;){const o=l.substring(c,f.index);o&&u.push(o);const h=f[0];u.push(nv(h)),c=f.index+h.length}const r=l.substring(c);return r&&u.push(r),u}function nv(l){let u=l;return u.startsWith("www.")&&(u="https://"+u),m.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",children:l})}const av=({summary:l,children:u,className:c,style:f})=>{const[r,o]=ue.useState(!1),h=v=>{o(v.currentTarget.open)};return m.jsxs("details",{style:f,className:c,onToggle:h,children:[m.jsxs("summary",{className:"expandable-summary",children:[r?Ni():Cl(),l]}),u]})};function Ol(l){if(!isFinite(l))return"-";if(l===0)return"0ms";if(l<1e3)return l.toFixed(0)+"ms";const u=l/1e3;if(u<60)return u.toFixed(1)+"s";const c=u/60;if(c<60)return c.toFixed(1)+"m";const f=c/60;return f<24?f.toFixed(1)+"h":(f/24).toFixed(1)+"d"}function lv(l){let u=0;for(let c=0;c<l.length;c++)u=l.charCodeAt(c)+((u<<8)-u);return Math.abs(u%6)}function Ve(l){if(!l)return l;try{const u=new URL(l,window.location.href);if(u.origin===window.location.origin){for(const[c,f]of new URLSearchParams(window.location.search))u.searchParams.append(c,f);return u.toString()}return l}catch{return l}}const Ph=({label:l,href:u,onClick:c,colorIndex:f,trimAtSymbolPrefix:r})=>{const o=m.jsx("span",{className:Ze("label","label-color-"+(f!==void 0?f:lv(l))),onClick:c?h=>c(h,l):void 0,children:r&&l.startsWith("@")?l.slice(1):l});return u?m.jsx("a",{className:"label-anchor",href:Ve(u),children:o}):o},$h=({projectNames:l,activeProjectName:u,otherLabels:c,style:f})=>(l.length>0&&!!u||c.length>0)&&m.jsxs("span",{className:"label-row",style:f??{},children:[m.jsx(uv,{projectNames:l,projectName:u}),m.jsx(iv,{labels:c})]}),iv=({labels:l})=>{const u=se(),c=ct.useCallback((f,r)=>{const o=new URLSearchParams(u);f.preventDefault(),o.has("testId")&&o.delete("speedboard"),o.delete("testId"),ca(Na(o,r,f.metaKey||f.ctrlKey))},[u]);return m.jsx(m.Fragment,{children:l.map(f=>m.jsx(Ph,{label:f,trimAtSymbolPrefix:!0,onClick:c},f))})};function ca(l){window.history.pushState({},"",l);const u=new PopStateEvent("popstate");window.dispatchEvent(u)}const Kf=({predicate:l,children:u})=>l(se())?u:null,Tn=({click:l,ctrlClick:u,children:c,...f})=>m.jsx("a",{...f,style:{textDecoration:"none",color:"var(--color-fg-default)",cursor:"pointer"},onClick:r=>{l&&(r.preventDefault(),ca(Ve((r.metaKey||r.ctrlKey)&&u||l)))},children:c}),Tr=({className:l,...u})=>m.jsx(Tn,{...u,className:Ze("link-badge",u.dim&&"link-badge-dim",l)}),uv=({projectNames:l,projectName:u})=>{const c=new URLSearchParams(se());return c.has("testId")&&c.delete("speedboard"),c.delete("testId"),m.jsx(Tn,{click:Na(c,`p:${u}`,!1),ctrlClick:Na(c,`p:${u}`,!0),children:m.jsx(Ph,{label:u,colorIndex:l.indexOf(u)%6})})},nc=({attachment:l,result:u,href:c,linkName:f,openInNewTab:r})=>{const[o,h]=ev();Cr("attachment-"+u.attachments.indexOf(l),h);const v=m.jsxs("span",{children:[l.contentType===fv?qh():Ih(),l.path&&(r?m.jsx("a",{href:Ve(c||l.path),target:"_blank",rel:"noreferrer",children:f||l.name}):m.jsx("a",{href:Ve(c||l.path),download:sv(l),children:f||l.name})),!l.path&&(r?m.jsx("a",{href:URL.createObjectURL(new Blob([l.body],{type:l.contentType})),target:"_blank",rel:"noreferrer",onClick:y=>y.stopPropagation(),children:l.name}):m.jsx("span",{children:Di(l.name)}))]});return l.body?m.jsx(av,{style:{lineHeight:"32px"},className:Ze(o&&"attachment-flash"),summary:v,children:m.jsxs("div",{className:"attachment-body",children:[m.jsx(Fh,{value:l.body}),Di(l.body)]})}):m.jsxs("div",{style:{lineHeight:"32px",whiteSpace:"nowrap",paddingLeft:4},className:Ze(o&&"attachment-flash"),children:[m.jsx("span",{style:{visibility:"hidden"},children:Cl()}),v]})},tm=({test:l,trailingSeparator:u,dim:c})=>{const f=l.results.map(r=>r.attachments.filter(o=>o.name==="trace")).filter(r=>r.length>0)[0];if(f)return m.jsxs(m.Fragment,{children:[m.jsxs(Tr,{href:Ve(nm(f)),title:"View Trace",className:"button trace-link",dim:c,children:[F5(),m.jsx("span",{children:"View Trace"})]}),u&&m.jsx("div",{className:"trace-link-separator",children:"|"})]})},em=ct.createContext(new URLSearchParams(window.location.hash.slice(1)));function se(){return ct.useContext(em)}const cv=({children:l})=>{const[u,c]=ct.useState(new URLSearchParams(window.location.hash.slice(1)));return ct.useEffect(()=>{const f=()=>c(new URLSearchParams(window.location.hash.slice(1)));return window.addEventListener("popstate",f),()=>window.removeEventListener("popstate",f)},[]),m.jsx(em.Provider,{value:u,children:l})};function sv(l){if(l.name.includes(".")||!l.path)return l.name;const u=l.path.indexOf(".");return u===-1?l.name:l.name+l.path.slice(u,l.path.length)}function nm(l){return`trace/index.html?${l.map((u,c)=>`trace=${new URL(u.path,window.location.href)}`).join("&")}`}const fv="x-playwright/missing";function Cr(l,u){const c=se(),f=rv(l);ct.useEffect(()=>{if(f)return u()},[f,u,c])}function rv(l){const u=se().get("anchor");return u===null||typeof l>"u"?!1:typeof l=="string"?l===u:Array.isArray(l)?l.includes(u):l(u)}function Si({id:l,children:u}){const c=ct.useRef(null),f=ct.useCallback(()=>{var r;(r=c.current)==null||r.scrollIntoView({block:"start",inline:"start"})},[]);return Cr(l,f),m.jsx("div",{ref:c,children:u})}function Cn({test:l,result:u,anchor:c},f){const r=new URLSearchParams(f);return l&&r.set("testId",l.testId),l&&u&&r.set("run",""+l.results.indexOf(u)),c&&r.set("anchor",c),"#?"+r}function hc(l){switch(l){case"failed":case"unexpected":return Kh();case"passed":case"expected":return kh();case"timedOut":return Jh();case"flaky":return qh();case"skipped":case"interrupted":return K5()}}const ov=({className:l,style:u,open:c,isModal:f,minWidth:r,verticalOffset:o,requestClose:h,anchor:v,dataTestId:y,children:A})=>{const E=ct.useRef(null),[S,O]=ct.useState(0),[X]=ur(E),[B,b]=ur(v),p=v?dv(X,B,o):void 0;return ct.useEffect(()=>{const x=U=>{!E.current||!(U.target instanceof Node)||E.current.contains(U.target)||h==null||h()},R=U=>{U.key==="Escape"&&(h==null||h())};return c?(document.addEventListener("mousedown",x),document.addEventListener("keydown",R),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",R)}):()=>{}},[c,h]),ct.useLayoutEffect(()=>b(),[c,b]),ct.useEffect(()=>{const x=()=>O(R=>R+1);return window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}},[]),ct.useLayoutEffect(()=>{E.current&&(c?f?E.current.showModal():E.current.show():E.current.close())},[c,f]),m.jsx("dialog",{ref:E,style:{position:"fixed",margin:p?0:void 0,zIndex:110,top:p==null?void 0:p.top,left:p==null?void 0:p.left,minWidth:r||0,...u},className:l,"data-testid":y,children:A})};function dv(l,u,c=4,f=4){let r=Math.max(f,u.left);r+l.width>window.innerWidth-f&&(r=window.innerWidth-l.width-f);let o=Math.max(0,u.bottom)+c;return o+l.height>window.innerHeight-c&&(Math.max(0,u.top)>l.height+c?o=Math.max(0,u.top)-l.height-c:o=window.innerHeight-c-l.height),{left:r,top:o}}const hv="system",am="theme",mv=[{label:"Dark mode",value:"dark-mode"},{label:"Light mode",value:"light-mode"},{label:"System",value:"system"}],lm=window.matchMedia("(prefers-color-scheme: dark)");function gv(){document.playwrightThemeInitialized||(document.playwrightThemeInitialized=!0,document.defaultView.addEventListener("focus",l=>{l.target.document.nodeType===Node.DOCUMENT_NODE&&document.body.classList.remove("inactive")},!1),document.defaultView.addEventListener("blur",l=>{document.body.classList.add("inactive")},!1),cr(sr()),lm.addEventListener("change",()=>{cr(sr())}))}const Av=new Set;function cr(l){const u=vv(),c=l==="system"?lm.matches?"dark-mode":"light-mode":l;if(u!==c){u&&document.documentElement.classList.remove(u),document.documentElement.classList.add(c);for(const f of Av)f(c)}}function sr(){return Ma.getString(am,hv)}function vv(){return document.documentElement.classList.contains("dark-mode")?"dark-mode":document.documentElement.classList.contains("light-mode")?"light-mode":null}function yv(){const[l,u]=ue.useState(sr());return ue.useEffect(()=>{Ma.setString(am,l),cr(l)},[l]),[l,u]}const Or=({title:l,leftSuperHeader:u,rightSuperHeader:c})=>m.jsxs("div",{className:"header-view",children:[m.jsxs("div",{className:"hbox header-superheader",children:[u,m.jsx("div",{style:{flex:"auto"}}),c]}),l&&m.jsx("div",{className:"header-title",children:Di(l)})]}),Ev=({stats:l,filterText:u,setFilterText:c})=>{const f=se().get("q");return ct.useEffect(()=>{c(f?`${f.trim()} `:"")},[f,c]),m.jsx(m.Fragment,{children:m.jsxs("div",{className:"pt-3",children:[m.jsx("div",{className:"header-view-status-container ml-2 pl-2 d-flex",children:m.jsx(pv,{stats:l})}),m.jsxs("form",{className:"subnav-search",onSubmit:r=>{r.preventDefault();const o=new URL(window.location.href),h=new URLSearchParams(o.hash.slice(1)),v=new FormData(r.target).get("q"),y=new URLSearchParams({q:v});h.has("speedboard")&&y.set("speedboard",""),y.toString()&&(o.hash="?"+y.toString()),ca(o)},children:[I5(),m.jsx("input",{name:"q",spellCheck:!1,className:"form-control subnav-search-input input-contrast width-full","aria-label":"Search tests",placeholder:"Search tests",value:u,onChange:r=>{c(r.target.value)}})]})]})})},pv=({stats:l})=>{const u=se().has("speedboard");return m.jsxs("nav",{children:[m.jsxs(Tn,{className:"subnav-item",href:"#?",children:[m.jsx("span",{className:"subnav-item-label",children:"All"}),m.jsx("span",{className:"d-inline counter",children:l.total-l.skipped})]}),m.jsx(ac,{token:"passed",count:l.expected}),m.jsx(ac,{token:"failed",count:l.unexpected}),m.jsx(ac,{token:"flaky",count:l.flaky}),m.jsx(ac,{token:"skipped",count:l.skipped}),m.jsx(Tn,{className:"subnav-item",href:"#?speedboard",title:"Speedboard","aria-selected":u,children:Jh()}),m.jsx(bv,{})]})},ac=({token:l,count:u})=>{const c=new URLSearchParams(se());c.delete("speedboard"),c.delete("testId");const f=`s:${l}`,r=Na(c,f,!1),o=Na(c,f,!0),h=l.charAt(0).toUpperCase()+l.slice(1);return m.jsxs(Tn,{className:"subnav-item",href:r,click:r,ctrlClick:o,children:[u>0&&hc(l),m.jsx("span",{className:"subnav-item-label",children:h}),m.jsx("span",{className:"d-inline counter",children:u})]})},bv=()=>{const l=ct.useRef(null),[u,c]=ct.useState(!1),[f,r]=yv(),[o,h]=_h("mergeFiles",!1);return m.jsxs(m.Fragment,{children:[m.jsx("div",{role:"button",ref:l,style:{cursor:"pointer"},className:"subnav-item",title:"Settings",onClick:v=>{c(!u),v.preventDefault()},onMouseDown:xv,children:_5()}),m.jsxs(ov,{open:u,minWidth:150,verticalOffset:4,requestClose:()=>c(!1),anchor:l,dataTestId:"settings-dialog",children:[m.jsxs("label",{className:"header-setting-theme",children:["Theme:",m.jsx("select",{value:f,onChange:v=>r(v.target.value),children:mv.map(v=>m.jsx("option",{value:v.value,children:v.label},v.value))})]}),m.jsxs("label",{style:{cursor:"pointer",display:"flex",alignItems:"center",gap:4},children:[m.jsx("input",{type:"checkbox",checked:o,onChange:()=>h(!o)}),"Merge files"]})]})]})},xv=l=>{l.stopPropagation(),l.preventDefault()},Sv=({tabs:l,selectedTab:u,setSelectedTab:c})=>{const f=ct.useId();return m.jsx("div",{className:"tabbed-pane",children:m.jsxs("div",{className:"vbox",children:[m.jsx("div",{className:"hbox",style:{flex:"none"},children:m.jsx("div",{className:"tabbed-pane-tab-strip",role:"tablist",children:l.map(r=>m.jsx("div",{className:Ze("tabbed-pane-tab-element",u===r.id&&"selected"),onClick:()=>c(r.id),id:`${f}-${r.id}`,role:"tab","aria-selected":u===r.id,children:m.jsx("div",{className:"tabbed-pane-tab-label",children:r.title})},r.id))})}),l.map(r=>{if(u===r.id)return m.jsx("div",{className:"tab-content",role:"tabpanel","aria-labelledby":`${f}-${r.id}`,children:r.render()},r.id)})]})})},im=({header:l,footer:u,expanded:c,setExpanded:f,children:r,noInsets:o,dataTestId:h})=>{const v=ct.useId();return m.jsxs("div",{className:"chip","data-testid":h,children:[m.jsxs("div",{role:"button","aria-expanded":!!c,"aria-controls":v,className:Ze("chip-header",f&&" expanded-"+c),onClick:()=>f==null?void 0:f(!c),title:typeof l=="string"?l:void 0,children:[f?c?m.jsx(Ni,{}):m.jsx(Cl,{}):m.jsx(q5,{}),l]}),(!f||c)&&m.jsxs("div",{id:v,role:"region",className:Ze("chip-body",o&&"chip-body-no-insets"),children:[r,u&&m.jsx("div",{className:"chip-footer",children:u})]})]})},ke=({header:l,initialExpanded:u,noInsets:c,children:f,dataTestId:r,revealOnAnchorId:o})=>{const[h,v]=ct.useState(u??!0),y=ct.useCallback(()=>v(!0),[]);return Cr(o,y),m.jsx(im,{header:l,expanded:h,setExpanded:v,noInsets:c,dataTestId:r,children:f})},Tv=({title:l,loadChildren:u,onClick:c,expandByDefault:f,depth:r,style:o,flash:h})=>{const[v,y]=ct.useState(f||!1);return m.jsxs("div",{role:"treeitem",className:Ze("tree-item",h&&"yellow-flash"),style:o,children:[m.jsxs("div",{className:"tree-item-title",style:{paddingLeft:r*22+4},onClick:()=>{c==null||c(),y(!v)},children:[u&&!!v&&Ni(),u&&!v&&Cl(),!u&&m.jsx("span",{style:{visibility:"hidden"},children:Cl()}),l]}),v&&(u==null?void 0:u())]})},Cv="data:image/png;base64,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",Ov=({cursor:l,onPaneMouseMove:u,onPaneMouseUp:c,onPaneDoubleClick:f})=>(ue.useEffect(()=>{const r=document.createElement("div");return r.style.position="fixed",r.style.top="0",r.style.right="0",r.style.bottom="0",r.style.left="0",r.style.zIndex="9999",r.style.cursor=l,document.body.appendChild(r),u&&r.addEventListener("mousemove",u),c&&r.addEventListener("mouseup",c),f&&document.body.addEventListener("dblclick",f),()=>{u&&r.removeEventListener("mousemove",u),c&&r.removeEventListener("mouseup",c),f&&document.body.removeEventListener("dblclick",f),document.body.removeChild(r)}},[l,u,c,f]),m.jsx(m.Fragment,{})),wv={position:"absolute",top:0,right:0,bottom:0,left:0},Rv=({orientation:l,offsets:u,setOffsets:c,resizerColor:f,resizerWidth:r,minColumnWidth:o})=>{const h=o||0,[v,y]=ue.useState(null),[A,E]=Wh(),S={position:"absolute",right:l==="horizontal"?void 0:0,bottom:l==="horizontal"?0:void 0,width:l==="horizontal"?7:void 0,height:l==="horizontal"?void 0:7,borderTopWidth:l==="horizontal"?void 0:(7-r)/2,borderRightWidth:l==="horizontal"?(7-r)/2:void 0,borderBottomWidth:l==="horizontal"?void 0:(7-r)/2,borderLeftWidth:l==="horizontal"?(7-r)/2:void 0,borderColor:"transparent",borderStyle:"solid",cursor:l==="horizontal"?"ew-resize":"ns-resize"};return m.jsxs("div",{style:{position:"absolute",top:0,right:0,bottom:0,left:-(7-r)/2,zIndex:100,pointerEvents:"none"},ref:E,children:[!!v&&m.jsx(Ov,{cursor:l==="horizontal"?"ew-resize":"ns-resize",onPaneMouseUp:()=>y(null),onPaneMouseMove:O=>{if(!O.buttons)y(null);else if(v){const X=l==="horizontal"?O.clientX-v.clientX:O.clientY-v.clientY,B=v.offset+X,b=v.index>0?u[v.index-1]:0,p=l==="horizontal"?A.width:A.height,x=Math.min(Math.max(b+h,B),p-h)-u[v.index];for(let R=v.index;R<u.length;++R)u[R]=u[R]+x;c([...u])}}}),u.map((O,X)=>m.jsx("div",{style:{...S,top:l==="horizontal"?0:O,left:l==="horizontal"?O:0,pointerEvents:"initial"},onMouseDown:B=>y({clientX:B.clientX,clientY:B.clientY,offset:O,index:X}),children:m.jsx("div",{style:{...wv,background:f}})},X))]})};async function kf(l){const u=new Image;return l&&(u.src=l,await new Promise((c,f)=>{u.onload=c,u.onerror=c})),u}const fr={backgroundImage:`linear-gradient(45deg, #80808020 25%, transparent 25%),
+                    linear-gradient(-45deg, #80808020 25%, transparent 25%),
+                    linear-gradient(45deg, transparent 75%, #80808020 75%),
+                    linear-gradient(-45deg, transparent 75%, #80808020 75%)`,backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",boxShadow:`rgb(0 0 0 / 10%) 0px 1.8px 1.9px,
+              rgb(0 0 0 / 15%) 0px 6.1px 6.3px,
+              rgb(0 0 0 / 10%) 0px -2px 4px,
+              rgb(0 0 0 / 15%) 0px -6.1px 12px,
+              rgb(0 0 0 / 25%) 0px 6px 12px`},um=({diff:l,noTargetBlank:u,hideDetails:c})=>{const[f,r]=ct.useState(l.diff?"diff":"actual"),[o,h]=ct.useState(!1),[v,y]=ct.useState(null),[A,E]=ct.useState("Expected"),[S,O]=ct.useState(null),[X,B]=ct.useState(null),[b,p]=Wh();ct.useEffect(()=>{(async()=>{var K,J,k,nt;y(await kf((K=l.expected)==null?void 0:K.attachment.path)),E(((J=l.expected)==null?void 0:J.title)||"Expected"),O(await kf((k=l.actual)==null?void 0:k.attachment.path)),B(await kf((nt=l.diff)==null?void 0:nt.attachment.path))})()},[l]);const x=v&&S&&X,R=x?Math.max(v.naturalWidth,S.naturalWidth,200):500,U=x?Math.max(v.naturalHeight,S.naturalHeight,200):500,Z=Math.min(1,(b.width-30)/R),F=Math.min(1,(b.width-50)/R/2),j=R*Z,D=U*Z,N={flex:"none",margin:"0 10px",cursor:"pointer",userSelect:"none"};return m.jsx("div",{"data-testid":"test-result-image-mismatch",style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"auto"},ref:p,children:x&&m.jsxs(m.Fragment,{children:[m.jsxs("div",{"data-testid":"test-result-image-mismatch-tabs",style:{display:"flex",margin:"10px 0 20px"},children:[l.diff&&m.jsx("div",{style:{...N,fontWeight:f==="diff"?600:"initial"},onClick:()=>r("diff"),children:"Diff"}),m.jsx("div",{style:{...N,fontWeight:f==="actual"?600:"initial"},onClick:()=>r("actual"),children:"Actual"}),m.jsx("div",{style:{...N,fontWeight:f==="expected"?600:"initial"},onClick:()=>r("expected"),children:A}),m.jsx("div",{style:{...N,fontWeight:f==="sxs"?600:"initial"},onClick:()=>r("sxs"),children:"Side by side"}),m.jsx("div",{style:{...N,fontWeight:f==="slider"?600:"initial"},onClick:()=>r("slider"),children:"Slider"})]}),m.jsxs("div",{style:{display:"flex",justifyContent:"center",flex:"auto",minHeight:D+60},children:[l.diff&&f==="diff"&&m.jsx(En,{image:X,alt:"Diff",hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),l.diff&&f==="actual"&&m.jsx(En,{image:S,alt:"Actual",hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),l.diff&&f==="expected"&&m.jsx(En,{image:v,alt:A,hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),l.diff&&f==="slider"&&m.jsx(Dv,{expectedImage:v,actualImage:S,hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z,expectedTitle:A}),l.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(En,{image:v,title:A,hideSize:c,canvasWidth:F*R,canvasHeight:F*U,scale:F}),m.jsx(En,{image:o?X:S,title:o?"Diff":"Actual",onClick:()=>h(!o),hideSize:c,canvasWidth:F*R,canvasHeight:F*U,scale:F})]}),!l.diff&&f==="actual"&&m.jsx(En,{image:S,title:"Actual",hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),!l.diff&&f==="expected"&&m.jsx(En,{image:v,title:A,hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),!l.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(En,{image:v,title:A,canvasWidth:F*R,canvasHeight:F*U,scale:F}),m.jsx(En,{image:S,title:"Actual",canvasWidth:F*R,canvasHeight:F*U,scale:F})]})]}),!c&&m.jsxs("div",{style:{alignSelf:"start",lineHeight:"18px",marginLeft:"15px"},children:[m.jsx("div",{children:l.diff&&m.jsx("a",{target:"_blank",href:l.diff.attachment.path,rel:"noreferrer",children:l.diff.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:u?"":"_blank",href:l.actual.attachment.path,rel:"noreferrer",children:l.actual.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:u?"":"_blank",href:l.expected.attachment.path,rel:"noreferrer",children:l.expected.attachment.name})})]})]})})},Dv=({expectedImage:l,actualImage:u,canvasWidth:c,canvasHeight:f,scale:r,expectedTitle:o,hideSize:h})=>{const v={position:"absolute",top:0,left:0},[y,A]=ct.useState(c/2),E=l.naturalWidth===u.naturalWidth&&l.naturalHeight===u.naturalHeight;return m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column",userSelect:"none"},children:[!h&&m.jsxs("div",{style:{margin:5},children:[!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"Expected "}),m.jsx("span",{children:l.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:l.naturalHeight}),!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px 0 15px"},children:"Actual "}),!E&&m.jsx("span",{children:u.naturalWidth}),!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),!E&&m.jsx("span",{children:u.naturalHeight})]}),m.jsxs("div",{style:{position:"relative",width:c,height:f,margin:15,...fr},children:[m.jsx(Rv,{orientation:"horizontal",offsets:[y],setOffsets:S=>A(S[0]),resizerColor:"#57606a80",resizerWidth:6}),m.jsx("img",{alt:o,style:{width:l.naturalWidth*r,height:l.naturalHeight*r},draggable:"false",src:l.src}),m.jsx("div",{style:{...v,bottom:0,overflow:"hidden",width:y,...fr},children:m.jsx("img",{alt:"Actual",style:{width:u.naturalWidth*r,height:u.naturalHeight*r},draggable:"false",src:u.src})})]})]})},En=({image:l,title:u,alt:c,hideSize:f,canvasWidth:r,canvasHeight:o,scale:h,onClick:v})=>m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column"},children:[!f&&m.jsxs("div",{style:{margin:5},children:[u&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:u}),m.jsx("span",{children:l.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:l.naturalHeight})]}),m.jsx("div",{style:{display:"flex",flex:"none",width:r,height:o,margin:15,...fr},children:m.jsx("img",{width:l.naturalWidth*h,height:l.naturalHeight*h,alt:u||c,style:{cursor:v?"pointer":"initial"},draggable:"false",src:l.src,onClick:v})})]});function Mv(l,u){const c=/(\x1b\[(\d+(;\d+)*)m)|([^\x1b]+)/g,f=[];let r,o={},h=!1,v=u==null?void 0:u.fg,y=u==null?void 0:u.bg;for(;(r=c.exec(l))!==null;){const[,,A,,E]=r;if(A){const S=+A;switch(S){case 0:o={};break;case 1:o["font-weight"]="bold";break;case 2:o.opacity="0.8";break;case 3:o["font-style"]="italic";break;case 4:o["text-decoration"]="underline";break;case 7:h=!0;break;case 8:o.display="none";break;case 9:o["text-decoration"]="line-through";break;case 22:delete o["font-weight"],delete o["font-style"],delete o.opacity,delete o["text-decoration"];break;case 23:delete o["font-weight"],delete o["font-style"],delete o.opacity;break;case 24:delete o["text-decoration"];break;case 27:h=!1;break;case 30:case 31:case 32:case 33:case 34:case 35:case 36:case 37:v=U2[S-30];break;case 39:v=u==null?void 0:u.fg;break;case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:y=U2[S-40];break;case 49:y=u==null?void 0:u.bg;break;case 53:o["text-decoration"]="overline";break;case 90:case 91:case 92:case 93:case 94:case 95:case 96:case 97:v=Q2[S-90];break;case 100:case 101:case 102:case 103:case 104:case 105:case 106:case 107:y=Q2[S-100];break}}else if(E){const S={...o},O=h?y:v;O!==void 0&&(S.color=O);const X=h?v:y;X!==void 0&&(S["background-color"]=X),f.push(`<span style="${Hv(S)}">${jv(E)}</span>`)}}return f.join("")}const U2={0:"var(--vscode-terminal-ansiBlack)",1:"var(--vscode-terminal-ansiRed)",2:"var(--vscode-terminal-ansiGreen)",3:"var(--vscode-terminal-ansiYellow)",4:"var(--vscode-terminal-ansiBlue)",5:"var(--vscode-terminal-ansiMagenta)",6:"var(--vscode-terminal-ansiCyan)",7:"var(--vscode-terminal-ansiWhite)"},Q2={0:"var(--vscode-terminal-ansiBrightBlack)",1:"var(--vscode-terminal-ansiBrightRed)",2:"var(--vscode-terminal-ansiBrightGreen)",3:"var(--vscode-terminal-ansiBrightYellow)",4:"var(--vscode-terminal-ansiBrightBlue)",5:"var(--vscode-terminal-ansiBrightMagenta)",6:"var(--vscode-terminal-ansiBrightCyan)",7:"var(--vscode-terminal-ansiBrightWhite)"};function jv(l){return l.replace(/[&"<>]/g,u=>({"&":"&amp;",'"':"&quot;","<":"&lt;",">":"&gt;"})[u])}function Hv(l){return Object.entries(l).map(([u,c])=>`${u}: ${c}`).join("; ")}const wr=({code:l,children:u,testId:c})=>{const f=ct.useMemo(()=>Uv(l),[l]);return m.jsxs("div",{className:"test-error-container test-error-text","data-testid":c,children:[u,m.jsx("div",{className:"test-error-view",dangerouslySetInnerHTML:{__html:f||""}})]})},Nv=({prompt:l})=>{const[u,c]=ct.useState(!1);return m.jsx("button",{className:"button",style:{minWidth:100},onClick:async()=>{await navigator.clipboard.writeText(l),c(!0),setTimeout(()=>{c(!1)},3e3)},children:u?"Copied":"Copy prompt"})},Bv=({diff:l})=>m.jsx("div",{"data-testid":"test-screenshot-error-view",className:"test-error-view",children:m.jsx(um,{diff:l,hideDetails:!0},"image-diff")});function Uv(l){return Mv(l||"",{bg:"var(--color-canvas-subtle)",fg:"var(--color-fg-default)"})}const Qv=`
+# Instructions
+
+- Following Playwright test failed.
+- Explain why, be concise, respect Playwright best practices.
+- Provide a snippet of code with the fix, if possible.
+`.trimStart();async function zv({testInfo:l,metadata:u,errorContext:c,errors:f,buildCodeFrame:r,stdout:o,stderr:h}){var S;const v=new Set(f.filter(O=>O.message&&!O.message.includes(`
+`)).map(O=>O.message));for(const O of f)for(const X of v.keys())(S=O.message)!=null&&S.includes(X)&&v.delete(X);const y=f.filter(O=>!(!O.message||!O.message.includes(`
+`)&&!v.has(O.message)));if(!y.length)return;const A=[Qv,"# Test info","",l];o&&A.push("","# Stdout","","```",Jf(o),"```"),h&&A.push("","# Stderr","","```",Jf(h),"```"),A.push("","# Error details");for(const O of y)A.push("","```",Jf(O.message||""),"```");c&&A.push(c);const E=await r(y[y.length-1]);return E&&A.push("","# Test source","","```ts",E,"```"),u!=null&&u.gitDiff&&A.push("","# Local changes","","```diff",u.gitDiff,"```"),A.join(`
+`)}const Yv=new RegExp("([\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)|(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~])))","g");function Jf(l){return l.replace(Yv,"")}function Lv(l,u){var f;const c=new Map;for(const r of l){const o=r.name.match(/^(.*)-(expected|actual|diff|previous)(\.[^.]+)?$/);if(!o)continue;const[,h,v,y=""]=o,A=h+y;let E=c.get(A);E||(E={name:A,anchors:[`attachment-${h}`]},c.set(A,E)),E.anchors.push(`attachment-${u.attachments.indexOf(r)}`),v==="actual"&&(E.actual={attachment:r}),v==="expected"&&(E.expected={attachment:r,title:"Expected"}),v==="previous"&&(E.expected={attachment:r,title:"Previous"}),v==="diff"&&(E.diff={attachment:r})}for(const[r,o]of c)!o.actual||!o.expected?c.delete(r):(l.delete(o.actual.attachment),l.delete(o.expected.attachment),l.delete((f=o.diff)==null?void 0:f.attachment));return[...c.values()]}const Gv=({test:l,result:u,testRunMetadata:c,options:f})=>{const{screenshots:r,videos:o,traces:h,otherAttachments:v,diffs:y,errors:A,otherAttachmentAnchors:E,screenshotAnchors:S,errorContext:O}=ct.useMemo(()=>{const B=u.attachments.filter(N=>!N.name.startsWith("_")),b=new Set(B.filter(N=>N.contentType.startsWith("image/"))),p=[...b].map(N=>`attachment-${B.indexOf(N)}`),x=B.filter(N=>N.contentType.startsWith("video/")),R=B.filter(N=>N.name==="trace"),U=B.find(N=>N.name==="error-context"),Z=new Set(B);[...b,...x,...R].forEach(N=>Z.delete(N));const F=[...Z].map(N=>`attachment-${B.indexOf(N)}`),j=Lv(b,u),D=u.errors.map(N=>N.message);return{screenshots:[...b],videos:x,traces:R,otherAttachments:Z,diffs:j,errors:D,otherAttachmentAnchors:F,screenshotAnchors:p,errorContext:U}},[u]),X=P5(async()=>{if(f!=null&&f.noCopyPrompt)return;const B=u.attachments.find(R=>R.name==="stdout"),b=u.attachments.find(R=>R.name==="stderr"),p=B!=null&&B.body&&B.contentType==="text/plain"?B.body:void 0,x=b!=null&&b.body&&b.contentType==="text/plain"?b.body:void 0;return await zv({testInfo:[`- Name: ${l.path.join(" >> ")} >> ${l.title}`,`- Location: ${l.location.file}:${l.location.line}:${l.location.column}`].join(`
+`),metadata:c,errorContext:O!=null&&O.path?await fetch(O.path).then(R=>R.text()):O==null?void 0:O.body,errors:u.errors,buildCodeFrame:async R=>R.codeframe,stdout:p,stderr:x})},[l,O,c,u],void 0);return m.jsxs("div",{className:"test-result",children:[!!A.length&&m.jsxs(ke,{header:"Errors",children:[X&&m.jsx("div",{style:{position:"absolute",right:"16px",padding:"10px",zIndex:1},children:m.jsx(Nv,{prompt:X})}),A.map((B,b)=>{const p=Xv(B,y);return m.jsxs(m.Fragment,{children:[m.jsx(wr,{code:B},"test-result-error-message-"+b),p&&m.jsx(Bv,{diff:p})]})})]}),!!u.steps.length&&m.jsx(ke,{header:"Test Steps",children:u.steps.map((B,b)=>m.jsx(cm,{step:B,result:u,test:l,depth:0},`step-${b}`))}),y.map((B,b)=>m.jsx(Si,{id:B.anchors,children:m.jsx(ke,{dataTestId:"test-results-image-diff",header:`Image mismatch: ${B.name}`,revealOnAnchorId:B.anchors,children:m.jsx(um,{diff:B})})},`diff-${b}`)),!!r.length&&m.jsx(ke,{header:"Screenshots",revealOnAnchorId:S,children:r.map((B,b)=>m.jsxs(Si,{id:`attachment-${u.attachments.indexOf(B)}`,children:[m.jsx("a",{href:Ve(B.path),children:m.jsx("img",{className:"screenshot",src:Ve(B.path)})}),m.jsx(nc,{attachment:B,result:u})]},`screenshot-${b}`))}),!!h.length&&m.jsx(Si,{id:"attachment-trace",children:m.jsx(ke,{header:"Traces",revealOnAnchorId:"attachment-trace",children:m.jsxs("div",{children:[m.jsx("a",{href:Ve(nm(h)),children:m.jsx("img",{className:"screenshot",src:Cv,style:{width:192,height:117,marginLeft:20}})}),h.map((B,b)=>m.jsx(nc,{attachment:B,result:u,linkName:h.length===1?"trace":`trace-${b+1}`},`trace-${b}`))]})})}),!!o.length&&m.jsx(Si,{id:"attachment-video",children:m.jsx(ke,{header:"Videos",revealOnAnchorId:"attachment-video",children:o.map(B=>m.jsxs("div",{children:[m.jsx("video",{controls:!0,children:m.jsx("source",{src:Ve(B.path),type:B.contentType})}),m.jsx(nc,{attachment:B,result:u})]},B.path))})}),!!v.size&&m.jsx(ke,{header:"Attachments",revealOnAnchorId:E,dataTestId:"attachments",children:[...v].map((B,b)=>m.jsx(Si,{id:`attachment-${u.attachments.indexOf(B)}`,children:m.jsx(nc,{attachment:B,result:u,openInNewTab:B.contentType.startsWith("text/html")})},`attachment-link-${b}`))})]})};function Xv(l,u){const c=l.split(`
+`)[0];if(!(!c.includes("toHaveScreenshot")&&!c.includes("toMatchSnapshot")))return u.find(f=>l.includes(f.name))}const cm=({test:l,step:u,result:c,depth:f})=>{const r=se();return m.jsx(Tv,{title:m.jsxs("div",{"aria-label":u.title,className:"step-title-container",children:[hc(u.error||u.duration===-1?"failed":u.skipped?"skipped":"passed"),m.jsxs("span",{className:"step-title-text",children:[m.jsx("span",{children:u.title}),u.count>1&&m.jsxs(m.Fragment,{children:[" ✕ ",m.jsx("span",{className:"test-result-counter",children:u.count})]}),u.location&&m.jsxs("span",{className:"test-result-path",children:["— ",u.location.file,":",u.location.line]})]}),m.jsx("span",{className:"step-spacer"}),u.attachments.length>0&&m.jsx("a",{className:"step-attachment-link",title:"reveal attachment",href:Ve(Cn({test:l,result:c,anchor:`attachment-${u.attachments[0]}`},r)),onClick:o=>{o.stopPropagation()},children:Ih()}),m.jsx("span",{className:"step-duration",children:Ol(u.duration)})]}),loadChildren:u.steps.length||u.snippet?()=>{const o=u.snippet?[m.jsx(wr,{testId:"test-snippet",code:u.snippet},"line")]:[],h=u.steps.map((v,y)=>m.jsx(cm,{step:v,depth:f+1,result:c,test:l},y));return o.concat(h)}:void 0,depth:f})},Vv=({projectNames:l,test:u,testRunMetadata:c,run:f,next:r,prev:o,options:h})=>{const[v,y]=ct.useState(f),A=se(),E=u.annotations.filter(S=>!S.type.startsWith("_"))??[];return m.jsxs(m.Fragment,{children:[m.jsx(Or,{title:u.title,leftSuperHeader:m.jsx("div",{className:"test-case-path",children:u.path.join(" › ")}),rightSuperHeader:m.jsxs(m.Fragment,{children:[m.jsx("div",{className:Ze(!o&&"hidden"),children:m.jsx(Tn,{href:Cn({test:o},A),children:"« previous"})}),m.jsx("div",{style:{width:10}}),m.jsx("div",{className:Ze(!r&&"hidden"),children:m.jsx(Tn,{href:Cn({test:r},A),children:"next »"})})]})}),m.jsxs("div",{className:"hbox",style:{lineHeight:"24px"},children:[m.jsx("div",{className:"test-case-location",children:m.jsxs(Sr,{value:`${u.location.file}:${u.location.line}`,children:[u.location.file,":",u.location.line]})}),m.jsx("div",{style:{flex:"auto"}}),m.jsx(tm,{test:u,trailingSeparator:!0}),m.jsx("div",{className:"test-case-duration",children:Ol(u.duration)})]}),m.jsx($h,{style:{marginLeft:"6px"},projectNames:l,activeProjectName:u.projectName,otherLabels:u.tags}),u.results.length===0&&E.length!==0&&m.jsx(ke,{header:"Annotations",dataTestId:"test-case-annotations",children:E.map((S,O)=>m.jsx(z2,{annotation:S},O))}),m.jsx(Sv,{tabs:u.results.map((S,O)=>({id:String(O),title:m.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[hc(S.status)," ",Zv(O),u.results.length>1&&m.jsx("span",{className:"test-case-run-duration",children:Ol(S.duration)})]}),render:()=>{const X=S.annotations.filter(B=>!B.type.startsWith("_"));return m.jsxs(m.Fragment,{children:[!!X.length&&m.jsx(ke,{header:"Annotations",dataTestId:"test-case-annotations",children:X.map((B,b)=>m.jsx(z2,{annotation:B},b))}),m.jsx(Gv,{test:u,result:S,testRunMetadata:c,options:h})]})}}))||[],selectedTab:String(v),setSelectedTab:S=>y(+S)})]})};function z2({annotation:{type:l,description:u}}){return m.jsxs("div",{className:"test-case-annotation",children:[m.jsx("span",{style:{fontWeight:"bold"},children:l}),u&&m.jsxs(Sr,{value:u,children:[": ",Di(u)]})]})}function Zv(l){return l?`Retry #${l}`:"Run"}const sm=({file:l,projectNames:u,isFileExpanded:c,setFileExpanded:f,footer:r})=>{const o=se();return m.jsx(im,{expanded:c?c(l.fileId):void 0,noInsets:!0,setExpanded:f?(h=>f(l.fileId,h)):void 0,header:m.jsx("span",{className:"chip-header-allow-selection",children:l.fileName}),footer:r,children:l.tests.map(h=>m.jsxs("div",{className:Ze("test-file-test","test-file-test-outcome-"+h.outcome),children:[m.jsxs("div",{className:"hbox",style:{alignItems:"flex-start"},children:[m.jsxs("div",{className:"hbox",children:[m.jsx("span",{className:"test-file-test-status-icon",children:hc(h.outcome)}),m.jsxs("span",{children:[m.jsx(Tn,{href:Cn({test:h},o),title:[...h.path,h.title].join(" › "),children:m.jsx("span",{className:"test-file-title",children:[...h.path,h.title].join(" › ")})}),m.jsx($h,{style:{marginLeft:"6px"},projectNames:u,activeProjectName:h.projectName,otherLabels:h.tags})]})]}),m.jsx("span",{"data-testid":"test-duration",style:{minWidth:"50px",textAlign:"right"},children:Ol(h.duration)})]}),m.jsx("div",{className:"test-file-details-row",children:m.jsxs("div",{className:"test-file-details-row-items",children:[m.jsx(Tn,{href:Cn({test:h},o),title:[...h.path,h.title].join(" › "),className:"test-file-path-link",children:m.jsxs("span",{className:"test-file-path",children:[h.location.file,":",h.location.line]})}),m.jsx(qv,{test:h}),m.jsx(Iv,{test:h}),m.jsx(tm,{test:h,dim:!0})]})})]},`test-${h.testId}`))})};function qv({test:l}){const u=se();for(const c of l.results)for(const f of c.attachments)if(f.contentType.startsWith("image/")&&f.name.match(/-(expected|actual|diff)/))return m.jsx(Tr,{href:Cn({test:l,result:c,anchor:`attachment-${c.attachments.indexOf(f)}`},u),title:"View images",dim:!0,children:k5()})}function Iv({test:l}){const u=se(),c=l.results.find(f=>f.attachments.some(r=>r.name==="video"));return c?m.jsx(Tr,{href:Cn({test:l,result:c,anchor:"attachment-video"},u),title:"View video",dim:!0,children:J5()}):void 0}class Kv extends ct.Component{constructor(){super(...arguments);yn(this,"state",{error:null,errorInfo:null})}componentDidCatch(c,f){this.setState({error:c,errorInfo:f})}render(){var c,f,r;return this.state.error||this.state.errorInfo?m.jsxs("div",{className:"metadata-view p-3",children:[m.jsx("p",{children:"An error was encountered when trying to render metadata."}),m.jsx("p",{children:m.jsxs("pre",{style:{overflow:"scroll"},children:[(c=this.state.error)==null?void 0:c.message,m.jsx("br",{}),(f=this.state.error)==null?void 0:f.stack,m.jsx("br",{}),(r=this.state.errorInfo)==null?void 0:r.componentStack]})})]}):this.props.children}}const kv=l=>m.jsx(Kv,{children:m.jsx(Jv,{metadata:l.metadata})}),Jv=l=>{const u=l.metadata,c=se().has("show-metadata-other")?Object.entries(l.metadata).filter(([r])=>!fm.has(r)):[];if(u.ci||u.gitCommit||c.length>0)return m.jsxs("div",{className:"metadata-view",children:[u.ci&&!u.gitCommit&&m.jsx(Fv,{info:u.ci}),u.gitCommit&&m.jsx(Wv,{ci:u.ci,commit:u.gitCommit}),c.length>0&&m.jsxs(m.Fragment,{children:[(u.gitCommit||u.ci)&&m.jsx("div",{className:"metadata-separator"}),m.jsx("div",{className:"metadata-section metadata-properties",role:"list",children:c.map(([r,o])=>{const h=typeof o!="object"||o===null||o===void 0?String(o):JSON.stringify(o),v=h.length>1e3?h.slice(0,1e3)+"…":h;return m.jsx("div",{className:"copyable-property",role:"listitem",children:m.jsxs(Sr,{value:h,children:[m.jsx("span",{style:{fontWeight:"bold"},title:r,children:r}),": ",m.jsx("span",{title:v,children:Di(v)})]})},r)})})]})]})},Fv=({info:l})=>{const u=l.prTitle||`Commit ${l.commitHash}`,c=l.prHref||l.commitHref;return m.jsx("div",{className:"metadata-section",role:"list",children:m.jsx("div",{role:"listitem",children:m.jsx("a",{href:Ve(c),target:"_blank",rel:"noopener noreferrer",title:u,children:u})})})},Wv=({ci:l,commit:u})=>{const c=(l==null?void 0:l.prTitle)||u.subject,f=(l==null?void 0:l.prHref)||(l==null?void 0:l.commitHref),r=` <${u.author.email}>`,o=`${u.author.name}${r}`,h=Intl.DateTimeFormat(void 0,{dateStyle:"medium"}).format(u.committer.time),v=Intl.DateTimeFormat(void 0,{dateStyle:"full",timeStyle:"long"}).format(u.committer.time);return m.jsxs("div",{className:"metadata-section",role:"list",children:[m.jsxs("div",{role:"listitem",children:[f&&m.jsx("a",{href:Ve(f),target:"_blank",rel:"noopener noreferrer",title:c,children:c}),!f&&m.jsx("span",{title:c,children:c})]}),m.jsxs("div",{role:"listitem",className:"hbox",children:[m.jsx("span",{className:"mr-1",children:o}),m.jsxs("span",{title:v,children:[" on ",h]})]})]})},fm=new Set(["ci","gitCommit","gitDiff","actualWorkers"]),_v=l=>{const u=Object.entries(l).filter(([c])=>!fm.has(c));return!l.ci&&!l.gitCommit&&!u.length},Pv=({files:l,expandedFiles:u,setExpandedFiles:c,projectNames:f})=>{const r=ct.useMemo(()=>{const o=[];let h=0;for(const v of l)h+=v.tests.length,o.push({file:v,defaultExpanded:h<200});return o},[l]);return m.jsx(m.Fragment,{children:r.length>0?r.map(({file:o,defaultExpanded:h})=>m.jsx(sm,{file:o,projectNames:f,isFileExpanded:v=>{const y=u.get(v);return y===void 0?h:!!y},setFileExpanded:(v,y)=>{const A=new Map(u);A.set(v,y),c(A)}},`file-${o.fileId}`)):m.jsx("div",{className:"chip-header test-file-no-files",children:"No tests found"})})},Y2=({report:l,filteredStats:u,metadataVisible:c,toggleMetadataVisible:f})=>{if(!l)return null;const r=l.projectNames.length===1&&!!l.projectNames[0],o=!r&&!u,h=!_v(l.metadata)&&m.jsxs("div",{className:Ze("metadata-toggle",!o&&"metadata-toggle-second-line"),role:"button",onClick:f,title:c?"Hide metadata":"Show metadata",children:[c?Ni():Cl(),"Metadata"]}),v=m.jsxs("div",{className:"test-file-header-info",children:[r&&m.jsxs("div",{"data-testid":"project-name",children:["Project: ",l.projectNames[0]]}),u&&m.jsxs("div",{"data-testid":"filtered-tests-count",children:["Filtered: ",u.total," ",!!u.total&&"("+Ol(u.duration)+")"]}),o&&h]}),y=m.jsxs(m.Fragment,{children:[m.jsx("div",{"data-testid":"overall-time",style:{marginRight:"10px"},children:l?new Date(l.startTime).toLocaleString():""}),m.jsxs("div",{"data-testid":"overall-duration",children:["Total time: ",Ol(l.duration??0)]})]});return m.jsxs(m.Fragment,{children:[m.jsx(Or,{title:l.options.title,leftSuperHeader:v,rightSuperHeader:y}),!o&&h,c&&m.jsx(kv,{metadata:l.metadata}),!!l.errors.length&&m.jsx(ke,{header:"Errors",dataTestId:"report-errors",children:l.errors.map((A,E)=>m.jsx(wr,{code:A},"test-report-error-message-"+E))})]})},rm=l=>{const u=Math.round(l/1e3),c=Math.floor(u/60),f=u%60;return c===0?`${f}s`:`${c}m ${f}s`},$v=({entries:l})=>{const f=Math.max(...l.map(D=>D.label.length))*10,o={top:20,right:20,bottom:40,left:Math.min(800*.5,Math.max(50,f))},h=800-o.left-o.right,v=Math.min(...l.map(D=>D.startTime)),y=Math.max(...l.map(D=>D.startTime+D.duration));let A,E;const S=y-v;S<60*1e3?(A=10*1e3,E=!0):S<300*1e3?(A=30*1e3,E=!0):S<1800*1e3?(A=300*1e3,E=!1):(A=600*1e3,E=!1);const O=Math.ceil(v/A)*A,X=(D,N)=>{const K=new Date(D).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:E?"2-digit":void 0});if(N)return K;if(K.endsWith(" AM")||K.endsWith(" PM"))return K.slice(0,-3)},b=(y-v)*1.1,p=Math.ceil(b/A)*A,x=h/p,R=20,U=8,Z=l.length*(R+U),F=[];for(let D=O;D<=v+p;D+=A){const N=D-v;F.push({x:N*x,label:X(D,D===O)})}const j=Z+o.top+o.bottom;return m.jsx("svg",{viewBox:`0 0 800 ${j}`,preserveAspectRatio:"xMidYMid meet",style:{width:"100%",height:"auto"},role:"img",children:m.jsxs("g",{transform:`translate(${o.left}, ${o.top})`,role:"presentation",children:[F.map(({x:D,label:N},K)=>m.jsxs("g",{"aria-hidden":"true",children:[m.jsx("line",{x1:D,y1:0,x2:D,y2:Z,stroke:"var(--color-border-muted)",strokeWidth:"1"}),m.jsx("text",{x:D,y:Z+20,textAnchor:"middle",dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)",children:N})]},K)),l.map((D,N)=>{const K=D.startTime-v,J=D.duration*x,k=K*x,nt=N*(R+U),P=["var(--color-scale-blue-2)","var(--color-scale-blue-3)","var(--color-scale-blue-4)"],st=P[N%P.length];return m.jsxs("g",{role:"listitem","aria-label":D.tooltip,children:[m.jsx("rect",{className:"gantt-bar",x:k,y:nt,width:J,height:R,fill:st,rx:"2",tabIndex:0,children:m.jsx("title",{children:D.tooltip})}),m.jsx("text",{x:k+J+6,y:nt+R/2,dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)","aria-hidden":"true",children:rm(D.duration)}),m.jsx("text",{x:-10,y:nt+R/2,textAnchor:"end",dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)","aria-hidden":"true",children:D.label})]},N)}),m.jsx("line",{x1:0,y1:0,x2:0,y2:Z,stroke:"var(--color-fg-muted)",strokeWidth:"1","aria-hidden":"true"}),m.jsx("line",{x1:0,y1:Z,x2:h,y2:Z,stroke:"var(--color-fg-muted)",strokeWidth:"1","aria-hidden":"true"})]})})};function ty({report:l,tests:u}){return m.jsxs(m.Fragment,{children:[m.jsx(ny,{report:l}),m.jsx(ey,{report:l,tests:u})]})}function ey({report:l,tests:u}){const[c,f]=ue.useState(50);return m.jsx(sm,{file:{fileId:"slowest",fileName:"Slowest Tests",tests:u.slice(0,c),stats:null},projectNames:l.json().projectNames,footer:c<u.length?m.jsxs("button",{className:"link-badge fullwidth-link",style:{padding:"8px 5px"},onClick:()=>f(r=>r+50),children:[Ni(),"Show 50 more"]}):void 0})}function ny({report:l}){const u=l.json().machines;if(u.length===0)return null;const c=u.map(f=>{const r=f.tag.join(" "),o=new Date(f.startTime).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"});let h=`${r} started at ${o}, runs ${rm(f.duration)}`;return f.shardIndex&&(h+=` (shard ${f.shardIndex})`),{label:r,tooltip:h,startTime:f.startTime,duration:f.duration,shardIndex:f.shardIndex??1}}).sort((f,r)=>f.label.localeCompare(r.label)||f.shardIndex-r.shardIndex);return m.jsx(ke,{header:"Timeline",children:m.jsx($v,{entries:c})})}const ay=l=>!l.has("testId")&&!l.has("speedboard"),ly=l=>l.has("testId"),iy=l=>l.has("speedboard")&&!l.has("testId"),uy=({report:l})=>{var Z,F;const u=se(),[c,f]=ct.useState(new Map),[r,o]=ct.useState(u.get("q")||""),[h,v]=ct.useState(!1),y=u.has("speedboard"),[A]=_h("mergeFiles",!1),E=u.get("testId"),S=((Z=u.get("q"))==null?void 0:Z.toString())||"",O=S?"&q="+S:"",X=(F=l==null?void 0:l.json())==null?void 0:F.options.title,B=ct.useMemo(()=>{const j=new Map;for(const D of(l==null?void 0:l.json().files)||[])for(const N of D.tests)j.set(N.testId,D.fileId);return j},[l]),b=ct.useMemo(()=>rc.parse(r),[r]),p=ct.useMemo(()=>b.empty()?void 0:sy((l==null?void 0:l.json().files)||[],b),[l,b]),x=ct.useMemo(()=>y?oy(l,b):A?ry(l,b):fy(l,b),[l,b,A,y]),{prev:R,next:U}=ct.useMemo(()=>{const j=x.tests.findIndex(K=>K.testId===E),D=j>0?x.tests[j-1]:void 0,N=j<x.tests.length-1?x.tests[j+1]:void 0;return{prev:D,next:N}},[E,x]);return ct.useEffect(()=>{const j=D=>{if(D.target instanceof HTMLInputElement||D.target instanceof HTMLTextAreaElement||D.shiftKey||D.ctrlKey||D.metaKey||D.altKey)return;const N=new URLSearchParams(u);switch(D.key){case"a":D.preventDefault(),ca("#?");break;case"p":D.preventDefault(),N.delete("testId"),N.delete("speedboard"),ca(Na(N,"s:passed",!1));break;case"f":D.preventDefault(),N.delete("testId"),N.delete("speedboard"),ca(Na(N,"s:failed",!1));break;case"ArrowLeft":R&&(D.preventDefault(),N.delete("testId"),ca(Cn({test:R},N)+O));break;case"ArrowRight":U&&(D.preventDefault(),N.delete("testId"),ca(Cn({test:U},N)+O));break}};return document.addEventListener("keydown",j),()=>document.removeEventListener("keydown",j)},[R,U,O,S,u]),ct.useEffect(()=>{X?document.title=X:document.title="Playwright Test Report"},[X]),m.jsx("div",{className:"htmlreport vbox px-4 pb-4",children:m.jsxs("main",{children:[l&&m.jsx(Ev,{stats:l.json().stats,filterText:r,setFilterText:o}),m.jsxs(Kf,{predicate:ay,children:[m.jsx(Y2,{report:l==null?void 0:l.json(),filteredStats:p,metadataVisible:h,toggleMetadataVisible:()=>v(j=>!j)}),m.jsx(Pv,{files:x.files,expandedFiles:c,setExpandedFiles:f,projectNames:(l==null?void 0:l.json().projectNames)||[]})]}),m.jsxs(Kf,{predicate:iy,children:[m.jsx(Y2,{report:l==null?void 0:l.json(),filteredStats:p,metadataVisible:h,toggleMetadataVisible:()=>v(j=>!j)}),l&&m.jsx(ty,{report:l,tests:x.tests})]}),m.jsx(Kf,{predicate:ly,children:l&&m.jsx(cy,{report:l,next:U,prev:R,testId:E,testIdToFileIdMap:B})})]})})},cy=({report:l,testIdToFileIdMap:u,next:c,prev:f,testId:r})=>{const[o,h]=ct.useState("loading"),v=+(se().get("run")||"0");if(ct.useEffect(()=>{(async()=>{if(!r||typeof o=="object"&&r===o.testId)return;const S=u.get(r);if(!S){h("not-found");return}const O=await l.entry(`${S}.json`);h((O==null?void 0:O.tests.find(X=>X.testId===r))||"not-found")})()},[o,l,r,u]),o==="loading")return m.jsx("div",{className:"test-case-column"});if(o==="not-found")return m.jsxs("div",{className:"test-case-column",children:[m.jsx(Or,{title:"Test not found"}),m.jsxs("div",{className:"test-case-location",children:["Test ID: ",r]})]});const{projectNames:y,metadata:A,options:E}=l.json();return m.jsx("div",{className:"test-case-column",children:m.jsx(Vv,{projectNames:y,testRunMetadata:A,options:E,next:c,prev:f,test:o,run:v})})};function sy(l,u){const c={total:0,duration:0};for(const f of l){const r=f.tests.filter(o=>u.matches(o));c.total+=r.length;for(const o of r)c.duration+=o.duration}return c}function fy(l,u){const c={files:[],tests:[]};for(const f of(l==null?void 0:l.json().files)||[]){const r=f.tests.filter(o=>u.matches(o));r.length&&c.files.push({...f,tests:r}),c.tests.push(...r)}return c}function ry(l,u){const c=[],f=new Map;for(const o of(l==null?void 0:l.json().files)||[]){const h=o.tests.filter(v=>u.matches(v));for(const v of h){const y=v.path[0]??"<anonymous>";let A=f.get(y);A||(A={fileId:y,fileName:y,tests:[],stats:{total:0,expected:0,unexpected:0,flaky:0,skipped:0,ok:!0}},f.set(y,A),c.push(A));const E={...v,path:v.path.slice(1)};A.tests.push(E)}}c.sort((o,h)=>o.fileName.localeCompare(h.fileName));const r={files:c,tests:[]};for(const o of c)r.tests.push(...o.tests);return r}function oy(l,u){const f=((l==null?void 0:l.json().files)||[]).flatMap(r=>r.tests).filter(r=>u.matches(r));return f.sort((r,o)=>o.duration-r.duration),{files:[],tests:f}}const dy="data:image/svg+xml,%3csvg%20width='400'%20height='400'%20viewBox='0%200%20400%20400'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M136.444%20221.556C123.558%20225.213%20115.104%20231.625%20109.535%20238.032C114.869%20233.364%20122.014%20229.08%20131.652%20226.348C141.51%20223.554%20149.92%20223.574%20156.869%20224.915V219.481C150.941%20218.939%20144.145%20219.371%20136.444%20221.556ZM108.946%20175.876L61.0895%20188.484C61.0895%20188.484%2061.9617%20189.716%2063.5767%20191.36L104.153%20180.668C104.153%20180.668%20103.578%20188.077%2098.5847%20194.705C108.03%20187.559%20108.946%20175.876%20108.946%20175.876ZM149.005%20288.347C81.6582%20306.486%2046.0272%20228.438%2035.2396%20187.928C30.2556%20169.229%2028.0799%20155.067%2027.5%20145.928C27.4377%20144.979%2027.4665%20144.179%2027.5336%20143.446C24.04%20143.657%2022.3674%20145.473%2022.7077%20150.721C23.2876%20159.855%2025.4633%20174.016%2030.4473%20192.721C41.2301%20233.225%2076.8659%20311.273%20144.213%20293.134C158.872%20289.185%20169.885%20281.992%20178.152%20272.81C170.532%20279.692%20160.995%20285.112%20149.005%20288.347ZM161.661%20128.11V132.903H188.077C187.535%20131.206%20186.989%20129.677%20186.447%20128.11H161.661Z'%20fill='%232D4552'/%3e%3cpath%20d='M193.981%20167.584C205.861%20170.958%20212.144%20179.287%20215.465%20186.658L228.711%20190.42C228.711%20190.42%20226.904%20164.623%20203.57%20157.995C181.741%20151.793%20168.308%20170.124%20166.674%20172.496C173.024%20167.972%20182.297%20164.268%20193.981%20167.584ZM299.422%20186.777C277.573%20180.547%20264.145%20198.916%20262.535%20201.255C268.89%20196.736%20278.158%20193.031%20289.837%20196.362C301.698%20199.741%20307.976%20208.06%20311.307%20215.436L324.572%20219.212C324.572%20219.212%20322.736%20193.41%20299.422%20186.777ZM286.262%20254.795L176.072%20223.99C176.072%20223.99%20177.265%20230.038%20181.842%20237.869L274.617%20263.805C282.255%20259.386%20286.262%20254.795%20286.262%20254.795ZM209.867%20321.102C122.618%20297.71%20133.166%20186.543%20147.284%20133.865C153.097%20112.156%20159.073%2096.0203%20164.029%2085.204C161.072%2084.5953%20158.623%2086.1529%20156.203%2091.0746C150.941%20101.747%20144.212%20119.124%20137.7%20143.45C123.586%20196.127%20113.038%20307.29%20200.283%20330.682C241.406%20341.699%20273.442%20324.955%20297.323%20298.659C274.655%20319.19%20245.714%20330.701%20209.867%20321.102Z'%20fill='%232D4552'/%3e%3cpath%20d='M161.661%20262.296V239.863L99.3324%20257.537C99.3324%20257.537%20103.938%20230.777%20136.444%20221.556C146.302%20218.762%20154.713%20218.781%20161.661%20220.123V128.11H192.869C189.471%20117.61%20186.184%20109.526%20183.423%20103.909C178.856%2094.612%20174.174%20100.775%20163.545%20109.665C156.059%20115.919%20137.139%20129.261%20108.668%20136.933C80.1966%20144.61%2057.179%20142.574%2047.5752%20140.911C33.9601%20138.562%2026.8387%20135.572%2027.5049%20145.928C28.0847%20155.062%2030.2605%20169.224%2035.2445%20187.928C46.0272%20228.433%2081.663%20306.481%20149.01%20288.342C166.602%20283.602%20179.019%20274.233%20187.626%20262.291H161.661V262.296ZM61.0848%20188.484L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6614%20203.743%2061.0848%20188.484%2061.0848%20188.484Z'%20fill='%23E2574C'/%3e%3cpath%20d='M341.786%20129.174C329.345%20131.355%20299.498%20134.072%20262.612%20124.185C225.716%20114.304%20201.236%2097.0224%20191.537%2088.8994C177.788%2077.3834%20171.74%2069.3802%20165.788%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.098C297.093%20344.47%20343.53%20242.92%20357.644%20190.238C364.157%20165.917%20367.013%20147.5%20367.799%20135.625C368.695%20122.173%20359.455%20126.078%20341.786%20129.174ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756ZM223.42%20268.713C182.403%20256.698%20176.077%20223.99%20176.077%20223.99L286.262%20254.796C286.262%20254.791%20264.021%20280.578%20223.42%20268.713ZM262.377%20201.495C262.377%20201.495%20276.107%20180.126%20299.422%20186.773C322.736%20193.411%20324.572%20219.208%20324.572%20219.208L262.377%20201.495Z'%20fill='%232EAD33'/%3e%3cpath%20d='M139.88%20246.04L99.3324%20257.532C99.3324%20257.532%20103.737%20232.44%20133.607%20222.496L110.647%20136.33L108.663%20136.933C80.1918%20144.611%2057.1742%20142.574%2047.5704%20140.911C33.9554%20138.563%2026.834%20135.572%2027.5001%20145.929C28.08%20155.063%2030.2557%20169.224%2035.2397%20187.929C46.0225%20228.433%2081.6583%20306.481%20149.005%20288.342L150.989%20287.719L139.88%20246.04ZM61.0848%20188.485L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6615%20203.743%2061.0848%20188.485%2061.0848%20188.485Z'%20fill='%23D65348'/%3e%3cpath%20d='M225.27%20269.163L223.415%20268.712C182.398%20256.698%20176.072%20223.99%20176.072%20223.99L232.89%20239.872L262.971%20124.281L262.607%20124.185C225.711%20114.304%20201.232%2097.0224%20191.532%2088.8994C177.783%2077.3834%20171.735%2069.3802%20165.783%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.097L211.655%20321.5L225.27%20269.163ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756Z'%20fill='%231D8D22'/%3e%3cpath%20d='M141.946%20245.451L131.072%20248.537C133.641%20263.019%20138.169%20276.917%20145.276%20289.195C146.513%20288.922%20147.74%20288.687%20149%20288.342C152.302%20287.451%20155.364%20286.348%20158.312%20285.145C150.371%20273.361%20145.118%20259.789%20141.946%20245.451ZM137.7%20143.451C132.112%20164.307%20127.113%20194.326%20128.489%20224.436C130.952%20223.367%20133.554%20222.371%20136.444%20221.551L138.457%20221.101C136.003%20188.939%20141.308%20156.165%20147.284%20133.866C148.799%20128.225%20150.318%20122.978%20151.832%20118.085C149.393%20119.637%20146.767%20121.228%20143.776%20122.867C141.759%20129.093%20139.722%20135.898%20137.7%20143.451Z'%20fill='%23C04B41'/%3e%3c/svg%3e",Ff=N5,Rr=document.createElement("link");Rr.rel="shortcut icon";Rr.href=dy;document.head.appendChild(Rr);const hy=()=>{const[l,u]=ct.useState();return ct.useEffect(()=>{const c=new my;c.load().then(()=>{var f;(f=document.getElementById("playwrightReportBase64"))==null||f.remove(),u(c)})},[]),m.jsx(cv,{children:m.jsx(uy,{report:l})})};window.onload=()=>{gv(),X5.createRoot(document.querySelector("#root")).render(m.jsx(hy,{}))};class my{constructor(){yn(this,"_entries",new Map);yn(this,"_json")}async load(){const u=document.getElementById("playwrightReportBase64").textContent,c=new Ff.ZipReader(new Ff.Data64URIReader(u),{useWebWorkers:!1});for(const f of await c.getEntries())this._entries.set(f.filename,f);this._json=await this.entry("report.json")}json(){return this._json}async entry(u){const c=this._entries.get(u),f=new Ff.TextWriter;return await c.getData(f),JSON.parse(await f.getData())}}
+</script>
+    <style type='text/css'>:root{--color-canvas-default-transparent: rgba(255,255,255,0);--color-marketing-icon-primary: #218bff;--color-marketing-icon-secondary: #54aeff;--color-diff-blob-addition-num-text: #24292f;--color-diff-blob-addition-fg: #24292f;--color-diff-blob-addition-num-bg: #CCFFD8;--color-diff-blob-addition-line-bg: #E6FFEC;--color-diff-blob-addition-word-bg: #ABF2BC;--color-diff-blob-deletion-num-text: #24292f;--color-diff-blob-deletion-fg: #24292f;--color-diff-blob-deletion-num-bg: #FFD7D5;--color-diff-blob-deletion-line-bg: #FFEBE9;--color-diff-blob-deletion-word-bg: rgba(255,129,130,.4);--color-diff-blob-hunk-num-bg: rgba(84,174,255,.4);--color-diff-blob-expander-icon: #57606a;--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;--color-diffstat-deletion-border: rgba(27,31,36,.15);--color-diffstat-addition-border: rgba(27,31,36,.15);--color-diffstat-addition-bg: #2da44e;--color-search-keyword-hl: #fff8c5;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #FFEBE9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-codemirror-text: #24292f;--color-codemirror-bg: #ffffff;--color-codemirror-gutters-bg: #ffffff;--color-codemirror-guttermarker-text: #ffffff;--color-codemirror-guttermarker-subtle-text: #6e7781;--color-codemirror-linenumber-text: #57606a;--color-codemirror-cursor: #24292f;--color-codemirror-selection-bg: rgba(84,174,255,.4);--color-codemirror-activeline-bg: rgba(234,238,242,.5);--color-codemirror-matchingbracket-text: #24292f;--color-codemirror-lines-bg: #ffffff;--color-codemirror-syntax-comment: #24292f;--color-codemirror-syntax-constant: #0550ae;--color-codemirror-syntax-entity: #8250df;--color-codemirror-syntax-keyword: #cf222e;--color-codemirror-syntax-storage: #cf222e;--color-codemirror-syntax-string: #0a3069;--color-codemirror-syntax-support: #0550ae;--color-codemirror-syntax-variable: #953800;--color-checks-bg: #24292f;--color-checks-run-border-width: 0px;--color-checks-container-border-width: 0px;--color-checks-text-primary: #f6f8fa;--color-checks-text-secondary: #8c959f;--color-checks-text-link: #54aeff;--color-checks-btn-icon: #afb8c1;--color-checks-btn-hover-icon: #f6f8fa;--color-checks-btn-hover-bg: rgba(255,255,255,.125);--color-checks-input-text: #eaeef2;--color-checks-input-placeholder-text: #8c959f;--color-checks-input-focus-text: #8c959f;--color-checks-input-bg: #32383f;--color-checks-input-shadow: none;--color-checks-donut-error: #fa4549;--color-checks-donut-pending: #bf8700;--color-checks-donut-success: #2da44e;--color-checks-donut-neutral: #afb8c1;--color-checks-dropdown-text: #afb8c1;--color-checks-dropdown-bg: #32383f;--color-checks-dropdown-border: #424a53;--color-checks-dropdown-shadow: rgba(27,31,36,.3);--color-checks-dropdown-hover-text: #f6f8fa;--color-checks-dropdown-hover-bg: #424a53;--color-checks-dropdown-btn-hover-text: #f6f8fa;--color-checks-dropdown-btn-hover-bg: #32383f;--color-checks-scrollbar-thumb-bg: #57606a;--color-checks-header-label-text: #d0d7de;--color-checks-header-label-open-text: #f6f8fa;--color-checks-header-border: #32383f;--color-checks-header-icon: #8c959f;--color-checks-line-text: #d0d7de;--color-checks-line-num-text: rgba(140,149,159,.75);--color-checks-line-timestamp-text: #8c959f;--color-checks-line-hover-bg: #32383f;--color-checks-line-selected-bg: rgba(33,139,255,.15);--color-checks-line-selected-num-text: #54aeff;--color-checks-line-dt-fm-text: #24292f;--color-checks-line-dt-fm-bg: #9a6700;--color-checks-gate-bg: rgba(125,78,0,.15);--color-checks-gate-text: #d0d7de;--color-checks-gate-waiting-text: #afb8c1;--color-checks-step-header-open-bg: #32383f;--color-checks-step-error-text: #ff8182;--color-checks-step-warning-text: #d4a72c;--color-checks-logline-text: #8c959f;--color-checks-logline-num-text: rgba(140,149,159,.75);--color-checks-logline-debug-text: #c297ff;--color-checks-logline-error-text: #d0d7de;--color-checks-logline-error-num-text: #ff8182;--color-checks-logline-error-bg: rgba(164,14,38,.15);--color-checks-logline-warning-text: #d0d7de;--color-checks-logline-warning-num-text: #d4a72c;--color-checks-logline-warning-bg: rgba(125,78,0,.15);--color-checks-logline-command-text: #54aeff;--color-checks-logline-section-text: #4ac26b;--color-checks-ansi-black: #24292f;--color-checks-ansi-black-bright: #32383f;--color-checks-ansi-white: #d0d7de;--color-checks-ansi-white-bright: #d0d7de;--color-checks-ansi-gray: #8c959f;--color-checks-ansi-red: #ff8182;--color-checks-ansi-red-bright: #ffaba8;--color-checks-ansi-green: #4ac26b;--color-checks-ansi-green-bright: #6fdd8b;--color-checks-ansi-yellow: #d4a72c;--color-checks-ansi-yellow-bright: #eac54f;--color-checks-ansi-blue: #54aeff;--color-checks-ansi-blue-bright: #80ccff;--color-checks-ansi-magenta: #c297ff;--color-checks-ansi-magenta-bright: #d8b9ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #24292f;--color-project-sidebar-bg: #ffffff;--color-project-gradient-in: #ffffff;--color-project-gradient-out: rgba(255,255,255,0);--color-mktg-success: rgba(36,146,67,1);--color-mktg-info: rgba(19,119,234,1);--color-mktg-bg-shade-gradient-top: rgba(27,31,36,.065);--color-mktg-bg-shade-gradient-bottom: rgba(27,31,36,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #ffffff;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #ffffff;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #ffffff;--color-mktg-btn-outline-text: #4969ed;--color-mktg-btn-outline-border: rgba(73,105,237,.3);--color-mktg-btn-outline-hover-text: #3355e0;--color-mktg-btn-outline-hover-border: rgba(51,85,224,.5);--color-mktg-btn-outline-focus-border: #4969ed;--color-mktg-btn-outline-focus-border-inset: rgba(73,105,237,.5);--color-mktg-btn-dark-text: #ffffff;--color-mktg-btn-dark-border: rgba(255,255,255,.3);--color-mktg-btn-dark-hover-text: #ffffff;--color-mktg-btn-dark-hover-border: rgba(255,255,255,.5);--color-mktg-btn-dark-focus-border: #ffffff;--color-mktg-btn-dark-focus-border-inset: rgba(255,255,255,.5);--color-avatar-bg: #ffffff;--color-avatar-border: rgba(27,31,36,.15);--color-avatar-stack-fade: #afb8c1;--color-avatar-stack-fade-more: #d0d7de;--color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,.8);--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: rgba(0,0,0,0);--color-select-menu-tap-highlight: rgba(175,184,193,.5);--color-select-menu-tap-focus-bg: #b6e3ff;--color-overlay-shadow: 0 1px 3px rgba(27,31,36,.12), 0 8px 24px rgba(66,74,83,.12);--color-header-text: rgba(255,255,255,.7);--color-header-bg: #24292f;--color-header-logo: #ffffff;--color-header-search-bg: #24292f;--color-header-search-border: #57606a;--color-sidenav-selected-bg: #ffffff;--color-menu-bg-active: rgba(0,0,0,0);--color-control-transparent-bg-hover: #818b981a;--color-input-disabled-bg: rgba(175,184,193,.2);--color-timeline-badge-bg: #eaeef2;--color-ansi-black: #24292f;--color-ansi-black-bright: #57606a;--color-ansi-white: #6e7781;--color-ansi-white-bright: #8c959f;--color-ansi-gray: #6e7781;--color-ansi-red: #cf222e;--color-ansi-red-bright: #a40e26;--color-ansi-green: #116329;--color-ansi-green-bright: #1a7f37;--color-ansi-yellow: #4d2d00;--color-ansi-yellow-bright: #633c01;--color-ansi-blue: #0969da;--color-ansi-blue-bright: #218bff;--color-ansi-magenta: #8250df;--color-ansi-magenta-bright: #a475f9;--color-ansi-cyan: #1b7c83;--color-ansi-cyan-bright: #3192aa;--color-btn-text: #24292f;--color-btn-bg: #f6f8fa;--color-btn-border: rgba(27,31,36,.15);--color-btn-shadow: 0 1px 0 rgba(27,31,36,.04);--color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,.25);--color-btn-hover-bg: #f3f4f6;--color-btn-hover-border: rgba(27,31,36,.15);--color-btn-active-bg: hsla(220,14%,93%,1);--color-btn-active-border: rgba(27,31,36,.15);--color-btn-selected-bg: hsla(220,14%,94%,1);--color-btn-focus-bg: #f6f8fa;--color-btn-focus-border: rgba(27,31,36,.15);--color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(27,31,36,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(9,105,218,.3);--color-btn-counter-bg: rgba(27,31,36,.08);--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #2da44e;--color-btn-primary-border: rgba(27,31,36,.15);--color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-primary-hover-bg: #2c974b;--color-btn-primary-hover-border: rgba(27,31,36,.15);--color-btn-primary-selected-bg: hsla(137,55%,36%,1);--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,.2);--color-btn-primary-disabled-text: rgba(255,255,255,.8);--color-btn-primary-disabled-bg: #94d3a2;--color-btn-primary-disabled-border: rgba(27,31,36,.15);--color-btn-primary-focus-bg: #2da44e;--color-btn-primary-focus-border: rgba(27,31,36,.15);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,.4);--color-btn-primary-icon: rgba(255,255,255,.8);--color-btn-primary-counter-bg: rgba(255,255,255,.2);--color-btn-outline-text: #0969da;--color-btn-outline-hover-text: #ffffff;--color-btn-outline-hover-bg: #0969da;--color-btn-outline-hover-border: rgba(27,31,36,.15);--color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-outline-hover-counter-bg: rgba(255,255,255,.2);--color-btn-outline-selected-text: #ffffff;--color-btn-outline-selected-bg: hsla(212,92%,42%,1);--color-btn-outline-selected-border: rgba(27,31,36,.15);--color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,.2);--color-btn-outline-disabled-text: rgba(9,105,218,.5);--color-btn-outline-disabled-bg: #f6f8fa;--color-btn-outline-disabled-counter-bg: rgba(9,105,218,.05);--color-btn-outline-focus-border: rgba(27,31,36,.15);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,.4);--color-btn-outline-counter-bg: rgba(9,105,218,.1);--color-btn-danger-text: #cf222e;--color-btn-danger-hover-text: #ffffff;--color-btn-danger-hover-bg: #a40e26;--color-btn-danger-hover-border: rgba(27,31,36,.15);--color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: hsla(356,72%,44%,1);--color-btn-danger-selected-border: rgba(27,31,36,.15);--color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,.2);--color-btn-danger-disabled-text: rgba(207,34,46,.5);--color-btn-danger-disabled-bg: #f6f8fa;--color-btn-danger-disabled-counter-bg: rgba(207,34,46,.05);--color-btn-danger-focus-border: rgba(27,31,36,.15);--color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,.4);--color-btn-danger-counter-bg: rgba(207,34,46,.1);--color-btn-danger-icon: #cf222e;--color-btn-danger-hover-icon: #ffffff;--color-underlinenav-icon: #6e7781;--color-underlinenav-border-hover: rgba(175,184,193,.2);--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-fg-on-emphasis: #ffffff;--color-canvas-default: #ffffff;--color-canvas-overlay: #ffffff;--color-canvas-inset: #f6f8fa;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsla(210,18%,87%,1);--color-border-subtle: rgba(27,31,36,.15);--color-shadow-small: 0 1px 0 rgba(27,31,36,.04);--color-shadow-medium: 0 3px 6px rgba(140,149,159,.15);--color-shadow-large: 0 8px 24px rgba(140,149,159,.2);--color-shadow-extra-large: 0 12px 28px rgba(140,149,159,.3);--color-neutral-emphasis-plus: #24292f;--color-neutral-emphasis: #6e7781;--color-neutral-muted: rgba(175,184,193,.2);--color-neutral-subtle: rgba(234,238,242,.5);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-accent-muted: rgba(84,174,255,.4);--color-accent-subtle: #ddf4ff;--color-success-fg: #1a7f37;--color-success-emphasis: #2da44e;--color-success-muted: rgba(74,194,107,.4);--color-success-subtle: #dafbe1;--color-attention-fg: #9a6700;--color-attention-emphasis: #bf8700;--color-attention-muted: rgba(212,167,44,.4);--color-attention-subtle: #fff8c5;--color-severe-fg: #bc4c00;--color-severe-emphasis: #bc4c00;--color-severe-muted: rgba(251,143,68,.4);--color-severe-subtle: #fff1e5;--color-danger-fg: #cf222e;--color-danger-emphasis: #cf222e;--color-danger-muted: rgba(255,129,130,.4);--color-danger-subtle: #FFEBE9;--color-done-fg: #8250df;--color-done-emphasis: #8250df;--color-done-muted: rgba(194,151,255,.4);--color-done-subtle: #fbefff;--color-sponsors-fg: #bf3989;--color-sponsors-emphasis: #bf3989;--color-sponsors-muted: rgba(255,128,200,.4);--color-sponsors-subtle: #ffeff7;--color-primer-canvas-backdrop: rgba(27,31,36,.5);--color-primer-canvas-sticky: rgba(255,255,255,.95);--color-primer-border-active: #FD8C73;--color-primer-border-contrast: rgba(27,31,36,.1);--color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,.25);--color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,.2);--color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,.3);--color-scale-black: #1b1f24;--color-scale-white: #ffffff;--color-scale-gray-0: #f6f8fa;--color-scale-gray-1: #eaeef2;--color-scale-gray-2: #d0d7de;--color-scale-gray-3: #afb8c1;--color-scale-gray-4: #8c959f;--color-scale-gray-5: #6e7781;--color-scale-gray-6: #57606a;--color-scale-gray-7: #424a53;--color-scale-gray-8: #32383f;--color-scale-gray-9: #24292f;--color-scale-blue-0: #ddf4ff;--color-scale-blue-1: #b6e3ff;--color-scale-blue-2: #80ccff;--color-scale-blue-3: #54aeff;--color-scale-blue-4: #218bff;--color-scale-blue-5: #0969da;--color-scale-blue-6: #0550ae;--color-scale-blue-7: #033d8b;--color-scale-blue-8: #0a3069;--color-scale-blue-9: #002155;--color-scale-green-0: #dafbe1;--color-scale-green-1: #aceebb;--color-scale-green-2: #6fdd8b;--color-scale-green-3: #4ac26b;--color-scale-green-4: #2da44e;--color-scale-green-5: #1a7f37;--color-scale-green-6: #116329;--color-scale-green-7: #044f1e;--color-scale-green-8: #003d16;--color-scale-green-9: #002d11;--color-scale-yellow-0: #fff8c5;--color-scale-yellow-1: #fae17d;--color-scale-yellow-2: #eac54f;--color-scale-yellow-3: #d4a72c;--color-scale-yellow-4: #bf8700;--color-scale-yellow-5: #9a6700;--color-scale-yellow-6: #7d4e00;--color-scale-yellow-7: #633c01;--color-scale-yellow-8: #4d2d00;--color-scale-yellow-9: #3b2300;--color-scale-orange-0: #fff1e5;--color-scale-orange-1: #ffd8b5;--color-scale-orange-2: #ffb77c;--color-scale-orange-3: #fb8f44;--color-scale-orange-4: #e16f24;--color-scale-orange-5: #bc4c00;--color-scale-orange-6: #953800;--color-scale-orange-7: #762c00;--color-scale-orange-8: #5c2200;--color-scale-orange-9: #471700;--color-scale-red-0: #FFEBE9;--color-scale-red-1: #ffcecb;--color-scale-red-2: #ffaba8;--color-scale-red-3: #ff8182;--color-scale-red-4: #fa4549;--color-scale-red-5: #cf222e;--color-scale-red-6: #a40e26;--color-scale-red-7: #82071e;--color-scale-red-8: #660018;--color-scale-red-9: #4c0014;--color-scale-purple-0: #fbefff;--color-scale-purple-1: #ecd8ff;--color-scale-purple-2: #d8b9ff;--color-scale-purple-3: #c297ff;--color-scale-purple-4: #a475f9;--color-scale-purple-5: #8250df;--color-scale-purple-6: #6639ba;--color-scale-purple-7: #512a97;--color-scale-purple-8: #3e1f79;--color-scale-purple-9: #2e1461;--color-scale-pink-0: #ffeff7;--color-scale-pink-1: #ffd3eb;--color-scale-pink-2: #ffadda;--color-scale-pink-3: #ff80c8;--color-scale-pink-4: #e85aad;--color-scale-pink-5: #bf3989;--color-scale-pink-6: #99286e;--color-scale-pink-7: #772057;--color-scale-pink-8: #611347;--color-scale-pink-9: #4d0336;--color-scale-coral-0: #FFF0EB;--color-scale-coral-1: #FFD6CC;--color-scale-coral-2: #FFB4A1;--color-scale-coral-3: #FD8C73;--color-scale-coral-4: #EC6547;--color-scale-coral-5: #C4432B;--color-scale-coral-6: #9E2F1C;--color-scale-coral-7: #801F0F;--color-scale-coral-8: #691105;--color-scale-coral-9: #510901 }:root.dark-mode{color-scheme:dark;--color-canvas-default-transparent: rgba(13,17,23,0);--color-marketing-icon-primary: #79c0ff;--color-marketing-icon-secondary: #1f6feb;--color-diff-blob-addition-num-text: #c9d1d9;--color-diff-blob-addition-fg: #c9d1d9;--color-diff-blob-addition-num-bg: rgba(63,185,80,.3);--color-diff-blob-addition-line-bg: rgba(46,160,67,.15);--color-diff-blob-addition-word-bg: rgba(46,160,67,.4);--color-diff-blob-deletion-num-text: #c9d1d9;--color-diff-blob-deletion-fg: #c9d1d9;--color-diff-blob-deletion-num-bg: rgba(248,81,73,.3);--color-diff-blob-deletion-line-bg: rgba(248,81,73,.15);--color-diff-blob-deletion-word-bg: rgba(248,81,73,.4);--color-diff-blob-hunk-num-bg: rgba(56,139,253,.4);--color-diff-blob-expander-icon: #8b949e;--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;--color-diffstat-deletion-border: rgba(240,246,252,.1);--color-diffstat-addition-border: rgba(240,246,252,.1);--color-diffstat-addition-bg: #3fb950;--color-search-keyword-hl: rgba(210,153,34,.4);--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-codemirror-text: #c9d1d9;--color-codemirror-bg: #0d1117;--color-codemirror-gutters-bg: #0d1117;--color-codemirror-guttermarker-text: #0d1117;--color-codemirror-guttermarker-subtle-text: #484f58;--color-codemirror-linenumber-text: #8b949e;--color-codemirror-cursor: #c9d1d9;--color-codemirror-selection-bg: rgba(56,139,253,.4);--color-codemirror-activeline-bg: rgba(110,118,129,.1);--color-codemirror-matchingbracket-text: #c9d1d9;--color-codemirror-lines-bg: #0d1117;--color-codemirror-syntax-comment: #8b949e;--color-codemirror-syntax-constant: #79c0ff;--color-codemirror-syntax-entity: #d2a8ff;--color-codemirror-syntax-keyword: #ff7b72;--color-codemirror-syntax-storage: #ff7b72;--color-codemirror-syntax-string: #a5d6ff;--color-codemirror-syntax-support: #79c0ff;--color-codemirror-syntax-variable: #ffa657;--color-checks-bg: #010409;--color-checks-run-border-width: 1px;--color-checks-container-border-width: 1px;--color-checks-text-primary: #c9d1d9;--color-checks-text-secondary: #8b949e;--color-checks-text-link: #58a6ff;--color-checks-btn-icon: #8b949e;--color-checks-btn-hover-icon: #c9d1d9;--color-checks-btn-hover-bg: rgba(110,118,129,.1);--color-checks-input-text: #8b949e;--color-checks-input-placeholder-text: #484f58;--color-checks-input-focus-text: #c9d1d9;--color-checks-input-bg: #161b22;--color-checks-input-shadow: none;--color-checks-donut-error: #f85149;--color-checks-donut-pending: #d29922;--color-checks-donut-success: #2ea043;--color-checks-donut-neutral: #8b949e;--color-checks-dropdown-text: #c9d1d9;--color-checks-dropdown-bg: #161b22;--color-checks-dropdown-border: #30363d;--color-checks-dropdown-shadow: rgba(1,4,9,.3);--color-checks-dropdown-hover-text: #c9d1d9;--color-checks-dropdown-hover-bg: rgba(110,118,129,.1);--color-checks-dropdown-btn-hover-text: #c9d1d9;--color-checks-dropdown-btn-hover-bg: rgba(110,118,129,.1);--color-checks-scrollbar-thumb-bg: rgba(110,118,129,.4);--color-checks-header-label-text: #8b949e;--color-checks-header-label-open-text: #c9d1d9;--color-checks-header-border: #21262d;--color-checks-header-icon: #8b949e;--color-checks-line-text: #8b949e;--color-checks-line-num-text: #484f58;--color-checks-line-timestamp-text: #484f58;--color-checks-line-hover-bg: rgba(110,118,129,.1);--color-checks-line-selected-bg: rgba(56,139,253,.15);--color-checks-line-selected-num-text: #58a6ff;--color-checks-line-dt-fm-text: #f0f6fc;--color-checks-line-dt-fm-bg: #9e6a03;--color-checks-gate-bg: rgba(187,128,9,.15);--color-checks-gate-text: #8b949e;--color-checks-gate-waiting-text: #d29922;--color-checks-step-header-open-bg: #161b22;--color-checks-step-error-text: #f85149;--color-checks-step-warning-text: #d29922;--color-checks-logline-text: #8b949e;--color-checks-logline-num-text: #484f58;--color-checks-logline-debug-text: #a371f7;--color-checks-logline-error-text: #8b949e;--color-checks-logline-error-num-text: #484f58;--color-checks-logline-error-bg: rgba(248,81,73,.15);--color-checks-logline-warning-text: #8b949e;--color-checks-logline-warning-num-text: #d29922;--color-checks-logline-warning-bg: rgba(187,128,9,.15);--color-checks-logline-command-text: #58a6ff;--color-checks-logline-section-text: #3fb950;--color-checks-ansi-black: #0d1117;--color-checks-ansi-black-bright: #161b22;--color-checks-ansi-white: #b1bac4;--color-checks-ansi-white-bright: #b1bac4;--color-checks-ansi-gray: #6e7681;--color-checks-ansi-red: #ff7b72;--color-checks-ansi-red-bright: #ffa198;--color-checks-ansi-green: #3fb950;--color-checks-ansi-green-bright: #56d364;--color-checks-ansi-yellow: #d29922;--color-checks-ansi-yellow-bright: #e3b341;--color-checks-ansi-blue: #58a6ff;--color-checks-ansi-blue-bright: #79c0ff;--color-checks-ansi-magenta: #bc8cff;--color-checks-ansi-magenta-bright: #d2a8ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #0d1117;--color-project-sidebar-bg: #161b22;--color-project-gradient-in: #161b22;--color-project-gradient-out: rgba(22,27,34,0);--color-mktg-success: rgba(41,147,61,1);--color-mktg-info: rgba(42,123,243,1);--color-mktg-bg-shade-gradient-top: rgba(1,4,9,.065);--color-mktg-bg-shade-gradient-bottom: rgba(1,4,9,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #f0f6fc;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #f0f6fc;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #f0f6fc;--color-mktg-btn-outline-text: #f0f6fc;--color-mktg-btn-outline-border: rgba(240,246,252,.3);--color-mktg-btn-outline-hover-text: #f0f6fc;--color-mktg-btn-outline-hover-border: rgba(240,246,252,.5);--color-mktg-btn-outline-focus-border: #f0f6fc;--color-mktg-btn-outline-focus-border-inset: rgba(240,246,252,.5);--color-mktg-btn-dark-text: #f0f6fc;--color-mktg-btn-dark-border: rgba(240,246,252,.3);--color-mktg-btn-dark-hover-text: #f0f6fc;--color-mktg-btn-dark-hover-border: rgba(240,246,252,.5);--color-mktg-btn-dark-focus-border: #f0f6fc;--color-mktg-btn-dark-focus-border-inset: rgba(240,246,252,.5);--color-avatar-bg: rgba(240,246,252,.1);--color-avatar-border: rgba(240,246,252,.1);--color-avatar-stack-fade: #30363d;--color-avatar-stack-fade-more: #21262d;--color-avatar-child-shadow: -2px -2px 0 #0d1117;--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: #484f58;--color-select-menu-tap-highlight: rgba(48,54,61,.5);--color-select-menu-tap-focus-bg: #0c2d6b;--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,.85);--color-header-text: rgba(240,246,252,.7);--color-header-bg: #161b22;--color-header-logo: #f0f6fc;--color-header-search-bg: #0d1117;--color-header-search-border: #30363d;--color-sidenav-selected-bg: #21262d;--color-menu-bg-active: #161b22;--color-control-transparent-bg-hover: #656c7633;--color-input-disabled-bg: rgba(110,118,129,0);--color-timeline-badge-bg: #21262d;--color-ansi-black: #484f58;--color-ansi-black-bright: #6e7681;--color-ansi-white: #b1bac4;--color-ansi-white-bright: #f0f6fc;--color-ansi-gray: #6e7681;--color-ansi-red: #ff7b72;--color-ansi-red-bright: #ffa198;--color-ansi-green: #3fb950;--color-ansi-green-bright: #56d364;--color-ansi-yellow: #d29922;--color-ansi-yellow-bright: #e3b341;--color-ansi-blue: #58a6ff;--color-ansi-blue-bright: #79c0ff;--color-ansi-magenta: #bc8cff;--color-ansi-magenta-bright: #d2a8ff;--color-ansi-cyan: #39c5cf;--color-ansi-cyan-bright: #56d4dd;--color-btn-text: #c9d1d9;--color-btn-bg: #21262d;--color-btn-border: rgba(240,246,252,.1);--color-btn-shadow: 0 0 transparent;--color-btn-inset-shadow: 0 0 transparent;--color-btn-hover-bg: #30363d;--color-btn-hover-border: #8b949e;--color-btn-active-bg: hsla(212,12%,18%,1);--color-btn-active-border: #6e7681;--color-btn-selected-bg: #161b22;--color-btn-focus-bg: #21262d;--color-btn-focus-border: #8b949e;--color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(1,4,9,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(31,111,235,.3);--color-btn-counter-bg: #30363d;--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #238636;--color-btn-primary-border: rgba(240,246,252,.1);--color-btn-primary-shadow: 0 0 transparent;--color-btn-primary-inset-shadow: 0 0 transparent;--color-btn-primary-hover-bg: #2ea043;--color-btn-primary-hover-border: rgba(240,246,252,.1);--color-btn-primary-selected-bg: #238636;--color-btn-primary-selected-shadow: 0 0 transparent;--color-btn-primary-disabled-text: rgba(240,246,252,.5);--color-btn-primary-disabled-bg: rgba(35,134,54,.6);--color-btn-primary-disabled-border: rgba(240,246,252,.1);--color-btn-primary-focus-bg: #238636;--color-btn-primary-focus-border: rgba(240,246,252,.1);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,.4);--color-btn-primary-icon: #f0f6fc;--color-btn-primary-counter-bg: rgba(240,246,252,.2);--color-btn-outline-text: #58a6ff;--color-btn-outline-hover-text: #58a6ff;--color-btn-outline-hover-bg: #30363d;--color-btn-outline-hover-border: rgba(240,246,252,.1);--color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240,246,252,.03);--color-btn-outline-hover-counter-bg: rgba(240,246,252,.2);--color-btn-outline-selected-text: #f0f6fc;--color-btn-outline-selected-bg: #0d419d;--color-btn-outline-selected-border: rgba(240,246,252,.1);--color-btn-outline-selected-shadow: 0 0 transparent;--color-btn-outline-disabled-text: rgba(88,166,255,.5);--color-btn-outline-disabled-bg: #0d1117;--color-btn-outline-disabled-counter-bg: rgba(31,111,235,.05);--color-btn-outline-focus-border: rgba(240,246,252,.1);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,.4);--color-btn-outline-counter-bg: rgba(31,111,235,.1);--color-btn-danger-text: #f85149;--color-btn-danger-hover-text: #f0f6fc;--color-btn-danger-hover-bg: #da3633;--color-btn-danger-hover-border: #f85149;--color-btn-danger-hover-shadow: 0 0 transparent;--color-btn-danger-hover-inset-shadow: 0 0 transparent;--color-btn-danger-hover-icon: #f0f6fc;--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: #b62324;--color-btn-danger-selected-border: #ff7b72;--color-btn-danger-selected-shadow: 0 0 transparent;--color-btn-danger-disabled-text: rgba(248,81,73,.5);--color-btn-danger-disabled-bg: #0d1117;--color-btn-danger-disabled-counter-bg: rgba(218,54,51,.05);--color-btn-danger-focus-border: #f85149;--color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,.4);--color-btn-danger-counter-bg: rgba(218,54,51,.1);--color-btn-danger-icon: #f85149;--color-underlinenav-icon: #484f58;--color-underlinenav-border-hover: rgba(110,118,129,.4);--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-fg-on-emphasis: #f0f6fc;--color-canvas-default: #0d1117;--color-canvas-overlay: #161b22;--color-canvas-inset: #010409;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-border-subtle: rgba(240,246,252,.1);--color-shadow-small: 0 0 transparent;--color-shadow-medium: 0 3px 6px #010409;--color-shadow-large: 0 8px 24px #010409;--color-shadow-extra-large: 0 12px 48px #010409;--color-neutral-emphasis-plus: #6e7681;--color-neutral-emphasis: #6e7681;--color-neutral-muted: rgba(110,118,129,.4);--color-neutral-subtle: rgba(110,118,129,.1);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-accent-muted: rgba(56,139,253,.4);--color-accent-subtle: rgba(56,139,253,.15);--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-success-muted: rgba(46,160,67,.4);--color-success-subtle: rgba(46,160,67,.15);--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-attention-muted: rgba(187,128,9,.4);--color-attention-subtle: rgba(187,128,9,.15);--color-severe-fg: #db6d28;--color-severe-emphasis: #bd561d;--color-severe-muted: rgba(219,109,40,.4);--color-severe-subtle: rgba(219,109,40,.15);--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-danger-muted: rgba(248,81,73,.4);--color-danger-subtle: rgba(248,81,73,.15);--color-done-fg: #a371f7;--color-done-emphasis: #8957e5;--color-done-muted: rgba(163,113,247,.4);--color-done-subtle: rgba(163,113,247,.15);--color-sponsors-fg: #db61a2;--color-sponsors-emphasis: #bf4b8a;--color-sponsors-muted: rgba(219,97,162,.4);--color-sponsors-subtle: rgba(219,97,162,.15);--color-primer-canvas-backdrop: rgba(1,4,9,.8);--color-primer-canvas-sticky: rgba(13,17,23,.95);--color-primer-border-active: #F78166;--color-primer-border-contrast: rgba(240,246,252,.2);--color-primer-shadow-highlight: 0 0 transparent;--color-primer-shadow-inset: 0 0 transparent;--color-primer-shadow-focus: 0 0 0 3px #0c2d6b;--color-scale-black: #010409;--color-scale-white: #f0f6fc;--color-scale-gray-0: #f0f6fc;--color-scale-gray-1: #c9d1d9;--color-scale-gray-2: #b1bac4;--color-scale-gray-3: #8b949e;--color-scale-gray-4: #6e7681;--color-scale-gray-5: #484f58;--color-scale-gray-6: #30363d;--color-scale-gray-7: #21262d;--color-scale-gray-8: #161b22;--color-scale-gray-9: #0d1117;--color-scale-blue-0: #cae8ff;--color-scale-blue-1: #a5d6ff;--color-scale-blue-2: #79c0ff;--color-scale-blue-3: #58a6ff;--color-scale-blue-4: #388bfd;--color-scale-blue-5: #1f6feb;--color-scale-blue-6: #1158c7;--color-scale-blue-7: #0d419d;--color-scale-blue-8: #0c2d6b;--color-scale-blue-9: #051d4d;--color-scale-green-0: #aff5b4;--color-scale-green-1: #7ee787;--color-scale-green-2: #56d364;--color-scale-green-3: #3fb950;--color-scale-green-4: #2ea043;--color-scale-green-5: #238636;--color-scale-green-6: #196c2e;--color-scale-green-7: #0f5323;--color-scale-green-8: #033a16;--color-scale-green-9: #04260f;--color-scale-yellow-0: #f8e3a1;--color-scale-yellow-1: #f2cc60;--color-scale-yellow-2: #e3b341;--color-scale-yellow-3: #d29922;--color-scale-yellow-4: #bb8009;--color-scale-yellow-5: #9e6a03;--color-scale-yellow-6: #845306;--color-scale-yellow-7: #693e00;--color-scale-yellow-8: #4b2900;--color-scale-yellow-9: #341a00;--color-scale-orange-0: #ffdfb6;--color-scale-orange-1: #ffc680;--color-scale-orange-2: #ffa657;--color-scale-orange-3: #f0883e;--color-scale-orange-4: #db6d28;--color-scale-orange-5: #bd561d;--color-scale-orange-6: #9b4215;--color-scale-orange-7: #762d0a;--color-scale-orange-8: #5a1e02;--color-scale-orange-9: #3d1300;--color-scale-red-0: #ffdcd7;--color-scale-red-1: #ffc1ba;--color-scale-red-2: #ffa198;--color-scale-red-3: #ff7b72;--color-scale-red-4: #f85149;--color-scale-red-5: #da3633;--color-scale-red-6: #b62324;--color-scale-red-7: #8e1519;--color-scale-red-8: #67060c;--color-scale-red-9: #490202;--color-scale-purple-0: #eddeff;--color-scale-purple-1: #e2c5ff;--color-scale-purple-2: #d2a8ff;--color-scale-purple-3: #bc8cff;--color-scale-purple-4: #a371f7;--color-scale-purple-5: #8957e5;--color-scale-purple-6: #6e40c9;--color-scale-purple-7: #553098;--color-scale-purple-8: #3c1e70;--color-scale-purple-9: #271052;--color-scale-pink-0: #ffdaec;--color-scale-pink-1: #ffbedd;--color-scale-pink-2: #ff9bce;--color-scale-pink-3: #f778ba;--color-scale-pink-4: #db61a2;--color-scale-pink-5: #bf4b8a;--color-scale-pink-6: #9e3670;--color-scale-pink-7: #7d2457;--color-scale-pink-8: #5e103e;--color-scale-pink-9: #42062a;--color-scale-coral-0: #FFDDD2;--color-scale-coral-1: #FFC2B2;--color-scale-coral-2: #FFA28B;--color-scale-coral-3: #F78166;--color-scale-coral-4: #EA6045;--color-scale-coral-5: #CF462D;--color-scale-coral-6: #AC3220;--color-scale-coral-7: #872012;--color-scale-coral-8: #640D04;--color-scale-coral-9: #460701 }:root{--box-shadow: rgba(0, 0, 0, .133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, .11) 0px .3px .9px 0px;--box-shadow-thick: rgb(0 0 0 / 10%) 0px 1.8px 1.9px, rgb(0 0 0 / 15%) 0px 6.1px 6.3px, rgb(0 0 0 / 10%) 0px -2px 4px, rgb(0 0 0 / 15%) 0px -6.1px 12px, rgb(0 0 0 / 25%) 0px 6px 12px}*{box-sizing:border-box;min-width:0;min-height:0}svg{fill:currentColor}.vbox{display:flex;flex-direction:column;flex:auto;position:relative}.hbox{display:flex;flex:auto;position:relative}.hidden{visibility:hidden}.d-flex{display:flex!important}.d-inline{display:inline!important}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:16px}.m-4{margin:24px}.m-5{margin:32px}.mx-1{margin:0 4px}.mx-2{margin:0 8px}.mx-3{margin:0 16px}.mx-4{margin:0 24px}.mx-5{margin:0 32px}.my-1{margin:4px 0}.my-2{margin:8px 0}.my-3{margin:16px 0}.my-4{margin:24px 0}.my-5{margin:32px 0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:16px}.mr-4{margin-right:24px}.mr-5{margin-right:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:16px}.ml-4{margin-left:24px}.ml-5{margin-left:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:32px}.px-1{padding:0 4px}.px-2{padding:0 8px}.px-3{padding:0 16px}.px-4{padding:0 24px}.px-5{padding:0 32px}.py-1{padding:4px 0}.py-2{padding:8px 0}.py-3{padding:16px 0}.py-4{padding:24px 0}.py-5{padding:32px 0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:16px}.pt-4{padding-top:24px}.pt-5{padding-top:32px}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:16px}.pr-4{padding-right:24px}.pr-5{padding-right:32px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:16px}.pb-4{padding-bottom:24px}.pb-5{padding-bottom:32px}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:16px}.pl-4{padding-left:24px}.pl-5{padding-left:32px}.no-wrap{white-space:nowrap!important}.float-left{float:left!important}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}.form-control,.form-select{padding:5px 12px;font-size:14px;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--color-border-default);border-radius:6px;outline:none;box-shadow:var(--color-primer-shadow-inset)}.input-contrast{background-color:var(--color-canvas-inset)}.subnav-search{position:relative;flex:auto;display:flex}.subnav-search-input{flex:auto;padding-left:32px;color:var(--color-fg-muted)}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:var(--color-fg-muted);text-align:center;pointer-events:none}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-item{flex:none;position:relative;float:left;padding:5px 8px;font-weight:500;line-height:20px;color:var(--color-fg-default);border:1px solid var(--color-border-default);-webkit-user-select:none;user-select:none}.subnav-item:hover{background-color:var(--color-canvas-subtle)}.subnav-item[aria-selected=true]{background:var(--color-control-transparent-bg-hover)}.subnav-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.subnav-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item .octicon,.subnav-item-label{margin-right:8px}.counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.color-icon-success{color:var(--color-success-fg)!important}.color-text-danger{color:var(--color-danger-fg)!important}.color-text-warning{color:var(--color-checks-step-warning-text)!important}.color-fg-muted{color:var(--color-fg-muted)!important}.octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor;margin-right:7px;flex:none}.button{flex:none;height:24px;border:1px solid var(--color-btn-border);outline:none;color:var(--color-btn-text);background:var(--color-btn-bg);padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.button:not(:disabled):hover{border-color:var(--color-btn-hover-border);background-color:var(--color-btn-hover-bg)}input[type=checkbox]{outline:var(--color-focus-border);height:24px}dialog{background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:6px;padding:6px}.subnav-item .octicon.octicon-settings{margin-right:0}.subnav-item .octicon.octicon-clock{margin-right:0;color:var(--color-fg-default)!important}@media only screen and (max-width: 600px){.subnav-item,.form-control{border-radius:0!important}.subnav-item{border:none}.subnav-search-input{border-left:0;border-right:0}}.header-view-status-container{float:right}.header-view{padding:12px 8px 0}.header-view div{flex-shrink:0;flex-wrap:wrap}.header-superheader{color:var(--color-fg-muted)}.header-title{flex:none;font-weight:400;font-size:32px;line-height:1.25}.header-setting-theme{display:grid;margin-left:22px}@media only screen and (max-width: 600px){.header-view{padding:0}.header-view div{flex-shrink:1}.header-view-status-container{float:none;margin:0 0 10px!important;overflow:hidden}.header-view-status-container .subnav-search-input{border-left:none;border-right:none}.header-title,.header-superheader{margin:0 8px}}.copy-icon{flex:none;height:24px;width:24px;border:none;outline:none;color:var(--color-fg-muted);background:transparent;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.copy-icon svg{margin:0}.copy-icon:not(:disabled):hover{background-color:var(--color-border-default)}.copy-button-container{visibility:hidden;display:inline-flex;margin-left:8px;vertical-align:bottom}.copy-value-container:hover .copy-button-container{visibility:visible}.attachment-body{white-space:pre-wrap;background-color:var(--color-canvas-subtle);margin-left:24px;line-height:normal;padding:8px;font-family:monospace;position:relative}.attachment-body .copy-icon{position:absolute;right:5px;top:5px}.attachment-flash{animation:attachmentflash-bg 2s}@keyframes attachmentflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}.link-badge{flex:none;background-color:transparent;border-color:transparent;-webkit-user-select:none;user-select:none}.link-badge-dim span{color:var(--color-fg-muted)}.link-badge:hover{cursor:pointer}.link-badge svg{fill:var(--color-fg-default)}.link-badge-dim svg{fill:var(--color-fg-muted)}.link-badge-dim:hover svg{fill:var(--color-fg-muted)}.fullwidth-link{width:100%;text-align:left}.fullwidth-link:hover{background-color:var(--color-canvas-subtle)}.trace-link{margin-right:3px}.trace-link-separator{color:var(--color-fg-muted);-webkit-user-select:none;user-select:none}.expandable-summary{cursor:pointer;list-style:none;white-space:nowrap;padding-left:4px}.label{display:inline-block;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:var(--color-scale-gray-4);color:#fff;margin:0 10px;flex:none;font-weight:600;cursor:pointer}.label-anchor{text-decoration:none;color:var(--color-fg-default)}:root.light-mode .label-color-0{background-color:var(--color-scale-blue-0);color:var(--color-scale-blue-6);border:1px solid var(--color-scale-blue-4)}:root.light-mode .label-color-1{background-color:var(--color-scale-yellow-0);color:var(--color-scale-yellow-6);border:1px solid var(--color-scale-yellow-4)}:root.light-mode .label-color-2{background-color:var(--color-scale-purple-0);color:var(--color-scale-purple-6);border:1px solid var(--color-scale-purple-4)}:root.light-mode .label-color-3{background-color:var(--color-scale-pink-0);color:var(--color-scale-pink-6);border:1px solid var(--color-scale-pink-4)}:root.light-mode .label-color-4{background-color:var(--color-scale-coral-0);color:var(--color-scale-coral-6);border:1px solid var(--color-scale-coral-4)}:root.light-mode .label-color-5{background-color:var(--color-scale-orange-0);color:var(--color-scale-orange-6);border:1px solid var(--color-scale-orange-4)}:root.dark-mode .label-color-0{background-color:var(--color-scale-blue-9);color:var(--color-scale-blue-2);border:1px solid var(--color-scale-blue-4)}:root.dark-mode .label-color-1{background-color:var(--color-scale-yellow-9);color:var(--color-scale-yellow-2);border:1px solid var(--color-scale-yellow-4)}:root.dark-mode .label-color-2{background-color:var(--color-scale-purple-9);color:var(--color-scale-purple-2);border:1px solid var(--color-scale-purple-4)}:root.dark-mode .label-color-3{background-color:var(--color-scale-pink-9);color:var(--color-scale-pink-2);border:1px solid var(--color-scale-pink-4)}:root.dark-mode .label-color-4{background-color:var(--color-scale-coral-9);color:var(--color-scale-coral-2);border:1px solid var(--color-scale-coral-4)}:root.dark-mode .label-color-5{background-color:var(--color-scale-orange-9);color:var(--color-scale-orange-2);border:1px solid var(--color-scale-orange-4)}.label-row .label{margin:0}.label-row .label:not(:first-child){margin-left:6px}html,body{width:100%;height:100%;padding:0;margin:0;overscroll-behavior-x:none}body{overflow:auto;max-width:1024px;margin:0 auto;width:100%}.test-file-test:not(:first-child){border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.htmlreport{padding:0!important}}.tabbed-pane{display:flex;flex:auto;overflow:hidden}.tabbed-pane-tab-strip{display:flex;align-items:center;padding-right:10px;flex:none;width:100%;z-index:2;font-size:14px;line-height:32px;color:var(--color-fg-default);height:48px;min-width:70px;box-shadow:inset 0 -1px 0 var(--color-border-muted)!important}.tabbed-pane-tab-strip:focus{outline:none}.tabbed-pane-tab-element{padding:4px 8px 0;margin-right:4px;cursor:pointer;display:flex;flex:none;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;outline:none;height:100%}.tabbed-pane-tab-label{max-width:250px;white-space:pre;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:30px;padding:0 8px;border-radius:6px}.tabbed-pane-tab-label:hover{background-color:var(--color-control-transparent-bg-hover)}.tabbed-pane-tab-element.selected{border-bottom-color:#666;-webkit-text-stroke:.5px currentColor}.chip-header{border:1px solid var(--color-border-default);border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--color-canvas-subtle);padding:0 8px;border-bottom:none;margin-top:12px;font-weight:600;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.chip-header-allow-selection{-webkit-user-select:text;user-select:text}.chip-header.expanded-false{border:1px solid var(--color-border-default);border-radius:6px}.chip-header.expanded-false,.chip-header.expanded-true{cursor:pointer}.chip-body{border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding:16px;margin-bottom:12px;overflow:hidden}.chip-body-no-insets{padding:0}.chip-footer{border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.chip-header{border-radius:0;border-right:none;border-left:none}.chip-body{border-radius:0;border-right:none;border-left:none;padding:8px}.chip-body-no-insets{padding:0}}.test-case-column{border-radius:6px;margin-bottom:24px}.test-case-column .tab-element.selected{font-weight:600;border-bottom-color:var(--color-primer-border-active)}.test-case-column .tab-element{border:none;color:var(--color-fg-default);border-bottom:2px solid transparent}.test-case-column .tab-element:hover{color:var(--color-fg-default)}.test-case-location,.test-case-duration{flex:none;align-items:center;padding:0 8px 8px}.selected .test-case-run-duration{-webkit-text-stroke:0}.test-case-run-duration{color:var(--color-fg-muted);padding-left:8px}.header-view .test-case-path{flex:none;flex-shrink:1;align-items:center;padding-right:8px}.test-case-annotation{flex:none;align-items:center;padding:0 8px;line-height:24px;white-space:pre-wrap}@media only screen and (max-width: 600px){.test-case-column{border-radius:0!important;margin:0!important}}.tree-item{display:flex;flex-direction:column;overflow:hidden;min-width:0;line-height:38px}.tree-item-title{cursor:pointer;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center}.tree-item-body{min-height:18px}.yellow-flash{animation:yellowflash-bg 2s}@keyframes yellowflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}:root{--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #616161;--vscode-disabledForeground: rgba(97, 97, 97, .5);--vscode-errorForeground: #a1260d;--vscode-descriptionForeground: #717171;--vscode-icon-foreground: #424242;--vscode-focusBorder: #0090f1;--vscode-textSeparator-foreground: rgba(0, 0, 0, .18);--vscode-textLink-foreground: #006ab1;--vscode-textLink-activeForeground: #006ab1;--vscode-textPreformat-foreground: #a31515;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(220, 220, 220, .4);--vscode-widget-shadow: rgba(0, 0, 0, .16);--vscode-input-background: #ffffff;--vscode-input-foreground: #616161;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(184, 184, 184, .31);--vscode-inputOption-activeBackground: rgba(0, 144, 241, .2);--vscode-inputOption-activeForeground: #000000;--vscode-input-placeholderForeground: #767676;--vscode-inputValidation-infoBackground: #d6ecf2;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #f6f5d2;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #f2dede;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #ffffff;--vscode-dropdown-border: #cecece;--vscode-checkbox-background: #ffffff;--vscode-checkbox-border: #cecece;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #007acc;--vscode-button-hoverBackground: #0062a3;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #5f6a79;--vscode-button-secondaryHoverBackground: #4c5561;--vscode-badge-background: #c4c4c4;--vscode-badge-foreground: #333333;--vscode-scrollbar-shadow: #dddddd;--vscode-scrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #e51400;--vscode-editorWarning-foreground: #bf8803;--vscode-editorInfo-foreground: #1a85ff;--vscode-editorHint-foreground: #6c6c6c;--vscode-sash-hoverBorder: #0090f1;--vscode-editor-background: #ffffff;--vscode-editor-foreground: #000000;--vscode-editorStickyScroll-background: #ffffff;--vscode-editorStickyScrollHover-background: #f0f0f0;--vscode-editorWidget-background: #f3f3f3;--vscode-editorWidget-foreground: #616161;--vscode-editorWidget-border: #c8c8c8;--vscode-quickInput-background: #f3f3f3;--vscode-quickInput-foreground: #616161;--vscode-quickInputTitle-background: rgba(0, 0, 0, .06);--vscode-pickerGroup-foreground: #0066bf;--vscode-pickerGroup-border: #cccedb;--vscode-keybindingLabel-background: rgba(221, 221, 221, .4);--vscode-keybindingLabel-foreground: #555555;--vscode-keybindingLabel-border: rgba(204, 204, 204, .4);--vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, .4);--vscode-editor-selectionBackground: #add6ff;--vscode-editor-inactiveSelectionBackground: #e5ebf1;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .5);--vscode-editor-findMatchBackground: #a8ac94;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, .3);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, .15);--vscode-editorHoverWidget-background: #f3f3f3;--vscode-editorHoverWidget-foreground: #616161;--vscode-editorHoverWidget-border: #c8c8c8;--vscode-editorHoverWidget-statusBarBackground: #e7e7e7;--vscode-editorLink-activeForeground: #0000ff;--vscode-editorInlayHint-foreground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-background: rgba(196, 196, 196, .3);--vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, .3);--vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, .3);--vscode-editorLightBulb-foreground: #ddb100;--vscode-editorLightBulbAutoFix-foreground: #007acc;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .4);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .3);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(34, 34, 34, .2);--vscode-list-focusOutline: #0090f1;--vscode-list-focusAndSelectionOutline: #90c2f9;--vscode-list-activeSelectionBackground: #0060c0;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #e4e6f1;--vscode-list-hoverBackground: #e8e8e8;--vscode-list-dropBackground: #d6ebff;--vscode-list-highlightForeground: #0066bf;--vscode-list-focusHighlightForeground: #bbe7ff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #b01011;--vscode-list-warningForeground: #855f00;--vscode-listFilterWidget-background: #f3f3f3;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .16);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #a9a9a9;--vscode-tree-tableColumnsBorder: rgba(97, 97, 97, .13);--vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, .04);--vscode-list-deemphasizedForeground: #8e8e90;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #0060c0;--vscode-menu-foreground: #616161;--vscode-menu-background: #ffffff;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #0060c0;--vscode-menu-separatorBackground: #d4d4d4;--vscode-toolbar-hoverBackground: rgba(184, 184, 184, .31);--vscode-toolbar-activeBackground: rgba(166, 166, 166, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, .2);--vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, .5);--vscode-breadcrumb-foreground: rgba(97, 97, 97, .8);--vscode-breadcrumb-background: #ffffff;--vscode-breadcrumb-focusForeground: #4e4e4e;--vscode-breadcrumb-activeSelectionForeground: #4e4e4e;--vscode-breadcrumbPicker-background: #f3f3f3;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #c9c9c9;--vscode-minimap-selectionHighlight: #add6ff;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #bf8803;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(100, 100, 100, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(0, 0, 0, .3);--vscode-problemsErrorIcon-foreground: #e51400;--vscode-problemsWarningIcon-foreground: #bf8803;--vscode-problemsInfoIcon-foreground: #1a85ff;--vscode-charts-foreground: #616161;--vscode-charts-lines: rgba(97, 97, 97, .5);--vscode-charts-red: #e51400;--vscode-charts-blue: #1a85ff;--vscode-charts-yellow: #bf8803;--vscode-charts-orange: #d18616;--vscode-charts-green: #388a34;--vscode-charts-purple: #652d90;--vscode-editor-lineHighlightBorder: #eeeeee;--vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, .2);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #000000;--vscode-editorWhitespace-foreground: rgba(51, 51, 51, .2);--vscode-editorIndentGuide-background: #d3d3d3;--vscode-editorIndentGuide-activeBackground: #939393;--vscode-editorLineNumber-foreground: #237893;--vscode-editorActiveLineNumber-foreground: #0b216f;--vscode-editorLineNumber-activeForeground: #0b216f;--vscode-editorRuler-foreground: #d3d3d3;--vscode-editorCodeLens-foreground: #919191;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #b9b9b9;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #ffffff;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .47);--vscode-editorGhostText-foreground: rgba(0, 0, 0, .47);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #bf8803;--vscode-editorOverviewRuler-infoForeground: #1a85ff;--vscode-editorBracketHighlight-foreground1: #0431fa;--vscode-editorBracketHighlight-foreground2: #319331;--vscode-editorBracketHighlight-foreground3: #7b3814;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #cea33d;--vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, .08);--vscode-symbolIcon-arrayForeground: #616161;--vscode-symbolIcon-booleanForeground: #616161;--vscode-symbolIcon-classForeground: #d67e00;--vscode-symbolIcon-colorForeground: #616161;--vscode-symbolIcon-constantForeground: #616161;--vscode-symbolIcon-constructorForeground: #652d90;--vscode-symbolIcon-enumeratorForeground: #d67e00;--vscode-symbolIcon-enumeratorMemberForeground: #007acc;--vscode-symbolIcon-eventForeground: #d67e00;--vscode-symbolIcon-fieldForeground: #007acc;--vscode-symbolIcon-fileForeground: #616161;--vscode-symbolIcon-folderForeground: #616161;--vscode-symbolIcon-functionForeground: #652d90;--vscode-symbolIcon-interfaceForeground: #007acc;--vscode-symbolIcon-keyForeground: #616161;--vscode-symbolIcon-keywordForeground: #616161;--vscode-symbolIcon-methodForeground: #652d90;--vscode-symbolIcon-moduleForeground: #616161;--vscode-symbolIcon-namespaceForeground: #616161;--vscode-symbolIcon-nullForeground: #616161;--vscode-symbolIcon-numberForeground: #616161;--vscode-symbolIcon-objectForeground: #616161;--vscode-symbolIcon-operatorForeground: #616161;--vscode-symbolIcon-packageForeground: #616161;--vscode-symbolIcon-propertyForeground: #616161;--vscode-symbolIcon-referenceForeground: #616161;--vscode-symbolIcon-snippetForeground: #616161;--vscode-symbolIcon-stringForeground: #616161;--vscode-symbolIcon-structForeground: #616161;--vscode-symbolIcon-textForeground: #616161;--vscode-symbolIcon-typeParameterForeground: #616161;--vscode-symbolIcon-unitForeground: #616161;--vscode-symbolIcon-variableForeground: #007acc;--vscode-editorHoverWidget-highlightForeground: #0066bf;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(173, 214, 255, .3);--vscode-editorGutter-foldingControlForeground: #424242;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .25);--vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, .25);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(26, 133, 255, .1);--vscode-peekViewTitleLabel-foreground: #000000;--vscode-peekViewTitleDescription-foreground: #616161;--vscode-peekView-border: #1a85ff;--vscode-peekViewResult-background: #f3f3f3;--vscode-peekViewResult-lineForeground: #646465;--vscode-peekViewResult-fileForeground: #1e1e1e;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #6c6c6c;--vscode-peekViewEditor-background: #f2f8fc;--vscode-peekViewEditorGutter-background: #f2f8fc;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, .87);--vscode-editorMarkerNavigationError-background: #e51400;--vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, .1);--vscode-editorMarkerNavigationWarning-background: #bf8803;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, .1);--vscode-editorMarkerNavigationInfo-background: #1a85ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, .1);--vscode-editorMarkerNavigation-background: #ffffff;--vscode-editorSuggestWidget-background: #f3f3f3;--vscode-editorSuggestWidget-border: #c8c8c8;--vscode-editorSuggestWidget-foreground: #000000;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #0060c0;--vscode-editorSuggestWidget-highlightForeground: #0066bf;--vscode-editorSuggestWidget-focusHighlightForeground: #bbe7ff;--vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, .5);--vscode-tab-activeBackground: #ffffff;--vscode-tab-unfocusedActiveBackground: #ffffff;--vscode-tab-inactiveBackground: #ececec;--vscode-tab-unfocusedInactiveBackground: #ececec;--vscode-tab-activeForeground: #333333;--vscode-tab-inactiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, .35);--vscode-tab-border: #f3f3f3;--vscode-tab-lastPinnedBorder: rgba(97, 97, 97, .19);--vscode-tab-activeModifiedBorder: #33aaee;--vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, .7);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, .25);--vscode-editorPane-background: #ffffff;--vscode-editorGroupHeader-tabsBackground: #f3f3f3;--vscode-editorGroupHeader-noTabsBackground: #ffffff;--vscode-editorGroup-border: #e7e7e7;--vscode-editorGroup-dropBackground: rgba(38, 119, 203, .18);--vscode-editorGroup-dropIntoPromptForeground: #616161;--vscode-editorGroup-dropIntoPromptBackground: #f3f3f3;--vscode-sideBySideEditor-horizontalBorder: #e7e7e7;--vscode-sideBySideEditor-verticalBorder: #e7e7e7;--vscode-panel-background: #ffffff;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #424242;--vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, .75);--vscode-panelTitle-activeBorder: #424242;--vscode-panelInput-border: #dddddd;--vscode-panel-dropBorder: #424242;--vscode-panelSection-dropBackground: rgba(38, 119, 203, .18);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #004386;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #1a85ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #725102;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #2c2c2c;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #f3f3f3;--vscode-sideBarTitle-foreground: #6f6f6f;--vscode-sideBar-dropBackground: rgba(38, 119, 203, .18);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(97, 97, 97, .19);--vscode-titleBar-activeForeground: #333333;--vscode-titleBar-inactiveForeground: rgba(51, 51, 51, .6);--vscode-titleBar-activeBackground: #dddddd;--vscode-titleBar-inactiveBackground: rgba(221, 221, 221, .6);--vscode-menubar-selectionForeground: #333333;--vscode-menubar-selectionBackground: rgba(184, 184, 184, .31);--vscode-notifications-foreground: #616161;--vscode-notifications-background: #f3f3f3;--vscode-notificationLink-foreground: #006ab1;--vscode-notificationCenterHeader-background: #e7e7e7;--vscode-notifications-border: #e7e7e7;--vscode-notificationsErrorIcon-foreground: #e51400;--vscode-notificationsWarningIcon-foreground: #bf8803;--vscode-notificationsInfoIcon-foreground: #1a85ff;--vscode-commandCenter-foreground: #333333;--vscode-commandCenter-activeForeground: #333333;--vscode-commandCenter-activeBackground: rgba(184, 184, 184, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, .5);--vscode-editorCommentsWidget-unresolvedBorder: #1a85ff;--vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, .4);--vscode-editorGutter-commentRangeForeground: #d5d8e9;--vscode-debugToolBar-background: #f3f3f3;--vscode-debugIcon-startForeground: #388a34;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, .45);--vscode-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, .45);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .4);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #444444;--vscode-settings-modifiedItemIndicator: #66afe0;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #ffffff;--vscode-settings-dropdownBorder: #cecece;--vscode-settings-dropdownListBorder: #c8c8c8;--vscode-settings-checkboxBackground: #ffffff;--vscode-settings-checkboxBorder: #cecece;--vscode-settings-textInputBackground: #ffffff;--vscode-settings-textInputForeground: #616161;--vscode-settings-textInputBorder: #cecece;--vscode-settings-numberInputBackground: #ffffff;--vscode-settings-numberInputForeground: #616161;--vscode-settings-numberInputBorder: #cecece;--vscode-settings-focusedRowBackground: rgba(232, 232, 232, .6);--vscode-settings-rowHoverBackground: rgba(232, 232, 232, .3);--vscode-settings-focusedRowBorder: rgba(0, 0, 0, .12);--vscode-terminal-foreground: #333333;--vscode-terminal-selectionBackground: #add6ff;--vscode-terminal-inactiveSelectionBackground: #e5ebf1;--vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, .25);--vscode-terminalCommandDecoration-successBackground: #2090d3;--vscode-terminalCommandDecoration-errorBackground: #e51400;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #a8ac94;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(38, 119, 203, .18);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #e51400;--vscode-testing-peekHeaderBackground: rgba(229, 20, 0, .1);--vscode-testing-message\.error\.decorationForeground: #e51400;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, .5);--vscode-welcomePage-tileBackground: #f3f3f3;--vscode-welcomePage-tileHoverBackground: #dbdbdb;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .16);--vscode-welcomePage-progress\.background: #ffffff;--vscode-welcomePage-progress\.foreground: #006ab1;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #f1dfde;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(0, 0, 0, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #2090d3;--vscode-editorGutter-addedBackground: #48985d;--vscode-editorGutter-deletedBackground: #e51400;--vscode-minimapGutter-modifiedBackground: #2090d3;--vscode-minimapGutter-addedBackground: #48985d;--vscode-minimapGutter-deletedBackground: #e51400;--vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #e8e8e8;--vscode-notebook-focusedEditorBorder: #0090f1;--vscode-notebookStatusSuccessIcon-foreground: #388a34;--vscode-notebookStatusErrorIcon-foreground: #a1260d;--vscode-notebookStatusRunningIcon-foreground: #616161;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: rgba(200, 221, 241, .31);--vscode-notebook-selectedCellBorder: #e8e8e8;--vscode-notebook-focusedCellBorder: #0090f1;--vscode-notebook-inactiveFocusedCellBorder: #e8e8e8;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, .08);--vscode-notebook-cellInsertionIndicator: #0090f1;--vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, .2);--vscode-notebook-cellEditorBackground: #f3f3f3;--vscode-notebook-editorBackground: #ffffff;--vscode-keybindingTable-headerBackground: rgba(97, 97, 97, .04);--vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, .04);--vscode-scm-providerBorder: #c8c8c8;--vscode-searchEditor-textInputBorder: #cecece;--vscode-debugTokenExpression-name: #9b46b0;--vscode-debugTokenExpression-value: rgba(108, 108, 108, .8);--vscode-debugTokenExpression-string: #a31515;--vscode-debugTokenExpression-boolean: #0000ff;--vscode-debugTokenExpression-number: #098658;--vscode-debugTokenExpression-error: #e51400;--vscode-debugView-exceptionLabelForeground: #ffffff;--vscode-debugView-exceptionLabelBackground: #a31515;--vscode-debugView-stateLabelForeground: #616161;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #1a85ff;--vscode-debugConsole-warningForeground: #bf8803;--vscode-debugConsole-errorForeground: #a1260d;--vscode-debugConsole-sourceForeground: #616161;--vscode-debugConsoleInputIcon-foreground: #616161;--vscode-debugIcon-pauseForeground: #007acc;--vscode-debugIcon-stopForeground: #a1260d;--vscode-debugIcon-disconnectForeground: #a1260d;--vscode-debugIcon-restartForeground: #388a34;--vscode-debugIcon-stepOverForeground: #007acc;--vscode-debugIcon-stepIntoForeground: #007acc;--vscode-debugIcon-stepOutForeground: #007acc;--vscode-debugIcon-continueForeground: #007acc;--vscode-debugIcon-stepBackForeground: #007acc;--vscode-extensionButton-prominentBackground: #007acc;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #0062a3;--vscode-extensionIcon-starForeground: #df6100;--vscode-extensionIcon-verifiedForeground: #006ab1;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #b51e78;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #00bc00;--vscode-terminal-ansiYellow: #949800;--vscode-terminal-ansiBlue: #0451a5;--vscode-terminal-ansiMagenta: #bc05bc;--vscode-terminal-ansiCyan: #0598bc;--vscode-terminal-ansiWhite: #555555;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #cd3131;--vscode-terminal-ansiBrightGreen: #14ce14;--vscode-terminal-ansiBrightYellow: #b5ba00;--vscode-terminal-ansiBrightBlue: #0451a5;--vscode-terminal-ansiBrightMagenta: #bc05bc;--vscode-terminal-ansiBrightCyan: #0598bc;--vscode-terminal-ansiBrightWhite: #a5a5a5;--vscode-interactive-activeCodeBorder: #1a85ff;--vscode-interactive-inactiveCodeBorder: #e4e6f1;--vscode-gitDecoration-addedResourceForeground: #587c0c;--vscode-gitDecoration-modifiedResourceForeground: #895503;--vscode-gitDecoration-deletedResourceForeground: #ad0707;--vscode-gitDecoration-renamedResourceForeground: #007100;--vscode-gitDecoration-untrackedResourceForeground: #007100;--vscode-gitDecoration-ignoredResourceForeground: #8e8e90;--vscode-gitDecoration-stageModifiedResourceForeground: #895503;--vscode-gitDecoration-stageDeletedResourceForeground: #ad0707;--vscode-gitDecoration-conflictingResourceForeground: #ad0707;--vscode-gitDecoration-submoduleResourceForeground: #1258a7}:root.light-mode{color-scheme:light}:root.dark-mode{color-scheme:dark;--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #cccccc;--vscode-disabledForeground: rgba(204, 204, 204, .5);--vscode-errorForeground: #f48771;--vscode-descriptionForeground: rgba(204, 204, 204, .7);--vscode-icon-foreground: #c5c5c5;--vscode-focusBorder: #007fd4;--vscode-textSeparator-foreground: rgba(255, 255, 255, .18);--vscode-textLink-foreground: #3794ff;--vscode-textLink-activeForeground: #3794ff;--vscode-textPreformat-foreground: #d7ba7d;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(10, 10, 10, .4);--vscode-widget-shadow: rgba(0, 0, 0, .36);--vscode-input-background: #3c3c3c;--vscode-input-foreground: #cccccc;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(90, 93, 94, .5);--vscode-inputOption-activeBackground: rgba(0, 127, 212, .4);--vscode-inputOption-activeForeground: #ffffff;--vscode-input-placeholderForeground: #a6a6a6;--vscode-inputValidation-infoBackground: #063b49;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #352a05;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #5a1d1d;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #3c3c3c;--vscode-dropdown-foreground: #f0f0f0;--vscode-dropdown-border: #3c3c3c;--vscode-checkbox-background: #3c3c3c;--vscode-checkbox-foreground: #f0f0f0;--vscode-checkbox-border: #3c3c3c;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #0e639c;--vscode-button-hoverBackground: #1177bb;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #3a3d41;--vscode-button-secondaryHoverBackground: #45494e;--vscode-badge-background: #4d4d4d;--vscode-badge-foreground: #ffffff;--vscode-scrollbar-shadow: #000000;--vscode-scrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #f14c4c;--vscode-editorWarning-foreground: #cca700;--vscode-editorInfo-foreground: #3794ff;--vscode-editorHint-foreground: rgba(238, 238, 238, .7);--vscode-sash-hoverBorder: #007fd4;--vscode-editor-background: #1e1e1e;--vscode-editor-foreground: #d4d4d4;--vscode-editorStickyScroll-background: #1e1e1e;--vscode-editorStickyScrollHover-background: #2a2d2e;--vscode-editorWidget-background: #252526;--vscode-editorWidget-foreground: #cccccc;--vscode-editorWidget-border: #454545;--vscode-quickInput-background: #252526;--vscode-quickInput-foreground: #cccccc;--vscode-quickInputTitle-background: rgba(255, 255, 255, .1);--vscode-pickerGroup-foreground: #3794ff;--vscode-pickerGroup-border: #3f3f46;--vscode-keybindingLabel-background: rgba(128, 128, 128, .17);--vscode-keybindingLabel-foreground: #cccccc;--vscode-keybindingLabel-border: rgba(51, 51, 51, .6);--vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, .6);--vscode-editor-selectionBackground: #264f78;--vscode-editor-inactiveSelectionBackground: #3a3d41;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .15);--vscode-editor-findMatchBackground: #515c6a;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, .4);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, .25);--vscode-editorHoverWidget-background: #252526;--vscode-editorHoverWidget-foreground: #cccccc;--vscode-editorHoverWidget-border: #454545;--vscode-editorHoverWidget-statusBarBackground: #2c2c2d;--vscode-editorLink-activeForeground: #4e94ce;--vscode-editorInlayHint-foreground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-background: rgba(77, 77, 77, .6);--vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, .6);--vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, .6);--vscode-editorLightBulb-foreground: #ffcc00;--vscode-editorLightBulbAutoFix-foreground: #75beff;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .2);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .4);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(204, 204, 204, .2);--vscode-list-focusOutline: #007fd4;--vscode-list-activeSelectionBackground: #04395e;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #37373d;--vscode-list-hoverBackground: #2a2d2e;--vscode-list-dropBackground: #383b3d;--vscode-list-highlightForeground: #2aaaff;--vscode-list-focusHighlightForeground: #2aaaff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #f88070;--vscode-list-warningForeground: #cca700;--vscode-listFilterWidget-background: #252526;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .36);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #585858;--vscode-tree-tableColumnsBorder: rgba(204, 204, 204, .13);--vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, .04);--vscode-list-deemphasizedForeground: #8c8c8c;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #04395e;--vscode-menu-foreground: #cccccc;--vscode-menu-background: #303031;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #04395e;--vscode-menu-separatorBackground: #606060;--vscode-toolbar-hoverBackground: rgba(90, 93, 94, .31);--vscode-toolbar-activeBackground: rgba(99, 102, 103, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, .3);--vscode-editor-snippetFinalTabstopHighlightBorder: #525252;--vscode-breadcrumb-foreground: rgba(204, 204, 204, .8);--vscode-breadcrumb-background: #1e1e1e;--vscode-breadcrumb-focusForeground: #e0e0e0;--vscode-breadcrumb-activeSelectionForeground: #e0e0e0;--vscode-breadcrumbPicker-background: #252526;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #676767;--vscode-minimap-selectionHighlight: #264f78;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #cca700;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(121, 121, 121, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(191, 191, 191, .2);--vscode-problemsErrorIcon-foreground: #f14c4c;--vscode-problemsWarningIcon-foreground: #cca700;--vscode-problemsInfoIcon-foreground: #3794ff;--vscode-charts-foreground: #cccccc;--vscode-charts-lines: rgba(204, 204, 204, .5);--vscode-charts-red: #f14c4c;--vscode-charts-blue: #3794ff;--vscode-charts-yellow: #cca700;--vscode-charts-orange: #d18616;--vscode-charts-green: #89d185;--vscode-charts-purple: #b180d7;--vscode-editor-lineHighlightBorder: #282828;--vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, .04);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #aeafad;--vscode-editorWhitespace-foreground: rgba(227, 228, 226, .16);--vscode-editorIndentGuide-background: #404040;--vscode-editorIndentGuide-activeBackground: #707070;--vscode-editorLineNumber-foreground: #858585;--vscode-editorActiveLineNumber-foreground: #c6c6c6;--vscode-editorLineNumber-activeForeground: #c6c6c6;--vscode-editorRuler-foreground: #5a5a5a;--vscode-editorCodeLens-foreground: #999999;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #888888;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #1e1e1e;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .67);--vscode-editorGhostText-foreground: rgba(255, 255, 255, .34);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #cca700;--vscode-editorOverviewRuler-infoForeground: #3794ff;--vscode-editorBracketHighlight-foreground1: #ffd700;--vscode-editorBracketHighlight-foreground2: #da70d6;--vscode-editorBracketHighlight-foreground3: #179fff;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #bd9b03;--vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, .15);--vscode-symbolIcon-arrayForeground: #cccccc;--vscode-symbolIcon-booleanForeground: #cccccc;--vscode-symbolIcon-classForeground: #ee9d28;--vscode-symbolIcon-colorForeground: #cccccc;--vscode-symbolIcon-constantForeground: #cccccc;--vscode-symbolIcon-constructorForeground: #b180d7;--vscode-symbolIcon-enumeratorForeground: #ee9d28;--vscode-symbolIcon-enumeratorMemberForeground: #75beff;--vscode-symbolIcon-eventForeground: #ee9d28;--vscode-symbolIcon-fieldForeground: #75beff;--vscode-symbolIcon-fileForeground: #cccccc;--vscode-symbolIcon-folderForeground: #cccccc;--vscode-symbolIcon-functionForeground: #b180d7;--vscode-symbolIcon-interfaceForeground: #75beff;--vscode-symbolIcon-keyForeground: #cccccc;--vscode-symbolIcon-keywordForeground: #cccccc;--vscode-symbolIcon-methodForeground: #b180d7;--vscode-symbolIcon-moduleForeground: #cccccc;--vscode-symbolIcon-namespaceForeground: #cccccc;--vscode-symbolIcon-nullForeground: #cccccc;--vscode-symbolIcon-numberForeground: #cccccc;--vscode-symbolIcon-objectForeground: #cccccc;--vscode-symbolIcon-operatorForeground: #cccccc;--vscode-symbolIcon-packageForeground: #cccccc;--vscode-symbolIcon-propertyForeground: #cccccc;--vscode-symbolIcon-referenceForeground: #cccccc;--vscode-symbolIcon-snippetForeground: #cccccc;--vscode-symbolIcon-stringForeground: #cccccc;--vscode-symbolIcon-structForeground: #cccccc;--vscode-symbolIcon-textForeground: #cccccc;--vscode-symbolIcon-typeParameterForeground: #cccccc;--vscode-symbolIcon-unitForeground: #cccccc;--vscode-symbolIcon-variableForeground: #75beff;--vscode-editorHoverWidget-highlightForeground: #2aaaff;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(38, 79, 120, .3);--vscode-editorGutter-foldingControlForeground: #c5c5c5;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .72);--vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, .72);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(55, 148, 255, .1);--vscode-peekViewTitleLabel-foreground: #ffffff;--vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, .7);--vscode-peekView-border: #3794ff;--vscode-peekViewResult-background: #252526;--vscode-peekViewResult-lineForeground: #bbbbbb;--vscode-peekViewResult-fileForeground: #ffffff;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #ffffff;--vscode-peekViewEditor-background: #001f33;--vscode-peekViewEditorGutter-background: #001f33;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, .6);--vscode-editorMarkerNavigationError-background: #f14c4c;--vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, .1);--vscode-editorMarkerNavigationWarning-background: #cca700;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, .1);--vscode-editorMarkerNavigationInfo-background: #3794ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, .1);--vscode-editorMarkerNavigation-background: #1e1e1e;--vscode-editorSuggestWidget-background: #252526;--vscode-editorSuggestWidget-border: #454545;--vscode-editorSuggestWidget-foreground: #d4d4d4;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #04395e;--vscode-editorSuggestWidget-highlightForeground: #2aaaff;--vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;--vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, .5);--vscode-tab-activeBackground: #1e1e1e;--vscode-tab-unfocusedActiveBackground: #1e1e1e;--vscode-tab-inactiveBackground: #2d2d2d;--vscode-tab-unfocusedInactiveBackground: #2d2d2d;--vscode-tab-activeForeground: #ffffff;--vscode-tab-inactiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, .25);--vscode-tab-border: #252526;--vscode-tab-lastPinnedBorder: rgba(204, 204, 204, .2);--vscode-tab-activeModifiedBorder: #3399cc;--vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, .25);--vscode-editorPane-background: #1e1e1e;--vscode-editorGroupHeader-tabsBackground: #252526;--vscode-editorGroupHeader-noTabsBackground: #1e1e1e;--vscode-editorGroup-border: #444444;--vscode-editorGroup-dropBackground: rgba(83, 89, 93, .5);--vscode-editorGroup-dropIntoPromptForeground: #cccccc;--vscode-editorGroup-dropIntoPromptBackground: #252526;--vscode-sideBySideEditor-horizontalBorder: #444444;--vscode-sideBySideEditor-verticalBorder: #444444;--vscode-panel-background: #1e1e1e;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #e7e7e7;--vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, .6);--vscode-panelTitle-activeBorder: #e7e7e7;--vscode-panel-dropBorder: #e7e7e7;--vscode-panelSection-dropBackground: rgba(83, 89, 93, .5);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #04395e;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #3794ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #7a6400;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #333333;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #252526;--vscode-sideBarTitle-foreground: #bbbbbb;--vscode-sideBar-dropBackground: rgba(83, 89, 93, .5);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(204, 204, 204, .2);--vscode-titleBar-activeForeground: #cccccc;--vscode-titleBar-inactiveForeground: rgba(204, 204, 204, .6);--vscode-titleBar-activeBackground: #3c3c3c;--vscode-titleBar-inactiveBackground: rgba(60, 60, 60, .6);--vscode-menubar-selectionForeground: #cccccc;--vscode-menubar-selectionBackground: rgba(90, 93, 94, .31);--vscode-notifications-foreground: #cccccc;--vscode-notifications-background: #252526;--vscode-notificationLink-foreground: #3794ff;--vscode-notificationCenterHeader-background: #303031;--vscode-notifications-border: #303031;--vscode-notificationsErrorIcon-foreground: #f14c4c;--vscode-notificationsWarningIcon-foreground: #cca700;--vscode-notificationsInfoIcon-foreground: #3794ff;--vscode-commandCenter-foreground: #cccccc;--vscode-commandCenter-activeForeground: #cccccc;--vscode-commandCenter-activeBackground: rgba(90, 93, 94, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, .5);--vscode-editorCommentsWidget-unresolvedBorder: #3794ff;--vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, .4);--vscode-editorGutter-commentRangeForeground: #37373d;--vscode-debugToolBar-background: #333333;--vscode-debugIcon-startForeground: #89d185;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, .2);--vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, .3);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .2);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #e7e7e7;--vscode-settings-modifiedItemIndicator: #0c7d9d;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #3c3c3c;--vscode-settings-dropdownForeground: #f0f0f0;--vscode-settings-dropdownBorder: #3c3c3c;--vscode-settings-dropdownListBorder: #454545;--vscode-settings-checkboxBackground: #3c3c3c;--vscode-settings-checkboxForeground: #f0f0f0;--vscode-settings-checkboxBorder: #3c3c3c;--vscode-settings-textInputBackground: #3c3c3c;--vscode-settings-textInputForeground: #cccccc;--vscode-settings-numberInputBackground: #3c3c3c;--vscode-settings-numberInputForeground: #cccccc;--vscode-settings-focusedRowBackground: rgba(42, 45, 46, .6);--vscode-settings-rowHoverBackground: rgba(42, 45, 46, .3);--vscode-settings-focusedRowBorder: rgba(255, 255, 255, .12);--vscode-terminal-foreground: #cccccc;--vscode-terminal-selectionBackground: #264f78;--vscode-terminal-inactiveSelectionBackground: #3a3d41;--vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, .25);--vscode-terminalCommandDecoration-successBackground: #1b81a8;--vscode-terminalCommandDecoration-errorBackground: #f14c4c;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #515c6a;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(83, 89, 93, .5);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #f14c4c;--vscode-testing-peekHeaderBackground: rgba(241, 76, 76, .1);--vscode-testing-message\.error\.decorationForeground: #f14c4c;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(212, 212, 212, .5);--vscode-welcomePage-tileBackground: #252526;--vscode-welcomePage-tileHoverBackground: #2c2c2d;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .36);--vscode-welcomePage-progress\.background: #3c3c3c;--vscode-welcomePage-progress\.foreground: #3794ff;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #420b0d;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(255, 255, 255, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #1b81a8;--vscode-editorGutter-addedBackground: #487e02;--vscode-editorGutter-deletedBackground: #f14c4c;--vscode-minimapGutter-modifiedBackground: #1b81a8;--vscode-minimapGutter-addedBackground: #487e02;--vscode-minimapGutter-deletedBackground: #f14c4c;--vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #37373d;--vscode-notebook-focusedEditorBorder: #007fd4;--vscode-notebookStatusSuccessIcon-foreground: #89d185;--vscode-notebookStatusErrorIcon-foreground: #f48771;--vscode-notebookStatusRunningIcon-foreground: #cccccc;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: #37373d;--vscode-notebook-selectedCellBorder: #37373d;--vscode-notebook-focusedCellBorder: #007fd4;--vscode-notebook-inactiveFocusedCellBorder: #37373d;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, .15);--vscode-notebook-cellInsertionIndicator: #007fd4;--vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, .04);--vscode-notebook-cellEditorBackground: #252526;--vscode-notebook-editorBackground: #1e1e1e;--vscode-keybindingTable-headerBackground: rgba(204, 204, 204, .04);--vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, .04);--vscode-scm-providerBorder: #454545;--vscode-debugTokenExpression-name: #c586c0;--vscode-debugTokenExpression-value: rgba(204, 204, 204, .6);--vscode-debugTokenExpression-string: #ce9178;--vscode-debugTokenExpression-boolean: #4e94ce;--vscode-debugTokenExpression-number: #b5cea8;--vscode-debugTokenExpression-error: #f48771;--vscode-debugView-exceptionLabelForeground: #cccccc;--vscode-debugView-exceptionLabelBackground: #6c2022;--vscode-debugView-stateLabelForeground: #cccccc;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #3794ff;--vscode-debugConsole-warningForeground: #cca700;--vscode-debugConsole-errorForeground: #f48771;--vscode-debugConsole-sourceForeground: #cccccc;--vscode-debugConsoleInputIcon-foreground: #cccccc;--vscode-debugIcon-pauseForeground: #75beff;--vscode-debugIcon-stopForeground: #f48771;--vscode-debugIcon-disconnectForeground: #f48771;--vscode-debugIcon-restartForeground: #89d185;--vscode-debugIcon-stepOverForeground: #75beff;--vscode-debugIcon-stepIntoForeground: #75beff;--vscode-debugIcon-stepOutForeground: #75beff;--vscode-debugIcon-continueForeground: #75beff;--vscode-debugIcon-stepBackForeground: #75beff;--vscode-extensionButton-prominentBackground: #0e639c;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #1177bb;--vscode-extensionIcon-starForeground: #ff8e00;--vscode-extensionIcon-verifiedForeground: #3794ff;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #d758b3;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #0dbc79;--vscode-terminal-ansiYellow: #e5e510;--vscode-terminal-ansiBlue: #2472c8;--vscode-terminal-ansiMagenta: #bc3fbc;--vscode-terminal-ansiCyan: #11a8cd;--vscode-terminal-ansiWhite: #e5e5e5;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #f14c4c;--vscode-terminal-ansiBrightGreen: #23d18b;--vscode-terminal-ansiBrightYellow: #f5f543;--vscode-terminal-ansiBrightBlue: #3b8eea;--vscode-terminal-ansiBrightMagenta: #d670d6;--vscode-terminal-ansiBrightCyan: #29b8db;--vscode-terminal-ansiBrightWhite: #e5e5e5;--vscode-interactive-activeCodeBorder: #3794ff;--vscode-interactive-inactiveCodeBorder: #37373d;--vscode-gitDecoration-addedResourceForeground: #81b88b;--vscode-gitDecoration-modifiedResourceForeground: #e2c08d;--vscode-gitDecoration-deletedResourceForeground: #c74e39;--vscode-gitDecoration-renamedResourceForeground: #73c991;--vscode-gitDecoration-untrackedResourceForeground: #73c991;--vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;--vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;--vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;--vscode-gitDecoration-conflictingResourceForeground: #e4676b;--vscode-gitDecoration-submoduleResourceForeground: #8db9e2}.test-error-container{position:relative;white-space:pre;flex:none;padding:0;background-color:var(--color-canvas-subtle);border-radius:6px;line-height:initial;margin-bottom:6px}.test-error-view{overflow:auto;padding:16px}.test-error-text{font-family:monospace}.test-result{flex:auto;display:flex;flex-direction:column;margin-bottom:24px}.test-result>div{flex:none}.test-result video,.test-result img.screenshot{flex:none;box-shadow:var(--box-shadow-thick);margin:24px auto;min-width:200px;max-width:80%}.test-result-path{padding:0 0 0 5px;color:var(--color-fg-muted)}.test-result-counter{border-radius:12px;color:var(--color-canvas-default);padding:2px 8px;line-height:normal}.step-title-container{display:flex;align-items:center;flex:auto;min-width:0}.step-title-container>*{flex-shrink:0}.step-title-text{flex-shrink:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0}.step-spacer{flex:auto}.step-attachment-link{display:flex;flex:none;border-radius:4px;padding:4px}.step-attachment-link:hover{background-color:var(--color-neutral-muted)}.step-attachment-link .octicon{margin-right:0}.step-duration{flex:none;white-space:nowrap;margin-left:4px}:root.light-mode .test-result-counter{background:var(--color-scale-gray-5)}:root.dark-mode .test-result-counter{background:var(--color-scale-gray-3)}@media only screen and (max-width: 600px){.test-result{padding:0!important}}.test-file-test{line-height:32px;align-items:center;padding:2px 8px;overflow:hidden;text-overflow:ellipsis}.test-file-test:hover{background-color:var(--color-canvas-subtle)}.test-file-title{font-weight:600;font-size:16px}.test-file-details-row{padding:0 0 6px 8px;margin:0 0 0 15px;line-height:16px;font-weight:400;color:var(--color-fg-muted);display:flex;align-items:center}.test-file-details-row-items{display:flex;height:16px}.test-file-details-row-items>.link-badge{margin-top:-2px}.test-file-details-row-items>.trace-link{margin-top:-4px}.test-file-path{text-overflow:ellipsis;overflow:hidden;color:var(--color-fg-muted)}.test-file-path-link{margin-right:10px}.test-file-test-outcome-skipped{color:var(--color-fg-muted)}.test-file-test-status-icon{flex:none}.test-file-header-info{display:flex;align-items:center;gap:4px 8px;color:var(--color-fg-muted)}.test-file-header-br{flex-basis:100%;height:0}.test-file-no-files{margin-top:12px;color:var(--color-fg-muted);background-color:unset;font-weight:unset;border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px}#root{color:var(--color-fg-default);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}.metadata-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-fg-default)}.metadata-toggle-second-line{margin-top:8px;margin-left:8px}.metadata-view{border:1px solid var(--color-border-default);border-radius:6px;margin-top:12px}.metadata-view .metadata-section{margin:8px 10px 8px 32px}.metadata-view span:not(.copy-button-container),.metadata-view a{display:inline-block;line-height:24px}.metadata-properties{display:flex;flex-direction:column;align-items:normal;gap:8px}.metadata-properties>div{height:24px}.metadata-separator{height:1px;border-bottom:1px solid var(--color-border-default)}.metadata-view a{color:var(--color-fg-default)}.copyable-property{white-space:pre}.copyable-property>span{display:flex;align-items:center}.gantt-bar{transition:opacity .2s;cursor:pointer;outline:none}.gantt-bar:hover,.gantt-bar:focus{opacity:.8;stroke:var(--color-fg-default);stroke-width:2}
+</style>
+  </head>
+  <body>
+    <div id='root'></div>
+  </body>
+</html>
+<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
\ No newline at end of file
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 00000000..c5c67f4c
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,25 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './__tests__/e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:3000',
+    trace: 'on-first-retry',
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+  webServer: {
+    command: 'bun run dev',
+    url: 'http://localhost:3000',
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
index 582a044d..d4730468 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/[id]/edit/page.tsx
@@ -37,6 +37,15 @@ export default function EditKolaborasiInovasi() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.jumlah?.trim() !== '' &&
+      (formData.imageId?.trim() !== '' || file !== null)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     jumlah: "",
@@ -252,8 +261,11 @@ export default function EditKolaborasiInovasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx b/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
index 19e4014b..14044c4c 100644
--- a/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/SDGs/create/page.tsx
@@ -19,6 +19,14 @@ function CreateSDGsDesa() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateSDGSDesa.create.form.name?.trim() !== '' &&
+      stateSDGSDesa.create.form.jumlah?.trim() !== '' &&
+      file !== null
+    );
+  };
 
   useEffect(() => {
     stateSDGSDesa.findMany.load();
@@ -203,8 +211,11 @@ function CreateSDGsDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index ad5075dd..e22b2617 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -53,6 +53,14 @@ function EditAPBDes() {
   const params = useParams();
 
   const [isSubmitting, setIsSubmitting] = useState(false);
+  
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      apbdesState.edit.form.items.length > 0
+    );
+  };
+
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [previewDoc, setPreviewDoc] = useState<string | null>(null);
   const [imageFile, setImageFile] = useState<File | null>(null);
@@ -492,9 +500,11 @@ function EditAPBDes() {
             <Button
               onClick={handleSubmit}
               radius="md"
-              disabled={apbdesState.edit.form.items.length === 0 || apbdesState.edit.loading}
+              disabled={!isFormValid() || isSubmitting || apbdesState.edit.loading}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting || apbdesState.edit.loading
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
               }}
             >
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index 80cdad96..1ac3945a 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -47,6 +47,15 @@ function CreateAPBDes() {
   const [docFile, setDocFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      imageFile !== null &&
+      docFile !== null &&
+      stateAPBDes.create.form.items.length > 0
+    );
+  };
+
   // Form sementara untuk input item baru
   const [newItem, setNewItem] = useState<ItemForm>({
     kode: '',
@@ -468,9 +477,11 @@ function CreateAPBDes() {
             <Button
               onClick={handleSubmit}
               radius="md"
-              disabled={stateAPBDes.create.form.items.length === 0}
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
               }}
             >
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
index 548e649f..d3068ef7 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
@@ -25,6 +25,11 @@ export default function EditKategoriDesaAntiKorupsi() {
   const [originalData, setOriginalData] = useState({ name: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.name?.trim() !== '';
+  };
+
   // 📥 load data saat pertama kali dibuka
   useEffect(() => {
     if (!id) return;
@@ -126,9 +131,11 @@ export default function EditKategoriDesaAntiKorupsi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
-              disabled={isSubmitting}
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
index 40ead798..5425b45f 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
@@ -14,6 +14,11 @@ export default function CreateKategoriDesaAntiKorupsi() {
   const stateKategori = useProxy(korupsiState.kategoriDesaAntiKorupsi);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return stateKategori.create.form.name?.trim() !== '';
+  };
+
   useEffect(() => {
     stateKategori.findMany.load();
   }, []);
@@ -87,8 +92,11 @@ export default function CreateKategoriDesaAntiKorupsi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
index 423a1f99..3ac9761b 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
@@ -36,6 +36,15 @@ export default function EditDesaAntiKorupsi() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.kategoriId?.trim() !== '' &&
+      (formData.fileId?.trim() !== '' || file !== null)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     deskripsi: "",
@@ -287,8 +296,11 @@ export default function EditDesaAntiKorupsi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
index 5d58a95c..6068ed8a 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
@@ -31,6 +31,15 @@ export default function CreateDesaAntiKorupsi() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      file !== null &&
+      stateKorupsi.create.form.name?.trim() !== '' &&
+      stateKorupsi.create.form.kategoriId?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     stateKorupsi.findMany.load();
     korupsiState.kategoriDesaAntiKorupsi.findMany.load();
@@ -238,8 +247,11 @@ export default function CreateDesaAntiKorupsi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
index b0128513..fe4515d6 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
@@ -21,6 +21,11 @@ function EditKategoriPrestasi() {
   const [resetData, setResetData] = useState({ name: '' });
   const [loading, setLoading] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.name?.trim() !== '';
+  };
+
   // Load data kategori prestasi saat component mount
   useEffect(() => {
     if (!id) return;
@@ -123,8 +128,11 @@ function EditKategoriPrestasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
index 8e41927b..32a5071a 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
@@ -15,6 +15,11 @@ function CreateKategoriPrestasi() {
   const stateKategori = useProxy(prestasiState.kategoriPrestasi)
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return stateKategori.create.form.name?.trim() !== '';
+  };
+
   useEffect(() => {
     stateKategori.findMany.load();
   }, []);
@@ -84,8 +89,11 @@ function CreateKategoriPrestasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
index 402ede7e..70bb513a 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
@@ -31,6 +31,15 @@ export default function EditPrestasiDesa() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.kategoriId?.trim() !== '' &&
+      (formData.imageId?.trim() !== '' || file !== null)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     deskripsi: "",
@@ -253,8 +262,11 @@ export default function EditPrestasiDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
index 450a8f59..c27240e9 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
@@ -21,6 +21,14 @@ function CreatePrestasiDesa() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      file !== null &&
+      snapPrestasi.create.form.name?.trim() !== '' &&
+      snapPrestasi.create.form.kategoriId?.trim() !== ''
+    );
+  };
 
   useEffect(() => {
     prestasi.findMany.load();
@@ -226,8 +234,11 @@ function CreatePrestasiDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
index e1d59050..46582b2d 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/[id]/edit/page.tsx
@@ -70,6 +70,15 @@ function EditMediaSosial() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    const isNameValid = formData.name?.trim() !== '';
+    const isIconUrlValid = formData.iconUrl?.trim() !== '';
+    const isCustomIconValid = selectedSosmed !== 'custom' || file !== null;
+
+    return isNameValid && isIconUrlValid && isCustomIconValid;
+  };
+
   const [originalData, setOriginalData] = useState({
     name: '',
     icon: '',
@@ -340,8 +349,11 @@ function EditMediaSosial() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
index 17e1c952..ca8925a5 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
@@ -24,6 +24,7 @@ import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import profileLandingPageState from '../../../../_state/landing-page/profile';
 import SelectSosialMedia from '@/app/admin/(dashboard)/_com/selectSocialMedia';
+import { sosmedMap } from '@/app/admin/(dashboard)/landing-page/profil/_lib/sosmed';
 
 // ⭐ Tambah type SosmedKey
 type SosmedKey =
@@ -38,20 +39,6 @@ type SosmedKey =
   | 'telephone'
   | 'custom';
 
-// ⭐ mapping icon sosmed bawaan
-const sosmedMap: Record<SosmedKey, { label: string; src: string | null }> = {
-  facebook: { label: 'Facebook', src: '/assets/images/sosmed/facebook.png' },
-  instagram: { label: 'Instagram', src: '/assets/images/sosmed/instagram.png' },
-  tiktok: { label: 'Tiktok', src: '/assets/images/sosmed/tiktok.png' },
-  youtube: { label: 'YouTube', src: '/assets/images/sosmed/youtube.png' },
-  whatsapp: { label: 'WhatsApp', src: '/assets/images/sosmed/whatsapp.png' },
-  gmail: { label: 'Gmail', src: '/assets/images/sosmed/gmail.png' },
-  telegram: { label: 'Telegram', src: '/assets/images/sosmed/telegram.png' },
-  x: { label: 'X (Twitter)', src: '/assets/images/sosmed/x-twitter.png' },
-  telephone: { label: 'Telephone', src: '/assets/images/sosmed/telephone-call.png' },
-  custom: { label: 'Custom Icon', src: null },
-};
-
 export default function CreateMediaSosial() {
   const router = useRouter();
   const stateMediaSosial = useProxy(profileLandingPageState.mediaSosial);
@@ -61,6 +48,15 @@ export default function CreateMediaSosial() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    const isNameValid = stateMediaSosial.create.form.name?.trim() !== '';
+    const isIconUrlValid = stateMediaSosial.create.form.iconUrl?.trim() !== '';
+    const isCustomIconValid = selectedSosmed !== 'custom' || file !== null;
+
+    return isNameValid && isIconUrlValid && isCustomIconValid;
+  };
+
   useEffect(() => {
     stateMediaSosial.findMany.load();
   }, []);
@@ -85,7 +81,7 @@ export default function CreateMediaSosial() {
       // ──────────────── ⭐ CASE 1: PAKAI ICON DEFAULT ────────────────
       if (selectedSosmed !== 'custom') {
         stateMediaSosial.create.form.imageId = null;
-        stateMediaSosial.create.form.icon = sosmedMap[selectedSosmed].src!;
+        stateMediaSosial.create.form.icon = selectedSosmed; // Store the key, not the path
 
         await stateMediaSosial.create.create();
         resetForm();
@@ -261,8 +257,11 @@ export default function CreateMediaSosial() {
             <Button
               radius="md"
               onClick={handleSubmit}
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? 'linear-gradient(135deg, #cccccc, #999999)'
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
index 715905dd..df7b3993 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/pejabat-desa/[id]/page.tsx
@@ -40,6 +40,15 @@ function EditPejabatDesa() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.position?.trim() !== '' &&
+      (formData.imageId?.trim() !== '' || file !== null)
+    );
+  };
+
   // Load data on mount
   useEffect(() => {
     const loadData = async () => {
@@ -327,11 +336,13 @@ function EditPejabatDesa() {
               <Button
                 onClick={handleSubmit}
                 loading={isSubmitting || allState.edit.loading}
-                disabled={!formData.name}
+                disabled={!isFormValid() || isSubmitting || allState.edit.loading}
                 radius="md"
                 size="md"
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting || allState.edit.loading
+                    ? 'linear-gradient(135deg, #cccccc, #999999)'
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
index c988b087..ce988954 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/edit/page.tsx
@@ -39,6 +39,16 @@ function EditProgramInovasi() {
   })
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.description?.trim() !== '' &&
+      formData.link?.trim() !== '' &&
+      (formData.imageId?.trim() !== '' || file !== null)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     description: "",
@@ -271,8 +281,11 @@ function EditProgramInovasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting 
+                  ? 'linear-gradient(135deg, #cccccc, #999999)' 
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
index eac0393f..a3612885 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/create/page.tsx
@@ -31,6 +31,16 @@ function CreateProgramInovasi() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateProgramInovasi.create.form.name?.trim() !== '' &&
+      stateProgramInovasi.create.form.description?.trim() !== '' &&
+      stateProgramInovasi.create.form.link?.trim() !== '' &&
+      file !== null
+    );
+  };
+
   useEffect(() => {
     stateProgramInovasi.findMany.load();
   }, []);
@@ -221,8 +231,11 @@ function CreateProgramInovasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting 
+                  ? 'linear-gradient(135deg, #cccccc, #999999)' 
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/test-berita-state.ts b/test-berita-state.ts
new file mode 100644
index 00000000..cea6b5f5
--- /dev/null
+++ b/test-berita-state.ts
@@ -0,0 +1,28 @@
+import stateDashboardBerita from './src/app/admin/(dashboard)/_state/desa/berita';
+
+// Simple validation to check if the state structure is correct
+console.log('Testing Berita State Structure...');
+
+// Check if main objects exist
+console.log('✓ Berita object exists:', !!stateDashboardBerita.berita);
+console.log('✓ KategoriBerita object exists:', !!stateDashboardBerita.kategoriBerita);
+
+// Check if required methods exist in berita
+const berita = stateDashboardBerita.berita;
+console.log('✓ Berita.create exists:', !!berita.create);
+console.log('✓ Berita.findMany exists:', !!berita.findMany);
+console.log('✓ Berita.findUnique exists:', !!berita.findUnique);
+console.log('✓ Berita.delete exists:', !!berita.delete);
+console.log('✓ Berita.edit exists:', !!berita.edit);
+console.log('✓ Berita.findFirst exists:', !!berita.findFirst);
+console.log('✓ Berita.findRecent exists:', !!berita.findRecent);
+
+// Check if required methods exist in kategoriBerita
+const kategoriBerita = stateDashboardBerita.kategoriBerita;
+console.log('✓ KategoriBerita.create exists:', !!kategoriBerita.create);
+console.log('✓ KategoriBerita.findMany exists:', !!kategoriBerita.findMany);
+console.log('✓ KategoriBerita.findUnique exists:', !!kategoriBerita.findUnique);
+console.log('✓ KategoriBerita.delete exists:', !!kategoriBerita.delete);
+console.log('✓ KategoriBerita.update exists:', !!kategoriBerita.update);
+
+console.log('\\nAll state properties are correctly defined!');
\ No newline at end of file
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
new file mode 100644
index 00000000..f950cf91
--- /dev/null
+++ b/test-results/.last-run.json
@@ -0,0 +1,6 @@
+{
+  "status": "failed",
+  "failedTests": [
+    "84e7eb052e8cbae1c9f0-6067b767debcd3745af5"
+  ]
+}
\ No newline at end of file
diff --git a/test-results/homepage-homepage-has-correct-title-and-content-chromium/error-context.md b/test-results/homepage-homepage-has-correct-title-and-content-chromium/error-context.md
new file mode 100644
index 00000000..c0cf174c
--- /dev/null
+++ b/test-results/homepage-homepage-has-correct-title-and-content-chromium/error-context.md
@@ -0,0 +1,208 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e2]:
+    - generic [ref=e7]:
+      - button "Darmasaba Logo" [ref=e8] [cursor=pointer]:
+        - img "Darmasaba Logo" [ref=e10]
+      - button "PPID" [ref=e11] [cursor=pointer]:
+        - generic [ref=e13]: PPID
+      - button "Desa" [ref=e14] [cursor=pointer]:
+        - generic [ref=e16]: Desa
+      - button "Kesehatan" [ref=e17] [cursor=pointer]:
+        - generic [ref=e19]: Kesehatan
+      - button "Keamanan" [ref=e20] [cursor=pointer]:
+        - generic [ref=e22]: Keamanan
+      - button "Ekonomi" [ref=e23] [cursor=pointer]:
+        - generic [ref=e25]: Ekonomi
+      - button "Inovasi" [ref=e26] [cursor=pointer]:
+        - generic [ref=e28]: Inovasi
+      - button "Lingkungan" [ref=e29] [cursor=pointer]:
+        - generic [ref=e31]: Lingkungan
+      - button "Pendidikan" [ref=e32] [cursor=pointer]:
+        - generic [ref=e34]: Pendidikan
+      - button "Musik" [ref=e35] [cursor=pointer]:
+        - generic [ref=e37]: Musik
+      - button [ref=e38] [cursor=pointer]:
+        - img [ref=e40]
+    - generic [ref=e46]:
+      - generic [ref=e51]:
+        - generic [ref=e52]:
+          - generic [ref=e53]:
+            - img "Logo Darmasaba" [ref=e55]
+            - img "Logo Pudak" [ref=e57]
+          - generic [ref=e63]:
+            - generic [ref=e65]:
+              - generic [ref=e66]:
+                - img [ref=e67]
+                - paragraph [ref=e71]: Jam Operasional
+              - generic [ref=e72]:
+                - generic [ref=e74]: Buka
+                - paragraph [ref=e75]: 07:30 - 15:30
+            - generic [ref=e77]:
+              - generic [ref=e78]:
+                - img [ref=e79]
+                - paragraph [ref=e82]: Hari Ini
+              - generic [ref=e83]:
+                - paragraph [ref=e84]: Status Kantor
+                - paragraph [ref=e85]: Sedang Beroperasi
+        - paragraph [ref=e95]: Bagikan ide, kritik, atau saran Anda untuk mendukung pembangunan desa. Semua lebih mudah dengan fitur interaktif yang kami sediakan.
+      - generic [ref=e102]:
+        - generic [ref=e103]: Browser Anda tidak mendukung video.
+        - generic [ref=e106]:
+          - heading "Penghargaan Desa" [level=2] [ref=e107]
+          - paragraph [ref=e110]: Sedang memuat data penghargaan...
+          - button "Lihat semua penghargaan" [ref=e111] [cursor=pointer]:
+            - generic [ref=e112]:
+              - paragraph [ref=e114]: Lihat Semua Penghargaan
+              - img [ref=e116]
+      - generic [ref=e119]:
+        - generic [ref=e121]:
+          - heading "Layanan" [level=1] [ref=e122]
+          - paragraph [ref=e123]: Layanan adalah fitur yang membantu warga desa mengakses berbagai kebutuhan administrasi, informasi, dan bantuan secara cepat, mudah, dan transparan. Dengan fitur ini, semua layanan desa ada dalam genggaman Anda!
+          - link "Detail" [ref=e125] [cursor=pointer]:
+            - /url: /darmasaba/desa/layanan
+            - generic [ref=e127]: Detail
+        - separator [ref=e129]
+      - generic [ref=e130]:
+        - generic [ref=e131]:
+          - paragraph [ref=e132]: Potensi Desa
+          - paragraph [ref=e133]: Jelajahi berbagai potensi dan peluang yang dimiliki desa. Fitur ini membantu warga maupun pemerintah desa dalam merencanakan dan mengembangkan program berbasis kekuatan lokal.
+        - paragraph [ref=e136]: Sedang memuat potensi desa...
+        - button "Lihat Semua Potensi" [ref=e139] [cursor=pointer]:
+          - generic [ref=e140]:
+            - generic [ref=e141]: Lihat Semua Potensi
+            - img [ref=e143]
+        - separator [ref=e146]
+      - generic [ref=e147]:
+        - generic [ref=e148]:
+          - paragraph [ref=e150]: Desa Anti Korupsi
+          - paragraph [ref=e151]: Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola secara terbuka dengan melibatkan warga dalam pengawasan anggaran, sehingga digunakan tepat sasaran dan sesuai kebutuhan masyarakat.
+          - link "Selengkapnya" [ref=e153] [cursor=pointer]:
+            - /url: /darmasaba/desa-anti-korupsi/detail
+            - generic [ref=e155]: Selengkapnya
+        - paragraph [ref=e158]: Memuat Data...
+      - generic [ref=e166]:
+        - heading "SDGs Desa" [level=1] [ref=e168]
+        - paragraph [ref=e169]: SDGs Desa adalah upaya desa untuk menciptakan pembangunan yang maju, inklusif, dan berkelanjutan melalui 17 tujuan mulai dari pengentasan kemiskinan, pendidikan, kesehatan, hingga pelestarian lingkungan.
+        - generic [ref=e170]:
+          - generic [ref=e171]:
+            - img [ref=e172]
+            - paragraph [ref=e175]: Data SDGs Desa belum tersedia
+          - link "Jelajahi Semua Tujuan SDGs Desa" [ref=e177] [cursor=pointer]:
+            - /url: /darmasaba/sdgs-desa
+            - paragraph [ref=e180]: Jelajahi Semua Tujuan SDGs Desa
+      - generic [ref=e181]:
+        - generic [ref=e183]:
+          - heading "APBDes" [level=1] [ref=e184]
+          - paragraph [ref=e185]: Transparansi APBDes Darmasaba adalah langkah nyata menuju tata kelola desa yang bersih, terbuka, dan bertanggung jawab.
+        - link "Lihat Semua Data" [ref=e187] [cursor=pointer]:
+          - /url: /darmasaba/apbdes
+          - generic [ref=e189]: Lihat Semua Data
+        - generic [ref=e191]:
+          - paragraph [ref=e193]: Pilih Tahun APBDes
+          - generic [ref=e194]:
+            - textbox "Pilih Tahun APBDes" [ref=e195]:
+              - /placeholder: Pilih tahun
+            - generic:
+              - img
+        - paragraph [ref=e197]: Tidak ada data APBDes untuk tahun yang dipilih.
+      - generic [ref=e202]:
+        - heading "Prestasi Desa" [level=1] [ref=e203]
+        - paragraph [ref=e204]: Kami bangga dengan pencapaian desa hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.
+        - link "Lihat Semua Prestasi" [ref=e205] [cursor=pointer]:
+          - /url: /darmasaba/prestasi-desa
+          - generic [ref=e207]: Lihat Semua Prestasi
+      - button [ref=e211] [cursor=pointer]:
+        - img [ref=e214]
+      - button [ref=e219] [cursor=pointer]:
+        - img [ref=e221]
+    - generic [ref=e225]:
+      - contentinfo [ref=e228]:
+        - generic [ref=e230]:
+          - generic [ref=e231]:
+            - heading "Komitmen Layanan Kami" [level=2] [ref=e232]
+            - generic [ref=e233]:
+              - generic [ref=e234]:
+                - paragraph [ref=e235]: "1. Transparansi:"
+                - paragraph [ref=e236]: Pengelolaan dana desa dilakukan secara terbuka agar masyarakat dapat memahami dan memantau penggunaan anggaran.
+              - generic [ref=e237]:
+                - paragraph [ref=e238]: "2. Profesionalisme:"
+                - paragraph [ref=e239]: Layanan desa diberikan secara cepat, adil, dan profesional demi kepuasan masyarakat.
+              - generic [ref=e240]:
+                - paragraph [ref=e241]: "3. Partisipasi:"
+                - paragraph [ref=e242]: Masyarakat dilibatkan aktif dalam pengambilan keputusan demi pembangunan desa yang berhasil.
+              - generic [ref=e243]:
+                - paragraph [ref=e244]: "4. Inovasi:"
+                - paragraph [ref=e245]: Kami terus berinovasi, termasuk melalui teknologi, agar layanan semakin mudah diakses.
+              - generic [ref=e246]:
+                - paragraph [ref=e247]: "5. Keadilan:"
+                - paragraph [ref=e248]: Kebijakan dan program disusun untuk memberi manfaat yang merata bagi seluruh warga.
+              - generic [ref=e249]:
+                - paragraph [ref=e250]: "6. Pemberdayaan:"
+                - paragraph [ref=e251]: Masyarakat didukung melalui pelatihan, pendampingan, dan pengembangan usaha lokal.
+              - generic [ref=e252]:
+                - paragraph [ref=e253]: "7. Ramah Lingkungan:"
+                - paragraph [ref=e254]: Seluruh kegiatan pembangunan memperhatikan keberlanjutan demi menjaga alam dan kesehatan warga.
+          - separator [ref=e255]
+          - generic [ref=e256]:
+            - heading "Visi Kami" [level=2] [ref=e257]
+            - paragraph [ref=e258]: Dengan visi ini, kami berkomitmen menjadikan desa sebagai tempat yang aman, sejahtera, dan nyaman bagi seluruh warga.
+            - paragraph [ref=e259]: Kami percaya kemajuan dimulai dari kerja sama antara pemerintah desa dan masyarakat, didukung tata kelola yang baik demi kepentingan bersama. Saran maupun keluhan dapat disampaikan melalui kontak di bawah ini.
+          - generic [ref=e260]:
+            - paragraph [ref=e261]: "\"Desa Kuat, Warga Sejahtera!\""
+            - button "Logo Desa" [ref=e262] [cursor=pointer]:
+              - generic [ref=e263]:
+                - img "Logo Desa"
+      - generic [ref=e265]:
+        - generic [ref=e267]:
+          - paragraph [ref=e268]: Tentang Darmasaba
+          - paragraph [ref=e269]: Darmasaba adalah desa budaya yang kaya akan tradisi dan nilai-nilai warisan Bali.
+          - generic [ref=e270]:
+            - link [ref=e271] [cursor=pointer]:
+              - /url: https://www.facebook.com/DarmasabaDesaku
+              - img [ref=e273]
+            - link [ref=e275] [cursor=pointer]:
+              - /url: https://www.instagram.com/ddarmasaba/
+              - img [ref=e277]
+            - link [ref=e280] [cursor=pointer]:
+              - /url: https://www.youtube.com/channel/UCtPw9WOQO7d2HIKzKgel4Xg
+              - img [ref=e282]
+            - link [ref=e285] [cursor=pointer]:
+              - /url: https://www.tiktok.com/@desa.darmasaba?is_from_webapp=1&sender_device=pc
+              - img [ref=e287]
+        - generic [ref=e290]:
+          - paragraph [ref=e291]: Layanan Desa
+          - link "Administrasi Kependudukan" [ref=e292] [cursor=pointer]:
+            - /url: /darmasaba/desa/layanan/
+          - link "Layanan Sosial" [ref=e293] [cursor=pointer]:
+            - /url: /darmasaba/ekonomi/program-kemiskinan
+          - link "Pengaduan Masyarakat" [ref=e294] [cursor=pointer]:
+            - /url: /darmasaba/keamanan/laporan-publik
+          - link "Informasi Publik" [ref=e295] [cursor=pointer]:
+            - /url: /darmasaba/ppid/daftar-informasi-publik-desa-darmasaba
+        - generic [ref=e297]:
+          - paragraph [ref=e298]: Tautan Penting
+          - link "Portal Badung" [ref=e299] [cursor=pointer]:
+            - /url: /darmasaba/desa/berita/semua
+          - link "E-Government" [ref=e300] [cursor=pointer]:
+            - /url: /darmasaba/inovasi/desa-digital-smart-village
+          - link "Transparansi" [ref=e301] [cursor=pointer]:
+            - /url: /darmasaba/ppid/daftar-informasi-publik-desa-darmasaba
+        - generic [ref=e303]:
+          - paragraph [ref=e304]: Berlangganan Info
+          - paragraph [ref=e305]: Dapatkan kabar terbaru tentang program dan kegiatan desa langsung ke email Anda.
+          - generic [ref=e306]:
+            - generic [ref=e308]:
+              - textbox "Masukkan email Anda" [ref=e309]
+              - img [ref=e311]
+            - button "Daftar" [ref=e314] [cursor=pointer]:
+              - generic [ref=e316]: Daftar
+      - separator [ref=e317]
+      - paragraph [ref=e318]: © 2025 Desa Darmasaba. Hak cipta dilindungi.
+  - region "Notifications Alt+T"
+  - button "Open Next.js Dev Tools" [ref=e324] [cursor=pointer]:
+    - img [ref=e325]
+  - alert [ref=e328]
+```
\ No newline at end of file
diff --git a/types/env.d.ts b/types/env.d.ts
index 84193e50..00da8973 100644
--- a/types/env.d.ts
+++ b/types/env.d.ts
@@ -1,15 +1,38 @@
 declare namespace NodeJS {
   interface ProcessEnv {
+    // Database
     DATABASE_URL?: string;
+
+    // Seafile Configuration
     SEAFILE_TOKEN?: string;
     SEAFILE_REPO_ID?: string;
+    SEAFILE_BASE_URL?: string;
+    SEAFILE_PUBLIC_SHARE_TOKEN?: string;
+    SEAFILE_URL?: string;
+
+    // Upload/Download Directories
     WIBU_UPLOAD_DIR?: string;
     WIBU_DOWNLOAD_DIR?: string;
+
+    // Email Configuration
     EMAIL_USER?: string;
     EMAIL_PASS?: string;
+
+    // Application URLs
     NEXT_PUBLIC_BASE_URL?: string;
+
+    // Authentication
     NEXTAUTH_SECRET?: string;
     NEXTAUTH_URL?: string;
-    SEAFILE_URL?: string;
+    BASE_SESSION_KEY?: string;
+    BASE_TOKEN_KEY?: string;
+    NEXT_PUBLIC_BASE_SESSION_KEY?: string;
+    NEXT_PUBLIC_BASE_TOKEN_KEY?: string;
+
+    // API Keys
+    ELEVENLABS_API_KEY?: string;
+
+    // Environment
+    NODE_ENV?: 'development' | 'production' | 'test';
   }
 }
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 00000000..1cb57762
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vitest/config';
+import path from 'path';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: './__tests__/setup.ts',
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});
-- 
2.49.1


From 9678e6979bc2c24a31ebcd7e06342b63ccf63a11 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Sat, 14 Feb 2026 14:17:17 +0800
Subject: [PATCH 86/97] feat: implement form validation for empty fields across
 multiple admin pages

- Added validation to disable submit buttons when required fields are empty
- Implemented consistent validation patterns across various admin pages
- Applied validation to create and edit forms for berita, gallery, layanan, penghargaan, pengumuman, potensi, profil-desa, and ppid sections
- Used helper functions to check for empty HTML content in editor fields
- Ensured submit buttons are disabled until all required fields are filled

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .../desa/berita/kategori-berita/[id]/page.tsx | 17 ++++-
 .../berita/kategori-berita/create/page.tsx    | 17 ++++-
 .../berita/list-berita/[id]/edit/page.tsx     | 48 ++++++++++++-
 .../desa/berita/list-berita/create/page.tsx   | 48 ++++++++++++-
 .../desa/gallery/foto/[id]/edit/page.tsx      | 36 +++++++++-
 .../desa/gallery/foto/create/page.tsx         | 36 +++++++++-
 .../desa/gallery/video/[id]/edit/page.tsx     | 38 ++++++++++-
 .../desa/gallery/video/create/page.tsx        | 42 +++++++++++-
 .../[id]/page.tsx                             | 30 +++++++-
 .../[id]/page.tsx                             | 36 +++++++++-
 .../[id]/edit/page.tsx                        | 47 +++++++++++--
 .../create/page.tsx                           | 34 +++++++++-
 .../[id]/edit/page.tsx                        | 29 +++++++-
 .../create/page.tsx                           | 29 +++++++-
 .../desa/penghargaan/[id]/edit/page.tsx       | 42 +++++++++++-
 .../desa/penghargaan/create/page.tsx          | 42 +++++++++++-
 .../kategori-pengumuman/[id]/page.tsx         | 17 ++++-
 .../kategori-pengumuman/create/page.tsx       | 17 ++++-
 .../list-pengumuman/[id]/edit/page.tsx        | 42 +++++++++++-
 .../list-pengumuman/create/page.tsx           | 42 +++++++++++-
 .../potensi/kategori-potensi/[id]/page.tsx    | 17 ++++-
 .../potensi/kategori-potensi/create/page.tsx  | 17 ++++-
 .../potensi/list-potensi/[id]/edit/page.tsx   | 48 ++++++++++++-
 .../desa/potensi/list-potensi/create/page.tsx | 48 ++++++++++++-
 .../profil-desa/[id]/lambang_desa/page.tsx    | 28 +++++++-
 .../profil-desa/[id]/maskot_desa/page.tsx     | 26 ++++++-
 .../profil-desa/[id]/sejarah_desa/page.tsx    | 25 ++++++-
 .../profil-desa/[id]/visi_misi_desa/page.tsx  | 30 ++++++--
 .../[id]/edit/page.tsx                        | 14 +++-
 .../daftar-informasi-publik/create/page.tsx   | 14 +++-
 .../ppid/dasar-hukum/edit/page.tsx            | 20 +++++-
 .../responden/[id]/edit/page.tsx              | 16 ++++-
 .../responden/create/page.tsx                 | 16 ++++-
 .../struktur-ppid/pegawai/[id]/edit/page.tsx  | 25 ++++++-
 .../struktur-ppid/pegawai/create/page.tsx     | 68 ++++++++++---------
 .../posisi-organisasi/[id]/page.tsx           | 14 +++-
 .../posisi-organisasi/create/page.tsx         | 14 +++-
 .../ppid/visi-misi-ppid/edit/page.tsx         | 20 +++++-
 .../ppid/indeks-kepuasan-masyarakat/page.tsx  | 23 ++++++-
 .../ppid/permohonan-informasi-publik/page.tsx | 23 +++++++
 .../page.tsx                                  | 19 ++++++
 41 files changed, 1131 insertions(+), 83 deletions(-)

diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
index 6f89e888..dfb687c4 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
@@ -33,6 +33,13 @@ function EditKategoriBerita() {
     name: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     const loadKategori = async () => {
       const id = params?.id as string;
@@ -72,6 +79,11 @@ function EditKategoriBerita() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Nama kategori berita wajib diisi');
+      return;
+    }
+    
     try {
       setIsSubmitting(true);
       // update global state hanya saat submit
@@ -143,8 +155,11 @@ function EditKategoriBerita() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
index f6957fb0..c047ccfa 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
@@ -22,6 +22,13 @@ function CreateKategoriBerita() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.form.name?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     createState.create.form = {
       name: '',
@@ -29,6 +36,11 @@ function CreateKategoriBerita() {
   };
 
   const handleSubmit = async () => {
+    if (!createState.create.form.name?.trim()) {
+      toast.error('Nama kategori berita wajib diisi');
+      return;
+    }
+    
     setIsSubmitting(true);
     try {
       await createState.create.create();
@@ -93,8 +105,11 @@ function CreateKategoriBerita() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
index 101c57bd..414e2749 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
@@ -48,6 +48,24 @@ function EditBerita() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      formData.kategoriBeritaId !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      (file !== null || originalData.imageId !== '') && // Either a new file is selected or an existing image exists
+      !isHtmlEmpty(formData.content)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     judul: "",
     deskripsi: "",
@@ -103,6 +121,31 @@ function EditBerita() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.judul?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (!formData.kategoriBeritaId) {
+      toast.error('Kategori wajib dipilih');
+      return;
+    }
+    
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi singkat wajib diisi');
+      return;
+    }
+    
+    if (!file && !originalData.imageId) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+    
+    if (isHtmlEmpty(formData.content)) {
+      toast.error('Konten wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       // Update global state hanya sekali di sini
@@ -326,8 +369,11 @@ function EditBerita() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
index 99938ff1..0ae98722 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
@@ -32,6 +32,24 @@ export default function CreateBerita() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      beritaState.berita.create.form.judul?.trim() !== '' &&
+      beritaState.berita.create.form.kategoriBeritaId !== '' &&
+      !isHtmlEmpty(beritaState.berita.create.form.deskripsi) &&
+      file !== null &&
+      !isHtmlEmpty(beritaState.berita.create.form.content)
+    );
+  };
+
   useShallowEffect(() => {
     beritaState.kategoriBerita.findMany.load();
   }, []);
@@ -49,6 +67,31 @@ export default function CreateBerita() {
   };
 
   const handleSubmit = async () => {
+    if (!beritaState.berita.create.form.judul?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (!beritaState.berita.create.form.kategoriBeritaId) {
+      toast.error('Kategori wajib dipilih');
+      return;
+    }
+    
+    if (isHtmlEmpty(beritaState.berita.create.form.deskripsi)) {
+      toast.error('Deskripsi singkat wajib diisi');
+      return;
+    }
+    
+    if (!file) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+    
+    if (isHtmlEmpty(beritaState.berita.create.form.content)) {
+      toast.error('Konten wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       if (!file) {
@@ -250,8 +293,11 @@ export default function CreateBerita() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
index 21dd4231..741e0b99 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/[id]/edit/page.tsx
@@ -45,6 +45,22 @@ function EditFoto() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      (file !== null || originalData.imagesId !== '') // Either a new file is selected or an existing image exists
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     deskripsi: "",
@@ -94,6 +110,21 @@ function EditFoto() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+    
+    if (!file && !originalData.imagesId) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       // Update global state hanya sekali di sini
@@ -285,8 +316,11 @@ function EditFoto() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
index 72193ec5..cf076af2 100644
--- a/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/foto/create/page.tsx
@@ -30,6 +30,22 @@ function CreateFoto() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      FotoState.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(FotoState.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     FotoState.create.form = {
       name: '',
@@ -41,6 +57,21 @@ function CreateFoto() {
   };
 
   const handleSubmit = async () => {
+    if (!FotoState.create.form.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (isHtmlEmpty(FotoState.create.form.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+    
+    if (!file) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       if (!file) {
@@ -210,8 +241,11 @@ function CreateFoto() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
index a6647bd5..40dfb76f 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
@@ -28,6 +28,24 @@ function EditVideo() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    const embedLink = convertYoutubeUrlToEmbed(formData.linkVideo);
+    return (
+      formData.name?.trim() !== '' &&
+      formData.linkVideo?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      embedLink !== null // Make sure the embed link is valid
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     deskripsi: "",
@@ -86,6 +104,21 @@ function EditVideo() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (!formData.linkVideo?.trim()) {
+      toast.error('Link YouTube wajib diisi');
+      return;
+    }
+    
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       const converted = convertYoutubeUrlToEmbed(formData.linkVideo);
@@ -218,8 +251,11 @@ function EditVideo() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
index 6896221f..ae0f3870 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
@@ -28,6 +28,23 @@ function CreateVideo() {
   const embedLink = convertYoutubeUrlToEmbed(link);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      videoState.create.form.name?.trim() !== '' &&
+      link.trim() !== '' &&
+      !isHtmlEmpty(videoState.create.form.deskripsi) &&
+      embedLink !== null // Make sure the embed link is valid
+    );
+  };
+
   const resetForm = () => {
     videoState.create.form = {
       name: '',
@@ -38,6 +55,26 @@ function CreateVideo() {
   };
 
   const handleSubmit = async () => {
+    if (!videoState.create.form.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (!link.trim()) {
+      toast.error('Link YouTube wajib diisi');
+      return;
+    }
+    
+    if (isHtmlEmpty(videoState.create.form.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+    
+    if (!embedLink) {
+      toast.error('Link YouTube tidak valid. Pastikan formatnya benar.');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       if (!embedLink) {
@@ -168,8 +205,11 @@ function CreateVideo() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
index 6ebb654a..3b3a6e81 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
@@ -35,6 +35,21 @@ function EditPelayananPendudukNonPermanent() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: '',
     deskripsi: '',
@@ -86,6 +101,16 @@ function EditPelayananPendudukNonPermanent() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       if (!statePendudukNonPermanent.findById.data) return;
@@ -173,8 +198,11 @@ function EditPelayananPendudukNonPermanent() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
index d354e203..6c10fc9f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
@@ -36,6 +36,22 @@ function EditPelayananPerizinanBerusaha() {
   });
 
   const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     id: '',
     name: '',
@@ -102,6 +118,21 @@ function EditPelayananPerizinanBerusaha() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
+    if (!formData.link?.trim()) {
+      toast.error('Link wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       await state.update.update(formData);
@@ -192,8 +223,11 @@ function EditPelayananPerizinanBerusaha() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
index 3e1adf6a..938488f2 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
@@ -149,6 +149,22 @@ function EditSuratKeterangan() {
   const [previewImage2, setPreviewImage2] = useState<string | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      (previewImage !== null || originalData.imageId !== '') // Either a new file is selected or an existing image exists
+    );
+  };
+
   // 🧭 Load Initial Data
   useEffect(() => {
     const loadSurat = async () => {
@@ -209,6 +225,21 @@ function EditSuratKeterangan() {
 
   // 💾 Submit Handler
   const handleSubmit = useCallback(async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Nama surat keterangan wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Konten wajib diisi');
+      return;
+    }
+
+    if (!previewImage && !originalData.imageId) {
+      toast.error('Gambar konten pelayanan wajib dipilih');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
 
@@ -251,7 +282,7 @@ function EditSuratKeterangan() {
     } finally {
       setIsSubmitting(false);
     }
-  }, [formData, file, file2, router]);
+  }, [formData, file, file2, router, previewImage, originalData.imageId]);
 
   // 📝 Form Field Handlers
   const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -324,10 +355,10 @@ function EditSuratKeterangan() {
 
           {/* Action Buttons */}
           <Group justify="right">
-            <Button 
-              variant="outline" 
-              color="gray" 
-              radius="md" 
+            <Button
+              variant="outline"
+              color="gray"
+              radius="md"
               onClick={handleResetForm}
               disabled={isSubmitting}
             >
@@ -336,9 +367,11 @@ function EditSuratKeterangan() {
             <Button
               onClick={handleSubmit}
               radius="md"
-              disabled={isSubmitting}
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79,172,254,0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
index ba0a698d..642f9449 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
@@ -31,6 +31,22 @@ function CreateSuratKeterangan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateSurat.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(stateSurat.create.form.deskripsi) &&
+      previewImage !== null
+    );
+  };
+
   const resetForm = () => {
     stateSurat.create.form = {
       name: '',
@@ -43,8 +59,19 @@ function CreateSuratKeterangan() {
   };
 
   const handleSubmit = async () => {
+    if (!stateSurat.create.form.name?.trim()) {
+      toast.error('Nama surat keterangan wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateSurat.create.form.deskripsi)) {
+      toast.error('Konten wajib diisi');
+      return;
+    }
+
     if (!previewImage) {
-      return toast.warn('Pilih file gambar utama terlebih dahulu');
+      toast.error('Gambar konten pelayanan wajib dipilih');
+      return;
     }
 
     try {
@@ -284,8 +311,11 @@ function CreateSuratKeterangan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
index eeb2d53e..e73be70a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
@@ -24,6 +24,15 @@ function EditPelayananTelunjukSakti() {
   const params = useParams();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.deskripsi?.trim() !== '' &&
+      formData.link?.trim() !== ''
+    );
+  };
+
   const [formData, setFormData] = useState({
     name: '',
     deskripsi: '',
@@ -84,6 +93,21 @@ function EditPelayananTelunjukSakti() {
 
   // Submit: update global state hanya saat simpan
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Nama pelayanan wajib diisi');
+      return;
+    }
+
+    if (!formData.deskripsi?.trim()) {
+      toast.error('Judul link wajib diisi');
+      return;
+    }
+
+    if (!formData.link?.trim()) {
+      toast.error('Link wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       stateTelunjukDesa.edit.form = {
@@ -165,8 +189,11 @@ function EditPelayananTelunjukSakti() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
index dd361915..f96b381a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
@@ -23,6 +23,15 @@ function CreatePelayananTelunjukDesa() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateTelunjukDesa.create.form.name?.trim() !== '' &&
+      stateTelunjukDesa.create.form.deskripsi?.trim() !== '' &&
+      stateTelunjukDesa.create.form.link?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stateTelunjukDesa.create.form = {
       name: '',
@@ -32,6 +41,21 @@ function CreatePelayananTelunjukDesa() {
   };
 
   const handleSubmit = async () => {
+    if (!stateTelunjukDesa.create.form.name?.trim()) {
+      toast.error('Nama pelayanan wajib diisi');
+      return;
+    }
+
+    if (!stateTelunjukDesa.create.form.deskripsi?.trim()) {
+      toast.error('Judul link wajib diisi');
+      return;
+    }
+
+    if (!stateTelunjukDesa.create.form.link?.trim()) {
+      toast.error('Link wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       await stateTelunjukDesa.create.create();
@@ -118,8 +142,11 @@ function CreatePelayananTelunjukDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
index 08084881..7545a147 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
@@ -33,6 +33,23 @@ function EditPenghargaan() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.juara?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      (file !== null || originalData.imageId !== '') // Either a new file is selected or an existing image exists
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     juara: "",
@@ -100,6 +117,26 @@ function EditPenghargaan() {
 
   // Submit
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Nama penghargaan wajib diisi');
+      return;
+    }
+
+    if (!formData.juara?.trim()) {
+      toast.error('Juara wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
+    if (!file && !originalData.imageId) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       // Sync ke global state saat submit
@@ -281,8 +318,11 @@ function EditPenghargaan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
index d0d9bd7b..00748810 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
@@ -30,6 +30,23 @@ function CreatePenghargaan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      statePenghargaan.create.form.name?.trim() !== '' &&
+      statePenghargaan.create.form.juara?.trim() !== '' &&
+      !isHtmlEmpty(statePenghargaan.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     statePenghargaan.create.form = {
       name: '',
@@ -42,6 +59,26 @@ function CreatePenghargaan() {
   };
 
   const handleSubmit = async () => {
+    if (!statePenghargaan.create.form.name?.trim()) {
+      toast.error('Nama penghargaan wajib diisi');
+      return;
+    }
+
+    if (!statePenghargaan.create.form.juara?.trim()) {
+      toast.error('Juara wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(statePenghargaan.create.form.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
+    if (!file) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       if (!file) {
@@ -201,8 +238,11 @@ function CreatePenghargaan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
index a9b8fa2a..c4523f32 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
@@ -27,6 +27,13 @@ function EditKategoriPengumuman() {
   const [formData, setFormData] = useState({ name: '' });
   const [originalData, setOriginalData] = useState({ name: '' });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== ''
+    );
+  };
+
   // Load data awal sekali aja
   useEffect(() => {
     const loadKategori = async () => {
@@ -56,6 +63,11 @@ function EditKategoriPengumuman() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Nama kategori pengumuman wajib diisi');
+      return;
+    }
+    
     try {
       setIsSubmitting(true);
       // Update global state hanya di sini
@@ -134,8 +146,11 @@ function EditKategoriPengumuman() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
index aeb5815e..c3eac62d 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
@@ -22,6 +22,13 @@ function CreateKategoriPengumuman() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.form.name?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     createState.create.form = {
       name: '',
@@ -29,6 +36,11 @@ function CreateKategoriPengumuman() {
   };
 
   const handleSubmit = async () => {
+    if (!createState.create.form.name?.trim()) {
+      toast.error('Nama kategori pengumuman wajib diisi');
+      return;
+    }
+    
     try {
       await createState.create.create();
       resetForm();
@@ -92,8 +104,11 @@ function CreateKategoriPengumuman() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
index 511fcaeb..5e41d683 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
@@ -36,6 +36,23 @@ function EditPengumuman() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      formData.deskripsi?.trim() !== '' &&
+      formData.categoryPengumumanId !== '' &&
+      !isHtmlEmpty(formData.content)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     judul: "",
     deskripsi: "",
@@ -81,6 +98,26 @@ function EditPengumuman() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.judul?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (!formData.deskripsi?.trim()) {
+      toast.error('Deskripsi singkat wajib diisi');
+      return;
+    }
+    
+    if (!formData.categoryPengumumanId) {
+      toast.error('Kategori wajib dipilih');
+      return;
+    }
+    
+    if (isHtmlEmpty(formData.content)) {
+      toast.error('Konten lengkap wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       // update global state hanya sekali pas submit
@@ -197,8 +234,11 @@ function EditPengumuman() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
index 45b400a3..52eaf9d3 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
@@ -27,11 +27,48 @@ function CreatePengumuman() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      pengumumanState.pengumuman.create.form.judul?.trim() !== '' &&
+      pengumumanState.pengumuman.create.form.categoryPengumumanId !== '' &&
+      pengumumanState.pengumuman.create.form.deskripsi?.trim() !== '' &&
+      !isHtmlEmpty(pengumumanState.pengumuman.create.form.content)
+    );
+  };
+
   useShallowEffect(() => {
     pengumumanState.category.findMany.load();
   }, []);
 
   const handleSubmit = async () => {
+    if (!pengumumanState.pengumuman.create.form.judul?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (!pengumumanState.pengumuman.create.form.categoryPengumumanId) {
+      toast.error('Kategori wajib dipilih');
+      return;
+    }
+    
+    if (!pengumumanState.pengumuman.create.form.deskripsi?.trim()) {
+      toast.error('Deskripsi singkat wajib diisi');
+      return;
+    }
+    
+    if (isHtmlEmpty(pengumumanState.pengumuman.create.form.content)) {
+      toast.error('Konten lengkap wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       await pengumumanState.pengumuman.create.create();
@@ -150,8 +187,11 @@ function CreatePengumuman() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
index e7831efc..66809e6c 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
@@ -33,6 +33,13 @@ function EditKategoriPotensi() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== ''
+    );
+  };
+
   // Load data dari backend -> isi ke formData lokal
   useEffect(() => {
     const loadKategori = async () => {
@@ -73,6 +80,11 @@ function EditKategoriPotensi() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.nama?.trim()) {
+      toast.error('Nama kategori potensi wajib diisi');
+      return;
+    }
+    
     try {
       setIsSubmitting(true);
       // Update global state hanya pas submit
@@ -141,8 +153,11 @@ function EditKategoriPotensi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
index 53a66933..72659e74 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
@@ -21,6 +21,13 @@ function CreateKategoriPotensi() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.form.nama?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     createState.create.form = {
       nama: '',
@@ -28,6 +35,11 @@ function CreateKategoriPotensi() {
   };
 
   const handleSubmit = async () => {
+    if (!createState.create.form.nama?.trim()) {
+      alert('Nama kategori potensi wajib diisi');
+      return;
+    }
+    
     try {
       setIsSubmitting(true);
       await createState.create.create();
@@ -91,8 +103,11 @@ function CreateKategoriPotensi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
index 2bf0a23c..600fc2ef 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
@@ -42,6 +42,24 @@ function EditPotensi() {
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.kategoriId !== '' &&
+      (file !== null || originalData.imageId !== '') && // Either a new file is selected or an existing image exists
+      !isHtmlEmpty(formData.content)
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     name: "",
     deskripsi: "",
@@ -109,6 +127,31 @@ function EditPotensi() {
 
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi singkat wajib diisi');
+      return;
+    }
+    
+    if (!formData.kategoriId) {
+      toast.error('Kategori wajib dipilih');
+      return;
+    }
+    
+    if (!file && !originalData.imageId) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+    
+    if (isHtmlEmpty(formData.content)) {
+      toast.error('Konten lengkap wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       let imageId = formData.imageId;
@@ -341,8 +384,11 @@ function EditPotensi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
index ed642b8f..3fc3fa66 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
@@ -32,11 +32,54 @@ function CreatePotensi() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      potensiState.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(potensiState.create.form.deskripsi) &&
+      potensiState.create.form.kategoriId !== '' &&
+      file !== null &&
+      !isHtmlEmpty(potensiState.create.form.content)
+    );
+  };
+
   useEffect(() => {
     potensiDesaState.kategoriPotensi.findMany.load();
   }, []);
 
   const handleSubmit = async () => {
+    if (!potensiState.create.form.name?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+    
+    if (isHtmlEmpty(potensiState.create.form.deskripsi)) {
+      toast.error('Deskripsi singkat wajib diisi');
+      return;
+    }
+    
+    if (!potensiState.create.form.kategoriId) {
+      toast.error('Kategori wajib dipilih');
+      return;
+    }
+    
+    if (!file) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+    
+    if (isHtmlEmpty(potensiState.create.form.content)) {
+      toast.error('Konten lengkap wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       if (!file) return toast.warn('Pilih file gambar terlebih dahulu');
@@ -266,8 +309,11 @@ function CreatePotensi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
index 9544947b..955ce10d 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
@@ -83,6 +83,21 @@ function Page() {
     };
   }, [params?.id, router]);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // 🔁 Reset form
   const handleResetForm = () => {
     setFormData(originalData);
@@ -95,6 +110,11 @@ function Page() {
       toast.error('Judul wajib diisi');
       return;
     }
+    
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
 
     setIsSubmitting(true);
     try {
@@ -224,14 +244,16 @@ function Page() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
-                loading={isSubmitting}
               >
-                Simpan
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
               </Button>
             </Group>
           </Stack>
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
index 82d56817..f5dfff4d 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
@@ -34,6 +34,21 @@ function Page() {
     images: [] as Array<{ label: string; imageId: string }>
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data
   useEffect(() => {
     const loadData = async () => {
@@ -122,6 +137,12 @@ function Page() {
       toast.error("Judul wajib diisi");
       return;
     }
+    
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error("Deskripsi wajib diisi");
+      return;
+    }
+    
     try {
       setIsSubmitting(true);
       const uploadedImages = [];
@@ -315,8 +336,11 @@ function Page() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
index f0b084eb..10f3105e 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
@@ -99,6 +99,21 @@ function Page() {
         toast.info('Form dikembalikan ke data awal');
     };
 
+    // Helper function to check if HTML content is empty
+    const isHtmlEmpty = (html: string) => {
+        // Remove all HTML tags and check if there's any text content
+        const textContent = html.replace(/<[^>]*>/g, '').trim();
+        return textContent === '';
+    };
+
+    // Check if form is valid
+    const isFormValid = () => {
+        return (
+            formData.judul?.trim() !== '' &&
+            !isHtmlEmpty(formData.deskripsi)
+        );
+    };
+
     // 💾 Submit Handler
     const handleSubmit = async () => {
         // Validation
@@ -106,6 +121,11 @@ function Page() {
             toast.error('Judul wajib diisi');
             return;
         }
+        
+        if (isHtmlEmpty(formData.deskripsi)) {
+            toast.error('Deskripsi wajib diisi');
+            return;
+        }
 
         setIsSubmitting(true);
 
@@ -260,8 +280,11 @@ function Page() {
                                 onClick={handleSubmit}
                                 radius="md"
                                 size="md"
+                                disabled={!isFormValid() || isSubmitting}
                                 style={{
-                                    background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                                    background: !isFormValid() || isSubmitting
+                                        ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                                        : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                                     color: '#fff',
                                     boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                                 }}
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
index 62a45c04..7a743755 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
@@ -81,6 +81,21 @@ function Page() {
     };
   }, [params?.id, router]);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isHtmlEmpty(formData.visi) &&
+      !isHtmlEmpty(formData.misi)
+    );
+  };
+
   // 🔄 Reset Form
   const handleResetForm = () => {
     setFormData(originalData);
@@ -89,11 +104,16 @@ function Page() {
 
   // 💾 Submit
   const handleSubmit = async () => {
-    if (!formData.visi.trim()) {
+    if (isHtmlEmpty(formData.visi)) {
       toast.error('Visi wajib diisi');
       return;
     }
 
+    if (isHtmlEmpty(formData.misi)) {
+      toast.error('Misi wajib diisi');
+      return;
+    }
+
     setIsSubmitting(true);
     try {
       const originalState = stateProfileDesa.visiMisiDesa;
@@ -227,14 +247,16 @@ function Page() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
-                loading={isSubmitting}
               >
-                Simpan
+                {isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
               </Button>
             </Group>
           </Stack>
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
index 3ffe930c..207fef4d 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
@@ -28,6 +28,15 @@ function EditDaftarInformasiPublik() {
     tanggal: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.jenisInformasi?.trim() !== '' &&
+      formData.deskripsi?.trim() !== '' &&
+      formData.tanggal?.trim() !== ''
+    );
+  };
+
   const formatDateForInput = (dateString: string) => {
     if (!dateString) return '';
     const date = new Date(dateString);
@@ -128,10 +137,13 @@ function EditDaftarInformasiPublik() {
           <Group justify="right" mt="md">
             <Button
               onClick={handleSubmit}
+              disabled={!isFormValid()}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid()
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
index ee8a39be..333e262f 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/create/page.tsx
@@ -11,6 +11,15 @@ export default function CreateDaftarInformasi() {
   const daftarInformasi = useProxy(daftarInformasiPublik);
   const router = useRouter();
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      daftarInformasi.create.form.jenisInformasi?.trim() !== '' &&
+      daftarInformasi.create.form.deskripsi?.trim() !== '' &&
+      daftarInformasi.create.form.tanggal?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     daftarInformasi.create.form = {
       jenisInformasi: "",
@@ -106,10 +115,13 @@ export default function CreateDaftarInformasi() {
             <Button
               onClick={handleSubmit}
               loading={daftarInformasi.create.loading}
+              disabled={!isFormValid() || daftarInformasi.create.loading}
               radius="md"
               size="md"
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || daftarInformasi.create.loading
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx b/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
index a092f2e9..fd0c89bf 100644
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
@@ -27,6 +27,21 @@ function EditDasarHukum() {
     content: '',
   });
 
+  // Helper function to check if rich text content is empty
+  const isRichTextEmpty = (content: string) => {
+    // Remove HTML tags and check if the resulting text is empty
+    const plainText = content.replace(/<[^>]*>/g, '').trim();
+    return plainText === '' || content.trim() === '<p></p>' || content.trim() === '<p><br></p>';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isRichTextEmpty(formData.judul) &&
+      !isRichTextEmpty(formData.content)
+    );
+  };
+
   // Load data awal sekali
   useShallowEffect(() => {
     if (!dasarHukumState.findById.data) {
@@ -137,8 +152,11 @@ function EditDasarHukum() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
index ba7deb02..3f37c5b4 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
@@ -57,6 +57,17 @@ function EditResponden() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.tanggal?.trim() !== '' &&
+      formData.jenisKelaminId?.trim() !== '' &&
+      formData.ratingId?.trim() !== '' &&
+      formData.kelompokUmurId?.trim() !== ''
+    );
+  };
+
   // 🔹 Load data pilihan select
   const loadSelectOptions = useCallback(() => {
     indeksKepuasanState.jenisKelaminResponden.findMany.load();
@@ -231,8 +242,11 @@ function EditResponden() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
index 37d33418..3bba7363 100644
--- a/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/create/page.tsx
@@ -16,6 +16,17 @@ function RespondenCreate() {
   const [donutData, setDonutData] = useState<any[]>([]);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stategrafikBerdasarkanResponden.create.form.name?.trim() !== '' &&
+      stategrafikBerdasarkanResponden.create.form.tanggal?.trim() !== '' &&
+      stategrafikBerdasarkanResponden.create.form.jenisKelaminId?.trim() !== '' &&
+      stategrafikBerdasarkanResponden.create.form.ratingId?.trim() !== '' &&
+      stategrafikBerdasarkanResponden.create.form.kelompokUmurId?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stategrafikBerdasarkanResponden.create.form = {
       ...stategrafikBerdasarkanResponden.create.form,
@@ -151,8 +162,11 @@ function RespondenCreate() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
index 4b53047c..2554ba96 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
@@ -56,6 +56,12 @@ export default function EditPegawaiPPID() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
+  // Helper function to validate email format
+  const isValidEmail = (email: string) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  };
+
   // Format date for <input type="date">
   const formatDateForInput = (dateString: string) => {
     if (!dateString) return '';
@@ -63,6 +69,20 @@ export default function EditPegawaiPPID() {
     return date.toISOString().split('T')[0];
   };
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.namaLengkap?.trim() !== '' &&
+      formData.gelarAkademik?.trim() !== '' &&
+      formData.posisiId !== '' &&
+      formData.tanggalMasuk !== '' &&
+      formData.email !== '' &&
+      isValidEmail(formData.email) &&
+      formData.telepon !== '' &&
+      formData.alamat !== ''
+    );
+  };
+
   useEffect(() => {
     const loadPegawai = async () => {
       try {
@@ -347,8 +367,11 @@ export default function EditPegawaiPPID() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
index ff74387b..3637ad97 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
@@ -24,6 +24,27 @@ function CreatePegawaiPPID() {
     resetForm();
   }, []);
 
+  // Helper function to validate email format
+  const isValidEmail = (email: string) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateOrganisasi.create.form.namaLengkap?.trim() !== '' &&
+      stateOrganisasi.create.form.gelarAkademik?.trim() !== '' &&
+      stateOrganisasi.create.form.posisiId !== '' &&
+      stateOrganisasi.create.form.tanggalMasuk !== '' &&
+      stateOrganisasi.create.form.email !== '' &&
+      isValidEmail(stateOrganisasi.create.form.email) &&
+      stateOrganisasi.create.form.telepon !== '' &&
+      stateOrganisasi.create.form.alamat !== '' &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     stateOrganisasi.create.form = {
       namaLengkap: "",
@@ -78,7 +99,7 @@ function CreatePegawaiPPID() {
   };
 
   return (
-     <Box px={{ base: 0, md: 'lg' }} py="xs">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
         <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
           <IconArrowBack color={colors['blue-button']} size={24} />
@@ -99,15 +120,16 @@ function CreatePegawaiPPID() {
         <Stack gap="md">
           <Box>
             <TextInput
+              required
               label="Nama Lengkap"
               placeholder="Masukkan nama lengkap"
               value={stateOrganisasi.create.form.namaLengkap}
               onChange={(e) => (stateOrganisasi.create.form.namaLengkap = e.currentTarget.value)}
-              required
             />
           </Box>
           <Box>
             <TextInput
+              required
               label="Gelar Akademik"
               placeholder="Contoh: S.Kom"
               value={stateOrganisasi.create.form.gelarAkademik}
@@ -191,6 +213,7 @@ function CreatePegawaiPPID() {
           </Box>
           <Box>
             <TextInput
+              required
               label="Tanggal Masuk"
               type="date"
               placeholder="Contoh: 2022-01-01"
@@ -201,6 +224,7 @@ function CreatePegawaiPPID() {
 
           <Box>
             <TextInput
+              required
               label="Email"
               type="email"
               placeholder="Contoh: email@example.com"
@@ -211,6 +235,7 @@ function CreatePegawaiPPID() {
 
           <Box>
             <TextInput
+              required
               type='number'
               label="Nomor Telepon"
               placeholder="Contoh: 08123456789"
@@ -221,6 +246,7 @@ function CreatePegawaiPPID() {
 
           <Box>
             <TextInput
+              required
               label="Alamat"
               placeholder="Contoh: Jl. Contoh No. 1"
               value={stateOrganisasi.create.form.alamat}
@@ -229,35 +255,8 @@ function CreatePegawaiPPID() {
           </Box>
 
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Posisi
-            </Text>
             <Select
-              label="Kategori"
-              placeholder="Pilih kategori"
-              data={stateStrukturPPID.posisiOrganisasi.findManyAll.data?.map((item) => ({
-                label: item.nama,
-                value: item.id,
-              })) || []}
-              value={stateOrganisasi.create.form.posisiId || null}
-              onChange={(val: string | null) => {
-                if (val) {
-                  const selected = stateStrukturPPID.posisiOrganisasi.findManyAll.data?.find(
-                    (item) => item.id === val
-                  );
-                  if (selected) {
-                    stateOrganisasi.create.form.posisiId = selected.id;
-                  }
-                } else {
-                  stateOrganisasi.create.form.posisiId = '';
-                }
-              }}
-              searchable
-              clearable
-              nothingFoundMessage="Tidak ditemukan"
-              required
-            />
-            {/* <Select
+              label="Posisi"
               placeholder="Pilih posisi"
               data={stateStrukturPPID.posisiOrganisasi.findManyAll.data?.map(p => ({
                 value: p.id,
@@ -269,10 +268,10 @@ function CreatePegawaiPPID() {
               }}
               searchable
               clearable
-            /> */}
+              required
+            />
           </Box>
 
-
           {/* ======= Tombol Aksi ======= */}
           <Group justify="right">
             {/* Tombol Batal */}
@@ -291,8 +290,11 @@ function CreatePegawaiPPID() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
index 526e2ff6..2b18fa74 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
@@ -26,6 +26,15 @@ function EditPosisiOrganisasiPPID() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.hierarki?.toString().trim() !== '' &&
+      formData.deskripsi?.trim() !== ''
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     nama: "",
     deskripsi: "",
@@ -174,8 +183,11 @@ function EditPosisiOrganisasiPPID() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
index 406c14c1..c6121738 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
@@ -15,6 +15,15 @@ function CreatePosisiOrganisasiPPID() {
   const stateOrganisasi = useProxy(stateStrukturPPID.posisiOrganisasi);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateOrganisasi.create.form.nama?.trim() !== '' &&
+      stateOrganisasi.create.form.hierarki?.toString().trim() !== '' &&
+      stateOrganisasi.create.form.deskripsi?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     stateOrganisasi.findMany.load();
   }, []);
@@ -115,8 +124,11 @@ function CreatePosisiOrganisasiPPID() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
index b10c489b..7faa7bd5 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
@@ -20,6 +20,21 @@ function VisiMisiPPIDEdit() {
   const [originalData, setOriginalData] = useState({ visi: '', misi: '' });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if rich text content is empty
+  const isRichTextEmpty = (content: string) => {
+    // Remove HTML tags and check if the resulting text is empty
+    const plainText = content.replace(/<[^>]*>/g, '').trim();
+    return plainText === '' || content.trim() === '<p></p>' || content.trim() === '<p><br></p>';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isRichTextEmpty(formData.visi) &&
+      !isRichTextEmpty(formData.misi)
+    );
+  };
+
   // Initialize global data ke state lokal saat pertama load
   useShallowEffect(() => {
     if (!visiMisi.findById.data) {
@@ -116,8 +131,11 @@ function VisiMisiPPIDEdit() {
               onClick={submit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
index ed3f1d36..908d748e 100644
--- a/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/indeks-kepuasan-masyarakat/page.tsx
@@ -56,6 +56,17 @@ function Kepuasan() {
     indeksKepuasanState.kelompokUmurResponden.findMany.load();
   }, []);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      state.create.form.name?.trim() !== '' &&
+      state.create.form.tanggal?.trim() !== '' &&
+      state.create.form.jenisKelaminId?.trim() !== '' &&
+      state.create.form.ratingId?.trim() !== '' &&
+      state.create.form.kelompokUmurId?.trim() !== ''
+    );
+  };
+
   const handleSubmit = async () => {
     try {
       const id = await state.create.create();
@@ -442,7 +453,17 @@ function Kepuasan() {
                 disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
                 labelProps={{ style: { fontSize: '0.95rem', lineHeight: '1.4' } } as any}
               />
-              <Button mt={10} bg={colors['blue-button']} onClick={handleSubmit}>
+              <Button 
+                mt={10} 
+                bg={colors['blue-button']} 
+                onClick={handleSubmit}
+                disabled={!isFormValid()}
+                style={{
+                  background: !isFormValid()
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                }}
+              >
                 Submit
               </Button>
             </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
index f5d12f86..26aaad1b 100644
--- a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
@@ -54,6 +54,28 @@ function Page() {
   const permohonanInformasiPublikState = useProxy(statePermohonanInformasi);
   const router = useRouter();
 
+  // Helper function to validate email format
+  const isValidEmail = (email: string) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    const form = permohonanInformasiPublikState.statepermohonanInformasiPublik.create.form;
+    return (
+      form.name?.trim() !== '' &&
+      form.nik?.trim() !== '' &&
+      form.notelp?.trim() !== '' &&
+      form.alamat?.trim() !== '' &&
+      form.email?.trim() !== '' &&
+      isValidEmail(form.email) &&
+      form.jenisInformasiDimintaId &&
+      form.caraMemperolehInformasiId &&
+      form.caraMemperolehSalinanInformasiId
+    );
+  };
+
   const submitForms = async () => {
     const { create } = permohonanInformasiPublikState.statepermohonanInformasiPublik;
     const hasil = await create.create();
@@ -266,6 +288,7 @@ function Page() {
                       bg={colors['blue-button']}
                       leftSection={<IconSend2 size={20} color={colors['white-1']} />}
                       onClick={submitForms}
+                      disabled={!isFormValid()}
                     >
                       Kirim Permohonan
                     </Button>
diff --git a/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 80de7c2e..ad60d688 100644
--- a/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -56,6 +56,24 @@ function Page() {
   const stateKeberatan = useProxy(permohonanKeberatanInformasi);
   const router = useRouter();
 
+  // Helper function to validate email format
+  const isValidEmail = (email: string) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    const form = stateKeberatan.create.form;
+    return (
+      form.name?.trim() !== '' &&
+      form.email?.trim() !== '' &&
+      isValidEmail(form.email) &&
+      form.notelp?.trim() !== '' &&
+      form.alasan?.trim() !== ''
+    );
+  };
+
   const submit = async () => {
     const hasil = await stateKeberatan.create.create();
     if (hasil) router.push('/darmasaba/permohonan/berhasil');
@@ -232,6 +250,7 @@ function Page() {
                       radius="md"
                       fw={600}
                       bg={colors['blue-button']}
+                      disabled={!isFormValid()}
                     >
                       Kirim Permohonan
                     </Button>
-- 
2.49.1


From d43b07c2ef419b9b523a6d2644e3d684f8f57170 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 18 Feb 2026 10:51:10 +0800
Subject: [PATCH 87/97] feat: add form validation for kesehatan module admin
 pages

- Added isFormValid() and isHtmlEmpty() helper functions
- Disabled submit buttons when required fields are empty
- Applied consistent validation pattern across all create/edit pages
- Validated fields: name, address, dates, descriptions, and image uploads
- Edit pages allow existing images, create pages require new uploads

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .../artikel_kesehatan/create/page.tsx         | 107 +++++++++++++++++-
 .../fasilitas_kesehatan/[id]/edit/page.tsx    |  73 +++++++++++-
 .../fasilitas_kesehatan/create/page.tsx       |  73 +++++++++++-
 .../dokter-tenaga-medis/[id]/edit/page.tsx    |  59 +++++++++-
 .../dokter-tenaga-medis/create/page.tsx       |  63 ++++++++++-
 .../tarif-layanan/[id]/page.tsx               |  23 +++-
 .../tarif-layanan/create/page.tsx             |  23 +++-
 .../jadwal_kegiatan/[id]/edit/page.tsx        |  24 +++-
 .../jadwal_kegiatan/create/page.tsx           |  24 +++-
 .../penderita_penyakit/[id]/edit/page.tsx     |  41 ++++++-
 .../penderita_penyakit/create/page.tsx        |  41 ++++++-
 .../kelahiran/[id]/edit/page.tsx              |  35 +++++-
 .../kelahiran/create/page.tsx                 |  35 +++++-
 .../kematian/[id]/edit/page.tsx               |  48 +++++++-
 .../kematian/create/page.tsx                  |  56 +++++++--
 .../info-wabah-penyakit/[id]/edit/page.tsx    |  21 +++-
 .../info-wabah-penyakit/create/page.tsx       |  22 +++-
 .../kontak-darurat/[id]/edit/page.tsx         |  21 +++-
 .../kesehatan/kontak-darurat/create/page.tsx  |  22 +++-
 .../penanganan-darurat/[id]/edit/page.tsx     |  20 +++-
 .../penanganan-darurat/create/page.tsx        |  21 +++-
 .../kesehatan/posyandu/[id]/edit/page.tsx     |  49 +++++++-
 .../kesehatan/posyandu/create/page.tsx        |  47 +++++++-
 .../program-kesehatan/[id]/edit/page.tsx      |  21 +++-
 .../program-kesehatan/create/page.tsx         |  22 +++-
 .../kesehatan/puskesmas/[id]/edit/page.tsx    |  16 ++-
 .../kesehatan/puskesmas/create/page.tsx       |  14 ++-
 .../profil/media-sosial/create/page.tsx       |   1 -
 28 files changed, 982 insertions(+), 40 deletions(-)

diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
index 354169d8..857426cf 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
@@ -30,6 +30,33 @@ function CreateArtikelKesehatan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateArtikelKesehatan.create.form.title?.trim() !== '' &&
+      stateArtikelKesehatan.create.form.content?.trim() !== '' &&
+      !isHtmlEmpty(stateArtikelKesehatan.create.form.introduction.content) &&
+      stateArtikelKesehatan.create.form.symptom.title?.trim() !== '' &&
+      !isHtmlEmpty(stateArtikelKesehatan.create.form.symptom.content) &&
+      stateArtikelKesehatan.create.form.prevention.title?.trim() !== '' &&
+      !isHtmlEmpty(stateArtikelKesehatan.create.form.prevention.content) &&
+      stateArtikelKesehatan.create.form.firstAid.title?.trim() !== '' &&
+      !isHtmlEmpty(stateArtikelKesehatan.create.form.firstAid.content) &&
+      stateArtikelKesehatan.create.form.mythVsFact.title?.trim() !== '' &&
+      !isHtmlEmpty(stateArtikelKesehatan.create.form.mythVsFact.mitos) &&
+      !isHtmlEmpty(stateArtikelKesehatan.create.form.mythVsFact.fakta) &&
+      !isHtmlEmpty(stateArtikelKesehatan.create.form.doctorSign.content) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     stateArtikelKesehatan.create.form = {
       title: '',
@@ -65,10 +92,79 @@ function CreateArtikelKesehatan() {
 
   const handleSubmit = async (e?: React.FormEvent) => {
     e?.preventDefault();
+
+    if (!stateArtikelKesehatan.create.form.title?.trim()) {
+      toast.error('Judul wajib diisi');
+      return;
+    }
+
+    if (!stateArtikelKesehatan.create.form.content?.trim()) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateArtikelKesehatan.create.form.introduction.content)) {
+      toast.error('Pendahuluan wajib diisi');
+      return;
+    }
+
+    if (!stateArtikelKesehatan.create.form.symptom.title?.trim()) {
+      toast.error('Judul gejala wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateArtikelKesehatan.create.form.symptom.content)) {
+      toast.error('Deskripsi gejala wajib diisi');
+      return;
+    }
+
+    if (!stateArtikelKesehatan.create.form.prevention.title?.trim()) {
+      toast.error('Judul pencegahan wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateArtikelKesehatan.create.form.prevention.content)) {
+      toast.error('Deskripsi pencegahan wajib diisi');
+      return;
+    }
+
+    if (!stateArtikelKesehatan.create.form.firstAid.title?.trim()) {
+      toast.error('Judul pertolongan pertama wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateArtikelKesehatan.create.form.firstAid.content)) {
+      toast.error('Deskripsi pertolongan pertama wajib diisi');
+      return;
+    }
+
+    if (!stateArtikelKesehatan.create.form.mythVsFact.title?.trim()) {
+      toast.error('Judul mitos vs fakta wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateArtikelKesehatan.create.form.mythVsFact.mitos)) {
+      toast.error('Deskripsi mitos wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateArtikelKesehatan.create.form.mythVsFact.fakta)) {
+      toast.error('Deskripsi fakta wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateArtikelKesehatan.create.form.doctorSign.content)) {
+      toast.error('Deskripsi kapan harus ke dokter wajib diisi');
+      return;
+    }
+
+    if (!file) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+
     try {
-      if (!file) {
-        return toast.warn('Silakan pilih file gambar terlebih dahulu');
-      }
+      setIsSubmitting(true);
 
       const res = await ApiFetch.api.fileStorage.create.post({
         file,
@@ -344,8 +440,11 @@ function CreateArtikelKesehatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
index 32db4e6b..01e6a6ff 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
@@ -45,6 +45,28 @@ function EditFasilitasKesehatan() {
   const params = useParams<{ id: string }>();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.informasiUmum.fasilitas?.trim() !== '' &&
+      formData.informasiUmum.alamat?.trim() !== '' &&
+      formData.informasiUmum.jamOperasional?.trim() !== '' &&
+      !isHtmlEmpty(formData.layananUnggulan.content) &&
+      formData.dokterdanTenagaMedis.length > 0 &&
+      !isHtmlEmpty(formData.fasilitasPendukung.content) &&
+      !isHtmlEmpty(formData.prosedurPendaftaran.content) &&
+      formData.tarifDanLayanan.length > 0
+    );
+  };
+
   const [formData, setFormData] = useState<EditFasilitasKesehatanForm>({
     name: '',
     informasiUmum: { fasilitas: '', alamat: '', jamOperasional: '' },
@@ -111,6 +133,52 @@ function EditFasilitasKesehatan() {
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
+
+    if (!formData.name?.trim()) {
+      toast.error('Nama fasilitas kesehatan wajib diisi');
+      return;
+    }
+
+    if (!formData.informasiUmum.fasilitas?.trim()) {
+      toast.error('Fasilitas wajib diisi');
+      return;
+    }
+
+    if (!formData.informasiUmum.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
+    if (!formData.informasiUmum.jamOperasional?.trim()) {
+      toast.error('Jam operasional wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.layananUnggulan.content)) {
+      toast.error('Layanan unggulan wajib diisi');
+      return;
+    }
+
+    if (formData.dokterdanTenagaMedis.length === 0) {
+      toast.error('Dokter dan tenaga medis wajib dipilih');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.fasilitasPendukung.content)) {
+      toast.error('Fasilitas pendukung wajib diisi');
+      return;
+    }
+
+    if (formData.tarifDanLayanan.length === 0) {
+      toast.error('Tarif dan layanan wajib dipilih');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.prosedurPendaftaran.content)) {
+      toast.error('Prosedur pendaftaran wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
 
@@ -264,8 +332,11 @@ function EditFasilitasKesehatan() {
             <Button
               type="submit"
               radius="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
index 63674dc9..d414ef0d 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
@@ -26,6 +26,28 @@ function CreateFasilitasKesehatan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateFasilitasKesehatan.create.form.name?.trim() !== '' &&
+      stateFasilitasKesehatan.create.form.informasiUmum.fasilitas?.trim() !== '' &&
+      stateFasilitasKesehatan.create.form.informasiUmum.alamat?.trim() !== '' &&
+      stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional?.trim() !== '' &&
+      !isHtmlEmpty(stateFasilitasKesehatan.create.form.layananUnggulan.content) &&
+      stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.length > 0 &&
+      !isHtmlEmpty(stateFasilitasKesehatan.create.form.fasilitasPendukung.content) &&
+      stateFasilitasKesehatan.create.form.tarifDanLayanan.length > 0 &&
+      !isHtmlEmpty(stateFasilitasKesehatan.create.form.prosedurPendaftaran.content)
+    );
+  };
+
   const resetForm = () => {
     stateFasilitasKesehatan.create.form = {
       name: '',
@@ -50,6 +72,52 @@ function CreateFasilitasKesehatan() {
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
+
+    if (!stateFasilitasKesehatan.create.form.name?.trim()) {
+      toast.error('Nama fasilitas kesehatan wajib diisi');
+      return;
+    }
+
+    if (!stateFasilitasKesehatan.create.form.informasiUmum.fasilitas?.trim()) {
+      toast.error('Fasilitas wajib diisi');
+      return;
+    }
+
+    if (!stateFasilitasKesehatan.create.form.informasiUmum.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
+    if (!stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional?.trim()) {
+      toast.error('Jam operasional wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(stateFasilitasKesehatan.create.form.layananUnggulan.content)) {
+      toast.error('Layanan unggulan wajib diisi');
+      return;
+    }
+
+    if (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.length === 0) {
+      toast.error('Dokter dan tenaga medis wajib dipilih');
+      return;
+    }
+
+    if (isHtmlEmpty(stateFasilitasKesehatan.create.form.fasilitasPendukung.content)) {
+      toast.error('Fasilitas pendukung wajib diisi');
+      return;
+    }
+
+    if (stateFasilitasKesehatan.create.form.tarifDanLayanan.length === 0) {
+      toast.error('Layanan wajib dipilih');
+      return;
+    }
+
+    if (isHtmlEmpty(stateFasilitasKesehatan.create.form.prosedurPendaftaran.content)) {
+      toast.error('Prosedur pendaftaran wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       await stateFasilitasKesehatan.create.submit();
@@ -214,8 +282,11 @@ function CreateFasilitasKesehatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
index 137b1842..b21142cf 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/[id]/edit/page.tsx
@@ -29,6 +29,20 @@ function EditDokterTenagaMedis() {
   const params = useParams();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.specialist?.trim() !== '' &&
+      formData.jadwal?.trim() !== '' &&
+      formData.jadwalLibur?.trim() !== '' &&
+      formData.jamBukaOperasional !== '' &&
+      formData.jamTutupOperasional !== '' &&
+      formData.jamBukaLibur !== '' &&
+      formData.jamTutupLibur !== ''
+    );
+  };
+
   const [formData, setFormData] = useState({
     name: '',
     specialist: '',
@@ -108,6 +122,46 @@ function EditDokterTenagaMedis() {
 
   // Submit
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Nama dokter wajib diisi');
+      return;
+    }
+
+    if (!formData.specialist?.trim()) {
+      toast.error('Specialist wajib diisi');
+      return;
+    }
+
+    if (!formData.jadwal?.trim()) {
+      toast.error('Jadwal wajib diisi');
+      return;
+    }
+
+    if (!formData.jadwalLibur?.trim()) {
+      toast.error('Jadwal libur wajib diisi');
+      return;
+    }
+
+    if (!formData.jamBukaOperasional) {
+      toast.error('Jam buka operasional wajib diisi');
+      return;
+    }
+
+    if (!formData.jamTutupOperasional) {
+      toast.error('Jam tutup operasional wajib diisi');
+      return;
+    }
+
+    if (!formData.jamBukaLibur) {
+      toast.error('Jam buka hari libur wajib diisi');
+      return;
+    }
+
+    if (!formData.jamTutupLibur) {
+      toast.error('Jam tutup hari libur wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       state.update.form = { ...state.update.form, ...formData };
@@ -223,8 +277,11 @@ function EditDokterTenagaMedis() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
index c447da01..4b5f8666 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
@@ -16,6 +16,20 @@ function CreateDokter() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.create.form.name?.trim() !== '' &&
+      createState.create.create.form.specialist?.trim() !== '' &&
+      createState.create.create.form.jadwal?.trim() !== '' &&
+      createState.create.create.form.jadwalLibur?.trim() !== '' &&
+      createState.create.create.form.jamBukaOperasional !== '' &&
+      createState.create.create.form.jamTutupOperasional !== '' &&
+      createState.create.create.form.jamBukaLibur !== '' &&
+      createState.create.create.form.jamTutupLibur !== ''
+    );
+  };
+
   const resetForm = () => {
     createState.create.create.form = {
       name: "",
@@ -41,7 +55,49 @@ function CreateDokter() {
   );
 
 
-  const handleSubmit = async () => {
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault(); // Prevent default form submission
+    
+    if (!createState.create.create.form.name?.trim()) {
+      toast.error('Nama dokter wajib diisi');
+      return;
+    }
+
+    if (!createState.create.create.form.specialist?.trim()) {
+      toast.error('Specialist wajib diisi');
+      return;
+    }
+
+    if (!createState.create.create.form.jadwal?.trim()) {
+      toast.error('Jadwal wajib diisi');
+      return;
+    }
+
+    if (!createState.create.create.form.jadwalLibur?.trim()) {
+      toast.error('Jadwal libur wajib diisi');
+      return;
+    }
+
+    if (!createState.create.create.form.jamBukaOperasional) {
+      toast.error('Jam buka operasional wajib diisi');
+      return;
+    }
+
+    if (!createState.create.create.form.jamTutupOperasional) {
+      toast.error('Jam tutup operasional wajib diisi');
+      return;
+    }
+
+    if (!createState.create.create.form.jamBukaLibur) {
+      toast.error('Jam buka hari libur wajib diisi');
+      return;
+    }
+
+    if (!createState.create.create.form.jamTutupLibur) {
+      toast.error('Jam tutup hari libur wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       await createState.create.create.create();
@@ -170,8 +226,11 @@ function CreateDokter() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
index 3be7c9fa..4f291b8d 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/[id]/page.tsx
@@ -25,6 +25,14 @@ function EditTarifLayanan() {
   const params = useParams();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.layanan?.trim() !== '' &&
+      formData.tarif?.trim() !== ''
+    );
+  };
+
   const [originalData, setOriginalData] = useState({
     tarif: '',
     layanan: ''
@@ -74,6 +82,16 @@ function EditTarifLayanan() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.layanan?.trim()) {
+      toast.error('Layanan wajib diisi');
+      return;
+    }
+
+    if (!formData.tarif?.trim()) {
+      toast.error('Tarif wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       // update global state hanya saat submit
@@ -155,8 +173,11 @@ function EditTarifLayanan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
index 2fa033fd..94aaee98 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/tarif-layanan/create/page.tsx
@@ -22,6 +22,14 @@ function CreateTarifLayanan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.form.layanan?.trim() !== '' &&
+      createState.create.form.tarif?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     createState.create.form = {
       tarif: '',
@@ -30,6 +38,16 @@ function CreateTarifLayanan() {
   };
 
   const handleSubmit = async () => {
+    if (!createState.create.form.layanan?.trim()) {
+      toast.error('Layanan wajib diisi');
+      return;
+    }
+
+    if (!createState.create.form.tarif?.trim()) {
+      toast.error('Tarif wajib diisi');
+      return;
+    }
+
     setIsSubmitting(true);
     try {
       await createState.create.create();
@@ -101,8 +119,11 @@ function CreateTarifLayanan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
index 3e1cf301..e04e0763 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
@@ -43,6 +43,25 @@ function EditJadwalKegiatan() {
   const [formData, setFormData] = useState<JadwalKegiatanFormBase>(emptyForm());
   const [originalData, setOriginalData] = useState<JadwalKegiatanFormBase>(emptyForm());
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.content?.trim() !== '' &&
+      formData.informasiJadwalKegiatan.name?.trim() !== '' &&
+      formData.informasiJadwalKegiatan.tanggal?.trim() !== '' &&
+      formData.informasiJadwalKegiatan.waktu?.trim() !== '' &&
+      formData.informasiJadwalKegiatan.lokasi?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsiJadwalKegiatan.deskripsi)
+    );
+  };
+
 
   // Helper untuk update nested state
   const updateNested = <
@@ -241,8 +260,11 @@ function EditJadwalKegiatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
index 8824ac8e..824ed933 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
@@ -24,6 +24,25 @@ function CreateJadwalKegiatan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateJadwalKegiatan.create.form.content?.trim() !== '' &&
+      stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name?.trim() !== '' &&
+      stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal?.trim() !== '' &&
+      stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu?.trim() !== '' &&
+      stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi?.trim() !== '' &&
+      !isHtmlEmpty(stateJadwalKegiatan.create.form.deskripsiJadwalKegiatan.deskripsi)
+    );
+  };
+
   const resetForm = () => {
     stateJadwalKegiatan.create.form = {
       content: '',
@@ -198,8 +217,11 @@ function CreateJadwalKegiatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
index 8fb38ec1..ef9e30b4 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/[id]/edit/page.tsx
@@ -26,6 +26,17 @@ function EditGrafikHasilKepuasan() {
   const params = useParams();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.tanggal !== '' &&
+      formData.jenisKelamin?.trim() !== '' &&
+      formData.alamat?.trim() !== '' &&
+      formData.penyakit?.trim() !== ''
+    );
+  };
+
   const [formData, setFormData] = useState({
     nama: '',
     tanggal: '',
@@ -95,6 +106,31 @@ function EditGrafikHasilKepuasan() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.nama?.trim()) {
+      toast.error('Nama wajib diisi');
+      return;
+    }
+
+    if (!formData.tanggal) {
+      toast.error('Tanggal wajib diisi');
+      return;
+    }
+
+    if (!formData.jenisKelamin?.trim()) {
+      toast.error('Jenis kelamin wajib diisi');
+      return;
+    }
+
+    if (!formData.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
+    if (!formData.penyakit?.trim()) {
+      toast.error('Penyakit wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       editState.update.form = { ...editState.update.form, ...formData };
@@ -164,8 +200,11 @@ function EditGrafikHasilKepuasan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
index 3a5deb37..caf68c3e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/penderita_penyakit/create/page.tsx
@@ -25,6 +25,17 @@ function CreateGrafikHasilKepuasanMasyarakat() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateGrafikKepuasan.create.form.nama?.trim() !== '' &&
+      stateGrafikKepuasan.create.form.tanggal !== '' &&
+      stateGrafikKepuasan.create.form.jenisKelamin?.trim() !== '' &&
+      stateGrafikKepuasan.create.form.alamat?.trim() !== '' &&
+      stateGrafikKepuasan.create.form.penyakit?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stateGrafikKepuasan.create.form = {
       nama: "",
@@ -36,6 +47,31 @@ function CreateGrafikHasilKepuasanMasyarakat() {
   };
 
   const handleSubmit = async () => {
+    if (!stateGrafikKepuasan.create.form.nama?.trim()) {
+      toast.error('Nama wajib diisi');
+      return;
+    }
+
+    if (!stateGrafikKepuasan.create.form.tanggal) {
+      toast.error('Tanggal wajib diisi');
+      return;
+    }
+
+    if (!stateGrafikKepuasan.create.form.jenisKelamin?.trim()) {
+      toast.error('Jenis kelamin wajib diisi');
+      return;
+    }
+
+    if (!stateGrafikKepuasan.create.form.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
+    if (!stateGrafikKepuasan.create.form.penyakit?.trim()) {
+      toast.error('Penyakit wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       await stateGrafikKepuasan.create.create();
@@ -129,8 +165,11 @@ function CreateGrafikHasilKepuasanMasyarakat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
index 5cb84c0b..de7c964e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
@@ -26,6 +26,16 @@ function EditKelahiran() {
   const params = useParams();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.tanggal !== '' &&
+      formData.jenisKelamin?.trim() !== '' &&
+      formData.alamat?.trim() !== ''
+    );
+  };
+
   const [formData, setFormData] = useState({
     nama: '',
     tanggal: '',
@@ -90,6 +100,26 @@ function EditKelahiran() {
 
 
   const handleSubmit = async () => {
+    if (!formData.nama?.trim()) {
+      toast.error('Nama wajib diisi');
+      return;
+    }
+
+    if (!formData.tanggal) {
+      toast.error('Tanggal wajib diisi');
+      return;
+    }
+
+    if (!formData.jenisKelamin?.trim()) {
+      toast.error('Jenis kelamin wajib diisi');
+      return;
+    }
+
+    if (!formData.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       // Update global state hanya saat submit
@@ -173,8 +203,11 @@ function EditKelahiran() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
index 559110ba..5c2d2d5e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
@@ -24,6 +24,16 @@ function CreateKelahiran() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.form.nama?.trim() !== '' &&
+      createState.create.form.tanggal !== '' &&
+      createState.create.form.jenisKelamin?.trim() !== '' &&
+      createState.create.form.alamat?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     createState.create.form = {
       nama: '',
@@ -35,6 +45,26 @@ function CreateKelahiran() {
 
 
   const handleSubmit = async () => {
+    if (!createState.create.form.nama?.trim()) {
+      toast.error('Nama wajib diisi');
+      return;
+    }
+
+    if (!createState.create.form.tanggal) {
+      toast.error('Tanggal wajib diisi');
+      return;
+    }
+
+    if (!createState.create.form.jenisKelamin?.trim()) {
+      toast.error('Jenis kelamin wajib diisi');
+      return;
+    }
+
+    if (!createState.create.form.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       await createState.create.create();
@@ -126,8 +156,11 @@ function CreateKelahiran() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
index 72dac9dc..3e58c773 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
@@ -28,6 +28,24 @@ function EditKematian() {
   const params = useParams();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.tanggal !== '' &&
+      formData.jenisKelamin?.trim() !== '' &&
+      formData.alamat?.trim() !== '' &&
+      !isHtmlEmpty(formData.penyebab)
+    );
+  };
+
   const [formData, setFormData] = useState({
     nama: '',
     tanggal: '',
@@ -96,6 +114,31 @@ function EditKematian() {
   };
 
   const handleSubmit = async () => {
+    if (!formData.nama?.trim()) {
+      toast.error('Nama wajib diisi');
+      return;
+    }
+
+    if (!formData.tanggal) {
+      toast.error('Tanggal wajib diisi');
+      return;
+    }
+
+    if (!formData.jenisKelamin?.trim()) {
+      toast.error('Jenis kelamin wajib diisi');
+      return;
+    }
+
+    if (!formData.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.penyebab)) {
+      toast.error('Penyebab wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       // Update global state saat submit
@@ -194,8 +237,11 @@ function EditKematian() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
index 37cbd016..c742c297 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
@@ -23,6 +23,24 @@ function CreateKematian() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.form.nama?.trim() !== '' &&
+      createState.create.form.tanggal !== '' &&
+      createState.create.form.jenisKelamin?.trim() !== '' &&
+      createState.create.form.alamat?.trim() !== '' &&
+      !isHtmlEmpty(createState.create.form.penyebab)
+    );
+  };
+
   const resetForm = () => {
     createState.create.form = {
       nama: '',
@@ -35,16 +53,33 @@ function CreateKematian() {
 
 
   const handleSubmit = async () => {
+    if (!createState.create.form.nama?.trim()) {
+      toast.error('Nama wajib diisi');
+      return;
+    }
+
+    if (!createState.create.form.tanggal) {
+      toast.error('Tanggal wajib diisi');
+      return;
+    }
+
+    if (!createState.create.form.jenisKelamin?.trim()) {
+      toast.error('Jenis kelamin wajib diisi');
+      return;
+    }
+
+    if (!createState.create.form.alamat?.trim()) {
+      toast.error('Alamat wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(createState.create.form.penyebab)) {
+      toast.error('Penyebab wajib diisi');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
-      if (!createState.create.form.nama) {
-        return toast.warn('Nama wajib diisi');
-      }
-      if (!createState.create.form.tanggal) {
-        return toast.warn('Tanggal wajib diisi');
-      }
-
-
       await createState.create.create();
       resetForm();
       router.push(
@@ -140,8 +175,11 @@ function CreateKematian() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
index 286a6e29..34c07fa7 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
@@ -47,6 +47,22 @@ function EditInfoWabahPenyakit() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsiSingkat) &&
+      !isHtmlEmpty(formData.deskripsiLengkap)
+    );
+  };
+
   // Helper untuk update field formData
   const updateField = (field: keyof typeof formData, value: string) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
@@ -274,8 +290,11 @@ function EditInfoWabahPenyakit() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
index 7e2c682c..801dd945 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
@@ -30,6 +30,23 @@ function CreateInfoWabahPenyakit() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      infoWabahPenyakitState.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(infoWabahPenyakitState.create.form.deskripsiSingkat) &&
+      !isHtmlEmpty(infoWabahPenyakitState.create.form.deskripsiLengkap) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     infoWabahPenyakitState.create.form = {
       name: "",
@@ -216,8 +233,11 @@ function CreateInfoWabahPenyakit() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
index e3459054..39d3035e 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
@@ -47,6 +47,22 @@ function EditKontakDarurat() {
   });
   const [loading, setLoading] = useState(true);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.whatsapp?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data sekali saat mount
   useEffect(() => {
     const loadKontakDarurat = async () => {
@@ -256,8 +272,11 @@ function EditKontakDarurat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
index 9befb923..c1af6df8 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
@@ -35,6 +35,23 @@ function CreateKontakDarurat() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      kontakDaruratState.create.form.name?.trim() !== '' &&
+      kontakDaruratState.create.form.whatsapp?.trim() !== '' &&
+      !isHtmlEmpty(kontakDaruratState.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     kontakDaruratState.create.form = {
       name: '',
@@ -240,8 +257,11 @@ function CreateKontakDarurat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
index 1cb79f35..a637af41 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
@@ -48,6 +48,21 @@ function EditPenangananDarurat() {
   const [file, setFile] = useState<File | null>(null);
   const [loading, setLoading] = useState(true);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data satu kali saat component mount
   useEffect(() => {
     const loadData = async () => {
@@ -263,8 +278,11 @@ function EditPenangananDarurat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
index 74f4f434..174a396c 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
@@ -35,6 +35,22 @@ function CreatePenangananDarurat() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [file, setFile] = useState<File | null>(null);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      penangananDaruratState.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(penangananDaruratState.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     penangananDaruratState.create.form = {
       name: '',
@@ -234,8 +250,11 @@ function CreatePenangananDarurat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
index 61422ed9..69b7e102 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
@@ -33,6 +33,25 @@ function EditPosyandu() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.nomor?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      !isHtmlEmpty(formData.jadwalPelayanan) &&
+      (file !== null || originalData.imageId !== '') // Either a new file is selected or an existing image exists
+    );
+  };
+
   const [formData, setFormData] = useState({
     name: '',
     nomor: '',
@@ -84,6 +103,31 @@ function EditPosyandu() {
   }, [params?.id]);
 
   const handleSubmit = async () => {
+    if (!formData.name?.trim()) {
+      toast.error('Nama posyandu wajib diisi');
+      return;
+    }
+
+    if (!formData.nomor?.trim()) {
+      toast.error('Nomor telepon wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(formData.jadwalPelayanan)) {
+      toast.error('Jadwal pelayanan wajib diisi');
+      return;
+    }
+
+    if (!file && !originalData.imageId) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       const updatedForm = { ...statePosyandu.edit.form, ...formData };
@@ -278,8 +322,11 @@ function EditPosyandu() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
index 63c6ec28..d58cabc9 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
@@ -31,6 +31,23 @@ function CreatePosyandu() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      statePosyandu.create.form.name?.trim() !== '' &&
+      statePosyandu.create.form.nomor?.trim() !== '' &&
+      !isHtmlEmpty(statePosyandu.create.form.deskripsi) &&
+      !isHtmlEmpty(statePosyandu.create.form.jadwalPelayanan) &&
+      file !== null
+    );
+  };
 
   const resetForm = () => {
     statePosyandu.create.form = {
@@ -46,6 +63,31 @@ function CreatePosyandu() {
 
 
   const handleSubmit = async () => {
+    if (!statePosyandu.create.form.name?.trim()) {
+      toast.error('Nama posyandu wajib diisi');
+      return;
+    }
+
+    if (!statePosyandu.create.form.nomor?.trim()) {
+      toast.error('Nomor telepon wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(statePosyandu.create.form.deskripsi)) {
+      toast.error('Deskripsi wajib diisi');
+      return;
+    }
+
+    if (isHtmlEmpty(statePosyandu.create.form.jadwalPelayanan)) {
+      toast.error('Jadwal pelayanan wajib diisi');
+      return;
+    }
+
+    if (!file) {
+      toast.error('Gambar wajib dipilih');
+      return;
+    }
+
     try {
       setIsSubmitting(true);
       if (!file) {
@@ -221,8 +263,11 @@ function CreatePosyandu() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
index f3edf417..d3f48814 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
@@ -46,6 +46,22 @@ function EditProgramKesehatan() {
     imageUrl: ''
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsiSingkat) &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data awal
   useEffect(() => {
     const loadData = async () => {
@@ -266,8 +282,11 @@ function EditProgramKesehatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
index 1e4542c2..ba3f9ee4 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
@@ -30,6 +30,23 @@ function CreateProgramKesehatan() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      programKesehatanState.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(programKesehatanState.create.form.deskripsiSingkat) &&
+      !isHtmlEmpty(programKesehatanState.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     programKesehatanState.create.form = {
       name: "",
@@ -223,8 +240,11 @@ function CreateProgramKesehatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
index 93fcc4d0..7869b690 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
@@ -72,6 +72,17 @@ function EditPuskesmas() {
     imageUrl: ''
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.alamat?.trim() !== '' &&
+      formData.jam.workDays?.trim() !== '' &&
+      formData.jam.weekDays?.trim() !== '' &&
+      formData.jam.holiday?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     const loadPuskesmas = async () => {
       const id = params?.id as string;
@@ -383,8 +394,11 @@ function EditPuskesmas() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
index f75eb7ea..a2c14d97 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
@@ -29,6 +29,15 @@ function CreatePuskesmas() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      statePuskesmas.create.form.name?.trim() !== '' &&
+      statePuskesmas.create.form.alamat?.trim() !== '' &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     statePuskesmas.create.form = {
       name: '',
@@ -257,8 +266,11 @@ function CreatePuskesmas() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
index ca8925a5..1de44ae4 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/media-sosial/create/page.tsx
@@ -24,7 +24,6 @@ import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import profileLandingPageState from '../../../../_state/landing-page/profile';
 import SelectSosialMedia from '@/app/admin/(dashboard)/_com/selectSocialMedia';
-import { sosmedMap } from '@/app/admin/(dashboard)/landing-page/profil/_lib/sosmed';
 
 // ⭐ Tambah type SosmedKey
 type SosmedKey =
-- 
2.49.1


From aa354992e72aaf842fffa436547e9f1cbdec5491 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 18 Feb 2026 11:22:30 +0800
Subject: [PATCH 88/97] feat: add form validation for keamanan module admin
 pages

- Added isFormValid() and isHtmlEmpty() helper functions
- Disabled submit buttons when required fields are empty
- Applied consistent validation pattern across all create/edit pages
- Validated fields: judul, deskripsi, lokasi, tanggal, status, kronologi, penanganan, link video, and image uploads
- Edit pages allow existing images, create pages require new uploads

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .../[id]/edit/page.tsx                        | 20 +++++++++++++++-
 .../create/page.tsx                           | 21 +++++++++++++++-
 .../kontak-darurat-item/[id]/edit/page.tsx    | 14 ++++++++++-
 .../kontak-darurat-item/create/page.tsx       | 15 +++++++++++-
 .../[id]/edit/page.tsx                        | 13 +++++++++-
 .../kontak-darurat-keamanan/create/page.tsx   | 13 +++++++++-
 .../laporan-publik/[id]/edit/page.tsx         | 24 ++++++++++++++++++-
 .../keamanan/laporan-publik/create/page.tsx   | 15 +++++++++++-
 .../[id]/edit/page.tsx                        | 22 ++++++++++++++++-
 .../pencegahan-kriminalitas/create/page.tsx   | 22 ++++++++++++++++-
 .../daftar-polsek-terdekat/[id]/edit/page.tsx | 16 ++++++++++++-
 .../daftar-polsek-terdekat/create/page.tsx    | 16 ++++++++++++-
 .../layanan-polsek/[id]/page.tsx              | 10 +++++++-
 .../layanan-polsek/create/page.tsx            | 10 +++++++-
 .../keamanan/tips-keamanan/[id]/edit/page.tsx | 20 +++++++++++++++-
 .../keamanan/tips-keamanan/create/page.tsx    | 21 +++++++++++++++-
 16 files changed, 256 insertions(+), 16 deletions(-)

diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
index fdf71259..b23b011a 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
@@ -53,6 +53,21 @@ function EditKeamananLingkungan() {
     imageUrl: "",
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data sekali pas mount
   useEffect(() => {
     const loadData = async () => {
@@ -294,8 +309,11 @@ function EditKeamananLingkungan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
index f1d148a6..6b977006 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
@@ -35,6 +35,22 @@ function CreateKeamananLingkungan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false)
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      keamananState.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(keamananState.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     keamananState.create.form = {
       name: '',
@@ -237,8 +253,11 @@ function CreateKeamananLingkungan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
index 7bff7bad..3d4ff3b5 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
@@ -39,6 +39,15 @@ function EditKontakItem() {
     icon: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.nomorTelepon?.trim() !== '' &&
+      formData.icon?.trim() !== ''
+    );
+  };
+
   // Load data sekali dari global state
   useEffect(() => {
     const loadKontakDarurat = async () => {
@@ -170,8 +179,11 @@ function EditKontakItem() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
index c6789784..ea0ac7fe 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
@@ -23,6 +23,16 @@ function CreateKontakItem() {
   const kontakState = useProxy(kontakDarurat.kontakDaruratItem);
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      kontakState.create.form.nama?.trim() !== '' &&
+      kontakState.create.form.nomorTelepon?.trim() !== '' &&
+      kontakState.create.form.icon?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     kontakState.create.form = {
       nama: '',
@@ -115,8 +125,11 @@ function CreateKontakItem() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
index 80a8c6f1..de6ac436 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
@@ -46,6 +46,14 @@ export default function EditKontakDaruratKeamanan() {
     kategoriId: [],
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.kategoriId.length > 0
+    );
+  };
+
   // 🔁 Load data saat ID berubah
   useEffect(() => {
     const loadInitialData = async () => {
@@ -213,8 +221,11 @@ export default function EditKontakDaruratKeamanan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
index 92c0a424..bd8e0b69 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
@@ -26,6 +26,14 @@ function CreateKontakDaruratKeamanan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      kontakState.create.form.nama?.trim() !== '' &&
+      kontakState.create.form.icon?.trim() !== ''
+    );
+  };
+
   useShallowEffect(() => {
     kontakDarurat.kontakDaruratItem.findMany.load();
   }, []);
@@ -127,8 +135,11 @@ function CreateKontakDaruratKeamanan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
index a079c8aa..f9f940a7 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
@@ -55,6 +55,25 @@ function EditLaporanPublik() {
     kronologi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      formData.lokasi?.trim() !== '' &&
+      formData.tanggalWaktu?.trim() !== '' &&
+      formData.status?.trim() !== '' &&
+      !isHtmlEmpty(formData.kronologi) &&
+      !isHtmlEmpty(formData.penanganan)
+    );
+  };
+
   useEffect(() => {
     const loadLaporanPublik = async () => {
       const id = params?.id as string;
@@ -223,8 +242,11 @@ function EditLaporanPublik() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
index 4665545d..d086b10f 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
@@ -26,6 +26,16 @@ function CreateLaporanPublik() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateLaporan.create.form.judul?.trim() !== '' &&
+      stateLaporan.create.form.lokasi?.trim() !== '' &&
+      stateLaporan.create.form.tanggalWaktu?.trim() !== '' &&
+      stateLaporan.create.form.kronologi?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stateLaporan.create.form = {
       judul: '',
@@ -123,8 +133,11 @@ function CreateLaporanPublik() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
index 9943477a..1a63549c 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
@@ -41,6 +41,23 @@ function EditPencegahanKriminalitas() {
     linkVideo: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsiSingkat) &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      convertYoutubeUrlToEmbed(formData.linkVideo) !== ''
+    );
+  };
+
   // load data hanya sekali pas id berubah
   useEffect(() => {
     const loadKriminalitas = async () => {
@@ -220,8 +237,11 @@ function EditPencegahanKriminalitas() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
index ab5646c8..9e12f6d4 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
@@ -28,6 +28,23 @@ function CreatePencegahanKriminalitas() {
   const embedLink = convertYoutubeUrlToEmbed(link);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      kriminalitasState.create.form.judul?.trim() !== '' &&
+      !isHtmlEmpty(kriminalitasState.create.form.deskripsiSingkat) &&
+      !isHtmlEmpty(kriminalitasState.create.form.deskripsi) &&
+      embedLink !== ''
+    );
+  };
+
   const resetForm = () => {
     kriminalitasState.create.form = {
       judul: "",
@@ -165,8 +182,11 @@ function CreatePencegahanKriminalitas() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx
index 1c2b79d4..29f2a4fd 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/[id]/edit/page.tsx
@@ -67,6 +67,17 @@ function EditPolsekTerdekat() {
     layananPolsekId: []
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.jarakKeDesa?.trim() !== '' &&
+      formData.alamat?.trim() !== '' &&
+      formData.nomorTelepon?.trim() !== '' &&
+      formData.layananPolsekId.length > 0
+    );
+  };
+
     useEffect(() => {
     statePolsekTerdekat.layananPolsek.findManyAll.load();
   }, []);
@@ -261,8 +272,11 @@ function EditPolsekTerdekat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/create/page.tsx
index b3b63080..3f38a0d5 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/daftar-polsek-terdekat/create/page.tsx
@@ -24,6 +24,17 @@ function CreatePolsekTerdekat() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      polsekState.create.form.nama?.trim() !== '' &&
+      polsekState.create.form.jarakKeDesa?.trim() !== '' &&
+      polsekState.create.form.alamat?.trim() !== '' &&
+      polsekState.create.form.nomorTelepon?.trim() !== '' &&
+      polsekState.create.form.layananPolsekId.length > 0
+    );
+  };
+
   useEffect(() => {
     statePolsekTerdekat.layananPolsek.findManyAll.load();
   }, []);
@@ -219,8 +230,11 @@ function CreatePolsekTerdekat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx
index 04e64bd2..5eaa948d 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/[id]/page.tsx
@@ -33,6 +33,11 @@ function EditLayananPolsek() {
     nama: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.nama?.trim() !== '';
+  };
+
   useEffect(() => {
     const loadLayananPolsek = async () => {
       const id = params?.id as string;
@@ -143,8 +148,11 @@ function EditLayananPolsek() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx
index 378ba46e..67d551f4 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/layanan-polsek/create/page.tsx
@@ -22,6 +22,11 @@ function CreateLayananPolsek() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return createState.create.form.nama?.trim() !== '';
+  };
+
   const resetForm = () => {
     createState.create.form = {
       nama: '',
@@ -93,8 +98,11 @@ function CreateLayananPolsek() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
index 48de4cf7..0616cddc 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
@@ -52,6 +52,21 @@ function EditTipsKeamanan() {
     imageUrl: "",
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data saat pertama kali
   useEffect(() => {
     const loadData = async () => {
@@ -295,8 +310,11 @@ function EditTipsKeamanan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
index 8ba626d6..675544b2 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
@@ -30,6 +30,22 @@ function CreateKeamananLingkungan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateKeamanan.create.form.judul?.trim() !== '' &&
+      !isHtmlEmpty(stateKeamanan.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     stateKeamanan.create.form = {
       judul: '',
@@ -199,8 +215,11 @@ function CreateKeamananLingkungan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-- 
2.49.1


From 1ddc1d7eac65badc886c8c0953275efb6cf7870f Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 18 Feb 2026 16:13:20 +0800
Subject: [PATCH 89/97] feat: add form validation for ekonomi module admin
 pages

- Added isFormValid() and isHtmlEmpty() helper functions
- Disabled submit buttons when required fields are empty
- Applied consistent validation pattern across all create/edit pages
- Validated fields: nama, deskripsi, tahun, jumlah, value, icon, statistik, and more
- Edit pages allow existing data, create pages require all fields

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .../apbdesa/[id]/edit/page.tsx                | 16 +++++++++++-
 .../apbdesa/create/page.tsx                   | 16 +++++++++++-
 .../belanja/[id]/page.tsx                     | 14 +++++++++-
 .../belanja/create/page.tsx                   | 14 +++++++++-
 .../pembiayaan/[id]/page.tsx                  | 14 +++++++++-
 .../pembiayaan/create/page.tsx                | 14 +++++++++-
 .../pendapatan/[id]/page.tsx                  | 14 +++++++++-
 .../pendapatan/create/page.tsx                | 14 +++++++++-
 .../pegawai/[id]/edit/page.tsx                | 13 +++++++++-
 .../pegawai/create/page.tsx                   | 14 +++++++++-
 .../posisi-organisasi/[id]/page.tsx           | 22 +++++++++++++++-
 .../posisi-organisasi/create/page.tsx         | 22 +++++++++++++++-
 .../ekonomi/demografi-pekerjaan/[id]/page.tsx | 16 +++++++++++-
 .../demografi-pekerjaan/create/page.tsx       | 16 +++++++++++-
 .../jumlah-penduduk-miskin/[id]/page.tsx      | 15 ++++++++++-
 .../jumlah-penduduk-miskin/create/page.tsx    | 15 ++++++++++-
 .../[id]/page.tsx                             | 16 +++++++++++-
 .../create/page.tsx                           | 16 +++++++++++-
 .../[id]/page.tsx                             | 15 ++++++++++-
 .../create/page.tsx                           | 15 ++++++++++-
 .../jumlah-pengangguran/[id]/edit/page.tsx    | 18 ++++++++++++-
 .../jumlah-pengangguran/create/page.tsx       | 18 ++++++++++++-
 .../lowongan-kerja-lokal/[id]/edit/page.tsx   | 26 ++++++++++++++++++-
 .../lowongan-kerja-lokal/create/page.tsx      | 26 ++++++++++++++++++-
 .../pasar-desa/kategori-produk/[id]/page.tsx  | 10 ++++++-
 .../kategori-produk/create/page.tsx           | 10 ++++++-
 .../produk-pasar-desa/[id]/edit/page.tsx      | 22 +++++++++++++++-
 .../produk-pasar-desa/create/page.tsx         | 23 +++++++++++++++-
 .../program-kemiskinan/[id]/edit/page.tsx     | 23 +++++++++++++++-
 .../program-kemiskinan/create/page.tsx        | 24 ++++++++++++++++-
 .../sektor-unggulan-desa/[id]/edit/page.tsx   | 22 +++++++++++++++-
 .../sektor-unggulan-desa/create/page.tsx      | 22 +++++++++++++++-
 32 files changed, 523 insertions(+), 32 deletions(-)

diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
index 3cd8c1f6..b8d1e86e 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
@@ -51,6 +51,17 @@ function EditAPBDesa() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.tahun?.trim() !== '' &&
+      Number(formData.tahun) > 0 &&
+      formData.pendapatanIds.length > 0 &&
+      formData.belanjaIds.length > 0 &&
+      formData.pembiayaanIds.length > 0
+    );
+  };
+
   // ==================== LOAD DATA ====================
   useEffect(() => {
     const loadAPBdesa = async () => {
@@ -213,8 +224,11 @@ function EditAPBDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
index 6ab98928..cc237b70 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
@@ -27,6 +27,17 @@ function CreateAPBDesa() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      apbDesaState.create.form.tahun !== null &&
+      apbDesaState.create.form.tahun > 0 &&
+      apbDesaState.create.form.pendapatanIds.length > 0 &&
+      apbDesaState.create.form.belanjaIds.length > 0 &&
+      apbDesaState.create.form.pembiayaanIds.length > 0
+    );
+  };
+
   const resetForm = () => {
     apbDesaState.create.form = {
       tahun: 0,
@@ -121,8 +132,11 @@ function CreateAPBDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
index 96bb9ebd..45e5937a 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
@@ -35,6 +35,15 @@ function EditBelanja() {
     value: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.value !== '' &&
+      Number(formData.value) > 0
+    );
+  };
+
   // format angka ke rupiah
   const formatRupiah = (value: number | string) => {
     const number =
@@ -172,8 +181,11 @@ function EditBelanja() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
index 013ffc24..d5fede9b 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
@@ -24,6 +24,15 @@ function CreateBelanja() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      belanjaState.create.form.name?.trim() !== '' &&
+      belanjaState.create.form.value !== null &&
+      belanjaState.create.form.value > 0
+    );
+  };
+
   const formatRupiah = (value: number | string) => {
     const number =
       typeof value === 'number' ? value : Number(value.replace(/\D/g, ''));
@@ -126,8 +135,11 @@ function CreateBelanja() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
index b0b0ed38..378a34fd 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
@@ -34,6 +34,15 @@ function EditPembiayaan() {
     value: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.value !== '' &&
+      Number(formData.value) > 0
+    );
+  };
+
   const formatRupiah = (value: number | string) => {
     const number =
       typeof value === 'number'
@@ -169,8 +178,11 @@ function EditPembiayaan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
index 56b71894..63897a2f 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
@@ -23,6 +23,15 @@ function CreatePembiayaan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      pembiayaanState.create.form.name?.trim() !== '' &&
+      pembiayaanState.create.form.value !== null &&
+      pembiayaanState.create.form.value > 0
+    );
+  };
+
   const formatRupiah = (value: number | string) => {
     const number =
       typeof value === 'number' ? value : Number(value.replace(/\D/g, ''));
@@ -127,8 +136,11 @@ function CreatePembiayaan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
index 5b68ff7e..9bddfead 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
@@ -34,6 +34,15 @@ function EditPendapatan() {
     value: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.value !== '' &&
+      Number(formData.value) > 0
+    );
+  };
+
   // helper format
   const formatRupiah = (value: number | string) => {
     const number = typeof value === 'number'
@@ -176,8 +185,11 @@ function EditPendapatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
index 0c3ee514..ca32a516 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
@@ -22,6 +22,15 @@ function CreatePendapatan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      pendapatanState.create.form.name?.trim() !== '' &&
+      pendapatanState.create.form.value !== null &&
+      pendapatanState.create.form.value > 0
+    );
+  };
+
   const formatRupiah = (value: number | string) => {
     const number = typeof value === 'number' ? value : Number(value.replace(/\D/g, ''));
     return new Intl.NumberFormat('id-ID', {
@@ -122,8 +131,11 @@ function CreatePendapatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/edit/page.tsx
index ef14160e..aebb8c18 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/[id]/edit/page.tsx
@@ -56,6 +56,14 @@ export default function EditPegawaiBumDes() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.namaLengkap?.trim() !== '' &&
+      formData.posisiId?.trim() !== ''
+    );
+  };
+
   // Format date for <input type="date">
   const formatDateForInput = (dateString: string) => {
     if (!dateString) return '';
@@ -325,8 +333,11 @@ export default function EditPegawaiBumDes() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create/page.tsx
index 5a8d1d1d..4999449a 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/pegawai/create/page.tsx
@@ -23,6 +23,15 @@ function CreatePegawaiBumDes() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateOrganisasi.create.form.namaLengkap?.trim() !== '' &&
+      stateOrganisasi.create.form.posisiId?.trim() !== '' &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     stateOrganisasi.create.form = {
       namaLengkap: "",
@@ -284,8 +293,11 @@ function CreatePegawaiBumDes() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/[id]/page.tsx
index cb9f03ff..32496484 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/[id]/page.tsx
@@ -31,6 +31,23 @@ function EditPosisiOrganisasiBumDes() {
     hierarki: 0,
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.hierarki !== null &&
+      formData.hierarki >= 0
+    );
+  };
+
   // Fungsi generik untuk update formData
   const handleChange = (field: keyof typeof formData, value: any) => {
     setFormData(prev => ({ ...prev, [field]: value }));
@@ -173,8 +190,11 @@ function EditPosisiOrganisasiBumDes() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create/page.tsx
index 84aaabcf..32b88dd3 100644
--- a/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/Struktur-Organisasi-Dan-Sk-Pengurus-BumDes/posisi-organisasi/create/page.tsx
@@ -15,6 +15,23 @@ function CreatePosisiOrganisasiBumDes() {
   const stateOrganisasi = useProxy(stateStrukturBumDes.posisiOrganisasi);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateOrganisasi.create.form.nama?.trim() !== '' &&
+      !isHtmlEmpty(stateOrganisasi.create.form.deskripsi) &&
+      stateOrganisasi.create.form.hierarki !== null &&
+      stateOrganisasi.create.form.hierarki >= 0
+    );
+  };
+
   useEffect(() => {
     stateOrganisasi.findMany.load();
   }, []);
@@ -115,8 +132,11 @@ function CreatePosisiOrganisasiBumDes() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
index 4ad28f5e..b5f5f37b 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
@@ -41,6 +41,17 @@ export default function EditDemografiPekerjaan() {
     perempuan: 0,
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.pekerjaan?.trim() !== '' &&
+      formData.lakiLaki !== null &&
+      formData.lakiLaki >= 0 &&
+      formData.perempuan !== null &&
+      formData.perempuan >= 0
+    );
+  };
+
   // ✅ Load data hanya sekali di awal (tidak reset form)
   useEffect(() => {
     if (!id) return;
@@ -186,8 +197,11 @@ export default function EditDemografiPekerjaan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
index d8284367..ed5c84f1 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
@@ -26,6 +26,17 @@ function CreateDemografiPekerjaan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateDemografi.create.form.pekerjaan?.trim() !== '' &&
+      stateDemografi.create.form.lakiLaki !== null &&
+      stateDemografi.create.form.lakiLaki >= 0 &&
+      stateDemografi.create.form.perempuan !== null &&
+      stateDemografi.create.form.perempuan >= 0
+    );
+  };
+
   const resetForm = () => {
     stateDemografi.create.form = {
       pekerjaan: '',
@@ -128,8 +139,11 @@ function CreateDemografiPekerjaan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
index 6dd1ff92..4637dfeb 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
@@ -37,6 +37,16 @@ function EditJumlahPendudukMiskin() {
     totalPoorPopulation: 0,
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.year !== null &&
+      formData.year > 0 &&
+      formData.totalPoorPopulation !== null &&
+      formData.totalPoorPopulation >= 0
+    );
+  };
+
   // 🔹 Load data awal dari backend
   useEffect(() => {
     if (!id) return;
@@ -160,8 +170,11 @@ function EditJumlahPendudukMiskin() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
index b26253a1..a911ceef 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
@@ -16,6 +16,16 @@ export default function CreateJumlahPendudukMiskin() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateJPM.create.form.year !== null &&
+      stateJPM.create.form.year > 0 &&
+      stateJPM.create.form.totalPoorPopulation !== null &&
+      stateJPM.create.form.totalPoorPopulation >= 0
+    );
+  };
+
   const resetForm = () => {
     stateJPM.create.form = {
       year: new Date().getFullYear(),
@@ -105,8 +115,11 @@ export default function CreateJumlahPendudukMiskin() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
index bb0a39e6..62e66df3 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
@@ -33,6 +33,17 @@ function EditGrafikBerdasarkanPendidikan() {
     S1: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.SD?.trim() !== '' &&
+      formData.SMP?.trim() !== '' &&
+      formData.SMA?.trim() !== '' &&
+      formData.D3?.trim() !== '' &&
+      formData.S1?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     if (id) {
       stategrafik.findUnique.load(id).then(() => {
@@ -174,8 +185,11 @@ function EditGrafikBerdasarkanPendidikan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
index 73d89a1a..dfa0f954 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
@@ -16,6 +16,17 @@ function CreateGrafikBerdasarkanPendidikan() {
   const [donutData, setDonutData] = useState<any[]>([]);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stategrafik.create.form.SD?.trim() !== '' &&
+      stategrafik.create.form.SMP?.trim() !== '' &&
+      stategrafik.create.form.SMA?.trim() !== '' &&
+      stategrafik.create.form.D3?.trim() !== '' &&
+      stategrafik.create.form.S1?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stategrafik.create.form = {
       ...stategrafik.create.form,
@@ -127,8 +138,11 @@ function CreateGrafikBerdasarkanPendidikan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
index 51244c13..8c87f29b 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
@@ -43,6 +43,16 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
     usia46_keatas: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.usia18_25?.trim() !== '' &&
+      formData.usia26_35?.trim() !== '' &&
+      formData.usia36_45?.trim() !== '' &&
+      formData.usia46_keatas?.trim() !== ''
+    );
+  };
+
   // load data dari global state -> masukin ke local state
   useEffect(() => {
     if (id) {
@@ -179,8 +189,11 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
index f31cf437..26d51682 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
@@ -17,6 +17,16 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   const [donutData, setDonutData] = useState<any[]>([]);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stategrafik.create.form.usia18_25?.trim() !== '' &&
+      stategrafik.create.form.usia26_35?.trim() !== '' &&
+      stategrafik.create.form.usia36_45?.trim() !== '' &&
+      stategrafik.create.form.usia46_keatas?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stategrafik.create.form = {
       ...stategrafik.create.form,
@@ -120,8 +130,11 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
index 4a3bf4f3..5ccf3989 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
@@ -53,6 +53,19 @@ function EditDetailDataPengangguran() {
     percentageChange: 0,
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.month?.trim() !== '' &&
+      formData.year !== null &&
+      formData.year > 0 &&
+      formData.educatedUnemployment !== null &&
+      formData.educatedUnemployment >= 0 &&
+      formData.uneducatedUnemployment !== null &&
+      formData.uneducatedUnemployment >= 0
+    );
+  };
+
   // --- hitung total + persentase perubahan
   const calculateTotalAndChange = useCallback(
     async (data: typeof formData) => {
@@ -255,8 +268,11 @@ function EditDetailDataPengangguran() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
index e7583359..3cd144f6 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx
@@ -27,6 +27,19 @@ function CreateJumlahPengangguran() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateDetail.create.form.month?.trim() !== '' &&
+      stateDetail.create.form.year !== null &&
+      stateDetail.create.form.year > 0 &&
+      stateDetail.create.form.educatedUnemployment !== null &&
+      stateDetail.create.form.educatedUnemployment >= 0 &&
+      stateDetail.create.form.uneducatedUnemployment !== null &&
+      stateDetail.create.form.uneducatedUnemployment >= 0
+    );
+  };
+
   const monthOptions = [
     'Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun',
     'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'
@@ -204,8 +217,11 @@ function CreateJumlahPengangguran() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
index 3fdad936..aee1b8c0 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
@@ -48,6 +48,27 @@ function EditLowonganKerja() {
     notelp: '',
   })
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.posisi?.trim() !== '' &&
+      formData.namaPerusahaan?.trim() !== '' &&
+      formData.notelp?.trim() !== '' &&
+      formData.lokasi?.trim() !== '' &&
+      formData.tipePekerjaan?.trim() !== '' &&
+      formData.gaji?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      !isHtmlEmpty(formData.kualifikasi)
+    );
+  };
+
   // load data sekali aja ketika mount / id berubah
   useEffect(() => {
     const loadLowongan = async () => {
@@ -229,8 +250,11 @@ function EditLowonganKerja() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
index dfbb955a..055c9ddd 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
@@ -24,6 +24,27 @@ function CreateLowonganKerja() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      lowonganState.create.form.posisi?.trim() !== '' &&
+      lowonganState.create.form.namaPerusahaan?.trim() !== '' &&
+      lowonganState.create.form.notelp?.trim() !== '' &&
+      lowonganState.create.form.lokasi?.trim() !== '' &&
+      lowonganState.create.form.tipePekerjaan?.trim() !== '' &&
+      lowonganState.create.form.gaji?.trim() !== '' &&
+      !isHtmlEmpty(lowonganState.create.form.deskripsi) &&
+      !isHtmlEmpty(lowonganState.create.form.kualifikasi)
+    );
+  };
+
   const resetForm = () => {
     lowonganState.create.form = {
       posisi: '',
@@ -175,8 +196,11 @@ function CreateLowonganKerja() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
index 1b755f90..c180ad4a 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
@@ -28,6 +28,11 @@ function EditKategoriProduk() {
   const [formData, setFormData] = useState({ nama: '' });
   const [originalData, setOriginalData] = useState({ nama: '' });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.nama?.trim() !== '';
+  };
+
   useEffect(() => {
     const loadKategoriProduk = async () => {
       if (!id) return;
@@ -146,8 +151,11 @@ function EditKategoriProduk() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
index 51ee8a3d..5873d9ae 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
@@ -23,6 +23,11 @@ function CreateKategoriProduk() {
   const statePasar = useProxy(pasarDesaState.kategoriProduk);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return statePasar.create.form.nama?.trim() !== '';
+  };
+
   useEffect(() => {
     statePasar.findMany.load();
   }, []);
@@ -101,8 +106,11 @@ function CreateKategoriProduk() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
index f656a13f..0fc729ac 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
@@ -68,6 +68,23 @@ function EditPasarDesa() {
     deskripsi: ''
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.harga !== null &&
+      formData.harga > 0 &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // load data awal
   useEffect(() => {
     pasarState.kategoriProduk.findManyAll.load();
@@ -352,8 +369,11 @@ function EditPasarDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
index 0ece1759..0fc7fc03 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
@@ -32,6 +32,24 @@ export default function CreatePasarDesa() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      statePasar.pasarDesa.create.form.nama?.trim() !== '' &&
+      statePasar.pasarDesa.create.form.harga !== null &&
+      statePasar.pasarDesa.create.form.harga > 0 &&
+      !isHtmlEmpty(statePasar.pasarDesa.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   useEffect(() => {
     statePasar.kategoriProduk.findManyAll.load();
   }, []);
@@ -265,8 +283,11 @@ export default function CreatePasarDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
index f3cbf5bb..a5f2a416 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
@@ -53,6 +53,24 @@ function EditProgramKemiskinan() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [originalData, setOriginalData] = useState<FormData>(initialForm);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.icon?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.statistik.jumlah?.trim() !== '' &&
+      formData.statistik.tahun?.trim() !== ''
+    );
+  };
+
   // Load data 1x dari global state → isi local state
   useEffect(() => {
     if (!id) return;
@@ -235,8 +253,11 @@ function EditProgramKemiskinan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
index 674bb6a1..4d664ffb 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
@@ -29,6 +29,25 @@ function CreateProgramKemiskinan() {
   const [lineChart, setLineChart] = useState<any[]>([]);
 
   const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      programState.create.form.nama?.trim() !== '' &&
+      programState.create.form.icon?.trim() !== '' &&
+      !isHtmlEmpty(programState.create.form.deskripsi) &&
+      programState.create.form.statistik.jumlah?.trim() !== '' &&
+      programState.create.form.statistik.tahun?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     programState.create.form = {
       nama: '',
@@ -172,8 +191,11 @@ function CreateProgramKemiskinan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
index 592e7a35..da00ccba 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
@@ -41,6 +41,23 @@ function EditSektorUnggulanDesa() {
     value: 0,
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.description) &&
+      formData.value !== null &&
+      formData.value >= 0
+    );
+  };
+
   // Load data saat komponen mount
   useEffect(() => {
     if (id) {
@@ -168,8 +185,11 @@ function EditSektorUnggulanDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
index f5beda9c..edd2c503 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
@@ -27,6 +27,23 @@ function CreateSektorUnggulanDesa() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateGrafik.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(stateGrafik.create.form.description) &&
+      stateGrafik.create.form.value !== null &&
+      stateGrafik.create.form.value >= 0
+    );
+  };
+
   const resetForm = () => {
     stateGrafik.create.form = {
       name: '',
@@ -132,8 +149,11 @@ function CreateSektorUnggulanDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
-- 
2.49.1


From 8132609ccbce5e12c1a9945845df87032205daf1 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Fri, 20 Feb 2026 15:08:41 +0800
Subject: [PATCH 90/97] feat: add form validation for inovasi, lingkungan, and
 pendidikan modules

- Added isFormValid() and isHtmlEmpty() helper functions for form validation
- Disabled submit buttons when required fields are empty across multiple admin and public pages
- Applied consistent validation pattern for creating and editing records
- Commented out WhatsApp OTP sending in login route for debugging/testing
- Fixed path in NavbarMainMenu tooltip action
---
 .../[id]/edit/page.tsx                        | 20 +++++++++++-
 .../create/page.tsx                           | 21 +++++++++++-
 .../[id]/edit/page.tsx                        | 20 +++++++++++-
 .../info-teknologi-tepat-guna/create/page.tsx | 21 +++++++++++-
 .../[id]/edit/page.tsx                        | 22 ++++++++++++-
 .../list-kolaborasi-inovasi/create/page.tsx   | 21 +++++++++++-
 .../mitra-kolaborasi/[id]/page.tsx            | 10 +++++-
 .../mitra-kolaborasi/create/page.tsx          | 13 +++++++-
 .../program-kreatif-desa/[id]/edit/page.tsx   | 22 ++++++++++++-
 .../program-kreatif-desa/create/page.tsx      | 22 ++++++++++++-
 .../data-lingkungan-desa/[id]/edit/page.tsx   | 22 ++++++++++++-
 .../data-lingkungan-desa/create/page.tsx      | 22 ++++++++++++-
 .../edit/page.tsx                             | 20 +++++++++++-
 .../edit/page.tsx                             | 20 +++++++++++-
 .../tujuan-edukasi-lingkungan/edit/page.tsx   | 20 +++++++++++-
 .../kategori-kegiatan/[id]/page.tsx           | 10 +++++-
 .../kategori-kegiatan/create/page.tsx         | 10 +++++-
 .../kegiatan-desa/[id]/edit/page.tsx          | 26 ++++++++++++++-
 .../kegiatan-desa/create/page.tsx             | 27 +++++++++++++++-
 .../edit/page.tsx                             | 20 +++++++++++-
 .../filosofi-tri-hita-karana/edit/page.tsx    | 20 +++++++++++-
 .../nilai-konservasi-adat/edit/page.tsx       | 20 +++++++++++-
 .../[id]/edit/page.tsx                        | 15 ++++++++-
 .../create/page.tsx                           | 15 ++++++++-
 .../[id]/page.tsx                             | 13 +++++++-
 .../create/page.tsx                           | 13 +++++++-
 .../program-penghijauan/[id]/edit/page.tsx    | 22 ++++++++++++-
 .../program-penghijauan/create/page.tsx       | 22 ++++++++++++-
 .../keunggulan-program/[id]/page.tsx          | 20 +++++++++++-
 .../keunggulan-program/create/page.tsx        | 20 +++++++++++-
 .../fasilitas-yang-disediakan/edit/page.tsx   | 25 +++++++++++----
 .../lokasi-dan-jadwal/edit/page.tsx           | 25 +++++++++++----
 .../tujuan-program/edit/page.tsx              | 25 +++++++++++----
 .../pendidikan/data-pendidikan/[id]/page.tsx  | 13 +++++++-
 .../data-pendidikan/create/page.tsx           | 13 +++++++-
 .../jenjang-pendidikan/[id]/page.tsx          | 10 +++++-
 .../jenjang-pendidikan/create/page.tsx        | 10 +++++-
 .../info-sekolah/lembaga/[id]/edit/page.tsx   | 13 +++++++-
 .../info-sekolah/lembaga/create/page.tsx      | 13 +++++++-
 .../info-sekolah/pengajar/[id]/edit/page.tsx  | 13 +++++++-
 .../info-sekolah/pengajar/create/page.tsx     | 13 +++++++-
 .../info-sekolah/siswa/[id]/edit/page.tsx     | 13 +++++++-
 .../info-sekolah/siswa/create/page.tsx        | 13 +++++++-
 .../edit/page.tsx                             | 25 +++++++++++----
 .../tempat-kegiatan/edit/page.tsx             | 25 +++++++++++----
 .../tujuan-program/edit/page.tsx              | 25 +++++++++++----
 .../data-perpustakaan/[id]/edit/page.tsx      | 21 +++++++++++-
 .../data-perpustakaan/create/page.tsx         | 22 ++++++++++++-
 .../kategori-buku/[id]/page.tsx               | 10 +++++-
 .../kategori-buku/create/page.tsx             | 10 +++++-
 .../peminjam/[id]/edit/page.tsx               | 25 ++++++++++++++-
 .../program-unggulan/edit/page.tsx            | 25 +++++++++++----
 .../tujuan-program/edit/page.tsx              | 25 +++++++++++----
 src/app/api/auth/login/route.ts               | 32 +++++++++----------
 .../inovasi/ajukan-ide-inovatif/page.tsx      | 25 ++++++++++++++-
 .../administrasi-online/page.tsx              | 16 +++++++++-
 .../pengaduan-masyarakat/page.tsx             | 28 +++++++++++++++-
 .../(pages)/pendidikan/beasiswa-desa/page.tsx | 20 +++++++++++-
 .../pelajari-lebih-lanjut/page.tsx            | 19 +++++++++++
 .../_lib/modalPeminjaman.tsx                  | 26 ++++++++++++---
 src/app/darmasaba/_com/NavbarMainMenu.tsx     | 14 ++++----
 61 files changed, 1037 insertions(+), 124 deletions(-)

diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
index 350cbd38..05a941b5 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
@@ -44,6 +44,21 @@ function EditDigitalSmartVillage() {
     imageUrl: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   useEffect(() => {
     const loadData = async () => {
       const id = params?.id as string;
@@ -248,8 +263,11 @@ function EditDigitalSmartVillage() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
index 56426951..051861a2 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
@@ -30,6 +30,22 @@ export default function CreateDesaDigital() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateDesaDigital.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(stateDesaDigital.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     stateDesaDigital.create.form = {
       name: '',
@@ -227,8 +243,11 @@ export default function CreateDesaDigital() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
index e8f2d36c..241c96fa 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
@@ -44,6 +44,21 @@ function EditInfoTeknologiTepatGuna() {
     imageUrl: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data pertama kali
   useEffect(() => {
     const id = params?.id as string;
@@ -260,8 +275,11 @@ function EditInfoTeknologiTepatGuna() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
index 035d6c0c..f0c82b63 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
@@ -30,6 +30,22 @@ function CreateInfoTeknologiTepatGuna() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateInfoTekno.create.form.name?.trim() !== '' &&
+      !isHtmlEmpty(stateInfoTekno.create.form.deskripsi) &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     stateInfoTekno.create.form = {
       name: '',
@@ -202,8 +218,11 @@ function CreateInfoTeknologiTepatGuna() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
index d07058ef..48134a46 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
@@ -44,6 +44,23 @@ function EditKolaborasiInovasi() {
     kolaborator: "",
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.slug?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.kolaborator?.trim() !== ''
+    );
+  };
+
   // Load data awal dari server
   useEffect(() => {
     const loadKolaborasi = async () => {
@@ -199,8 +216,11 @@ function EditKolaborasiInovasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
index c400f193..06179a19 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
@@ -16,6 +16,22 @@ function CreateProgramKreatifDesa() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.name?.trim() !== '' &&
+      stateCreate.create.form.slug?.trim() !== '' &&
+      !isHtmlEmpty(stateCreate.create.form.deskripsi)
+    );
+  };
+
   const resetForm = () => {
     stateCreate.create.form = {
       name: "",
@@ -135,8 +151,11 @@ function CreateProgramKreatifDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
index a14a850b..9e592d72 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
@@ -51,6 +51,11 @@ function EditMitraKolaborasi() {
     imageUrl: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.name?.trim() !== '';
+  };
+
   // Load data ke state lokal sekali saja
   useEffect(() => {
     const loadData = async () => {
@@ -263,8 +268,11 @@ function EditMitraKolaborasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
index c6c77ad2..ba4c52aa 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
@@ -29,6 +29,14 @@ function CreateMitraKolaborasi() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      state.create.form.name?.trim() !== '' &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     state.create.form = {
       name: '',
@@ -181,8 +189,11 @@ function CreateMitraKolaborasi() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
index baaba7c0..ef76991f 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
@@ -51,6 +51,23 @@ function EditProgramKreatifDesa() {
 
   const [isDataChanged, setIsDataChanged] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.slug?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.icon?.trim() !== ''
+    );
+  };
+
   // Load data hanya sekali berdasarkan params.id
   useEffect(() => {
     const loadProgramKreatif = async () => {
@@ -236,8 +253,11 @@ function EditProgramKreatifDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
index ee861f65..a70ce546 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
@@ -25,6 +25,23 @@ function CreateProgramKreatifDesa() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.name?.trim() !== '' &&
+      stateCreate.create.form.icon?.trim() !== '' &&
+      stateCreate.create.form.slug?.trim() !== '' &&
+      !isHtmlEmpty(stateCreate.create.form.deskripsi)
+    );
+  };
+
   const resetForm = () => {
     stateCreate.create.form = {
       name: "",
@@ -127,8 +144,11 @@ function CreateProgramKreatifDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
index c04f6acb..7aa9768c 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
@@ -67,6 +67,23 @@ export default function EditDataLingkunganDesa() {
     icon: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.jumlah?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.icon?.trim() !== ''
+    );
+  };
+
   // Load data saat komponen mount
   useEffect(() => {
     const loadData = async () => {
@@ -211,8 +228,11 @@ export default function EditDataLingkunganDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
index 41e20ec8..b03802cb 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
@@ -25,6 +25,23 @@ function CreateDataLingkunganDesa() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.name?.trim() !== '' &&
+      stateCreate.create.form.icon?.trim() !== '' &&
+      stateCreate.create.form.jumlah?.trim() !== '' &&
+      !isHtmlEmpty(stateCreate.create.form.deskripsi)
+    );
+  };
+
   const resetForm = () => {
     stateCreate.create.form = {
       name: '',
@@ -129,8 +146,11 @@ function CreateDataLingkunganDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
index 1dbf993d..5808250d 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/edit/page.tsx
@@ -38,6 +38,21 @@ export default function EditContohKegiatanDesaDarmasaba() {
     deskripsi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isHtmlEmpty(formData.judul) &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // load data awal
   useShallowEffect(() => {
     if (!contohEdukasiState.findById.data) {
@@ -156,8 +171,11 @@ export default function EditContohKegiatanDesaDarmasaba() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
index 5614e6bf..253b11ea 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/edit/page.tsx
@@ -27,6 +27,21 @@ export default function EditMateriEdukasiYangDiberikan() {
     content: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isHtmlEmpty(formData.judul) &&
+      !isHtmlEmpty(formData.content)
+    );
+  };
+
   // Initialize data kalau belum ada
   useShallowEffect(() => {
     if (!materiEdukasiState.findById.data) {
@@ -139,8 +154,11 @@ export default function EditMateriEdukasiYangDiberikan() {
               onClick={submit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
index a1e5952a..0e673e9a 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/edit/page.tsx
@@ -28,6 +28,21 @@ export default function EditTujuanEdukasiLingkungan() {
     deskripsi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isHtmlEmpty(formData.judul) &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Initialize global state
   useShallowEffect(() => {
     if (!tujuanEdukasiState.findById.data) {
@@ -147,8 +162,11 @@ export default function EditTujuanEdukasiLingkungan() {
               onClick={submit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
index aa1b6a11..f7f67a9d 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
@@ -21,6 +21,11 @@ function EditKategoriKegiatan() {
   const [originalData, setOriginalData] = useState({ nama: '' });
   const [loading, setLoading] = useState(true);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.nama?.trim() !== '';
+  };
+
   // Load data once
   useEffect(() => {
     if (!id) return;
@@ -126,8 +131,11 @@ function EditKategoriKegiatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
index 9b068f04..ab830bb0 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
@@ -14,6 +14,11 @@ function CreateKategoriKegiatan() {
   const stateKategori = useProxy(gotongRoyongState.kategoriKegiatan)
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return stateKategori.create.form.nama?.trim() !== '';
+  };
+
   useEffect(() => {
     stateKategori.findMany.load();
   }, []);
@@ -84,8 +89,11 @@ function CreateKategoriKegiatan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
index 870d7f3b..b7fd995c 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
@@ -67,6 +67,27 @@ export default function EditKegiatanDesa() {
   const [file, setFile] = useState<File | null>(null);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsiSingkat) &&
+      !isHtmlEmpty(formData.deskripsiLengkap) &&
+      formData.tanggal?.trim() !== '' &&
+      formData.lokasi?.trim() !== '' &&
+      formData.partisipan !== null &&
+      formData.partisipan >= 0 &&
+      formData.kategoriKegiatanId?.trim() !== ''
+    );
+  };
+
   const formatDateForInput = (dateString: string) => {
     if (!dateString) return '';
     return new Date(dateString).toISOString().split('T')[0];
@@ -312,8 +333,11 @@ export default function EditKegiatanDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
index 10ae2d89..a65cbb1c 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
@@ -38,6 +38,28 @@ function CreateKegiatanDesa() {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateKegiatanDesa.create.form.judul?.trim() !== '' &&
+      !isHtmlEmpty(stateKegiatanDesa.create.form.deskripsiSingkat) &&
+      stateKegiatanDesa.create.form.partisipan !== null &&
+      stateKegiatanDesa.create.form.partisipan >= 0 &&
+      stateKegiatanDesa.create.form.tanggal !== null &&
+      stateKegiatanDesa.create.form.lokasi?.trim() !== '' &&
+      !isHtmlEmpty(stateKegiatanDesa.create.form.deskripsiLengkap) &&
+      stateKegiatanDesa.create.form.kategoriKegiatanId?.trim() !== '' &&
+      file !== null
+    );
+  };
+
   const resetForm = () => {
     stateKegiatanDesa.create.form = {
       judul: '',
@@ -273,8 +295,11 @@ function CreateKegiatanDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
index 9a1821c5..201691b0 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/edit/page.tsx
@@ -27,6 +27,21 @@ function EditBentukKonservasiBerdasarkanAdat() {
     deskripsi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isHtmlEmpty(formData.judul) &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Initialize data dari global state
   useShallowEffect(() => {
     if (!bentukKonservasiState.findById.data) {
@@ -137,8 +152,11 @@ function EditBentukKonservasiBerdasarkanAdat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
index df288ba9..5966939a 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/edit/page.tsx
@@ -31,6 +31,21 @@ function EditFilosofiTriHitaKarana() {
     content: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isHtmlEmpty(formData.judul) &&
+      !isHtmlEmpty(formData.content)
+    );
+  };
+
   // Load data dari global state kalau belum ada
   useShallowEffect(() => {
     if (!filosofiTriHitaState.findById.data) {
@@ -142,8 +157,11 @@ function EditFilosofiTriHitaKarana() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
index 25545db1..01e5bd62 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/edit/page.tsx
@@ -24,6 +24,21 @@ function EditNilaiKonservasiAdat() {
   const [formData, setFormData] = useState({ judul: '', deskripsi: '' });
   const [originalData, setOriginalData] = useState({ judul: '', deskripsi: '' });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      !isHtmlEmpty(formData.judul) &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // load data awal
   useShallowEffect(() => {
     if (!nilaiKonservasiState.findById.data) {
@@ -136,8 +151,11 @@ function EditNilaiKonservasiAdat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
index 1db48752..05bd12eb 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
@@ -35,6 +35,16 @@ function EditKeteranganBankSampahTerdekat() {
     lng: 0,
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.alamat?.trim() !== '' &&
+      formData.namaTempatMaps?.trim() !== '' &&
+      markerPosition !== null
+    );
+  };
+
   // Load data ketika component mount
   useEffect(() => {
     const loadKeterangan = async () => {
@@ -197,8 +207,11 @@ function EditKeteranganBankSampahTerdekat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
index 973665ac..ab97ef36 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
@@ -19,6 +19,16 @@ function CreateKeteranganBankSampahTerdekat() {
   const [markerPosition, setMarkerPosition] = useState<{ lat: number; lng: number } | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      keteranganState.create.form.name?.trim() !== '' &&
+      keteranganState.create.form.alamat?.trim() !== '' &&
+      keteranganState.create.form.namaTempatMaps?.trim() !== '' &&
+      markerPosition !== null
+    );
+  };
+
   const resetForm = () => {
     keteranganState.create.form = {
       name: "",
@@ -135,8 +145,11 @@ function CreateKeteranganBankSampahTerdekat() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
index 5cd5ac57..77be7a07 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
@@ -34,6 +34,14 @@ function EditProgramKreatifDesa() {
     icon: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.icon?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     const loadProgramKreatif = async () => {
       const id = params?.id as string;
@@ -143,8 +151,11 @@ function EditProgramKreatifDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
index acd88fac..1ed57027 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
@@ -13,6 +13,14 @@ function CreatePengelolaanSampahBankSampah() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.name?.trim() !== '' &&
+      stateCreate.create.form.icon?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stateCreate.create.form = {
       name: "",
@@ -91,8 +99,11 @@ function CreatePengelolaanSampahBankSampah() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
index b8c2b6bb..ba907576 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
@@ -64,6 +64,23 @@ function EditProgramPenghijauan() {
     icon: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.icon?.trim() !== ''
+    );
+  };
+
   // Load data program penghijauan
   useEffect(() => {
     const loadProgram = async () => {
@@ -216,8 +233,11 @@ function EditProgramPenghijauan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
index 7ea44521..f37f3d73 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
@@ -25,6 +25,23 @@ function CreateProgramPenghijauan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.name?.trim() !== '' &&
+      stateCreate.create.form.icon?.trim() !== '' &&
+      stateCreate.create.form.judul?.trim() !== '' &&
+      !isHtmlEmpty(stateCreate.create.form.deskripsi)
+    );
+  };
+
   const resetForm = () => {
     stateCreate.create.form = {
       name: '',
@@ -128,8 +145,11 @@ function CreateProgramPenghijauan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
index 91c42c6a..19e0af87 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
@@ -24,6 +24,21 @@ function EditProgramKreatifDesa() {
     deskripsi: '',
   })
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   useEffect(() => {
     const loadProgramKreatif = async () => {
       const id = params?.id as string;
@@ -160,8 +175,11 @@ function EditProgramKreatifDesa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
index c05524a7..5fab03b4 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
@@ -16,6 +16,21 @@ function CreateKeunggulanProgram() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.judul?.trim() !== '' &&
+      !isHtmlEmpty(stateCreate.create.form.deskripsi)
+    );
+  };
+
   const resetForm = () => {
     stateCreate.create.form = {
       judul: "",
@@ -97,8 +112,11 @@ function CreateKeunggulanProgram() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
index ebea0187..66f32ada 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
@@ -42,6 +42,21 @@ function EditFasilitasYangDisediakan() {
     deskripsi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data pertama kali
   useShallowEffect(() => {
     if (!editState.findById.data) {
@@ -76,11 +91,6 @@ function EditFasilitasYangDisediakan() {
   };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     setIsSubmitting(true);
     try {
       if (editState.findById.data) {
@@ -180,8 +190,11 @@ function EditFasilitasYangDisediakan() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
index 51b9185e..99325908 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
@@ -39,6 +39,21 @@ function EditLokasiDanJadwal() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [originalData, setOriginalData] = useState({ judul: '', deskripsi: '' });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data sekali
   useShallowEffect(() => {
     if (!editState.findById.data) {
@@ -73,11 +88,6 @@ function EditLokasiDanJadwal() {
   };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     setIsSubmitting(true);
     try {
       if (editState.findById.data) {
@@ -178,8 +188,11 @@ function EditLokasiDanJadwal() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
index 9697085a..af767a98 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
@@ -39,6 +39,21 @@ function EditTujuanProgram() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [originalData, setOriginalData] = useState({ judul: '', deskripsi: '' });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // load data sekali
   useShallowEffect(() => {
     if (!editState.findById.data) editState.findById.initialize();
@@ -71,11 +86,6 @@ function EditTujuanProgram() {
   };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     setIsSubmitting(true);
     try {
       if (editState.findById.data) {
@@ -170,8 +180,11 @@ function EditTujuanProgram() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
index 15e2fd1f..d0ed0615 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
@@ -28,6 +28,14 @@ export default function EditDataPendidikan() {
     jumlah: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.name?.trim() !== '' &&
+      formData.jumlah?.trim() !== ''
+    );
+  };
+
   // Load data saat mount
   useEffect(() => {
     if (id) {
@@ -127,8 +135,11 @@ export default function EditDataPendidikan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
index 982c2d0b..2b532948 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
@@ -15,6 +15,14 @@ export default function CreateDataPendidikan() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateDPM.create.form.name?.trim() !== '' &&
+      stateDPM.create.form.jumlah?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     stateDPM.create.form = { name: '', jumlah: '' };
   };
@@ -90,8 +98,11 @@ export default function CreateDataPendidikan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
index 5e90fcdb..8ff89150 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
@@ -31,6 +31,11 @@ function EditJenjangPendidikan() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [loading, setLoading] = useState(true);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.nama?.trim() !== '';
+  };
+
   // Load data sekali saat component mount
   useEffect(() => {
     if (!id) return;
@@ -136,8 +141,11 @@ function EditJenjangPendidikan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
index 27f52ec5..75f62892 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
@@ -23,6 +23,11 @@ function CreateJenjangPendidikan() {
   const stateJenjang = useProxy(infoSekolahPaud.jenjangPendidikan);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return stateJenjang.create.form.nama?.trim() !== '';
+  };
+
   useEffect(() => {
     stateJenjang.findMany.load();
   }, []);
@@ -101,8 +106,11 @@ function CreateJenjangPendidikan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
index bd1d769e..5a4b3120 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
@@ -37,6 +37,14 @@ export default function EditLembaga() {
     jenjangId: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      form.nama?.trim() !== '' &&
+      form.jenjangId?.trim() !== ''
+    );
+  };
+
   // Load jenjang pendidikan dan data lembaga
   useEffect(() => {
     infoSekolahPaud.jenjangPendidikan.findMany.load();
@@ -161,8 +169,11 @@ export default function EditLembaga() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
index 7061d96b..bc085845 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
@@ -25,6 +25,14 @@ function CreateLembaga() {
   const stateLembaga = useProxy(infoSekolahPaud.lembagaPendidikan);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateLembaga.create.form.nama?.trim() !== '' &&
+      stateLembaga.create.form.jenjangId?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     stateLembaga.findMany.load();
     infoSekolahPaud.jenjangPendidikan.findMany.load();
@@ -116,8 +124,11 @@ function CreateLembaga() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
index 0b0922ab..57c8fdb2 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
@@ -40,6 +40,14 @@ function EditPengajar() {
     lembagaId: ''
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.lembagaId?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     const loadData = async () => {
       const id = params?.id as string;
@@ -157,8 +165,11 @@ function EditPengajar() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
index 5edea688..9136a6c5 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
@@ -25,6 +25,14 @@ function CreatePengajar() {
   const stateCreate = useProxy(infoSekolahPaud.pengajar);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.nama?.trim() !== '' &&
+      stateCreate.create.form.lembagaId?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     stateCreate.findMany.load();
     infoSekolahPaud.lembagaPendidikan.findMany.load();
@@ -116,8 +124,11 @@ function CreatePengajar() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
index e2b8d002..77c3955e 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
@@ -42,6 +42,14 @@ function EditSiswa() {
     lembagaId: '',
   });
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.lembagaId?.trim() !== ''
+    );
+  };
+
   // Load data siswa
   useEffect(() => {
     const loadSiswa = async () => {
@@ -166,8 +174,11 @@ function EditSiswa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
index 97c93a45..cbb0cd65 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
@@ -25,6 +25,14 @@ function CreateSiswa() {
   const stateCreate = useProxy(infoSekolahPaud.siswa);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      stateCreate.create.form.nama?.trim() !== '' &&
+      stateCreate.create.form.lembagaId?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     stateCreate.findMany.load();
     infoSekolahPaud.lembagaPendidikan.findMany.load();
@@ -115,8 +123,11 @@ function CreateSiswa() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
index d066c347..8a27a3a0 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
@@ -37,6 +37,21 @@ function EditJenisProgramYangDiselenggarakan() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [originalData, setOriginalData] = useState({ judul: '', content: '' });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.content)
+    );
+  };
+
   // Load data pertama kali
   useShallowEffect(() => {
     if (!editState.findById.data) {
@@ -71,11 +86,6 @@ function EditJenisProgramYangDiselenggarakan() {
   };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     setIsSubmitting(true);
     try {
       if (editState.findById.data) {
@@ -168,8 +178,11 @@ function EditJenisProgramYangDiselenggarakan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
index c0670869..70ee9412 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
@@ -45,6 +45,21 @@ function EditTempatKegiatan() {
     deskripsi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // load data pertama kali
   useShallowEffect(() => {
     if (!editState.findById.data) {
@@ -79,11 +94,6 @@ function EditTempatKegiatan() {
   };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     setIsSubmitting(true);
     try {
       if (editState.findById.data) {
@@ -177,8 +187,11 @@ function EditTempatKegiatan() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
index 881e88d4..0bf213c2 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
@@ -38,6 +38,21 @@ function EditTujuanProgram() {
     deskripsi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data pertama kali
   useShallowEffect(() => {
     if (!editState.findById.data) {
@@ -72,11 +87,6 @@ function EditTujuanProgram() {
   };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     if (!editState.findById.data) return;
 
     setIsSubmitting(true);
@@ -163,8 +173,11 @@ function EditTujuanProgram() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
index cc694eb8..564072dc 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
@@ -38,6 +38,22 @@ function EditPerpustakaanDigital() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi) &&
+      formData.kategoriId?.trim() !== ''
+    );
+  };
+
   // Load kategori & data awal
   useEffect(() => {
     perpustakaanDigitalState.kategoriBuku.findManyAll.load();
@@ -254,8 +270,11 @@ function EditPerpustakaanDigital() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
index 668aa861..552d8c72 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
@@ -18,6 +18,23 @@ function CreateDataPerpustakaan() {
   const [file, setFile] = useState<File | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      createState.create.form.judul?.trim() !== '' &&
+      !isHtmlEmpty(createState.create.form.deskripsi) &&
+      createState.create.form.kategoriId?.trim() !== '' &&
+      file !== null
+    );
+  };
+
   useEffect(() => {
     perpustakaanDigitalState.kategoriBuku.findManyAll.load();
   }, []);
@@ -196,8 +213,11 @@ function CreateDataPerpustakaan() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
index fcaeae24..f3efe0d9 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
@@ -23,6 +23,11 @@ function EditKategoriBuku() {
   const [formData, setFormData] = useState({ name: '' });
   const [loading, setLoading] = useState(true);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return formData.name?.trim() !== '';
+  };
+
   useEffect(() => {
     const loadKategori = async () => {
       const id = params?.id as string;
@@ -120,8 +125,11 @@ function EditKategoriBuku() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
index fd38dded..a42a1cb8 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
@@ -13,6 +13,11 @@ function CreateKategoriBuku() {
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return createState.create.form.name?.trim() !== '';
+  };
+
   const resetForm = () => {
     createState.create.form = {
       name: "",
@@ -81,8 +86,11 @@ function CreateKategoriBuku() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
index 161a10bf..0a48a196 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/peminjam/[id]/edit/page.tsx
@@ -70,6 +70,26 @@ function EditPeminjam() {
     catatan: "",
   })
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.nama?.trim() !== '' &&
+      formData.noTelp?.trim() !== '' &&
+      formData.alamat?.trim() !== '' &&
+      formData.bukuId?.trim() !== '' &&
+      formData.tanggalPinjam?.trim() !== '' &&
+      formData.status?.trim() !== '' &&
+      !isHtmlEmpty(formData.catatan)
+    );
+  };
+
   useShallowEffect(() => {
     perpustakaanDigitalState.dataPerpustakaan.findManyAll.load()
   })
@@ -296,8 +316,11 @@ function EditPeminjam() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
index 90d73802..98b67126 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
@@ -50,6 +50,21 @@ function EditTujuanProgram() {
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // load data once
   useShallowEffect(() => {
     if (!editState.findById.data) editState.findById.initialize();
@@ -85,11 +100,6 @@ function EditTujuanProgram() {
     };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     setIsSubmitting(true);
     try {
       if (editState.findById.data) {
@@ -186,8 +196,11 @@ function EditTujuanProgram() {
               onClick={handleSubmit}
               radius="md"
               size="md"
+              disabled={!isFormValid() || isSubmitting}
               style={{
-                background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                background: !isFormValid() || isSubmitting
+                  ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                  : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                 color: '#fff',
                 boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
               }}
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
index 6bd64c4b..bb7d92dc 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
@@ -38,6 +38,21 @@ function EditTujuanProgram() {
     deskripsi: '',
   });
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      formData.judul?.trim() !== '' &&
+      !isHtmlEmpty(formData.deskripsi)
+    );
+  };
+
   // Load data pertama kali
   useShallowEffect(() => {
     if (!editState.findById.data) {
@@ -72,11 +87,6 @@ function EditTujuanProgram() {
   };
 
   const handleSubmit = async () => {
-    if (!formData.judul.trim()) {
-      toast.error('Judul wajib diisi');
-      return;
-    }
-
     setIsSubmitting(true);
     try {
       if (editState.findById.data) {
@@ -166,8 +176,11 @@ function EditTujuanProgram() {
                 onClick={handleSubmit}
                 radius="md"
                 size="md"
+                disabled={!isFormValid() || isSubmitting}
                 style={{
-                  background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+                  background: !isFormValid() || isSubmitting
+                    ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                    : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
                   color: '#fff',
                   boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
                 }}
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
index febb4720..18a4a09c 100644
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -35,35 +35,35 @@ export async function POST(req: Request) {
 
       // ✅ PERBAIKAN: Gunakan format pesan yang lebih sederhana
       // Hapus karakter khusus yang bisa bikin masalah
-      const waMessage = `Website Desa Darmasaba\nKode verifikasi Anda ${codeOtp}`;
+      // const waMessage = `Website Desa Darmasaba\nKode verifikasi Anda ${codeOtp}`;
       
       // // ✅ OPSI 1: Tanpa encoding (coba dulu ini)
       // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${waMessage}`;
       
       // ✅ OPSI 2: Dengan encoding (kalau opsi 1 gagal)
-      const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodeURIComponent(waMessage)}`;
+      // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodeURIComponent(waMessage)}`;
       
       // ✅ OPSI 3: Encoding manual untuk URL-safe (alternatif terakhir)
       // const encodedMessage = waMessage.replace(/\n/g, '%0A').replace(/ /g, '%20');
       // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodedMessage}`;
 
-      console.log("🔍 Debug WA URL:", waUrl); // Untuk debugging
+      // console.log("🔍 Debug WA URL:", waUrl); // Untuk debugging
       
-      const res = await fetch(waUrl);
-      const sendWa = await res.json();
+      // const res = await fetch(waUrl);
+      // const sendWa = await res.json();
 
-      console.log("📱 WA Response:", sendWa); // Debug response
+      // console.log("📱 WA Response:", sendWa); // Debug response
 
-      if (sendWa.status !== "success") {
-        return NextResponse.json(
-          { 
-            success: false, 
-            message: "Gagal mengirim OTP via WhatsApp",
-            debug: sendWa // Tampilkan error detail
-          },
-          { status: 400 }
-        );
-      }
+      // if (sendWa.status !== "success") {
+      //   return NextResponse.json(
+      //     { 
+      //       success: false, 
+      //       message: "Gagal mengirim OTP via WhatsApp",
+      //       debug: sendWa // Tampilkan error detail
+      //     },
+      //     { status: 400 }
+      //   );
+      // }
 
       const createOtpId = await prisma.kodeOtp.create({
         data: { nomor, otp: otpNumber, isActive: true },
diff --git a/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
index 8ebb26ea..1b476d60 100644
--- a/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx
@@ -12,6 +12,25 @@ function Page() {
   const [opened, { open, close }] = useDisclosure(false);
   const ideInovatif = useProxy(ajukanIdeInovatifState);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      ideInovatif.create.form.name?.trim() !== '' &&
+      ideInovatif.create.form.alamat?.trim() !== '' &&
+      ideInovatif.create.form.namaIde?.trim() !== '' &&
+      !isHtmlEmpty(ideInovatif.create.form.deskripsi) &&
+      ideInovatif.create.form.masalah?.trim() !== '' &&
+      ideInovatif.create.form.benefit?.trim() !== ''
+    );
+  };
+
   const resetForm = () => {
     ideInovatif.create.form = {
       name: "",
@@ -168,7 +187,11 @@ function Page() {
                 ideInovatif.create.form.benefit = val.target.value;
               }}
             />
-            <Button bg={colors['blue-button']} onClick={handleSubmit}>
+            <Button 
+              bg={colors['blue-button']} 
+              onClick={handleSubmit}
+              disabled={!isFormValid()}
+            >
               Simpan
             </Button>
           </Stack>
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx
index 4f848982..fc26a831 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/administrasi-online/page.tsx
@@ -24,6 +24,16 @@ function AdministrasiOnline() {
   const [opened, { open, close }] = useDisclosure(false);
   const state = useProxy(layananonlineDesa);
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      state.administrasiOnline.create.form.name?.trim() !== '' &&
+      state.administrasiOnline.create.form.alamat?.trim() !== '' &&
+      state.administrasiOnline.create.form.nomorTelepon?.trim() !== '' &&
+      state.administrasiOnline.create.form.jenisLayananId?.trim() !== ''
+    );
+  };
+
   useEffect(() => {
     // ✅ Panggil load data jenis layanan dari backend
     if (!state.jenisLayanan.findMany.data) {
@@ -104,7 +114,11 @@ function AdministrasiOnline() {
               }
             />
 
-            <Button bg={colors['blue-button']} onClick={handleSubmit}>
+            <Button 
+              bg={colors['blue-button']} 
+              onClick={handleSubmit}
+              disabled={!isFormValid()}
+            >
               Simpan
             </Button>
           </Stack>
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
index 6775bdb1..b45c6082 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/pengaduan-masyarakat/page.tsx
@@ -19,6 +19,28 @@ function PengaduanMasyarakat() {
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [file, setFile] = useState<File | null>(null);
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      state.pengaduanMasyarakat.create.form.name?.trim() !== '' &&
+      state.pengaduanMasyarakat.create.form.email?.trim() !== '' &&
+      state.pengaduanMasyarakat.create.form.nomorTelepon?.trim() !== '' &&
+      state.pengaduanMasyarakat.create.form.nik?.trim() !== '' &&
+      state.pengaduanMasyarakat.create.form.judulPengaduan?.trim() !== '' &&
+      state.pengaduanMasyarakat.create.form.lokasiKejadian?.trim() !== '' &&
+      !isHtmlEmpty(state.pengaduanMasyarakat.create.form.deskripsiPengaduan) &&
+      state.pengaduanMasyarakat.create.form.jenisPengaduanId?.trim() !== '' &&
+      file !== null
+    );
+  };
+
   useEffect(() => {
     // ✅ Panggil load data jenis layanan dari backend
     if (!state.jenisPengaduan.findMany.data) {
@@ -207,7 +229,11 @@ function PengaduanMasyarakat() {
               </Box>
             </Box>
 
-            <Button bg={colors['blue-button']} onClick={handleSubmit}>
+            <Button 
+              bg={colors['blue-button']} 
+              onClick={handleSubmit}
+              disabled={!isFormValid()}
+            >
               Simpan
             </Button>
           </Stack>
diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
index 42a22ec3..de174975 100644
--- a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx
@@ -37,6 +37,24 @@ function Page() {
     };
   };
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      beasiswaDesa.create.form.namaLengkap?.trim() !== '' &&
+      beasiswaDesa.create.form.nis?.trim() !== '' &&
+      beasiswaDesa.create.form.kelas?.trim() !== '' &&
+      beasiswaDesa.create.form.jenisKelamin?.trim() !== '' &&
+      beasiswaDesa.create.form.alamatDomisili?.trim() !== '' &&
+      beasiswaDesa.create.form.tempatLahir?.trim() !== '' &&
+      beasiswaDesa.create.form.tanggalLahir?.trim() !== '' &&
+      beasiswaDesa.create.form.namaOrtu?.trim() !== '' &&
+      beasiswaDesa.create.form.nik?.trim() !== '' &&
+      beasiswaDesa.create.form.pekerjaanOrtu?.trim() !== '' &&
+      beasiswaDesa.create.form.penghasilan?.trim() !== '' &&
+      beasiswaDesa.create.form.noHp?.trim() !== ''
+    );
+  };
+
   const { data, page, totalPages, loading, load } = ungggulanDesa.findMany;
 
   useShallowEffect(() => {
@@ -238,7 +256,7 @@ function Page() {
               onChange={(val) => { beasiswaDesa.create.form.noHp = val.target.value }} />
             <Group justify="flex-end" mt="md">
               <Button variant="default" radius="xl" onClick={close}>Batal</Button>
-              <Button radius="xl" bg={colors['blue-button']} onClick={handleSubmit}>Kirim</Button>
+              <Button radius="xl" bg={colors['blue-button']} onClick={handleSubmit} disabled={!isFormValid()}>Kirim</Button>
             </Group>
           </Stack>
         </Paper>
diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
index c408b5b1..6678c274 100644
--- a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/pelajari-lebih-lanjut/page.tsx
@@ -46,6 +46,24 @@ export default function BeasiswaPage() {
     };
   };
 
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      beasiswaDesa.create.form.namaLengkap?.trim() !== '' &&
+      beasiswaDesa.create.form.nis?.trim() !== '' &&
+      beasiswaDesa.create.form.kelas?.trim() !== '' &&
+      beasiswaDesa.create.form.jenisKelamin?.trim() !== '' &&
+      beasiswaDesa.create.form.alamatDomisili?.trim() !== '' &&
+      beasiswaDesa.create.form.tempatLahir?.trim() !== '' &&
+      beasiswaDesa.create.form.tanggalLahir?.trim() !== '' &&
+      beasiswaDesa.create.form.namaOrtu?.trim() !== '' &&
+      beasiswaDesa.create.form.nik?.trim() !== '' &&
+      beasiswaDesa.create.form.pekerjaanOrtu?.trim() !== '' &&
+      beasiswaDesa.create.form.penghasilan?.trim() !== '' &&
+      beasiswaDesa.create.form.noHp?.trim() !== ''
+    );
+  };
+
   const handleSubmit = async () => {
     await beasiswaDesa.create.create();
     resetForm();
@@ -391,6 +409,7 @@ export default function BeasiswaPage() {
                 radius="xl"
                 bg={colors['blue-button']}
                 onClick={handleSubmit}
+                disabled={!isFormValid()}
                 style={{ fontSize: '0.9375rem', fontWeight: 600, lineHeight: 1.4 }}
               >
                 Kirim
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/modalPeminjaman.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/modalPeminjaman.tsx
index e137e07a..368d19ca 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/modalPeminjaman.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/_lib/modalPeminjaman.tsx
@@ -42,6 +42,24 @@ export default function ModalPeminjaman({
 
   const BATAS_HARI_PINJAM = 4;
 
+  // Helper function to check if HTML content is empty
+  const isHtmlEmpty = (html: string) => {
+    // Remove all HTML tags and check if there's any text content
+    const textContent = html.replace(/<[^>]*>/g, '').trim();
+    return textContent === '';
+  };
+
+  // Check if form is valid
+  const isFormValid = () => {
+    return (
+      snap.create.form.nama?.trim() !== '' &&
+      snap.create.form.noTelp?.trim() !== '' &&
+      snap.create.form.alamat?.trim() !== '' &&
+      snap.create.form.tanggalPinjam?.trim() !== '' &&
+      !isHtmlEmpty(snap.create.form.catatan)
+    );
+  };
+
   // Reset form setiap modal dibuka
   useEffect(() => {
     if (opened && buku) {
@@ -222,13 +240,13 @@ export default function ModalPeminjaman({
           <Button
             onClick={handleSubmit}
             loading={snap.create.loading}
-            disabled={
-              !snap.create.form.nama || !snap.create.form.tanggalPinjam
-            }
+            disabled={!isFormValid() || snap.create.loading}
             rightSection={<IconArrowRight size={16} />}
             radius="xl"
             style={{
-              background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
+              background: !isFormValid() || snap.create.loading
+                ? `linear-gradient(135deg, #cccccc, #eeeeee)`
+                : `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
               color: '#fff',
               boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
             }}
diff --git a/src/app/darmasaba/_com/NavbarMainMenu.tsx b/src/app/darmasaba/_com/NavbarMainMenu.tsx
index 79b200c1..11b88ffe 100644
--- a/src/app/darmasaba/_com/NavbarMainMenu.tsx
+++ b/src/app/darmasaba/_com/NavbarMainMenu.tsx
@@ -13,7 +13,7 @@ import { NavbarSubMenu } from "./NavbarSubMenu"
 import { authStore } from "@/store/authStore";
 
 // contoh state auth (dummy aja dulu, bisa diganti sesuai sistem auth kamu)
-const isAdmin = authStore.user?.roleId === 0 || authStore.user?.roleId === 1 || authStore.user?.roleId === 2 || authStore.user?.roleId === 3 || authStore.user?.roleId === 4; 
+const isAdmin = authStore.user?.roleId === 0 || authStore.user?.roleId === 1 || authStore.user?.roleId === 2 || authStore.user?.roleId === 3 || authStore.user?.roleId === 4;
 
 export function NavbarMainMenu({ listNavbar }: { listNavbar: MenuItem[] }) {
   const { item, isSearch } = useSnapshot(stateNav)
@@ -46,11 +46,11 @@ export function NavbarMainMenu({ listNavbar }: { listNavbar: MenuItem[] }) {
           </Tooltip>
 
           {listNavbar.map((item, k) => (
-            <MenuItemCom 
-            key={k} 
-            item={item}
-            isActive={item.href && pathname.startsWith(item.href) || 
-              (item.children?.some(child => child.href && pathname.startsWith(child.href)))}
+            <MenuItemCom
+              key={k}
+              item={item}
+              isActive={item.href && pathname.startsWith(item.href) ||
+                (item.children?.some(child => child.href && pathname.startsWith(child.href)))}
             />
           ))}
 
@@ -73,7 +73,7 @@ export function NavbarMainMenu({ listNavbar }: { listNavbar: MenuItem[] }) {
             <Tooltip label="Kembali ke Admin" position="bottom" withArrow>
               <ActionIcon
                 onClick={() => {
-                  next.push("/admin/landing-page/profil/program-inovasi")
+                  next.push("/admin/landing-page/profile/program-inovasi")
                 }}
                 color={colors["blue-button"]}
                 radius="xl"
-- 
2.49.1


From f0558aa0d0aeee81b5444990070748476e1922cf Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 23 Feb 2026 10:48:00 +0800
Subject: [PATCH 91/97] feat: implement dark mode support for admin layout and
 components

- Add dark mode toggle component in admin header
- Integrate dark mode store across admin layout and child components
- Update header, judulList, and judulListTab components with theme tokens
- Add unified typography components for consistent theming
- Implement smooth transitions for dark/light mode switching
- Add mounted state to prevent hydration mismatches
- Style navbar with dark mode aware colors and hover states
- Update button styles with gradient effects for both themes

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 darkMode.md                                   | 169 ++++++
 src/app/admin/(dashboard)/_com/header.tsx     |  25 +-
 src/app/admin/(dashboard)/_com/judulList.tsx  |  20 +-
 .../admin/(dashboard)/_com/judulListTab.tsx   |  44 +-
 src/app/admin/layout.tsx                      | 190 ++++--
 src/components/admin/AdminThemeProvider.tsx   | 119 ++++
 src/components/admin/DarkModeToggle.tsx       |  78 +++
 .../admin/README_UNIFIED_STYLING.md           | 546 ++++++++++++++++++
 src/components/admin/UnifiedSurface.tsx       | 252 ++++++++
 src/components/admin/UnifiedTypography.tsx    | 268 +++++++++
 src/state/darkModeStore.ts                    |  76 +++
 src/styles/dark-mode-table.css                |  31 +
 src/utils/themeTokens.ts                      | 383 ++++++++++++
 13 files changed, 2139 insertions(+), 62 deletions(-)
 create mode 100644 darkMode.md
 create mode 100644 src/components/admin/AdminThemeProvider.tsx
 create mode 100644 src/components/admin/DarkModeToggle.tsx
 create mode 100644 src/components/admin/README_UNIFIED_STYLING.md
 create mode 100644 src/components/admin/UnifiedSurface.tsx
 create mode 100644 src/components/admin/UnifiedTypography.tsx
 create mode 100644 src/state/darkModeStore.ts
 create mode 100644 src/styles/dark-mode-table.css
 create mode 100644 src/utils/themeTokens.ts

diff --git a/darkMode.md b/darkMode.md
new file mode 100644
index 00000000..713ac5db
--- /dev/null
+++ b/darkMode.md
@@ -0,0 +1,169 @@
+# 🌙 Dark Mode Design Specification
+## Admin Darmasaba – Dashboard & CMS
+
+Dokumen ini mendefinisikan standar **Dark Mode UI** agar:
+- nyaman di mata
+- konsisten
+- tidak flat
+- tetap profesional untuk aplikasi pemerintahan
+
+---
+
+## 🎨 Color Palette (Dark Mode)
+
+### Background Layers
+| Layer | Token | Warna | Fungsi |
+|------|------|------|------|
+| Base | `--bg-base` | `#0B1220` | Background utama aplikasi |
+| App | `--bg-app` | `#0F172A` | Area kerja utama |
+| Card | `--bg-card` | `#162235` | Card / container |
+| Surface | `--bg-surface` | `#1E2A3D` | Table header, tab, input |
+
+---
+
+### Border & Divider
+| Token | Warna | Catatan |
+|-----|------|--------|
+| `--border-default` | `#2A3A52` | Border utama |
+| `--border-soft` | `#22314A` | Divider halus |
+
+> ❗ Hindari border terlalu tipis (`opacity < 20%`)
+
+---
+
+### Text Colors
+| Jenis | Token | Warna |
+|-----|------|------|
+| Primary | `--text-primary` | `#E5E7EB` |
+| Secondary | `--text-secondary` | `#9CA3AF` |
+| Muted | `--text-muted` | `#6B7280` |
+| Inverse | `--text-inverse` | `#020617` |
+
+---
+
+### Accent & Action
+| Fungsi | Warna |
+|------|------|
+| Primary Action | `#3B82F6` |
+| Hover | `#2563EB` |
+| Active | `#1D4ED8` |
+| Link | `#60A5FA` |
+
+---
+
+### Status Colors
+| Status | Warna |
+|------|------|
+| Success | `#22C55E` |
+| Warning | `#FACC15` |
+| Error | `#EF4444` |
+| Info | `#38BDF8` |
+
+---
+
+## 🧱 Layout Rules
+
+### Sidebar
+- Background: `--bg-app`
+- Active menu:
+  - Background: `rgba(59,130,246,0.15)`
+  - Text: Primary
+  - Indicator: kiri (2–3px accent bar)
+- Hover:
+  - Background: `rgba(255,255,255,0.04)`
+
+---
+
+### Header / Topbar
+- Background: `linear-gradient(#0F172A → #0B1220)`
+- Border bawah wajib (`--border-soft`)
+- Icon:
+  - Default: muted
+  - Hover: primary
+
+---
+
+## 📦 Card & Section
+
+### Card
+- Background: `--bg-card`
+- Border: `--border-default`
+- Radius: 12–16px
+- Jangan pakai shadow hitam
+
+### Section Header
+- Font weight lebih besar
+- Text: primary
+- Spacing jelas dari konten
+
+---
+
+## 📊 Table (Dark Mode Friendly)
+
+### Table Header
+- Background: `--bg-surface`
+- Text: secondary
+- Font weight: medium
+
+### Table Row
+- Default: transparent
+- Hover:
+  - Background: `rgba(255,255,255,0.03)`
+- Divider antar row wajib terlihat
+
+### Link di Table
+- Warna link **lebih terang dari text**
+- Hover underline
+
+---
+
+## 🔘 Button Rules
+
+### Primary Button
+- Background: Primary Action
+- Text: Inverse
+- Hover: darker shade
+
+### Secondary Button
+- Background: transparent
+- Border: `--border-default`
+- Text: primary
+
+### Icon Button
+- Default: muted
+- Hover: primary + bg soft
+
+---
+
+## 🧭 Tab Navigation
+
+- Inactive:
+  - Text: muted
+- Active:
+  - Background: `rgba(59,130,246,0.15)`
+  - Text: primary
+  - Icon ikut berubah
+
+---
+
+## 🌗 Dark vs Light Mode Rule
+- Layout, spacing, typography **HARUS SAMA**
+- Yang boleh beda:
+  - warna
+  - border intensity
+  - background layer
+
+> ❌ Jangan ganti struktur UI antara dark & light
+
+---
+
+## ✅ Dark Mode Checklist
+- [ ] Kontras teks terbaca
+- [ ] Active state jelas
+- [ ] Hover terasa hidup
+- [ ] Tidak flat
+- [ ] Tidak silau
+
+---
+
+Dokumen ini adalah **single source of truth** untuk Dark Mode.
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/_com/header.tsx b/src/app/admin/(dashboard)/_com/header.tsx
index 39735f4d..0b7c345b 100644
--- a/src/app/admin/(dashboard)/_com/header.tsx
+++ b/src/app/admin/(dashboard)/_com/header.tsx
@@ -1,7 +1,11 @@
+'use client';
+
 import React from 'react';
-import { Grid, GridCol, Paper, TextInput, Title } from '@mantine/core';
+import { Grid, GridCol, Paper, TextInput } from '@mantine/core';
 import { IconSearch } from '@tabler/icons-react';
-import colors from '@/con/colors';
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+import { UnifiedTitle } from '@/components/admin/UnifiedTypography';
 
 type HeaderSearchProps = {
   title: string;
@@ -18,13 +22,16 @@ const HeaderSearch = ({
   value,
   onChange,
 }: HeaderSearchProps) => {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
   return (
     <Grid mb={10}>
       <GridCol span={{ base: 12, md: 9 }}>
-        <Title order={3}>{title}</Title>
+        <UnifiedTitle order={3}>{title}</UnifiedTitle>
       </GridCol>
       <GridCol span={{ base: 12, md: 3 }}>
-        <Paper radius="lg" bg={colors['white-1']}>
+        <Paper radius="lg" bg={tokens.colors.bg.surface}>
           <TextInput
             radius="lg"
             placeholder={placeholder}
@@ -32,6 +39,16 @@ const HeaderSearch = ({
             w="100%"
             value={value}
             onChange={onChange}
+            style={{
+              input: {
+                backgroundColor: tokens.colors.bg.surface,
+                color: tokens.colors.text.primary,
+                borderColor: tokens.colors.border.default,
+                '::placeholder': {
+                  color: tokens.colors.text.muted,
+                },
+              },
+            }}
           />
         </Paper>
       </GridCol>
diff --git a/src/app/admin/(dashboard)/_com/judulList.tsx b/src/app/admin/(dashboard)/_com/judulList.tsx
index 4eaa5731..7f376d11 100644
--- a/src/app/admin/(dashboard)/_com/judulList.tsx
+++ b/src/app/admin/(dashboard)/_com/judulList.tsx
@@ -1,12 +1,16 @@
 
 'use client'
-import colors from '@/con/colors';
-import { Grid, GridCol, Button, Text } from '@mantine/core';
+import { Grid, GridCol, Button } from '@mantine/core';
 import { IconCircleDashedPlus } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React from 'react';
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+import { UnifiedText } from '@/components/admin/UnifiedTypography';
 
 const JudulList = ({ title = "", href = "#" }) => {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
   const router = useRouter();
 
   const handleNavigate = () => {
@@ -16,10 +20,18 @@ const JudulList = ({ title = "", href = "#" }) => {
   return (
     <Grid align="center" mb={10}>
       <GridCol span={{ base: 12, md: 11 }}>
-        <Text fz={"xl"} fw={"bold"}>{title}</Text>
+        <UnifiedText size="body" weight="bold" color="primary">{title}</UnifiedText>
       </GridCol>
       <GridCol span={{ base: 12, md: 1 }} ta="right">
-        <Button onClick={handleNavigate} bg={colors['blue-button']}>
+        <Button 
+          onClick={handleNavigate} 
+          bg={tokens.colors.primary}
+          style={{
+            background: `linear-gradient(135deg, ${tokens.colors.primary}, ${isDark ? '#60A5FA' : '#4facfe'})`,
+            color: tokens.colors.text.inverse,
+            boxShadow: isDark ? 'none' : `0 4px 15px rgba(79, 172, 254, 0.4)`,
+          }}
+        >
           <IconCircleDashedPlus size={25} />
         </Button>
       </GridCol>
diff --git a/src/app/admin/(dashboard)/_com/judulListTab.tsx b/src/app/admin/(dashboard)/_com/judulListTab.tsx
index 21037671..dda1fe69 100644
--- a/src/app/admin/(dashboard)/_com/judulListTab.tsx
+++ b/src/app/admin/(dashboard)/_com/judulListTab.tsx
@@ -1,9 +1,11 @@
 'use client'
-import colors from '@/con/colors';
-import { Grid, GridCol, Button, Text, Paper, TextInput } from '@mantine/core';
+import { Grid, GridCol, Button, Paper, TextInput } from '@mantine/core';
 import { IconCircleDashedPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React from 'react';
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+import { UnifiedText } from '@/components/admin/UnifiedTypography';
 
 type JudulListTabProps = {
   title: string;
@@ -14,17 +16,16 @@ type JudulListTabProps = {
   onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
-
-
-
 const JudulListTab = ({
   title = "",
   href = "#",
   placeholder = "pencarian",
   searchIcon = <IconSearch size={20} />,
   value,
-  onChange 
+  onChange
 }: JudulListTabProps) => {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
   const router = useRouter();
 
   const handleNavigate = () => {
@@ -34,10 +35,17 @@ const JudulListTab = ({
   return (
     <Grid mb={10}>
       <GridCol span={{ base: 12, md: 8 }}>
-        <Text fz={{ base: "md", md: "xl" }} fw={"bold"}>{title}</Text>
+        <UnifiedText 
+          size="body" 
+          weight="bold"
+          color="primary"
+          style={{ fontSize: 'clamp(1rem, 2vw, 1.25rem)' }}
+        >
+          {title}
+        </UnifiedText>
       </GridCol>
       <GridCol span={{ base: 9, md: 3 }} ta="right">
-        <Paper radius={"lg"} bg={colors['white-1']}>
+        <Paper radius={"lg"} bg={tokens.colors.bg.surface}>
           <TextInput
             radius="lg"
             placeholder={placeholder}
@@ -45,11 +53,29 @@ const JudulListTab = ({
             w="100%"
             value={value}
             onChange={onChange}
+            style={{
+              input: {
+                backgroundColor: tokens.colors.bg.surface,
+                color: tokens.colors.text.primary,
+                borderColor: tokens.colors.border.default,
+                '::placeholder': {
+                  color: tokens.colors.text.muted,
+                },
+              },
+            }}
           />
         </Paper>
       </GridCol>
       <GridCol span={{ base: 3, md: 1 }} ta="right">
-        <Button onClick={handleNavigate} bg={colors['blue-button']}>
+        <Button 
+          onClick={handleNavigate} 
+          bg={tokens.colors.primary}
+          style={{
+            background: `linear-gradient(135deg, ${tokens.colors.primary}, ${isDark ? '#60A5FA' : '#4facfe'})`,
+            color: tokens.colors.text.inverse,
+            boxShadow: isDark ? 'none' : `0 4px 15px rgba(79, 172, 254, 0.4)`,
+          }}
+        >
           <IconCircleDashedPlus size={25} />
         </Button>
       </GridCol>
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 55687b41..6700ea9b 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,7 +1,9 @@
 'use client'
 
-import colors from "@/con/colors";
 import { authStore } from "@/store/authStore";
+import { useDarkMode } from "@/state/darkModeStore";
+import { themeTokens, getActiveStateStyles } from "@/utils/themeTokens";
+import { DarkModeToggle } from "@/components/admin/DarkModeToggle";
 import {
   ActionIcon,
   AppShell,
@@ -33,13 +35,21 @@ import { useEffect, useState } from "react";
 import { getNavbar } from "./(dashboard)/user&role/_com/dynamicNavbar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  const [opened, { toggle, close }] = useDisclosure(); // ✅ Tambahkan 'close'
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+  
+  const [mounted, setMounted] = useState(false);
+  const [opened, { toggle, close }] = useDisclosure();
   const [loading, setLoading] = useState(true);
   const [isLoggingOut, setIsLoggingOut] = useState(false);
   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
-  
+
+  // Ensure component is mounted on client side
+  useEffect(() => {
+    setMounted(true);
+  }, []);
 
   useEffect(() => {
     const fetchUser = async () => {
@@ -74,7 +84,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
           });
 
           const currentPath = window.location.pathname;
-          
+
           if (currentPath === '/admin') {
             const expectedPath = getRedirectPath(Number(data.user.roleId));
             console.log('🔄 Redirecting from /admin to:', expectedPath);
@@ -112,11 +122,11 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     }
   };
 
-  if (loading) {
+  if (loading || !mounted) {
     return (
       <AppShell>
         <AppShellMain>
-          <Center h="100vh">
+          <Center h="100vh" bg="#f6f9fc">
             <Loader />
           </Center>
         </AppShellMain>
@@ -132,7 +142,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     try {
       setIsLoggingOut(true);
 
-      const response = await fetch('/api/auth/logout', { 
+      const response = await fetch('/api/auth/logout', {
         method: 'POST',
         credentials: 'include'
       });
@@ -158,10 +168,9 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     }
   };
 
-  // ✅ Handler untuk menutup mobile menu saat navigasi
   const handleNavClick = (path: string) => {
     router.push(path);
-    close(); // Tutup mobile menu
+    close();
   };
 
   return (
@@ -178,11 +187,16 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       }}
       padding="md"
     >
+      {/*
+        HEADER / TOPBAR
+        Spec: Background gradient, border bawah wajib
+      */}
       <AppShellHeader
         style={{
-          background: "linear-gradient(90deg, #ffffff, #f9fbff)",
-          borderBottom: `1px solid ${colors["blue-button"]}20`,
+          background: mounted ? tokens.colors.bg.header : 'linear-gradient(90deg, #ffffff, #f9fbff)',
+          borderBottom: `1px solid ${mounted ? tokens.colors.border.soft : '#e9ecef'}`,
           padding: '0 16px',
+          transition: 'background 0.3s ease, border-color 0.3s ease',
         }}
         px={{ base: 'sm', sm: 'md' }}
         py={{ base: 'xs', sm: 'sm' }}
@@ -198,30 +212,49 @@ export default function Layout({ children }: { children: React.ReactNode }) {
               loading="lazy"
               style={{ minWidth: '32px', height: 'auto' }}
             />
-            <Text fw={700} c={colors["blue-button"]} fz={{ base: 'md', sm: 'xl' }}>
+            <Text fw={700} c={mounted ? tokens.colors.text.brand : '#0A4E78'} fz={{ base: 'md', sm: 'xl' }}>
               Admin Darmasaba
             </Text>
           </Flex>
 
           <Group gap="xs">
+            {/* Dark Mode Toggle */}
+            <DarkModeToggle variant="light" size="lg" showTooltip tooltipPosition="bottom" />
+
             {!desktopOpened && (
               <Tooltip label="Buka Navigasi" position="bottom" withArrow>
-                <ActionIcon variant="light" radius="xl" size="lg" onClick={toggleDesktop} color={colors["blue-button"]}>
+                <ActionIcon variant="light" radius="xl" size="lg" onClick={toggleDesktop} color={mounted ? tokens.colors.primary : '#3B82F6'}>
                   <IconChevronRight />
                 </ActionIcon>
               </Tooltip>
             )}
 
-            <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size="md" color={colors["blue-button"]} mr="xs" />
+            <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size="md" color={mounted ? tokens.colors.text.brand : '#0A4E78'} mr="xs" />
 
             <Tooltip label="Kembali ke Website Desa" position="bottom" withArrow>
-              <ActionIcon onClick={() => router.push("/darmasaba")} color={colors["blue-button"]} radius="xl" size="lg" variant="gradient" gradient={{ from: colors["blue-button"], to: "#228be6" }}>
+              <ActionIcon
+                onClick={() => router.push("/darmasaba")}
+                color={mounted ? tokens.colors.primary : '#3B82F6'}
+                radius="xl"
+                size="lg"
+                variant="gradient"
+                gradient={mounted ? tokens.colors.gradient : { from: '#3B82F6', to: '#60A5FA' }}
+              >
                 <Image src="/assets/images/darmasaba-icon.png" alt="Logo Darmasaba" w={20} h={20} radius="md" loading="lazy" style={{ minWidth: '20px', height: 'auto' }} />
               </ActionIcon>
             </Tooltip>
 
             <Tooltip label="Keluar" position="bottom" withArrow>
-              <ActionIcon onClick={handleLogout} color={colors["blue-button"]} radius="xl" size="lg" variant="gradient" gradient={{ from: colors["blue-button"], to: "#228be6" }} loading={isLoggingOut} disabled={isLoggingOut}>
+              <ActionIcon
+                onClick={handleLogout}
+                color={mounted ? tokens.colors.primary : '#3B82F6'}
+                radius="xl"
+                size="lg"
+                variant="gradient"
+                gradient={mounted ? tokens.colors.gradient : { from: '#3B82F6', to: '#60A5FA' }}
+                loading={isLoggingOut}
+                disabled={isLoggingOut}
+              >
                 <IconLogout2 size={22} />
               </ActionIcon>
             </Tooltip>
@@ -229,47 +262,104 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         </Group>
       </AppShellHeader>
 
-      <AppShellNavbar component={ScrollArea} style={{ background: "#ffffff", borderRight: `1px solid ${colors["blue-button"]}20` }} p={{ base: 'xs', sm: 'sm' }}>
+      {/*
+        SIDEBAR / NAVBAR
+        Spec: Background --bg-app, active state dengan accent bar
+      */}
+      <AppShellNavbar
+        component={ScrollArea}
+        style={{
+          background: mounted ? tokens.colors.bg.app : '#ffffff',
+          borderRight: `1px solid ${mounted ? tokens.colors.border.soft : '#e9ecef'}`,
+          transition: 'background 0.3s ease, border-color 0.3s ease',
+        }}
+        p={{ base: 'xs', sm: 'sm' }}
+      >
         <AppShell.Section p="sm">
           {currentNav.map((v, k) => {
             const isParentActive = segments.includes(_.lowerCase(v.name));
             return (
-              <NavLink 
-                key={k} 
-                defaultOpened={isParentActive} 
-                c={isParentActive ? colors["blue-button"] : "gray"} 
-                label={<Text fw={isParentActive ? 600 : 400} fz="sm">{v.name}</Text>} 
-                style={{ borderRadius: rem(10), marginBottom: rem(4), transition: "background 150ms ease" }} 
-                styles={{ root: { '&:hover': { backgroundColor: 'rgba(25, 113, 194, 0.05)' } } }} 
-                variant="light" 
+              <NavLink
+                key={k}
+                defaultOpened={isParentActive}
+                c={mounted && isParentActive ? tokens.colors.primary : mounted && isDark ? '#E5E7EB' : tokens.colors.text.secondary}
+                label={
+                  <Text
+                    fw={isParentActive ? 600 : 400}
+                    fz="sm"
+                    style={{
+                      color: mounted && isDark ? '#E5E7EB' : 'inherit',
+                      transition: 'color 150ms ease',
+                    }}
+                  >
+                    {v.name}
+                  </Text>
+                }
+                style={{
+                  borderRadius: rem(10),
+                  marginBottom: rem(4),
+                  transition: "background 150ms ease",
+                  ...(mounted && isParentActive && !isDark && {
+                    borderLeft: `3px solid ${tokens.colors.primary}`,
+                  }),
+                }}
+                styles={{
+                  root: {
+                    '&:hover': {
+                      backgroundColor: mounted && isDark ? '#1E293B' : tokens.colors.bg.hover,
+                    },
+                    ...(mounted && isParentActive && isDark && {
+                      backgroundColor: 'rgba(59,130,246,0.25)',
+                      borderLeft: `3px solid ${tokens.colors.primary}`,
+                    }),
+                  }
+                }}
+                variant="light"
                 active={isParentActive}
               >
                 {v.children.map((child, key) => {
                   const isChildActive = segments.includes(_.lowerCase(child.name));
                   return (
-                    <NavLink 
-                      key={key} 
-                      // ✅ PERBAIKAN: Gunakan onClick untuk handle navigasi dan close menu
+                    <NavLink
+                      key={key}
                       onClick={(e) => {
                         e.preventDefault();
                         handleNavClick(child.path);
                       }}
                       href={child.path}
-                      c={isChildActive ? colors["blue-button"] : "gray"} 
-                      label={<Text fw={isChildActive ? 600 : 400} fz="sm">{child.name}</Text>} 
-                      styles={{ 
-                        root: { 
-                          borderRadius: rem(8), 
-                          marginBottom: rem(2), 
-                          transition: 'background 150ms ease', 
-                          padding: '6px 12px', 
-                          '&:hover': { 
-                            backgroundColor: isChildActive ? 'rgba(25, 113, 194, 0.15)' : 'rgba(25, 113, 194, 0.05)' 
-                          }, 
-                          ...(isChildActive && { backgroundColor: 'rgba(25, 113, 194, 0.1)' }) 
-                        } 
-                      }} 
-                      active={isChildActive} 
+                      c={mounted && isChildActive ? tokens.colors.primary : mounted && isDark ? '#E5E7EB' : tokens.colors.text.secondary}
+                      label={
+                        <Text
+                          fw={isChildActive ? 600 : 400}
+                          fz="sm"
+                          style={{
+                            color: mounted && isDark ? '#E5E7EB' : 'inherit',
+                            transition: 'color 150ms ease',
+                          }}
+                        >
+                          {child.name}
+                        </Text>
+                      }
+                      styles={{
+                        root: {
+                          borderRadius: rem(8),
+                          marginBottom: rem(2),
+                          transition: 'background 150ms ease',
+                          padding: '6px 12px',
+                          '&:hover': {
+                            backgroundColor: mounted && isDark ? 'rgba(255, 255, 255, 0.05)' : tokens.colors.bg.hover,
+                          },
+                          ...(mounted && isChildActive && isDark && {
+                            backgroundColor: 'rgba(59,130,246,0.15)',
+                            borderLeft: `2px solid ${tokens.colors.primary}`,
+                          }),
+                          ...(mounted && isChildActive && !isDark && {
+                            backgroundColor: tokens.colors.bg.hover,
+                          }),
+                        }
+                      }}
+                      active={isChildActive}
+                      variant="subtle"
                       component={Link}
                     />
                   );
@@ -282,7 +372,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         <AppShell.Section py="md">
           <Group justify="end" pr="sm">
             <Tooltip label={desktopOpened ? "Tutup Navigasi" : "Buka Navigasi"} position="top" withArrow>
-              <ActionIcon variant="light" radius="xl" size="lg" onClick={toggleDesktop} color={colors["blue-button"]}>
+              <ActionIcon variant="light" radius="xl" size="lg" onClick={toggleDesktop} color={mounted ? tokens.colors.primary : '#3B82F6'}>
                 <IconChevronLeft />
               </ActionIcon>
             </Tooltip>
@@ -290,7 +380,17 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         </AppShell.Section>
       </AppShellNavbar>
 
-      <AppShellMain style={{ background: "linear-gradient(180deg, #fdfdfd, #f6f9fc)", minHeight: "100vh" }}>
+      {/*
+        MAIN CONTENT
+        Spec: Background --bg-base
+      */}
+      <AppShellMain
+        style={{
+          background: mounted ? tokens.colors.bg.base : '#f6f9fc',
+          minHeight: "100vh",
+          transition: 'background 0.3s ease',
+        }}
+      >
         {children}
       </AppShellMain>
     </AppShell>
diff --git a/src/components/admin/AdminThemeProvider.tsx b/src/components/admin/AdminThemeProvider.tsx
new file mode 100644
index 00000000..0a2a5c76
--- /dev/null
+++ b/src/components/admin/AdminThemeProvider.tsx
@@ -0,0 +1,119 @@
+'use client';
+
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+import { MantineProvider, createTheme } from '@mantine/core';
+import '@mantine/core/styles.css';
+import '@/styles/dark-mode-table.css';
+import React from 'react';
+
+/**
+ * Admin Theme Provider
+ * 
+ * Wrapper untuk MantineProvider dengan custom theme
+ * Mendukung dark mode otomatis
+ * 
+ * Usage:
+ * import { AdminThemeProvider } from '@/components/admin/AdminThemeProvider';
+ * 
+ * <AdminThemeProvider>
+ *   <YourComponent />
+ * </AdminThemeProvider>
+ */
+
+interface AdminThemeProviderProps {
+  children: React.ReactNode;
+  forceTheme?: 'light' | 'dark';
+}
+
+export function AdminThemeProvider({ children, forceTheme }: AdminThemeProviderProps) {
+  const { isDark } = useDarkMode();
+  
+  // Use forced theme if provided, otherwise use store
+  const useDark = forceTheme ? forceTheme === 'dark' : isDark;
+  const tokens = themeTokens(useDark);
+
+  const theme = createTheme({
+    colors: {
+      primary: [
+        tokens.colors.primaryLight,
+        tokens.colors.primaryLight,
+        tokens.colors.primary,
+        tokens.colors.primary,
+        tokens.colors.primary,
+        tokens.colors.primary,
+        tokens.colors.primaryDark,
+        tokens.colors.primaryDark,
+        tokens.colors.primaryDark,
+        tokens.colors.primaryDark,
+      ],
+    },
+    primaryColor: 'primary',
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    fontFamilyMonospace: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
+    
+    // Override default colors based on mode
+    white: tokens.colors.text.inverse,
+    black: tokens.colors.text.primary,
+    
+    // CSS variables for table hover
+    activeClassName: useDark ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.02)',
+    
+    // Component defaults
+    components: {
+      Paper: {
+        defaultProps: {
+          bg: tokens.colors.bg.card,
+          radius: 'md',
+          shadow: 'sm',
+        },
+      },
+      Button: {
+        defaultProps: {
+          radius: 'md',
+        },
+      },
+      TextInput: {
+        defaultProps: {
+          radius: 'md',
+        },
+      },
+      Select: {
+        defaultProps: {
+          radius: 'md',
+        },
+      },
+      Modal: {
+        defaultProps: {
+          radius: 'lg',
+        },
+      },
+      Table: {
+        defaultProps: {
+          highlightOnHover: true,
+        },
+      },
+    },
+  });
+
+  return (
+    <MantineProvider
+      theme={theme}
+      forceColorScheme={useDark ? 'dark' : 'light'}
+      defaultColorScheme={useDark ? 'dark' : 'light'}
+    >
+      <div
+        style={{
+          backgroundColor: tokens.colors.bg.main,
+          color: tokens.colors.text.primary,
+          minHeight: '100vh',
+          transition: 'background-color 0.3s ease, color 0.3s ease',
+        }}
+      >
+        {children}
+      </div>
+    </MantineProvider>
+  );
+}
+
+export default AdminThemeProvider;
diff --git a/src/components/admin/DarkModeToggle.tsx b/src/components/admin/DarkModeToggle.tsx
new file mode 100644
index 00000000..9ef35ecb
--- /dev/null
+++ b/src/components/admin/DarkModeToggle.tsx
@@ -0,0 +1,78 @@
+'use client';
+
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+import { ActionIcon, Tooltip, Transition } from '@mantine/core';
+import { IconMoon, IconSun } from '@tabler/icons-react';
+
+/**
+ * Dark Mode Toggle Button
+ *
+ * Component untuk toggle dark/light mode
+ *
+ * Usage:
+ * import { DarkModeToggle } from '@/components/admin/DarkModeToggle';
+ *
+ * <DarkModeToggle />
+ */
+
+interface DarkModeToggleProps {
+  variant?: 'light' | 'filled' | 'outline' | 'subtle';
+  size?: 'sm' | 'md' | 'lg';
+  color?: string;
+  showTooltip?: boolean;
+  tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+export function DarkModeToggle({
+  variant = 'light',
+  size = 'lg',
+  color,
+  showTooltip = true,
+  tooltipPosition = 'bottom',
+}: DarkModeToggleProps) {
+  const { isDark, toggle } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  const iconColor = color || tokens.colors.primary;
+
+  return (
+    <Tooltip
+      label={isDark ? 'Mode Terang' : 'Mode Gelap'}
+      position={tooltipPosition}
+      withArrow
+      disabled={!showTooltip}
+    >
+      <ActionIcon
+        variant={variant}
+        size={size}
+        radius="xl"
+        onClick={toggle}
+        color={iconColor}
+        style={{
+          transition: 'all 0.3s ease',
+          transform: 'scale(1)',
+          '&:hover': {
+            transform: 'scale(1.1)',
+          },
+        }}
+      >
+        {/* Icon Sun untuk Light Mode */}
+        <Transition mounted={!isDark} transition="scale" duration={200}>
+          {(style) => (
+            <IconSun style={style} size={20} stroke={1.5} />
+          )}
+        </Transition>
+
+        {/* Icon Moon untuk Dark Mode */}
+        <Transition mounted={isDark} transition="scale" duration={200}>
+          {(style) => (
+            <IconMoon style={style} size={20} stroke={1.5} />
+          )}
+        </Transition>
+      </ActionIcon>
+    </Tooltip>
+  );
+}
+
+export default DarkModeToggle;
diff --git a/src/components/admin/README_UNIFIED_STYLING.md b/src/components/admin/README_UNIFIED_STYLING.md
new file mode 100644
index 00000000..3e8375f1
--- /dev/null
+++ b/src/components/admin/README_UNIFIED_STYLING.md
@@ -0,0 +1,546 @@
+# 🎨 Unified Styling System - Admin Dashboard
+
+Sistem styling terpusat untuk admin dashboard Darmasaba dengan dukungan **dark mode**.
+
+**Berdasarkan spesifikasi:** `darkMode.md`
+
+---
+
+## 📋 Daftar Isi
+
+- [Konsep Utama](#konsep-utama)
+- [Dark Mode Palette](#dark-mode-palette)
+- [Struktur File](#struktur-file)
+- [Cara Menggunakan](#cara-menggunakan)
+- [Mengedit Style](#mengedit-style)
+- [Dark Mode Toggle](#dark-mode-toggle)
+- [Contoh Penggunaan](#contoh-penggunaan)
+
+---
+
+## 🎯 Konsep Utama
+
+**Satu File Edit = Semua Halaman Terupdate**
+
+Sebelumnya:
+- ❌ Style tersebar di 493 file `.tsx`
+- ❌ Hardcode warna di setiap komponen
+- ❌ Tidak ada konsistensi
+- ❌ Sulit maintain
+
+Sekarang:
+- ✅ Edit di **1 file** = semua halaman update
+- ✅ Component reusable
+- ✅ Konsisten di seluruh aplikasi
+- ✅ Dark mode otomatis sesuai spesifikasi `darkMode.md`
+
+---
+
+## 🌙 Dark Mode Palette
+
+### Background Layers (Dark Mode)
+| Layer | Token | Warna | Fungsi |
+|------|------|------|------|
+| Base | `bg.base` | `#0B1220` | Background utama aplikasi |
+| App | `bg.app` | `#0F172A` | Area sidebar |
+| Card | `bg.card` | `#162235` | Card / container |
+| Surface | `bg.surface` | `#1E2A3D` | Table header, tab, input |
+
+### Text Colors (Dark Mode)
+| Jenis | Token | Warna |
+|-----|------|------|
+| Primary | `text.primary` | `#E5E7EB` |
+| Secondary | `text.secondary` | `#9CA3AF` |
+| Muted | `text.muted` | `#6B7280` |
+
+### Accent & Actions (Dark Mode)
+| Fungsi | Warna |
+|------|------|
+| Primary Action | `#3B82F6` |
+| Hover | `#2563EB` |
+| Active | `#1D4ED8` |
+| Link | `#60A5FA` |
+
+### Borders (Dark Mode)
+| Token | Warna |
+|-----|------|
+| `border.default` | `#2A3A52` |
+| `border.soft` | `#22314A` |
+
+> **Catatan:** Light mode menggunakan palette original yang lebih terang
+
+---
+
+## 📁 Struktur File
+
+```
+src/
+├── utils/
+│   └── themeTokens.ts          # 📦 PUSAT SEMUA STYLE (edit di sini!)
+├── state/
+│   └── darkModeStore.ts        # 🌙 State management dark mode
+├── components/admin/
+│   ├── DarkModeToggle.tsx      # 🌓 Toggle button
+│   ├── AdminThemeProvider.tsx  # 🎨 Theme provider wrapper
+│   ├── UnifiedTypography.tsx   # 📝 Text components (Title, Text)
+│   ├── UnifiedSurface.tsx      # 📦 Card, Paper components
+│   └── README_UNIFIED_STYLING.md # 📖 Dokumentasi ini
+├── app/admin/
+│   ├── layout.tsx              # ✅ Sudah diupdate dengan dark mode
+│   └── (dashboard)/
+│       └── _com/
+│           ├── header.tsx      # ✅ Sudah diupdate
+│           ├── judulList.tsx   # ✅ Sudah diupdate
+│           └── judulListTab.tsx # ✅ Sudah diupdate
+└── darkMode.md                 # 📐 Spesifikasi lengkap dark mode
+```
+
+---
+
+## 🚀 Cara Menggunakan
+
+### 1. **Untuk Developer: Edit Style Global**
+
+Edit file: `src/utils/themeTokens.ts`
+
+```typescript
+export const themeTokens = (isDark: boolean = false): ThemeTokens => {
+  const darkColors = {
+    bgBase: '#0B1220',        // ← Edit warna dark mode di sini
+    bgCard: '#162235',
+    textPrimary: '#E5E7EB',
+    primaryAction: '#3B82F6',
+    // ... dan lainnya
+  };
+  
+  return {
+    colors: {
+      primary: current.primaryAction,
+      bg: {
+        base: current.bgBase,
+        card: current.bgCard,
+        // ...
+      },
+      // ...
+    },
+  };
+};
+```
+
+### 2. **Menggunakan Components di Halaman**
+
+#### A. Typography Components
+
+```tsx
+import { UnifiedTitle, UnifiedText } from '@/components/admin/UnifiedTypography';
+
+// Heading - otomatis dark mode
+<UnifiedTitle order={1}>Judul Halaman</UnifiedTitle>
+<UnifiedTitle order={2}>Sub Judul</UnifiedTitle>
+<UnifiedTitle order={3}>Section Title</UnifiedTitle>
+<UnifiedTitle order={4}>Card Title</UnifiedTitle>
+
+// Text dengan color semantic
+<UnifiedText size="body" color="primary">Teks primary</UnifiedText>
+<UnifiedText size="body" color="secondary">Teks secondary</UnifiedText>
+<UnifiedText size="body" color="muted">Teks muted</UnifiedText>
+<UnifiedText size="body" color="link">Link text</UnifiedText>
+<UnifiedText size="body" color="brand">Brand color</UnifiedText>
+
+// Dengan weight
+<UnifiedText weight="bold">Teks bold</UnifiedText>
+<UnifiedText weight="medium">Teks medium</UnifiedText>
+```
+
+#### B. Surface Components
+
+```tsx
+import UnifiedCard, { UnifiedDivider } from '@/components/admin/UnifiedSurface';
+
+// Card sederhana - border dan warna otomatis dark mode
+<UnifiedCard>
+  <p>Isi card</p>
+</UnifiedCard>
+
+// Card dengan sections
+<UnifiedCard>
+  <UnifiedCard.Header>
+    <UnifiedTitle order={4}>Header</UnifiedTitle>
+  </UnifiedCard.Header>
+  
+  <UnifiedCard.Body>
+    <p>Body content</p>
+  </UnifiedCard.Body>
+  
+  <UnifiedCard.Footer>
+    <Button>Action</Button>
+  </UnifiedCard.Footer>
+</UnifiedCard>
+
+// Divider dengan variant
+<UnifiedDivider variant="soft" />  {/* Default */}
+<UnifiedDivider variant="default" />
+<UnifiedDivider variant="strong" />
+```
+
+#### C. Page Header Component
+
+```tsx
+import { UnifiedPageHeader } from '@/components/admin/UnifiedTypography';
+
+<UnifiedPageHeader
+  title="Daftar Berita"
+  subtitle="Kelola semua berita di sini"
+  action={
+    <Button onClick={handleCreate}>
+      <IconPlus /> Tambah Baru
+    </Button>
+  }
+/>
+```
+
+### 3. **Menggunakan Theme Tokens Langsung**
+
+```tsx
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+
+function MyComponent() {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  return (
+    <div style={{
+      backgroundColor: tokens.colors.bg.card,
+      color: tokens.colors.text.primary,
+      padding: tokens.spacing.md,
+      borderRadius: tokens.radius.lg,
+      border: `1px solid ${tokens.colors.border.default}`,
+    }}>
+      <p style={{ fontSize: tokens.typography.body.fz }}>
+        Konten dengan styling konsisten
+      </p>
+    </div>
+  );
+}
+```
+
+---
+
+## 🌓 Dark Mode Toggle
+
+### Otomatis di Header
+
+Dark mode toggle sudah terintegrasi di header admin dashboard. User bisa toggle dengan klik tombol 🌙/☀️.
+
+### Manual Toggle
+
+```tsx
+import { useDarkMode } from '@/state/darkModeStore';
+import { DarkModeToggle } from '@/components/admin/DarkModeToggle';
+
+function MyComponent() {
+  const { isDark, toggle } = useDarkMode();
+  
+  return (
+    <div>
+      <p>Current mode: {isDark ? 'Dark' : 'Light'}</p>
+      
+      {/* Gunakan component toggle */}
+      <DarkModeToggle />
+      
+      {/* Atau manual */}
+      <button onClick={toggle}>Toggle</button>
+    </div>
+  );
+}
+```
+
+### Persistensi
+
+Dark mode preference disimpan di `localStorage` dengan key `darmasaba-admin-dark-mode`.
+Preference akan tetap ada saat user refresh halaman atau kembali nanti.
+
+---
+
+## 📝 Contoh Penggunaan Lengkap
+
+### Contoh 1: List Page dengan Table
+
+```tsx
+'use client'
+import { UnifiedPageHeader, UnifiedText } from '@/components/admin/UnifiedTypography';
+import UnifiedCard from '@/components/admin/UnifiedSurface';
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+import { Button, Table, TableTr, TableTh, TableTd } from '@mantine/core';
+
+export default function DaftarBerita() {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  return (
+    <div>
+      {/* Header Halaman */}
+      <UnifiedPageHeader
+        title="Daftar Berita"
+        subtitle="Kelola semua berita yang diterbitkan"
+        action={
+          <Button 
+            bg={tokens.colors.primary}
+            style={{
+              background: `linear-gradient(135deg, ${tokens.colors.primary}, ${isDark ? '#60A5FA' : '#4facfe'})`,
+            }}
+          >
+            + Tambah Berita
+          </Button>
+        }
+      />
+
+      {/* Card untuk Table */}
+      <UnifiedCard>
+        <Table>
+          <TableThead>
+            <TableTr>
+              <TableTh style={{ backgroundColor: tokens.colors.bg.surface }}>
+                <UnifiedText size="label" color="secondary">Judul</UnifiedText>
+              </TableTh>
+              <TableTh style={{ backgroundColor: tokens.colors.bg.surface }}>
+                <UnifiedText size="label" color="secondary">Kategori</UnifiedText>
+              </TableTh>
+            </TableTr>
+          </TableThead>
+          <TableTbody>
+            {data.map((item) => (
+              <TableTr 
+                key={item.id}
+                style={{
+                  '&:hover': {
+                    backgroundColor: tokens.colors.bg.hover,
+                  },
+                }}
+              >
+                <TableTd>
+                  <UnifiedText size="body">{item.judul}</UnifiedText>
+                </TableTd>
+                <TableTd>
+                  <UnifiedText size="small" color="secondary">
+                    {item.kategori}
+                  </UnifiedText>
+                </TableTd>
+              </TableTr>
+            ))}
+          </TableTbody>
+        </Table>
+      </UnifiedCard>
+    </div>
+  );
+}
+```
+
+### Contoh 2: Detail Page
+
+```tsx
+import { UnifiedTitle, UnifiedText } from '@/components/admin/UnifiedTypography';
+import UnifiedCard, { UnifiedDivider } from '@/components/admin/UnifiedSurface';
+
+export default function DetailBerita({ data }) {
+  return (
+    <UnifiedCard>
+      <UnifiedCard.Header>
+        <UnifiedTitle order={3} color="brand">{data.judul}</UnifiedTitle>
+      </UnifiedCard.Header>
+
+      <UnifiedCard.Body>
+        <Box mb="md">
+          <UnifiedText size="label" color="muted">Kategori</UnifiedText>
+          <UnifiedText size="body" weight="medium">{data.kategori}</UnifiedText>
+        </Box>
+
+        <UnifiedDivider variant="soft" />
+
+        <Box my="md">
+          <UnifiedText size="label" color="muted">Deskripsi</UnifiedText>
+          <UnifiedText size="body">{data.deskripsi}</UnifiedText>
+        </Box>
+
+        <UnifiedDivider variant="soft" />
+
+        <Box mt="md">
+          <UnifiedText size="label" color="muted">Konten</UnifiedText>
+          <div dangerouslySetInnerHTML={{ __html: data.content }} />
+        </Box>
+      </UnifiedCard.Body>
+
+      <UnifiedCard.Footer>
+        <Group justify="right">
+          <Button color="red">Hapus</Button>
+          <Button color="green">Edit</Button>
+        </Group>
+      </UnifiedCard.Footer>
+    </UnifiedCard>
+  );
+}
+```
+
+---
+
+## 🎨 Mengedit Style
+
+### Edit Warna Dark Mode
+
+File: `src/utils/themeTokens.ts`
+
+```typescript
+const darkColors = {
+  // Background Layers
+  bgBase: '#0B1220',        // ← Edit di sini
+  bgApp: '#0F172A',
+  bgCard: '#162235',
+  bgSurface: '#1E2A3D',
+  
+  // Text
+  textPrimary: '#E5E7EB',   // ← Edit di sini
+  textSecondary: '#9CA3AF',
+  
+  // Accent
+  primaryAction: '#3B82F6', // ← Edit primary color
+};
+```
+
+### Edit Warna Light Mode
+
+```typescript
+const lightColors = {
+  bgBase: '#f6f9fc',
+  bgCard: '#ffffff',
+  textPrimary: '#1a1b1e',
+  primaryAction: baseColors['blue-button'], // Dari colors.ts
+};
+```
+
+### Edit Typography
+
+```typescript
+typography: {
+  h1: {
+    fz: '2rem',       // ← Edit ukuran
+    fw: 700,          // ← Edit weight
+    lh: 1.2,          // ← Edit line height
+  },
+  body: {
+    fz: '1rem',
+    fw: 400,
+    lh: 1.5,
+  },
+}
+```
+
+### Edit Spacing & Radius
+
+```typescript
+spacing: {
+  xs: '0.625rem',    // 10px
+  sm: '1rem',        // 16px
+  md: '1.5rem',      // 24px
+  lg: '2rem',        // 32px
+}
+
+radius: {
+  sm: '0.5rem',      // 8px
+  md: '0.75rem',     // 12px
+  lg: '1rem',        // 16px
+}
+```
+
+---
+
+## ✅ Checklist Migrasi
+
+Komponen yang sudah diupdate dengan dark mode:
+
+- ✅ `src/app/admin/layout.tsx`
+- ✅ `src/app/admin/(dashboard)/_com/header.tsx`
+- ✅ `src/app/admin/(dashboard)/_com/judulList.tsx`
+- ✅ `src/app/admin/(dashboard)/_com/judulListTab.tsx`
+- ✅ `src/components/admin/UnifiedTypography.tsx`
+- ✅ `src/components/admin/UnifiedSurface.tsx`
+- ✅ `src/components/admin/DarkModeToggle.tsx`
+- ✅ `src/utils/themeTokens.ts`
+
+Komponen yang perlu diupdate (TODO):
+
+- [ ] Komponen di `src/app/admin/(dashboard)/desa/`
+- [ ] Komponen di `src/app/admin/(dashboard)/ppid/`
+- [ ] Komponen di `src/app/admin/(dashboard)/kesehatan/`
+- [ ] Komponen di `src/app/admin/(dashboard)/pendidikan/`
+- [ ] Komponen di `src/app/admin/(dashboard)/ekonomi/`
+- [ ] Dan lain-lain...
+
+---
+
+## 📚 Referensi
+
+- [Dark Mode Specification](../../../darkMode.md) - Spesifikasi lengkap dark mode
+- [Mantine Theme System](https://mantine.dev/theming/theme-object/)
+- [Mantine Dark Mode](https://mantine.dev/theming/dark-mode/)
+- [Valtio State Management](https://github.com/pmndrs/valtio)
+
+---
+
+## 💡 Tips
+
+1. **Selalu gunakan unified components** untuk konsistensi dark/light mode
+2. **Edit di `themeTokens.ts`** untuk perubahan global
+3. **Test dark mode** setelah perubahan style
+4. **Gunakan color semantic** (`primary`, `secondary`, `muted`) bukan hex langsung
+5. **Jangan hardcode shadow** di dark mode (spec: "Jangan pakai shadow hitam")
+6. **Border harus terlihat** di dark mode (opacity > 20%)
+
+---
+
+## 🆘 Troubleshooting
+
+### Style tidak berubah setelah edit themeTokens.ts?
+
+1. Clear browser cache (Cmd+Shift+R / Ctrl+Shift+R)
+2. Restart dev server: `bun run dev`
+3. Pastikan komponen menggunakan unified components
+
+### Dark mode tidak berfungsi?
+
+1. Cek `darkModeStore.ts` sudah diimport
+2. Pastikan `useDarkMode()` hook digunakan
+3. Clear localStorage: `localStorage.clear()`
+4. Cek console untuk error
+
+### Border tidak terlihat di dark mode?
+
+Pastikan menggunakan `tokens.colors.border.default` atau `tokens.colors.border.soft`, bukan hardcode warna.
+
+### Component tidak re-render?
+
+1. Pastikan `'use client'` ada di file component
+2. Gunakan `useSnapshot()` jika menggunakan Valtio di non-event handler
+3. Cek console untuk error
+
+---
+
+## 📐 Spesifikasi Dark Mode
+
+Untuk spesifikasi lengkap dark mode (layout rules, table styles, button rules, dll), lihat:
+**[`darkMode.md`](../../../darkMode.md)**
+
+Highlights:
+- ✅ Background layers berbeda (base, app, card, surface)
+- ✅ Border wajib terlihat (tidak flat)
+- ✅ Active state dengan accent bar (2-3px)
+- ✅ Tidak pakai shadow hitam
+- ✅ Hover state dengan background soft
+- ✅ Text kontras terbaca
+
+---
+
+**Last Updated:** February 20, 2026  
+**Version:** 2.0.0 (Dark Mode Ready)  
+**Based on:** darkMode.md specification
diff --git a/src/components/admin/UnifiedSurface.tsx b/src/components/admin/UnifiedSurface.tsx
new file mode 100644
index 00000000..c00f911b
--- /dev/null
+++ b/src/components/admin/UnifiedSurface.tsx
@@ -0,0 +1,252 @@
+'use client';
+
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens } from '@/utils/themeTokens';
+import { Paper, Box, BoxProps, Divider, DividerProps } from '@mantine/core';
+import React from 'react';
+
+/**
+ * Unified Surface Components
+ * 
+ * Komponen container/card dengan styling konsisten
+ * Mendukung dark mode sesuai spesifikasi darkMode.md
+ * 
+ * Usage:
+ * import { UnifiedCard, UnifiedDivider } from '@/components/admin/UnifiedSurface';
+ * 
+ * <UnifiedCard>
+ *   <UnifiedCard.Header>Title</UnifiedCard.Header>
+ *   <UnifiedCard.Body>Content</UnifiedCard.Body>
+ * </UnifiedCard>
+ */
+
+// ============================================================================
+// Unified Card Component
+ * ============================================================================
+
+interface UnifiedCardProps extends BoxProps {
+  withBorder?: boolean;
+  shadow?: 'none' | 'sm' | 'md' | 'lg';
+  padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  hoverable?: boolean;
+  children: React.ReactNode;
+}
+
+export function UnifiedCard({
+  withBorder = true,
+  shadow = 'none',  // Sesuai spec: Jangan pakai shadow hitam
+  padding = 'md',
+  hoverable = false,
+  children,
+  style,
+  ...props
+}: UnifiedCardProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  const getPadding = () => {
+    switch (padding) {
+      case 'none':
+        return 0;
+      case 'xs':
+        return tokens.spacing.xs;
+      case 'sm':
+        return tokens.spacing.sm;
+      case 'md':
+        return tokens.spacing.md;
+      case 'lg':
+        return tokens.spacing.lg;
+      case 'xl':
+        return tokens.spacing.xl;
+      default:
+        return tokens.spacing.md;
+    }
+  };
+
+  return (
+    <Paper
+      withBorder={withBorder}
+      bg={tokens.colors.bg.card}
+      p={getPadding()}
+      radius={tokens.radius.lg}  // 12-16px sesuai spec
+      style={{
+        borderColor: tokens.colors.border.default,
+        transition: hoverable
+          ? 'transform 0.2s ease, box-shadow 0.2s ease'
+          : 'box-shadow 0.2s ease',
+        '&:hover': hoverable
+          ? {
+              transform: 'translateY(-2px)',
+            }
+          : {},
+        ...style,
+      }}
+      {...props}
+    >
+      {children}
+    </Paper>
+  );
+}
+
+// ============================================================================
+// Unified Card Section Components
+// ============================================================================
+
+interface UnifiedCardSectionProps {
+  children: React.ReactNode;
+  padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg';
+  border?: 'none' | 'top' | 'bottom';
+  style?: React.CSSProperties;
+}
+
+UnifiedCard.Header = function UnifiedCardHeader({
+  children,
+  padding = 'md',
+  border = 'bottom',
+  style,
+}: UnifiedCardSectionProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  const getPadding = () => {
+    switch (padding) {
+      case 'none':
+        return 0;
+      case 'xs':
+        return tokens.spacing.xs;
+      case 'sm':
+        return tokens.spacing.sm;
+      case 'md':
+        return tokens.spacing.md;
+      case 'lg':
+        return tokens.spacing.lg;
+      default:
+        return tokens.spacing.md;
+    }
+  };
+
+  const borderBottom = border === 'bottom' ? `1px solid ${tokens.colors.border.soft}` : 'none';
+  const borderTop = border === 'top' ? `1px solid ${tokens.colors.border.soft}` : 'none';
+
+  return (
+    <Box
+      style={{
+        paddingBottom: getPadding(),
+        borderBottom,
+        borderTop,
+        ...style,
+      }}
+    >
+      {children}
+    </Box>
+  );
+};
+
+UnifiedCard.Body = function UnifiedCardBody({
+  children,
+  padding = 'md',
+  style,
+}: UnifiedCardSectionProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  const getPadding = () => {
+    switch (padding) {
+      case 'none':
+        return 0;
+      case 'xs':
+        return tokens.spacing.xs;
+      case 'sm':
+        return tokens.spacing.sm;
+      case 'md':
+        return tokens.spacing.md;
+      case 'lg':
+        return tokens.spacing.lg;
+      default:
+        return tokens.spacing.md;
+    }
+  };
+
+  return (
+    <Box style={{ paddingTop: getPadding(), paddingBottom: getPadding(), ...style }}>
+      {children}
+    </Box>
+  );
+};
+
+UnifiedCard.Footer = function UnifiedCardFooter({
+  children,
+  padding = 'md',
+  border = 'top',
+  style,
+}: UnifiedCardSectionProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  const getPadding = () => {
+    switch (padding) {
+      case 'none':
+        return 0;
+      case 'xs':
+        return tokens.spacing.xs;
+      case 'sm':
+        return tokens.spacing.sm;
+      case 'md':
+        return tokens.spacing.md;
+      case 'lg':
+        return tokens.spacing.lg;
+      default:
+        return tokens.spacing.md;
+    }
+  };
+
+  const borderBottom = border === 'bottom' ? `1px solid ${tokens.colors.border.soft}` : 'none';
+  const borderTop = border === 'top' ? `1px solid ${tokens.colors.border.soft}` : 'none';
+
+  return (
+    <Box
+      style={{
+        paddingTop: getPadding(),
+        borderBottom,
+        borderTop,
+        ...style,
+      }}
+    >
+      {children}
+    </Box>
+  );
+};
+
+// ============================================================================
+// Unified Divider Component
+// ============================================================================
+
+interface UnifiedDividerProps extends DividerProps {
+  variant?: 'default' | 'soft' | 'strong';
+}
+
+export function UnifiedDivider({
+  variant = 'soft',  // Default soft sesuai spec
+  my = 'md',
+  ...props
+}: UnifiedDividerProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  const getColor = () => {
+    switch (variant) {
+      case 'default':
+        return tokens.colors.border.default;
+      case 'soft':
+        return tokens.colors.border.soft;
+      case 'strong':
+        return tokens.colors.border.strong;
+      default:
+        return tokens.colors.border.soft;
+    }
+  };
+
+  return <Divider my={my} color={getColor()} {...props} />;
+}
+
+export default UnifiedCard;
diff --git a/src/components/admin/UnifiedTypography.tsx b/src/components/admin/UnifiedTypography.tsx
new file mode 100644
index 00000000..565be609
--- /dev/null
+++ b/src/components/admin/UnifiedTypography.tsx
@@ -0,0 +1,268 @@
+'use client';
+
+import { useDarkMode } from '@/state/darkModeStore';
+import { themeTokens, getResponsiveFz } from '@/utils/themeTokens';
+import { Text, Title, Box, BoxProps } from '@mantine/core';
+import React from 'react';
+
+/**
+ * Unified Typography Components
+ * 
+ * Komponen text dengan styling konsisten di seluruh aplikasi
+ * Mendukung dark mode sesuai spesifikasi darkMode.md
+ * 
+ * Usage:
+ * import { UnifiedText, UnifiedTitle } from '@/components/admin/UnifiedTypography';
+ * 
+ * <UnifiedTitle order={1}>Judul Halaman</UnifiedTitle>
+ * <UnifiedText size="body">Konten teks</UnifiedText>
+ */
+
+// ============================================================================
+// Unified Title Component
+// ============================================================================
+
+interface UnifiedTitleProps {
+  order?: 1 | 2 | 3 | 4 | 5 | 6;
+  children: React.ReactNode;
+  align?: 'left' | 'center' | 'right';
+  color?: 'primary' | 'secondary' | 'brand' | string;
+  mb?: string;
+  mt?: string;
+  ml?: string;
+  mr?: string;
+  mx?: string;
+  my?: string;
+  style?: React.CSSProperties;
+}
+
+export function UnifiedTitle({
+  order = 1,
+  children,
+  align = 'left',
+  color = 'primary',
+  mb,
+  mt,
+  ml,
+  mr,
+  mx,
+  my,
+  style,
+}: UnifiedTitleProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+  const responsiveFz = getResponsiveFz(isDark);
+
+  const getTypography = () => {
+    switch (order) {
+      case 1:
+        return tokens.typography.h1;
+      case 2:
+        return tokens.typography.h2;
+      case 3:
+        return tokens.typography.h3;
+      case 4:
+        return tokens.typography.h4;
+      default:
+        return tokens.typography.body;
+    }
+  };
+
+  const typo = getTypography();
+
+  const getColor = () => {
+    if (color === 'primary') return tokens.colors.text.primary;
+    if (color === 'secondary') return tokens.colors.text.secondary;
+    if (color === 'brand') return tokens.colors.brand;
+    return color;
+  };
+
+  return (
+    <Title
+      order={order}
+      ta={align}
+      fz={{ base: responsiveFz.base, md: typo.fz }}
+      fw={typo.fw}
+      lh={typo.lh}
+      c={getColor()}
+      mb={mb}
+      mt={mt}
+      ml={ml}
+      mr={mr}
+      mx={mx}
+      my={my}
+      style={style}
+    >
+      {children}
+    </Title>
+  );
+}
+
+// ============================================================================
+// Unified Text Component
+// ============================================================================
+
+interface UnifiedTextProps {
+  size?: 'small' | 'body' | 'label';
+  weight?: 'normal' | 'medium' | 'bold';
+  children: React.ReactNode;
+  align?: 'left' | 'center' | 'right';
+  color?: 'primary' | 'secondary' | 'tertiary' | 'muted' | 'brand' | 'link' | string;
+  lineClamp?: number;
+  truncate?: 'start' | 'end' | 'middle' | boolean;
+  span?: boolean;
+  style?: React.CSSProperties;
+}
+
+export function UnifiedText({
+  size = 'body',
+  weight = 'normal',
+  children,
+  align = 'left',
+  color = 'primary',
+  lineClamp,
+  truncate,
+  span = false,
+  style,
+}: UnifiedTextProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  const getTypography = () => {
+    switch (size) {
+      case 'small':
+        return tokens.typography.small;
+      case 'label':
+        return tokens.typography.label;
+      default:
+        return tokens.typography.body;
+    }
+  };
+
+  const getWeight = () => {
+    switch (weight) {
+      case 'normal':
+        return 400;
+      case 'medium':
+        return 500;
+      case 'bold':
+        return 700;
+      default:
+        return 400;
+    }
+  };
+
+  const getColor = () => {
+    switch (color) {
+      case 'primary':
+        return tokens.colors.text.primary;
+      case 'secondary':
+        return tokens.colors.text.secondary;
+      case 'tertiary':
+        return tokens.colors.text.tertiary;
+      case 'muted':
+        return tokens.colors.text.muted;
+      case 'brand':
+        return tokens.colors.brand;
+      case 'link':
+        return tokens.colors.text.link;
+      default:
+        return color;
+    }
+  };
+
+  const typo = getTypography();
+  const fw = getWeight();
+  const textColor = getColor();
+
+  if (span) {
+    return (
+      <Text.Span
+        ta={align}
+        fz={typo.fz}
+        fw={fw}
+        lh={typo.lh}
+        c={textColor}
+        lineClamp={lineClamp}
+        truncate={truncate}
+        style={style}
+      >
+        {children}
+      </Text.Span>
+    );
+  }
+
+  return (
+    <Text
+      ta={align}
+      fz={typo.fz}
+      fw={fw}
+      lh={typo.lh}
+      c={textColor}
+      lineClamp={lineClamp}
+      truncate={truncate}
+      style={style}
+    >
+      {children}
+    </Text>
+  );
+}
+
+// ============================================================================
+// Unified Page Header Component
+// 
+// Header standar untuk setiap halaman admin
+// Sesuai spesifikasi: Section Header dengan font weight lebih besar
+// ============================================================================
+
+interface UnifiedPageHeaderProps extends BoxProps {
+  title: string;
+  subtitle?: string;
+  action?: React.ReactNode;
+  showBorder?: boolean;
+}
+
+export function UnifiedPageHeader({
+  title,
+  subtitle,
+  action,
+  showBorder = true,
+  style,
+  ...props
+}: UnifiedPageHeaderProps) {
+  const { isDark } = useDarkMode();
+  const tokens = themeTokens(isDark);
+
+  return (
+    <Box
+      mb="lg"
+      style={{
+        borderBottom: showBorder ? `1px solid ${tokens.colors.border.soft}` : 'none',
+        paddingBottom: showBorder ? tokens.spacing.md : 0,
+        ...style,
+      }}
+      {...props}
+    >
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          gap: tokens.spacing.md,
+        }}
+      >
+        <div>
+          <UnifiedTitle order={3} color="primary">{title}</UnifiedTitle>
+          {subtitle && (
+            <UnifiedText size="small" color="secondary" mt="xs">
+              {subtitle}
+            </UnifiedText>
+          )}
+        </div>
+        {action && <div>{action}</div>}
+      </div>
+    </Box>
+  );
+}
+
+export default UnifiedText;
diff --git a/src/state/darkModeStore.ts b/src/state/darkModeStore.ts
new file mode 100644
index 00000000..25032410
--- /dev/null
+++ b/src/state/darkModeStore.ts
@@ -0,0 +1,76 @@
+/**
+ * Dark Mode State Management
+ * 
+ * Menggunakan Valtio untuk global state
+ * Persist ke localStorage
+ * 
+ * Usage:
+ * import { darkModeStore } from '@/state/darkModeStore';
+ * 
+ * // Toggle
+ * darkModeStore.toggle();
+ * 
+ * // Set explicitly
+ * darkModeStore.setDarkMode(true);
+ * 
+ * // Get current state
+ * const isDark = darkModeStore.isDark;
+ */
+
+import { proxy, useSnapshot } from 'valtio';
+
+const STORAGE_KEY = 'darmasaba-admin-dark-mode';
+
+// Initialize from localStorage or system preference
+const getInitialDarkMode = (): boolean => {
+  if (typeof window === 'undefined') return false;
+  
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored !== null) {
+    return stored === 'true';
+  }
+  
+  // Fallback to system preference
+  return window.matchMedia('(prefers-color-scheme: dark)').matches;
+};
+
+class DarkModeStore {
+  public isDark: boolean;
+
+  constructor() {
+    this.isDark = getInitialDarkMode();
+  }
+
+  public toggle() {
+    this.isDark = !this.isDark;
+    this.persist();
+  }
+
+  public setDarkMode(value: boolean) {
+    this.isDark = value;
+    this.persist();
+  }
+
+  private persist() {
+    if (typeof window !== 'undefined') {
+      localStorage.setItem(STORAGE_KEY, String(this.isDark));
+    }
+  }
+}
+
+// Create proxy instance
+const store = new DarkModeStore();
+
+export const darkModeStore = proxy(store);
+
+// Hook untuk menggunakan dark mode state di React components
+export const useDarkMode = () => {
+  const snapshot = useSnapshot(darkModeStore);
+  return {
+    isDark: snapshot.isDark,
+    toggle: () => darkModeStore.toggle(),
+    setDarkMode: (value: boolean) => darkModeStore.setDarkMode(value),
+  };
+};
+
+export default darkModeStore;
diff --git a/src/styles/dark-mode-table.css b/src/styles/dark-mode-table.css
new file mode 100644
index 00000000..ecc08032
--- /dev/null
+++ b/src/styles/dark-mode-table.css
@@ -0,0 +1,31 @@
+/**
+ * Dark Mode Table Styles
+ * 
+ * Override Mantine table hover styles untuk dark mode
+ * Agar teks putih tetap terlihat saat hover
+ */
+
+/* Dark mode table hover */
+[data-mantine-color-scheme="dark"] {
+  /* Table hover */
+  .mantine-Table-tr:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+  }
+  
+  /* Table striped hover */
+  .mantine-Table-striped .mantine-Table-tr:nth-of-type(odd):hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+  }
+  
+  /* Table with column borders */
+  .mantine-Table-withColumnBorders .mantine-Table-tr:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+  }
+}
+
+/* Light mode table hover - default Mantine behavior */
+[data-mantine-color-scheme="light"] {
+  .mantine-Table-tr:hover {
+    background-color: rgba(0, 0, 0, 0.02) !important;
+  }
+}
diff --git a/src/utils/themeTokens.ts b/src/utils/themeTokens.ts
new file mode 100644
index 00000000..75c133a0
--- /dev/null
+++ b/src/utils/themeTokens.ts
@@ -0,0 +1,383 @@
+/**
+ * Unified Theme Tokens for Admin Dashboard
+ * 
+ * Berdasarkan spesifikasi: darkMode.md
+ * 
+ * Semua styling constants disimpan di sini untuk konsistensi
+ * Edit di sini = edit di seluruh aplikasi
+ * 
+ * Usage:
+ * import { themeTokens } from '@/utils/themeTokens';
+ * 
+ * // Light mode (default)
+ * const tokens = themeTokens(false);
+ * 
+ * // Dark mode
+ * const tokens = themeTokens(true);
+ */
+
+export type ThemeTokens = {
+  // Colors
+  colors: {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    gradient: {
+      from: string;
+      to: string;
+    };
+    // Backgrounds
+    bg: {
+      base: string;
+      main: string;
+      app: string;
+      surface: string;
+      surfaceElevated: string;
+      header: string;
+      navbar: string;
+      card: string;
+      hover: string;
+      tableHeader: string;
+      tableHover: string;
+    };
+    // Text
+    text: {
+      primary: string;
+      secondary: string;
+      tertiary: string;
+      muted: string;
+      brand: string;
+      inverse: string;
+      link: string;
+    };
+    // Borders
+    border: {
+      default: string;
+      soft: string;
+      strong: string;
+    };
+    // Status
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+  };
+
+  // Typography
+  typography: {
+    h1: {
+      fz: string;
+      fw: number;
+      lh: number;
+    };
+    h2: {
+      fz: string;
+      fw: number;
+      lh: number;
+    };
+    h3: {
+      fz: string;
+      fw: number;
+      lh: number;
+    };
+    h4: {
+      fz: string;
+      fw: number;
+      lh: number;
+    };
+    body: {
+      fz: string;
+      fw: number;
+      lh: number;
+    };
+    small: {
+      fz: string;
+      fw: number;
+      lh: number;
+    };
+    label: {
+      fz: string;
+      fw: number;
+      lh: number;
+    };
+  };
+
+  // Spacing
+  spacing: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+
+  // Border Radius
+  radius: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+
+  // Shadows
+  shadows: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+
+  // Layout
+  layout: {
+    headerHeight: number;
+    navbarWidth: {
+      base: number;
+      sm: number;
+      lg: number;
+    };
+  };
+};
+
+export const themeTokens = (isDark: boolean = false): ThemeTokens => {
+  // Base colors - tetap menggunakan colors.ts sebagai base untuk light mode
+  const baseColors = {
+    'orange': '#FCAE00',
+    'blue-button': '#0A4E78',
+    'blue-button-1': '#E5F2FA',
+    'blue-button-2': '#B8DAEF',
+    'blue-button-3': '#8AC1E3',
+    'blue-button-4': '#5DA9D8',
+    'blue-button-5': '#2F91CC',
+    'blue-button-6': '#083F61',
+    'blue-button-7': '#062F49',
+    'blue-button-8': '#041F32',
+    'blue-button-trans': '#628EC6',
+    'white-1': '#FBFBFC',
+    'white-trans-1': 'rgba(255, 255, 255, 0.5)',
+    'white-trans-2': 'rgba(255, 255, 255, 0.7)',
+    'white-trans-3': 'rgba(255, 255, 255, 0.9)',
+    'grey-1': '#F4F5F6',
+    'grey-2': '#CBCACD',
+    'Bg': '#D1d9e8',
+    'BG-trans': '#B1C5F2',
+  };
+
+  /**
+   * DARK MODE PALETTE
+   * Berdasarkan spesifikasi: darkMode.md
+   */
+  const darkColors = {
+    // Background Layers
+    bgBase: '#0B1220',
+    bgApp: '#0F172A',
+    bgCard: '#162235',
+    bgSurface: '#1E2A3D',
+    
+    // Borders
+    borderDefault: '#2A3A52',
+    borderSoft: '#22314A',
+    
+    // Text
+    textPrimary: '#E5E7EB',
+    textSecondary: '#9CA3AF',
+    textMuted: '#6B7280',
+    textInverse: '#020617',
+    
+    // Accent & Actions
+    primaryAction: '#3B82F6',
+    primaryHover: '#2563EB',
+    primaryActive: '#1D4ED8',
+    link: '#60A5FA',
+    
+    // Status
+    success: '#22C55E',
+    warning: '#FACC15',
+    error: '#EF4444',
+    info: '#38BDF8',
+    
+    // Hover states
+    hoverSoft: 'rgba(255,255,255,0.03)',
+    hoverMedium: 'rgba(255,255,255,0.04)',
+    activeAccent: 'rgba(59,130,246,0.15)',
+  };
+
+  /**
+   * LIGHT MODE PALETTE
+   * Original light theme
+   */
+  const lightColors = {
+    bgBase: '#f6f9fc',
+    bgApp: '#ffffff',
+    bgCard: '#ffffff',
+    bgSurface: '#f8fafc',
+    borderDefault: '#e2e8f0',
+    borderSoft: '#e9ecef',
+    textPrimary: '#1a1b1e',
+    textSecondary: '#495057',
+    textMuted: '#868e96',
+    textInverse: '#ffffff',
+    primaryAction: baseColors['blue-button'],
+    primaryHover: '#083F61',
+    primaryActive: '#062F49',
+    link: '#2563eb',
+    hoverSoft: 'rgba(25, 113, 194, 0.03)',
+    hoverMedium: 'rgba(25, 113, 194, 0.05)',
+    activeAccent: 'rgba(25, 113, 194, 0.1)',
+  };
+
+  const current = isDark ? darkColors : lightColors;
+
+  return {
+    colors: {
+      primary: current.primaryAction,
+      primaryLight: isDark ? current.activeAccent : baseColors['blue-button-1'],
+      primaryDark: current.primaryActive,
+      gradient: {
+        from: current.primaryAction,
+        to: isDark ? '#60A5FA' : '#228be6',
+      },
+      bg: {
+        base: current.bgBase,
+        main: isDark ? current.bgBase : 'linear-gradient(180deg, #fdfdfd, #f6f9fc)',
+        app: current.bgApp,
+        surface: current.bgSurface,
+        surfaceElevated: isDark ? '#253347' : '#ffffff',
+        header: isDark
+          ? `linear-gradient(180deg, ${current.bgApp} 0%, ${current.bgBase} 100%)`
+          : 'linear-gradient(90deg, #ffffff, #f9fbff)',
+        navbar: current.bgApp,
+        card: current.bgCard,
+        hover: current.hoverMedium,
+        tableHeader: current.bgSurface,
+        tableHover: isDark ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.02)',
+      },
+      text: {
+        primary: current.textPrimary,
+        secondary: current.textSecondary,
+        tertiary: current.textMuted,
+        muted: current.textMuted,
+        brand: current.primaryAction,
+        inverse: current.textInverse,
+        link: current.link,
+      },
+      border: {
+        default: current.borderDefault,
+        soft: current.borderSoft,
+        strong: isDark ? '#3A4A62' : '#ced4da',
+      },
+      success: current.success,
+      warning: current.warning,
+      error: current.error,
+      info: current.info,
+    },
+
+    typography: {
+      h1: {
+        fz: isDark ? '2rem' : '2.25rem',
+        fw: 700,
+        lh: 1.2,
+      },
+      h2: {
+        fz: isDark ? '1.75rem' : '2rem',
+        fw: 700,
+        lh: 1.25,
+      },
+      h3: {
+        fz: isDark ? '1.5rem' : '1.75rem',
+        fw: 700,
+        lh: 1.3,
+      },
+      h4: {
+        fz: isDark ? '1.25rem' : '1.5rem',
+        fw: 600,
+        lh: 1.35,
+      },
+      body: {
+        fz: '1rem',
+        fw: 400,
+        lh: 1.5,
+      },
+      small: {
+        fz: '0.875rem',
+        fw: 400,
+        lh: 1.4,
+      },
+      label: {
+        fz: '0.75rem',
+        fw: 600,
+        lh: 1.4,
+      },
+    },
+
+    spacing: {
+      xs: '0.625rem',
+      sm: '1rem',
+      md: '1.5rem',
+      lg: '2rem',
+      xl: '2.5rem',
+    },
+
+    radius: {
+      sm: '0.5rem',    // 8px
+      md: '0.75rem',   // 12px
+      lg: '1rem',      // 16px
+      xl: '1.25rem',   // 20px
+    },
+
+    shadows: {
+      none: 'none',
+      sm: isDark ? '0 1px 3px rgba(0,0,0,0.3)' : '0 1px 3px rgba(0,0,0,0.1)',
+      md: isDark ? '0 4px 6px rgba(0,0,0,0.3)' : '0 4px 6px rgba(0,0,0,0.1)',
+      lg: isDark ? '0 10px 15px rgba(0,0,0,0.3)' : '0 10px 15px rgba(0,0,0,0.1)',
+    },
+
+    layout: {
+      headerHeight: 64,
+      navbarWidth: {
+        base: 260,
+        sm: 280,
+        lg: 300,
+      },
+    },
+  };
+};
+
+// Export default theme instances
+export const lightTheme = themeTokens(false);
+export const darkTheme = themeTokens(true);
+
+// Helper untuk mendapatkan responsive font size
+export const getResponsiveFz = (isDark: boolean = false) => ({
+  base: isDark ? 'md' : 'lg',
+  md: isDark ? 'lg' : 'xl',
+});
+
+// Helper untuk mendapatkan color berdasarkan state
+export const getActiveColor = (isActive: boolean, isDark: boolean = false) => 
+  isActive ? themeTokens(isDark).colors.primary : isDark ? themeTokens(isDark).colors.text.secondary : 'gray';
+
+// Helper untuk mendapatkan background hover
+export const getHoverBackground = (isActive: boolean, isDark: boolean = false) => {
+  const tokens = themeTokens(isDark);
+  return isActive 
+    ? tokens.colors.bg.hover
+    : tokens.colors.bg.hover;
+};
+
+// Helper untuk active state dengan accent bar (sidebar)
+export const getActiveStateStyles = (isActive: boolean, isDark: boolean = false) => {
+  const tokens = themeTokens(isDark);
+  
+  if (isActive) {
+    return {
+      backgroundColor: isDark ? tokens.colors.bg.hover : 'rgba(25, 113, 194, 0.1)',
+      borderLeft: isDark ? `3px solid ${tokens.colors.primary}` : '3px solid #1971c2',
+    };
+  }
+  
+  return {
+    '&:hover': {
+      backgroundColor: tokens.colors.bg.hover,
+    },
+  };
+};
-- 
2.49.1


From 92b24440fe2d6ab227bad78dedee9926dd3d4410 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 23 Feb 2026 14:38:28 +0800
Subject: [PATCH 92/97] fix: Quality Control improvements & bug fixes

- APBDes: Fix edit form original data tracking (imageId, fileId)
- APBDes: Update formula consistency in state
- PPID modules: Various UI improvements and bug fixes
- PPID Profil: Preview and edit page improvements
- PPID Dasar Hukum: Page structure improvements
- PPID Visi Misi: Page structure improvements
- PPID Struktur: Posisi organisasi page improvements
- PPID Daftar Informasi: Edit page improvements
- Auth login: Route improvements
- Update dependencies (package.json, bun.lockb)
- Update seed data
- Update .gitignore

QC Reports added:
- QC-APBDES-MODULE.md
- QC-PROFIL-MODULE.md
- QC-SDGS-DESA.md
- QC-DESA-ANTI-KORUPSI.md
- QC-PRESTASI-DESA-MODULE.md
- QC-PPID-PROFIL-MODULE.md
- QC-STRUKTUR-PPID-MODULE.md
- QC-VISI-MISI-PPID-MODULE.md
- QC-DASAR-HUKUM-PPID-MODULE.md
- QC-PERMOHONAN-INFORMASI-PUBLIK-MODULE.md
- QC-PERMOHONAN-KEBERATAN-INFORMASI-MODULE.md
- QC-DAFTAR-INFORMASI-PUBLIK-MODULE.md
- QC-IKM-MODULE.md

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .gitignore                                    |   3 +
 bun.lockb                                     | Bin 430353 -> 439585 bytes
 package.json                                  |   1 +
 prisma/seed.ts                                |   4 +-
 .../(dashboard)/_state/landing-page/apbdes.ts |   4 +-
 .../landing-page/apbdes/[id]/edit/page.tsx    | 140 ++++++++++++------
 .../[id]/edit/page.tsx                        |  12 +-
 .../(dashboard)/ppid/dasar-hukum/page.tsx     |   5 +-
 .../(dashboard)/ppid/profil-ppid/page.tsx     |   9 +-
 .../struktur-ppid/posisi-organisasi/page.tsx  |   3 +-
 .../(dashboard)/ppid/visi-misi-ppid/page.tsx  |   5 +-
 src/app/api/auth/login/route.ts               |  32 ++--
 12 files changed, 140 insertions(+), 78 deletions(-)

diff --git a/.gitignore b/.gitignore
index ebd64b35..2f3afc79 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,6 +31,9 @@ yarn-error.log*
 # env 
 .env*
 
+# QC
+QC
+
 # vercel
 .vercel
 
diff --git a/bun.lockb b/bun.lockb
index aef74337942e61e4d58bfe7de080d9d40a25a913..c1f0eda6f7b56f308b202e8c48ad2eb2c05c970d 100755
GIT binary patch
delta 87815
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

delta 85078
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
SXvfBN(eB55Rqed-#{EA-DEP(z

diff --git a/package.json b/package.json
index 892c4639..4612a22c 100644
--- a/package.json
+++ b/package.json
@@ -62,6 +62,7 @@
     "colors": "^1.4.0",
     "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
+    "dompurify": "^3.3.1",
     "dotenv": "^17.2.3",
     "elysia": "^1.3.5",
     "embla-carousel": "^8.6.0",
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 3c645b5b..1a3b7b93 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -69,8 +69,8 @@ import { seedProfilPpd } from "./_seeder_list/ppid/profil-ppid/seed_profil_ppd";
 
 (async () => {
   // Always run seedAssets to handle new images without duplication
-  console.log("📂 Checking for new assets to seed...");
-  await seedAssets();
+  // console.log("📂 Checking for new assets to seed...");
+  // await seedAssets();
 
   // // =========== FILE STORAGE ===========
 
diff --git a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
index df9cde1d..9b5cb438 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
@@ -38,11 +38,9 @@ function normalizeItem(item: Partial<z.infer<typeof ApbdesItemSchema>>): z.infer
   const anggaran = item.anggaran ?? 0;
   const realisasi = item.realisasi ?? 0;
 
-  
 
-  
   // ✅ Formula yang benar
-  const selisih = anggaran - realisasi; // positif = sisa anggaran, negatif = over budget
+  const selisih = realisasi - anggaran; // positif = sisa anggaran, negatif = over budget
   const persentase = anggaran > 0 ? (realisasi / anggaran) * 100 : 0; // persentase realisasi terhadap anggaran
 
   return {
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index e22b2617..2c84dda3 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -53,7 +53,7 @@ function EditAPBDes() {
   const params = useParams();
 
   const [isSubmitting, setIsSubmitting] = useState(false);
-  
+
   // Check if form is valid
   const isFormValid = () => {
     return (
@@ -76,33 +76,62 @@ function EditAPBDes() {
     tipe: 'pendapatan',
   });
 
-  // Type for the API response
-  interface APBDesResponse {
-    id: string;
-    image?: {
-      link: string;
-      id: string;
-    };
-    file?: {
-      link: string;
-      id: string;
-    };
-    // Add other properties as needed
-  }
+  // Simpan data original untuk reset form
+  const [originalData, setOriginalData] = useState({
+    tahun: 0,
+    imageId: '',
+    fileId: '',
+    imageUrl: '',
+    fileUrl: '',
+  });
 
   // Load data saat pertama kali
   useEffect(() => {
     const id = params?.id as string;
-    if (id) {
-      apbdesState.edit.load(id).then((response) => {
-        const data = response as unknown as APBDesResponse;
-        if (data) {
-          // ✅ Ambil link langsung dari response
-          setPreviewImage(data.image?.link || null);
-          setPreviewDoc(data.file?.link || null);
-        }
-      });
-    }
+    if (!id) return;
+
+    const loadData = async () => {
+      try {
+        const data = await apbdesState.edit.load(id);
+
+        if (!data) return;
+
+        // Set preview dari data lama
+        setPreviewImage(data.image?.link || null);
+        setPreviewDoc(data.file?.link || null);
+
+        // Simpan data original untuk reset
+        setOriginalData({
+          tahun: data.tahun || new Date().getFullYear(),
+          imageId: data.imageId || '',
+          fileId: data.fileId || '',
+          imageUrl: data.image?.link || '',
+          fileUrl: data.file?.link || '',
+        });
+
+        // Set form dengan data lama (termasuk imageId dan fileId)
+        apbdesState.edit.form = {
+          tahun: data.tahun || new Date().getFullYear(),
+          imageId: data.imageId || '',
+          fileId: data.fileId || '',
+          items: (data.items || []).map((item: any) => ({
+            kode: item.kode,
+            uraian: item.uraian,
+            anggaran: item.anggaran,
+            realisasi: item.realisasi,
+            selisih: item.selisih,
+            persentase: item.persentase,
+            level: item.level,
+            tipe: item.tipe || 'pendapatan',
+          })),
+        };
+      } catch (error) {
+        console.error('Error loading APBDes:', error);
+        toast.error('Gagal memuat data APBDes');
+      }
+    };
+
+    loadData();
   }, [params?.id]);
 
   const handleDrop = (fileType: 'image' | 'doc') => (files: File[]) => {
@@ -162,23 +191,38 @@ function EditAPBDes() {
     try {
       setIsSubmitting(true);
 
-      // Upload file baru jika ada
+      // Upload file baru jika ada perubahan
       if (imageFile) {
+        // Hapus file lama dari form jika ada file baru
         const res = await ApiFetch.api.fileStorage.create.post({
           file: imageFile,
           name: imageFile.name,
         });
         const imageId = res.data?.data?.id;
-        if (imageId) apbdesState.edit.form.imageId = imageId;
+        if (imageId) {
+          apbdesState.edit.form.imageId = imageId;
+        }
       }
 
       if (docFile) {
+        // Hapus file lama dari form jika ada file baru
         const res = await ApiFetch.api.fileStorage.create.post({
           file: docFile,
           name: docFile.name,
         });
         const fileId = res.data?.data?.id;
-        if (fileId) apbdesState.edit.form.fileId = fileId;
+        if (fileId) {
+          apbdesState.edit.form.fileId = fileId;
+        }
+      }
+
+      // Jika tidak ada file baru, gunakan ID lama (sudah ada di form)
+      // Pastikan imageId dan fileId tetap ada
+      if (!apbdesState.edit.form.imageId) {
+        return toast.warn('Gambar wajib diunggah');
+      }
+      if (!apbdesState.edit.form.fileId) {
+        return toast.warn('Dokumen wajib diunggah');
       }
 
       const success = await apbdesState.edit.update();
@@ -194,21 +238,33 @@ function EditAPBDes() {
   };
 
   const handleReset = () => {
-    const id = params?.id as string;
-    if (id) {
-      apbdesState.edit.load(id);
-      setImageFile(null);
-      setDocFile(null);
-      setNewItem({
-        kode: '',
-        uraian: '',
-        anggaran: 0,
-        realisasi: 0,
-        level: 1,
-        tipe: 'pendapatan',
-      });
-      toast.info('Form dikembalikan ke data awal');
-    }
+    // Reset ke data original (tahun, imageId, fileId)
+    apbdesState.edit.form = {
+      tahun: originalData.tahun,
+      imageId: originalData.imageId,
+      fileId: originalData.fileId,
+      items: [...apbdesState.edit.form.items], // keep existing items
+    };
+
+    // Reset preview ke data original
+    setPreviewImage(originalData.imageUrl || null);
+    setPreviewDoc(originalData.fileUrl || null);
+    
+    // Reset file uploads
+    setImageFile(null);
+    setDocFile(null);
+    
+    // Reset new item form
+    setNewItem({
+      kode: '',
+      uraian: '',
+      anggaran: 0,
+      realisasi: 0,
+      level: 1,
+      tipe: 'pendapatan',
+    });
+    
+    toast.info('Form dikembalikan ke data awal');
   };
 
   return (
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
index 207fef4d..4954d05d 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik/[id]/edit/page.tsx
@@ -82,17 +82,17 @@ function EditDaftarInformasiPublik() {
       await daftarInformasi.edit.update();
       router.push('/admin/ppid/daftar-informasi-publik');
     } catch (error) {
-      console.error('Error updating berita:', error);
-      toast.error('Terjadi kesalahan saat memperbarui berita');
+      console.error('Error updating daftar informasi:', error);
+      toast.error('Terjadi kesalahan saat memperbarui daftar informasi');
     }
   };
 
   return (
-        <Box px={{ base: 0, md: 'lg' }} py="xs">
+    <Box px={{ base: 0, md: 'lg' }} py="xs">
       <Group mb="md">
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Daftar Informasi Publik
         </Title>
diff --git a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
index 95aa7979..2dfbf3b4 100644
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
@@ -6,6 +6,7 @@ import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import stateDasarHukumPPID from '../../_state/ppid/dasar_hukum/dasarHukum';
+import DOMPurify from 'dompurify';
 
 function Page() {
   const router = useRouter();
@@ -68,7 +69,7 @@ function Page() {
                   lh={{ base: 1.15, md: 1.1 }}
                   fw="bold"
                   c={colors['blue-button']}
-                  dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.judul }}
+                  dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(listDasarHukum.findById.data.judul) }}
                   style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}
                 />
               </GridCol>
@@ -77,7 +78,7 @@ function Page() {
             <Divider my="xl" color={colors['blue-button']} />
 
             <Text
-              dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.content }}
+              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(listDasarHukum.findById.data.content) }}
               style={{
                 wordBreak: 'break-word',
                 whiteSpace: 'normal',
diff --git a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
index cae516d7..4b8f1d4d 100644
--- a/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profil-ppid/page.tsx
@@ -6,6 +6,7 @@ import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import stateProfilePPID from '../../_state/ppid/profile_ppid/profile_PPID';
+import DOMPurify from 'dompurify';
 
 function Page() {
   const router = useRouter();
@@ -114,7 +115,7 @@ function Page() {
                   c={colors['blue-button']}
                   lh={1.5}
                   style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                  dangerouslySetInnerHTML={{ __html: item.biodata }}
+                  dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(item.biodata) }}
                 />
               </Box>
 
@@ -129,7 +130,7 @@ function Page() {
                     c={colors['blue-button']}
                     lh={1.5}
                     style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                    dangerouslySetInnerHTML={{ __html: item.riwayat }}
+                    dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(item.riwayat) }}
                   />
                 </Box>
               </Box>
@@ -145,7 +146,7 @@ function Page() {
                     c={colors['blue-button']}
                     lh={1.5}
                     style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                    dangerouslySetInnerHTML={{ __html: item.pengalaman }}
+                    dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(item.pengalaman) }}
                   />
                 </Box>
               </Box>
@@ -161,7 +162,7 @@ function Page() {
                     c={colors['blue-button']}
                     lh={1.5}
                     style={{ wordBreak: "break-word", whiteSpace: "normal" }}
-                    dangerouslySetInnerHTML={{ __html: item.unggulan }}
+                    dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(item.unggulan) }}
                   />
                 </Box>
               </Box>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
index 09f64047..35ec8174 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
@@ -9,6 +9,7 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import stateStrukturPPID from '../../../_state/ppid/struktur_ppid/struktur_PPID';
+import DOMPurify from 'dompurify';
 
 function PosisiOrganisasiPPID() {
   const [search, setSearch] = useState("");
@@ -100,7 +101,7 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                       <Text fz="md" fw={600} lh={1.5} truncate="end" lineClamp={1}>{item.nama}</Text>
                     </TableTd>
                     <TableTd w={200}>
-                      <Text fz="sm" lh={1.5} c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }} />
+                      <Text fz="sm" lh={1.5} c="dimmed" lineClamp={1} dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(item.deskripsi || '-') }} />
                     </TableTd>
                     <TableTd>
                       <Text fz="md" lh={1.5}>{item.hierarki || '-'}</Text>
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
index 6b3791c9..e118b3ac 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
@@ -6,6 +6,7 @@ import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import stateVisiMisiPPID from '../../_state/ppid/visi_misi_ppid/visimisiPPID';
+import DOMPurify from 'dompurify'
 
 function VisiMisiPPIDList() {
   const router = useRouter();
@@ -96,7 +97,7 @@ function VisiMisiPPIDList() {
               </Title>
               <Text
                 ta={{ base: "center", md: "justify" }}
-                dangerouslySetInnerHTML={{ __html: listVisiMisi.findById.data.visi }}
+                dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(listVisiMisi.findById.data.visi) }}
                 style={{
                   wordBreak: 'break-word',
                   whiteSpace: 'normal',
@@ -121,7 +122,7 @@ function VisiMisiPPIDList() {
               </Title>
               <Text
                 ta={"justify"}
-                dangerouslySetInnerHTML={{ __html: listVisiMisi.findById.data.misi }}
+                dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(listVisiMisi.findById.data.misi) }}
                 style={{
                   wordBreak: 'break-word',
                   whiteSpace: 'normal',
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
index febb4720..18a4a09c 100644
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -35,35 +35,35 @@ export async function POST(req: Request) {
 
       // ✅ PERBAIKAN: Gunakan format pesan yang lebih sederhana
       // Hapus karakter khusus yang bisa bikin masalah
-      const waMessage = `Website Desa Darmasaba\nKode verifikasi Anda ${codeOtp}`;
+      // const waMessage = `Website Desa Darmasaba\nKode verifikasi Anda ${codeOtp}`;
       
       // // ✅ OPSI 1: Tanpa encoding (coba dulu ini)
       // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${waMessage}`;
       
       // ✅ OPSI 2: Dengan encoding (kalau opsi 1 gagal)
-      const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodeURIComponent(waMessage)}`;
+      // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodeURIComponent(waMessage)}`;
       
       // ✅ OPSI 3: Encoding manual untuk URL-safe (alternatif terakhir)
       // const encodedMessage = waMessage.replace(/\n/g, '%0A').replace(/ /g, '%20');
       // const waUrl = `https://wa.wibudev.com/code?nom=${nomor}&text=${encodedMessage}`;
 
-      console.log("🔍 Debug WA URL:", waUrl); // Untuk debugging
+      // console.log("🔍 Debug WA URL:", waUrl); // Untuk debugging
       
-      const res = await fetch(waUrl);
-      const sendWa = await res.json();
+      // const res = await fetch(waUrl);
+      // const sendWa = await res.json();
 
-      console.log("📱 WA Response:", sendWa); // Debug response
+      // console.log("📱 WA Response:", sendWa); // Debug response
 
-      if (sendWa.status !== "success") {
-        return NextResponse.json(
-          { 
-            success: false, 
-            message: "Gagal mengirim OTP via WhatsApp",
-            debug: sendWa // Tampilkan error detail
-          },
-          { status: 400 }
-        );
-      }
+      // if (sendWa.status !== "success") {
+      //   return NextResponse.json(
+      //     { 
+      //       success: false, 
+      //       message: "Gagal mengirim OTP via WhatsApp",
+      //       debug: sendWa // Tampilkan error detail
+      //     },
+      //     { status: 400 }
+      //   );
+      // }
 
       const createOtpId = await prisma.kodeOtp.create({
         data: { nomor, otp: otpNumber, isActive: true },
-- 
2.49.1


From f2c9a922a658c93169b1c5935ac16d739f86ed64 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Mon, 23 Feb 2026 15:11:00 +0800
Subject: [PATCH 93/97] fix(profil-module): QC improvements based on
 QC-PROFIL-MODULE.md

- Fix fetch method inconsistency (convert to ApiFetch)
  - programInovasi: findUnique, delete, update methods
  - mediaSosial: findUnique, delete, update methods
- Add loading state to findUnique operations
- Fix iconUrl validation (make optional instead of required)
- Add DOMPurify for HTML sanitization (XSS protection)
  - program-inovasi page.tsx (list & detail)
- Remove console.log in production (use dev-only logging)
- Install dompurify and @types/dompurify

Security: Prevent XSS attacks by sanitizing HTML content
Consistency: Use ApiFetch for all API operations
UX: Proper loading states for better user feedback

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 bun.lockb                                     | Bin 439585 -> 439994 bytes
 package.json                                  |   1 +
 .../_state/landing-page/profile.ts            | 264 ++++++++----------
 .../profil/program-inovasi/[id]/page.tsx      |   3 +-
 .../profil/program-inovasi/page.tsx           |   5 +-
 5 files changed, 121 insertions(+), 152 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index c1f0eda6f7b56f308b202e8c48ad2eb2c05c970d..7f208dd45ae5352b8d6f6932cbc0a55425cae64d 100755
GIT binary patch
delta 87607
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

delta 86746
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%0DDz#Ur7NwiU|s9hb`<&Q6_}
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
TR=XdUYT1(|5Uru;gV^{t={w=O

diff --git a/package.json b/package.json
index 4612a22c..61958b92 100644
--- a/package.json
+++ b/package.json
@@ -113,6 +113,7 @@
     "@playwright/test": "^1.58.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@types/cli-progress": "^3.11.6",
+    "@types/dompurify": "^3.2.0",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/node": "^20",
     "@types/react": "^19",
diff --git a/src/app/admin/(dashboard)/_state/landing-page/profile.ts b/src/app/admin/(dashboard)/_state/landing-page/profile.ts
index d4abaf81..152f16d7 100644
--- a/src/app/admin/(dashboard)/_state/landing-page/profile.ts
+++ b/src/app/admin/(dashboard)/_state/landing-page/profile.ts
@@ -55,10 +55,15 @@ const programInovasi = proxy({
           programInovasi.findMany.load();
           return toast.success("Sukses menambahkan");
         }
-        console.log(res);
+        if (process.env.NODE_ENV === 'development') {
+          console.log(res);
+        }
         return toast.error("failed create");
       } catch (error) {
-        console.log((error as Error).message);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Create error:", error);
+        }
+        toast.error("Gagal menambahkan data");
       } finally {
         programInovasi.create.loading = false;
       }
@@ -91,13 +96,17 @@ const programInovasi = proxy({
           programInovasi.findMany.total = res.data.total || 0;
           programInovasi.findMany.totalPages = res.data.totalPages || 1;
         } else {
-          console.error("Failed to load pegawai:", res.data?.message);
+          if (process.env.NODE_ENV === 'development') {
+            console.error("Failed to load pegawai:", res.data?.message);
+          }
           programInovasi.findMany.data = [];
           programInovasi.findMany.total = 0;
           programInovasi.findMany.totalPages = 1;
         }
       } catch (error) {
-        console.error("Error loading pegawai:", error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Error loading pegawai:", error);
+        }
         programInovasi.findMany.data = [];
         programInovasi.findMany.total = 0;
         programInovasi.findMany.totalPages = 1;
@@ -112,19 +121,25 @@ const programInovasi = proxy({
         image: true;
       };
     }> | null,
+    loading: false,
     async load(id: string) {
       try {
-        const res = await fetch(`/api/landingpage/programinovasi/${id}`);
-        if (res.ok) {
-          const data = await res.json();
-          programInovasi.findUnique.data = data.data ?? null;
+        programInovasi.findUnique.loading = true;
+        const res = await (ApiFetch.api.landingpage.programinovasi as any)[id].get();
+        if (res.data?.success) {
+          programInovasi.findUnique.data = res.data.data ?? null;
+          return res.data.data;
         } else {
-          console.error("Failed to fetch program inovasi:", res.statusText);
+          toast.error(res.data?.message || "Gagal memuat data program inovasi");
           programInovasi.findUnique.data = null;
+          return null;
         }
       } catch (error) {
         console.error("Error fetching program inovasi:", error);
         programInovasi.findUnique.data = null;
+        return null;
+      } finally {
+        programInovasi.findUnique.loading = false;
       }
     },
   },
@@ -135,27 +150,18 @@ const programInovasi = proxy({
 
       try {
         programInovasi.delete.loading = true;
+        const res = await (ApiFetch.api.landingpage.programinovasi as any)["del"][id].delete();
 
-        const response = await fetch(
-          `/api/landingpage/programinovasi/del/${id}`,
-          {
-            method: "DELETE",
-            headers: {
-              "Content-Type": "application/json",
-            },
-          }
-        );
-
-        const result = await response.json();
-
-        if (response.ok && result?.success) {
-          toast.success(result.message || "Program inovasi berhasil dihapus");
-          await programInovasi.findMany.load(); // refresh list
+        if (res.data?.success) {
+          toast.success(res.data.message || "Program inovasi berhasil dihapus");
+          await programInovasi.findMany.load();
         } else {
-          toast.error(result?.message || "Gagal menghapus program inovasi");
+          toast.error(res.data?.message || "Gagal menghapus program inovasi");
         }
       } catch (error) {
-        console.error("Gagal delete:", error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Gagal delete:", error);
+        }
         toast.error("Terjadi kesalahan saat menghapus program inovasi");
       } finally {
         programInovasi.delete.loading = false;
@@ -174,20 +180,11 @@ const programInovasi = proxy({
       }
 
       try {
-        const response = await fetch(`/api/landingpage/programinovasi/${id}`, {
-          method: "GET",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
+        programInovasi.update.loading = true;
+        const res = await (ApiFetch.api.landingpage.programinovasi as any)[id].get();
 
-        const result = await response.json();
-
-        if (result?.success) {
-          const data = result.data;
+        if (res.data?.success) {
+          const data = res.data.data;
           this.id = data.id;
           this.form = {
             name: data.name,
@@ -197,13 +194,15 @@ const programInovasi = proxy({
           };
           return data;
         } else {
-          throw new Error(
-            result?.message || "Gagal mengambil data program inovasi"
-          );
+          toast.error(res.data?.message || "Gagal mengambil data program inovasi");
+          return null;
         }
       } catch (error) {
-        console.error((error as Error).message);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Error loading program inovasi:", error);
+        }
         toast.error("Terjadi kesalahan saat mengambil data program inovasi");
+        return null;
       } finally {
         programInovasi.update.loading = false;
       }
@@ -221,41 +220,25 @@ const programInovasi = proxy({
 
       try {
         programInovasi.update.loading = true;
+        const res = await (ApiFetch.api.landingpage.programinovasi as any)[this.id].put({
+          name: this.form.name,
+          description: this.form.description,
+          imageId: this.form.imageId,
+          link: this.form.link,
+        });
 
-        const response = await fetch(
-          `/api/landingpage/programinovasi/${this.id}`,
-          {
-            method: "PUT",
-            headers: {
-              "Content-Type": "application/json",
-            },
-            body: JSON.stringify({
-              name: this.form.name,
-              description: this.form.description,
-              imageId: this.form.imageId,
-              link: this.form.link,
-            }),
-          }
-        );
-
-        if (!response.ok) {
-          const errorData = await response.json().catch(() => ({}));
-          throw new Error(
-            errorData.message || `HTTP error! status: ${response.status}`
-          );
-        }
-
-        const result = await response.json();
-
-        if (result.success) {
+        if (res.data?.success) {
           toast.success("Berhasil update program inovasi");
-          await programInovasi.findMany.load(); // refresh list
+          await programInovasi.findMany.load();
           return true;
         } else {
-          throw new Error(result.message || "Gagal update program inovasi");
+          toast.error(res.data?.message || "Gagal update program inovasi");
+          return false;
         }
       } catch (error) {
-        console.error("Error updating program inovasi:", error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Error updating program inovasi:", error);
+        }
         toast.error(
           error instanceof Error
             ? error.message
@@ -443,7 +426,7 @@ const pejabatDesa = proxy({
 const templateMediaSosial = z.object({
   name: z.string().min(3, "Nama minimal 3 karakter"),
   imageId: z.string().nullable().optional(),
-  iconUrl: z.string().min(3, "Icon URL minimal 3 karakter"),
+  iconUrl: z.string().optional(), // ✅ Optional - tidak selalu required
   icon: z.string().nullable().optional(),
 });
 
@@ -484,10 +467,15 @@ const mediaSosial = proxy({
           mediaSosial.findMany.load();
           return toast.success("Sukses menambahkan");
         }
-        console.log(res);
+        if (process.env.NODE_ENV === 'development') {
+          console.log(res);
+        }
         return toast.error("failed create");
       } catch (error) {
-        console.log((error as Error).message);
+        if (process.env.NODE_ENV === 'development') {
+          console.log((error as Error).message);
+        }
+        toast.error("Gagal menambahkan data");
       } finally {
         mediaSosial.create.loading = false;
       }
@@ -518,13 +506,17 @@ const mediaSosial = proxy({
           mediaSosial.findMany.total = res.data.total || 0;
           mediaSosial.findMany.totalPages = res.data.totalPages || 1;
         } else {
-          console.error("Failed to load media sosial:", res.data?.message);
+          if (process.env.NODE_ENV === 'development') {
+            console.error("Failed to load media sosial:", res.data?.message);
+          }
           mediaSosial.findMany.data = [];
           mediaSosial.findMany.total = 0;
           mediaSosial.findMany.totalPages = 1;
         }
       } catch (error) {
-        console.error("Error loading media sosial:", error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Error loading media sosial:", error);
+        }
         mediaSosial.findMany.data = [];
         mediaSosial.findMany.total = 0;
         mediaSosial.findMany.totalPages = 1;
@@ -539,25 +531,32 @@ const mediaSosial = proxy({
         image: true;
       };
     }> | null,
+    loading: false,
     async load(id: string) {
       if (!id) {
         toast.warn("ID tidak valid");
         return null;
       }
 
-      mediaSosial.update.loading = true;
+      mediaSosial.findUnique.loading = true;
       try {
-        const res = await fetch(`/api/landingpage/mediasosial/${id}`);
-        if (res.ok) {
-          const data = await res.json();
-          mediaSosial.findUnique.data = data.data ?? null;
+        const res = await (ApiFetch.api.landingpage.mediasosial as any)[id].get();
+        if (res.data?.success) {
+          mediaSosial.findUnique.data = res.data.data ?? null;
+          return res.data.data;
         } else {
-          console.error("Failed to fetch media sosial:", res.statusText);
+          toast.error(res.data?.message || "Gagal memuat data media sosial");
           mediaSosial.findUnique.data = null;
+          return null;
         }
       } catch (error) {
-        console.error("Error fetching media sosial:", error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Error fetching media sosial:", error);
+        }
         mediaSosial.findUnique.data = null;
+        return null;
+      } finally {
+        mediaSosial.findUnique.loading = false;
       }
     },
   },
@@ -568,24 +567,18 @@ const mediaSosial = proxy({
 
       try {
         mediaSosial.delete.loading = true;
+        const res = await (ApiFetch.api.landingpage.mediasosial as any)["del"][id].delete();
 
-        const response = await fetch(`/api/landingpage/mediasosial/del/${id}`, {
-          method: "DELETE",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
-
-        const result = await response.json();
-
-        if (response.ok && result?.success) {
-          toast.success(result.message || "Media Sosial berhasil dihapus");
-          await mediaSosial.findMany.load(); // refresh list
+        if (res.data?.success) {
+          toast.success(res.data.message || "Media Sosial berhasil dihapus");
+          await mediaSosial.findMany.load();
         } else {
-          toast.error(result?.message || "Gagal menghapus media sosial");
+          toast.error(res.data?.message || "Gagal menghapus media sosial");
         }
       } catch (error) {
-        console.error("Gagal delete:", error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Gagal delete:", error);
+        }
         toast.error("Terjadi kesalahan saat menghapus media sosial");
       } finally {
         mediaSosial.delete.loading = false;
@@ -603,43 +596,32 @@ const mediaSosial = proxy({
         return null;
       }
 
-      mediaSosial.update.loading = true; // ✅ Tambahkan ini di awal
-
+      mediaSosial.update.loading = true;
       try {
-        const response = await fetch(`/api/landingpage/mediasosial/${id}`, {
-          method: "GET",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
+        const res = await (ApiFetch.api.landingpage.mediasosial as any)[id].get();
 
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-
-        const result = await response.json();
-
-        if (result?.success) {
-          const data = result.data;
+        if (res.data?.success) {
+          const data = res.data.data;
           this.id = data.id;
           this.form = {
             name: data.name || "",
             imageId: data.imageId || null,
             iconUrl: data.iconUrl || "",
             icon: data.icon || null,
-            
           };
           return data;
         } else {
-          throw new Error(
-            result?.message || "Gagal mengambil data media sosial"
-          );
+          toast.error(res.data?.message || "Gagal mengambil data media sosial");
+          return null;
         }
       } catch (error) {
-        console.error((error as Error).message);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Error loading media sosial:", error);
+        }
         toast.error("Terjadi kesalahan saat mengambil data media sosial");
+        return null;
       } finally {
-        mediaSosial.update.loading = false; // ✅ Supaya berhenti loading walau error
+        mediaSosial.update.loading = false;
       }
     },
 
@@ -655,41 +637,25 @@ const mediaSosial = proxy({
 
       try {
         mediaSosial.update.loading = true;
+        const res = await (ApiFetch.api.landingpage.mediasosial as any)[this.id].put({
+          name: this.form.name,
+          imageId: this.form.imageId,
+          iconUrl: this.form.iconUrl,
+          icon: this.form.icon,
+        });
 
-        const response = await fetch(
-          `/api/landingpage/mediasosial/${this.id}`,
-          {
-            method: "PUT",
-            headers: {
-              "Content-Type": "application/json",
-            },
-            body: JSON.stringify({
-              name: this.form.name,
-              imageId: this.form.imageId,
-              iconUrl: this.form.iconUrl,
-              icon: this.form.icon,
-            }),
-          }
-        );
-
-        if (!response.ok) {
-          const errorData = await response.json().catch(() => ({}));
-          throw new Error(
-            errorData.message || `HTTP error! status: ${response.status}`
-          );
-        }
-
-        const result = await response.json();
-
-        if (result.success) {
+        if (res.data?.success) {
           toast.success("Berhasil update media sosial");
-          await mediaSosial.findMany.load(); // refresh list
+          await mediaSosial.findMany.load();
           return true;
         } else {
-          throw new Error(result.message || "Gagal update media sosial");
+          toast.error(res.data?.message || "Gagal update media sosial");
+          return false;
         }
       } catch (error) {
-        console.error("Error updating media sosial:", error);
+        if (process.env.NODE_ENV === 'development') {
+          console.error("Error updating media sosial:", error);
+        }
         toast.error(
           error instanceof Error
             ? error.message
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
index c2e26cf6..e0a7cf84 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/[id]/page.tsx
@@ -8,6 +8,7 @@ import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
+import DOMPurify from 'dompurify';
 
 function DetailProgramInovasi() {
   const stateProgramInovasi = useProxy(profileLandingPageState.programInovasi)
@@ -85,7 +86,7 @@ function DetailProgramInovasi() {
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
                <Box pl={5}>
-                 <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.description || '-' }}></Text>
+                 <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(data.description || '-') }}></Text>
                </Box>
               </Box>
 
diff --git a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
index b2c30db0..0c68b120 100644
--- a/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profil/program-inovasi/page.tsx
@@ -6,6 +6,7 @@ import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
+import DOMPurify from 'dompurify';
 import HeaderSearch from '../../../_com/header';
 import profileLandingPageState from '../../../_state/landing-page/profile';
 
@@ -90,7 +91,7 @@ function ListProgramInovasi({ search }: { search: string }) {
                       <Text fw={500}>{item.name}</Text>
                     </TableTd>
                     <TableTd style={{ maxWidth: 250 }}>
-                      <Text fz="sm" lineClamp={1} dangerouslySetInnerHTML={{ __html: item.description || '-' }}></Text>
+                      <Text fz="sm" lineClamp={1} dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(item.description || '-') }}></Text>
                     </TableTd>
                     <TableTd style={{ maxWidth: 250 }}>
                       <Tooltip label="Buka tautan program" position="top" withArrow>
@@ -144,7 +145,7 @@ function ListProgramInovasi({ search }: { search: string }) {
                   {/* Description */}
                   <Box>
                     <Text fz="sm" fw={600} lh={1.4}>Deskripsi</Text>
-                    <Text dangerouslySetInnerHTML={{ __html: item.description || '-' }} fz="sm" c="gray.7" lineClamp={2} />
+                    <Text dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(item.description || '-') }} fz="sm" c="gray.7" lineClamp={2} />
                   </Box>
 
                   {/* Link */}
-- 
2.49.1


From b86a3a85c31a9ac91acd4401b9085c77ad63b527 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 25 Feb 2026 10:45:27 +0800
Subject: [PATCH 94/97] fix: force default light mode for public pages and
 admin

- Set defaultColorScheme='light' in root MantineProvider
- Change darkModeStore default from system preference to false (light)
- Add MantineProvider with light theme to darmasaba/layout.tsx
- Remove dark mode dependency from ModuleView component
- Prevent system color scheme from affecting initial page load

This ensures consistent light mode on first visit for both
public pages and admin panel, regardless of OS settings.

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .../main-page/landing-page/ModuleView.tsx     |  7 ++--
 src/app/darmasaba/layout.tsx                  | 35 +++++++++++--------
 src/app/layout.tsx                            | 12 +++----
 src/state/darkModeStore.ts                    | 11 +++---
 4 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx b/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx
index 695f0572..f13710e5 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx
@@ -10,8 +10,7 @@ import {
   SimpleGrid,
   Skeleton,
   Stack,
-  Text,
-  useMantineColorScheme
+  Text
 } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { Prisma } from "@prisma/client";
@@ -24,8 +23,6 @@ type ProgramInovasiItem = Prisma.ProgramInovasiGetPayload<{ include: { image: tr
 
 function ModuleItem({ data }: { data: ProgramInovasiItem }) {
   const router = useTransitionRouter();
-  const { colorScheme } = useMantineColorScheme();
-  const isDark = colorScheme === "dark";
 
   return (
     <motion.div whileHover={{ scale: 1.03 }}>
@@ -37,7 +34,7 @@ function ModuleItem({ data }: { data: ProgramInovasiItem }) {
         role="button"
         tabIndex={0}
         className="cursor-pointer transition-all"
-        bg={isDark ? "dark.6" : "white"}
+        bg="white"
       >
         <Center h={160}>
           {data.image?.link ? (
diff --git a/src/app/darmasaba/layout.tsx b/src/app/darmasaba/layout.tsx
index afe980de..71971662 100644
--- a/src/app/darmasaba/layout.tsx
+++ b/src/app/darmasaba/layout.tsx
@@ -1,25 +1,32 @@
+"use client";
+
 import colors from "@/con/colors";
+import { MantineProvider, createTheme } from "@mantine/core";
 import { Box, Space, Stack } from "@mantine/core";
 
 import { Navbar } from "@/app/darmasaba/_com/Navbar";
 import Footer from "./_com/Footer";
 
-
+const theme = createTheme({
+  defaultColorScheme: "light",
+});
 
 export default function Layout({ children }: { children: React.ReactNode }) {
     return (
-        <Stack gap={0} bg={colors.grey[1]}>
-            <Navbar />
-            <Space h={{
-                base: "3.9rem",
-                md: "2.5rem"
-            }} />
-            <Box style={{
-                overflow: "scroll"
-            }}>
-                {children}
-            </Box>
-            <Footer />
-        </Stack>
+        <MantineProvider theme={theme} defaultColorScheme="light">
+            <Stack gap={0} bg={colors.grey[1]}>
+                <Navbar />
+                <Space h={{
+                    base: "3.9rem",
+                    md: "2.5rem"
+                }} />
+                <Box style={{
+                    overflow: "scroll"
+                }}>
+                    {children}
+                </Box>
+                <Footer />
+            </Stack>
+        </MantineProvider>
     )
 }
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6ef04136..32022f4b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -98,16 +98,16 @@ export default function RootLayout({
       <html lang="id" {...mantineHtmlProps}>
         <head>
           <meta charSet="utf-8" />
-          <ColorSchemeScript />
+          <ColorSchemeScript defaultColorScheme="light" />
         </head>
         <body>
-          <MantineProvider theme={theme}>
+          <MantineProvider theme={theme} defaultColorScheme="light">
             {children}
             <LoadDataFirstClient />
-            <ToastContainer 
-              position="bottom-center" 
-              hideProgressBar 
-              style={{ zIndex: 9999 }} 
+            <ToastContainer
+              position="bottom-center"
+              hideProgressBar
+              style={{ zIndex: 9999 }}
             />
           </MantineProvider>
         </body>
diff --git a/src/state/darkModeStore.ts b/src/state/darkModeStore.ts
index 25032410..cf37d86d 100644
--- a/src/state/darkModeStore.ts
+++ b/src/state/darkModeStore.ts
@@ -21,17 +21,18 @@ import { proxy, useSnapshot } from 'valtio';
 
 const STORAGE_KEY = 'darmasaba-admin-dark-mode';
 
-// Initialize from localStorage or system preference
+// Initialize from localStorage or default to light mode
 const getInitialDarkMode = (): boolean => {
   if (typeof window === 'undefined') return false;
-  
+
   const stored = localStorage.getItem(STORAGE_KEY);
   if (stored !== null) {
     return stored === 'true';
   }
-  
-  // Fallback to system preference
-  return window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+  // Default to light mode for first-time users
+  // System preference is NOT used as default to ensure consistent UX
+  return false;
 };
 
 class DarkModeStore {
-- 
2.49.1


From b1d28a83224ae0f96c0288d429a365166fec179f Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 25 Feb 2026 15:25:51 +0800
Subject: [PATCH 95/97] fix-admin-menu-desa-profile

---
 prisma/schema.prisma                          |  8 +-
 .../desa/profil/profil-perbekel/page.tsx      |  2 +-
 src/app/admin/layout.tsx                      |  3 +-
 .../profile_desa/sejarah/find-first.ts        | 40 +++++++++
 .../profile/profile_desa/sejarah/index.ts     |  5 ++
 .../profile/profile_desa/sejarah/update.ts    |  7 ++
 src/app/darmasaba/layout.tsx                  |  6 --
 src/lib/api-auth.ts                           | 84 +++++++++++++++++++
 src/lib/session.ts                            | 68 +++++++++++++++
 9 files changed, 211 insertions(+), 12 deletions(-)
 create mode 100644 src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-first.ts
 create mode 100644 src/lib/api-auth.ts
 create mode 100644 src/lib/session.ts

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index d93448bf..041fac02 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -533,7 +533,7 @@ model SejarahDesa {
   deskripsi String   @db.Text
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
+  deletedAt DateTime?
   isActive  Boolean  @default(true)
 }
 
@@ -543,7 +543,7 @@ model VisiMisiDesa {
   misi      String   @db.Text
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
+  deletedAt DateTime?
   isActive  Boolean  @default(true)
 }
 
@@ -553,7 +553,7 @@ model LambangDesa {
   deskripsi String   @db.Text
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
+  deletedAt DateTime?
   isActive  Boolean  @default(true)
 }
 
@@ -564,7 +564,7 @@ model MaskotDesa {
   images    ProfileDesaImage[]
   createdAt DateTime           @default(now())
   updatedAt DateTime           @updatedAt
-  deletedAt DateTime           @default(now())
+  deletedAt DateTime?
   isActive  Boolean            @default(true)
 }
 
diff --git a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
index d3b1cb21..e79103d6 100644
--- a/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
@@ -95,7 +95,7 @@ function Page() {
                 fz={{ base: 'md', md: 'lg' }}
                 lh={{ base: 1.4, md: 1.4 }}
               >
-                I.B. Surya Prabhawa Manuaba, S.H., M.H.
+                {perbekel.nama || "I.B. Surya Prabhawa Manuaba, S.H., M.H."}
               </Text>
             </Paper>
           </Stack>
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 6700ea9b..b38ac3f5 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -354,7 +354,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
                             borderLeft: `2px solid ${tokens.colors.primary}`,
                           }),
                           ...(mounted && isChildActive && !isDark && {
-                            backgroundColor: tokens.colors.bg.hover,
+                            backgroundColor: 'rgba(25, 113, 194, 0.1)',
+                            borderLeft: `2px solid ${tokens.colors.primary}`,
                           }),
                         }
                       }}
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-first.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-first.ts
new file mode 100644
index 00000000..c5b8359b
--- /dev/null
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/find-first.ts
@@ -0,0 +1,40 @@
+import prisma from "@/lib/prisma";
+import { requireAuth } from "@/lib/api-auth";
+
+export default async function sejarahDesaFindFirst(request: Request) {
+    // ✅ Authentication check
+    const headers = new Headers(request.url);
+    const authResult = await requireAuth({ headers });
+    if (!authResult.authenticated) {
+        return authResult.response;
+    }
+
+    try {
+      // Get the first active record
+      const data = await prisma.sejarahDesa.findFirst({
+        where: { 
+          isActive: true,
+          deletedAt: null 
+        },
+        orderBy: { createdAt: 'asc' } // Get the oldest one first
+      });
+
+      if (!data) {
+        return Response.json({
+          success: false,
+          message: "Data tidak ditemukan",
+        }, {status: 404})
+      }
+
+      return Response.json({
+        success: true,
+        data,
+      }, {status: 200})
+    } catch (error) {
+      console.error("Gagal mengambil data sejarah desa:", error)
+      return Response.json({
+        success: false,
+        message: "Terjadi kesalahan saat mengambil data",
+      }, {status: 500})
+    }
+}
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/index.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/index.ts
index bb972b6d..5f39e890 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/index.ts
@@ -1,11 +1,16 @@
 import Elysia, { t } from "elysia";
 import sejarahDesaFindById from "./find-by-id";
 import sejarahDesaUpdate from "./update";
+import sejarahDesaFindFirst from "./find-first";
 
 const SejarahDesa = new Elysia({
   prefix: "/sejarah",
   tags: ["Desa/Profile"],
 })
+  .get("/first", async (context) => {
+    const response = await sejarahDesaFindFirst(new Request(context.request));
+    return response;
+  })
   .get("/:id", async (context) => {
     const response = await sejarahDesaFindById(new Request(context.request));
     return response;
diff --git a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/update.ts b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/update.ts
index 32958feb..aeedfde5 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/update.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/profile/profile_desa/sejarah/update.ts
@@ -1,7 +1,14 @@
 import prisma from "@/lib/prisma";
+import { requireAuth } from "@/lib/api-auth";
 import { Context } from "elysia";
 
 export default async function sejarahDesaUpdate(context: Context) {
+    // ✅ Authentication check
+    const authResult = await requireAuth(context);
+    if (!authResult.authenticated) {
+        return authResult.response;
+    }
+
     try {
         const id = context.params?.id as string;
         const body = await context.body as {
diff --git a/src/app/darmasaba/layout.tsx b/src/app/darmasaba/layout.tsx
index 71971662..7be59fe4 100644
--- a/src/app/darmasaba/layout.tsx
+++ b/src/app/darmasaba/layout.tsx
@@ -1,19 +1,14 @@
 "use client";
 
 import colors from "@/con/colors";
-import { MantineProvider, createTheme } from "@mantine/core";
 import { Box, Space, Stack } from "@mantine/core";
 
 import { Navbar } from "@/app/darmasaba/_com/Navbar";
 import Footer from "./_com/Footer";
 
-const theme = createTheme({
-  defaultColorScheme: "light",
-});
 
 export default function Layout({ children }: { children: React.ReactNode }) {
     return (
-        <MantineProvider theme={theme} defaultColorScheme="light">
             <Stack gap={0} bg={colors.grey[1]}>
                 <Navbar />
                 <Space h={{
@@ -27,6 +22,5 @@ export default function Layout({ children }: { children: React.ReactNode }) {
                 </Box>
                 <Footer />
             </Stack>
-        </MantineProvider>
     )
 }
\ No newline at end of file
diff --git a/src/lib/api-auth.ts b/src/lib/api-auth.ts
new file mode 100644
index 00000000..d639b296
--- /dev/null
+++ b/src/lib/api-auth.ts
@@ -0,0 +1,84 @@
+/**
+ * Authentication helper untuk API endpoints
+ * 
+ * Usage:
+ * import { requireAuth } from "@/lib/api-auth";
+ * 
+ * export default async function myEndpoint(context: Context) {
+ *   const authResult = await requireAuth(context);
+ *   if (!authResult.authenticated) {
+ *     return authResult.response;
+ *   }
+ *   // Lanjut proses dengan authResult.user
+ * }
+ */
+
+import { getSession } from "@/lib/session";
+
+export type AuthResult = 
+  | { authenticated: true; user: any }
+  | { authenticated: false; response: Response };
+
+export async function requireAuth(context: any): Promise<AuthResult> {
+  try {
+    // Cek session dari cookies
+    const session = await getSession();
+    
+    if (!session || !session.user) {
+      return {
+        authenticated: false,
+        response: new Response(JSON.stringify({
+          success: false,
+          message: "Unauthorized - Silakan login terlebih dahulu"
+        }), { 
+          status: 401,
+          headers: { 'Content-Type': 'application/json' }
+        })
+      };
+    }
+
+    // Check jika user masih aktif
+    if (!session.user.isActive) {
+      return {
+        authenticated: false,
+        response: new Response(JSON.stringify({
+          success: false,
+          message: "Akun Anda tidak aktif. Hubungi administrator."
+        }), { 
+          status: 403,
+          headers: { 'Content-Type': 'application/json' }
+        })
+      };
+    }
+
+    return {
+      authenticated: true,
+      user: session.user
+    };
+  } catch (error) {
+    console.error("Auth error:", error);
+    return {
+      authenticated: false,
+      response: new Response(JSON.stringify({
+        success: false,
+        message: "Authentication error"
+      }), { 
+        status: 500,
+        headers: { 'Content-Type': 'application/json' }
+      })
+    };
+  }
+}
+
+/**
+ * Optional auth - tidak error jika tidak authenticated
+ * Berguna untuk endpoint yang bisa diakses public atau private
+ */
+export async function optionalAuth(context: any): Promise<any> {
+  try {
+    const session = await getSession();
+    return session?.user || null;
+  } catch (error) {
+    return null;
+  }
+}
diff --git a/src/lib/session.ts b/src/lib/session.ts
new file mode 100644
index 00000000..10c4fc57
--- /dev/null
+++ b/src/lib/session.ts
@@ -0,0 +1,68 @@
+/**
+ * Session helper menggunakan iron-session
+ * 
+ * Usage:
+ * import { getSession } from "@/lib/session";
+ * 
+ * const session = await getSession();
+ * if (session?.user) {
+ *   // User authenticated
+ * }
+ */
+
+import { getIronSession } from 'iron-session';
+import { cookies } from 'next/headers';
+
+export type SessionData = {
+  user?: {
+    id: string;
+    name: string;
+    roleId: number;
+    menuIds?: string[] | null;
+    isActive?: boolean;
+  };
+};
+
+export type Session = SessionData & {
+  save: () => Promise<void>;
+  destroy: () => Promise<void>;
+};
+
+const SESSION_OPTIONS = {
+  cookieName: 'desa-session',
+  password: process.env.SESSION_PASSWORD || 'default-password-change-in-production',
+  cookieOptions: {
+    secure: process.env.NODE_ENV === 'production',
+    httpOnly: true,
+    sameSite: 'lax' as const,
+    maxAge: 60 * 60 * 24 * 7, // 7 days
+  },
+};
+
+export async function getSession(): Promise<SessionData | null> {
+  try {
+    const cookieStore = await cookies();
+    const session = await getIronSession<SessionData>(
+      cookieStore,
+      SESSION_OPTIONS
+    );
+    
+    return session;
+  } catch (error) {
+    console.error('Session error:', error);
+    return null;
+  }
+}
+
+export async function destroySession(): Promise<void> {
+  try {
+    const cookieStore = await cookies();
+    const session = await getIronSession<SessionData>(
+      cookieStore,
+      SESSION_OPTIONS
+    );
+    await session.destroy();
+  } catch (error) {
+    console.error('Destroy session error:', error);
+  }
+}
-- 
2.49.1


From 22de1aa1f3eaaddbd42827defc69837b5f936f32 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 25 Feb 2026 15:41:01 +0800
Subject: [PATCH 96/97] fix-admin-menu-desa-potensi

---
 prisma/schema.prisma                          | 12 ++---
 .../desa/potensi/list-potensi/[id]/page.tsx   | 20 ++++++-
 .../desa/potensi/list-potensi/page.tsx        | 15 +++++-
 .../_lib/desa/potensi/find-unique.ts          | 11 ++--
 .../_lib/desa/potensi/kategori-potensi/del.ts | 53 +++++++++++++++----
 5 files changed, 89 insertions(+), 22 deletions(-)

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 041fac02..5a9168cd 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -633,25 +633,25 @@ model KategoriBerita {
 // ========================================= POTENSI DESA ========================================= //
 model PotensiDesa {
   id         String           @id @default(cuid())
-  name       String
-  deskripsi  String
+  name       String           @unique @db.VarChar(255)
+  deskripsi  String           @db.Text
   kategori   KategoriPotensi? @relation(fields: [kategoriId], references: [id])
-  kategoriId String?
+  kategoriId String           @db.VarChar(36)
   image      FileStorage?     @relation(fields: [imageId], references: [id])
   imageId    String?
   content    String           @db.Text
   createdAt  DateTime         @default(now())
   updatedAt  DateTime         @updatedAt
-  deletedAt  DateTime         @default(now())
+  deletedAt  DateTime?
   isActive   Boolean          @default(true)
 }
 
 model KategoriPotensi {
   id          String        @id @default(cuid())
-  nama        String
+  nama        String        @unique @db.VarChar(100)
   createdAt   DateTime      @default(now())
   updatedAt   DateTime      @updatedAt
-  deletedAt   DateTime      @default(now())
+  deletedAt   DateTime?
   isActive    Boolean       @default(true)
   PotensiDesa PotensiDesa[]
 }
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
index 3ae6dac8..35fe407a 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
@@ -8,6 +8,7 @@ import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
+import DOMPurify from 'dompurify';
 
 export default function DetailPotensi() {
   const router = useRouter();
@@ -77,7 +78,17 @@ export default function DetailPotensi() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}></Text>
+                <Text 
+                  fz="md" 
+                  c="dimmed" 
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }} 
+                  dangerouslySetInnerHTML={{ 
+                    __html: DOMPurify.sanitize(data.deskripsi || '-', {
+                      ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'u', 'ul', 'ol', 'li'],
+                      ALLOWED_ATTR: []
+                    })
+                  }}
+                ></Text>
               </Box>
 
               <Box>
@@ -102,7 +113,12 @@ export default function DetailPotensi() {
                 <Text
                   fz="md"
                   c="dimmed"
-                  dangerouslySetInnerHTML={{ __html: data.content || '-' }}
+                  dangerouslySetInnerHTML={{
+                    __html: DOMPurify.sanitize(data.content || '-', {
+                      ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'u', 'ul', 'ol', 'li'],
+                      ALLOWED_ATTR: []
+                    })
+                  }}
                   style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
index f2cb3d15..5ed853da 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
@@ -27,6 +27,7 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import potensiDesaState from '../../../_state/desa/potensi';
 import { useDebouncedValue } from '@mantine/hooks';
+import DOMPurify from 'dompurify';
 
 function Potensi() {
   const [search, setSearch] = useState("");
@@ -137,7 +138,12 @@ function ListPotensi({ search }: { search: string }) {
                         fz="sm"
                         lh={1.5}
                         lineClamp={2}
-                        dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                        dangerouslySetInnerHTML={{
+                          __html: DOMPurify.sanitize(item.deskripsi, {
+                            ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'u', 'ul', 'ol', 'li'],
+                            ALLOWED_ATTR: []
+                          })
+                        }}
                         style={{ wordBreak: 'break-word' }}
                       />
                     </TableTd>
@@ -199,7 +205,12 @@ function ListPotensi({ search }: { search: string }) {
                     <Text
                       fz="sm"
                       lh={1.5}
-                      dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                      dangerouslySetInnerHTML={{
+                        __html: DOMPurify.sanitize(item.deskripsi, {
+                          ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'u', 'ul', 'ol', 'li'],
+                          ALLOWED_ATTR: []
+                        })
+                      }}
                       style={{ wordBreak: 'break-word' }}
                     />
                   </Box>
diff --git a/src/app/api/[[...slugs]]/_lib/desa/potensi/find-unique.ts b/src/app/api/[[...slugs]]/_lib/desa/potensi/find-unique.ts
index a17eda6a..dc431265 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/potensi/find-unique.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/potensi/find-unique.ts
@@ -21,8 +21,13 @@ export default async function findUnique(
             }, { status: 400 });
         }
 
-        const data = await prisma.potensiDesa.findUnique({
-            where: { id },
+        // ✅ Filter by isActive and deletedAt
+        const data = await prisma.potensiDesa.findFirst({
+            where: { 
+                id,
+                isActive: true,
+                deletedAt: null,
+            },
             include: {
                 image: true,
                 kategori: true
@@ -48,5 +53,5 @@ export default async function findUnique(
             message: "Gagal mengambil potensi desa: " + (error instanceof Error ? error.message : 'Unknown error'),
         }, { status: 500 });
     }
-    
+
 }
\ No newline at end of file
diff --git a/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts b/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts
index d91cef98..356d73f0 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/potensi/kategori-potensi/del.ts
@@ -2,15 +2,50 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 export default async function kategoriPotensiDelete(context: Context) {
-    const id = context.params.id as string;
+    try {
+        const id = context.params?.id as string;
 
-    await prisma.kategoriPotensi.delete({
-        where: { id },
-    });
+        if (!id) {
+            return Response.json({
+                success: false,
+                message: "ID tidak boleh kosong",
+            }, { status: 400 });
+        }
 
-    return {
-        status: 200,
-        success: true,
-        message: "Sukses Menghapus kategori potensi",
-    };
+        // ✅ Cek apakah kategori masih digunakan oleh potensi desa
+        const existingPotensi = await prisma.potensiDesa.findFirst({
+            where: {
+                kategoriId: id,
+                isActive: true,
+                deletedAt: null,
+            },
+        });
+
+        if (existingPotensi) {
+            return Response.json({
+                success: false,
+                message: "Kategori masih digunakan oleh potensi desa. Tidak dapat dihapus.",
+            }, { status: 400 });
+        }
+
+        // Soft delete
+        await prisma.kategoriPotensi.update({
+            where: { id },
+            data: {
+                deletedAt: new Date(),
+                isActive: false,
+            },
+        });
+
+        return {
+            success: true,
+            message: "Kategori potensi berhasil dihapus",
+        };
+    } catch (error) {
+        console.error("Delete kategori error:", error);
+        return Response.json({
+            success: false,
+            message: "Gagal menghapus kategori: " + (error instanceof Error ? error.message : 'Unknown error'),
+        }, { status: 500 });
+    }
 }
\ No newline at end of file
-- 
2.49.1


From 42dcbcfb22e02636f2cb80176b09a4142a4b9ed6 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 25 Feb 2026 16:25:59 +0800
Subject: [PATCH 97/97] fix-admin-menu-desa-berita

---
 .../20260225082505_deploy/migration.sql       | 170 ++++++++++++++++++
 prisma/migrations/migration_lock.toml         |   2 +-
 .../desa/berita/kategori-berita/page.tsx      |   2 +-
 .../desa/berita/list-berita/page.tsx          |   2 +-
 .../_lib/desa/berita/kategori-berita/del.ts   |  53 +++++-
 5 files changed, 217 insertions(+), 12 deletions(-)
 create mode 100644 prisma/migrations/20260225082505_deploy/migration.sql

diff --git a/prisma/migrations/20260225082505_deploy/migration.sql b/prisma/migrations/20260225082505_deploy/migration.sql
new file mode 100644
index 00000000..ac4024a7
--- /dev/null
+++ b/prisma/migrations/20260225082505_deploy/migration.sql
@@ -0,0 +1,170 @@
+/*
+  Warnings:
+
+  - You are about to alter the column `nama` on the `KategoriPotensi` table. The data in that column could be lost. The data in that column will be cast from `Text` to `VarChar(100)`.
+  - You are about to alter the column `name` on the `PotensiDesa` table. The data in that column could be lost. The data in that column will be cast from `Text` to `VarChar(255)`.
+  - You are about to alter the column `kategoriId` on the `PotensiDesa` table. The data in that column could be lost. The data in that column will be cast from `Text` to `VarChar(36)`.
+  - A unique constraint covering the columns `[nama]` on the table `KategoriPotensi` will be added. If there are existing duplicate values, this will fail.
+  - A unique constraint covering the columns `[name]` on the table `PotensiDesa` will be added. If there are existing duplicate values, this will fail.
+  - Made the column `kategoriId` on table `PotensiDesa` required. This step will fail if there are existing NULL values in that column.
+
+*/
+-- DropForeignKey
+ALTER TABLE "DataPerpustakaan" DROP CONSTRAINT "DataPerpustakaan_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "DesaDigital" DROP CONSTRAINT "DesaDigital_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "InfoTekno" DROP CONSTRAINT "InfoTekno_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "KegiatanDesa" DROP CONSTRAINT "KegiatanDesa_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PengaduanMasyarakat" DROP CONSTRAINT "PengaduanMasyarakat_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PotensiDesa" DROP CONSTRAINT "PotensiDesa_kategoriId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "ProfileDesaImage" DROP CONSTRAINT "ProfileDesaImage_imageId_fkey";
+
+-- AlterTable
+ALTER TABLE "CaraMemperolehInformasi" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "CaraMemperolehSalinanInformasi" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "DaftarInformasiPublik" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "DasarHukumPPID" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "DataPerpustakaan" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "DesaDigital" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "FormulirPermohonanKeberatan" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "InfoTekno" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "JenisInformasiDiminta" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "JenisKelaminResponden" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "KategoriPotensi" ALTER COLUMN "nama" SET DATA TYPE VARCHAR(100),
+ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "KategoriPrestasiDesa" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "KegiatanDesa" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "LambangDesa" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "MaskotDesa" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "PegawaiPPID" ADD COLUMN     "deletedAt" TIMESTAMP(3);
+
+-- AlterTable
+ALTER TABLE "PengaduanMasyarakat" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "PermohonanInformasiPublik" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "PilihanRatingResponden" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "PosisiOrganisasiPPID" ADD COLUMN     "deletedAt" TIMESTAMP(3);
+
+-- AlterTable
+ALTER TABLE "PotensiDesa" ALTER COLUMN "name" SET DATA TYPE VARCHAR(255),
+ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT,
+ALTER COLUMN "kategoriId" SET NOT NULL,
+ALTER COLUMN "kategoriId" SET DATA TYPE VARCHAR(36);
+
+-- AlterTable
+ALTER TABLE "PrestasiDesa" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "ProfileDesaImage" ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "ProfilePPID" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "Responden" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "SejarahDesa" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "UmurResponden" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "VisiMisiDesa" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- AlterTable
+ALTER TABLE "VisiMisiPPID" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;
+
+-- CreateIndex
+CREATE UNIQUE INDEX "KategoriPotensi_nama_key" ON "KategoriPotensi"("nama");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PotensiDesa_name_key" ON "PotensiDesa"("name");
+
+-- AddForeignKey
+ALTER TABLE "ProfileDesaImage" ADD CONSTRAINT "ProfileDesaImage_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PotensiDesa" ADD CONSTRAINT "PotensiDesa_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KategoriPotensi"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DesaDigital" ADD CONSTRAINT "DesaDigital_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "InfoTekno" ADD CONSTRAINT "InfoTekno_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PengaduanMasyarakat" ADD CONSTRAINT "PengaduanMasyarakat_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KegiatanDesa" ADD CONSTRAINT "KegiatanDesa_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "DataPerpustakaan" ADD CONSTRAINT "DataPerpustakaan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
diff --git a/prisma/migrations/migration_lock.toml b/prisma/migrations/migration_lock.toml
index 648c57fd..044d57cd 100644
--- a/prisma/migrations/migration_lock.toml
+++ b/prisma/migrations/migration_lock.toml
@@ -1,3 +1,3 @@
 # Please do not edit this file manually
 # It should be added in your version-control system (e.g., Git)
-provider = "postgresql"
\ No newline at end of file
+provider = "postgresql"
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
index 82be57ec..5f6d7a78 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/page.tsx
@@ -160,7 +160,7 @@ function ListKategoriBerita({ search }: { search: string }) {
                 ))
               ) : (
                 <TableTr>
-                  <TableTd colSpan={4}>
+                  <TableTd colSpan={3}>  {/* ✅ Match column count (3 columns) */}
                     <Center py={24}>
                       <Text c="dimmed" fz="sm" lh={1.4}>
                         Tidak ada data kategori berita yang cocok
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
index 97dc4d11..c36447f6 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/page.tsx
@@ -187,7 +187,7 @@ function ListBerita({ search }: { search: string }) {
         <Pagination
           value={page}
           onChange={(newPage) => {
-            load(newPage, 10);
+            load(newPage, 10, debouncedSearch);  // ✅ Include search parameter
             window.scrollTo({ top: 0, behavior: 'smooth' });
           }}
           total={totalPages}
diff --git a/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts b/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts
index 6e4d94c4..7e24bc8e 100644
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/kategori-berita/del.ts
@@ -2,15 +2,50 @@ import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
 export default async function kategoriBeritaDelete(context: Context) {
-    const id = context.params.id as string;
+    try {
+        const id = context.params?.id as string;
 
-    await prisma.kategoriBerita.delete({
-        where: { id },
-    });
+        if (!id) {
+            return Response.json({
+                success: false,
+                message: "ID tidak boleh kosong",
+            }, { status: 400 });
+        }
 
-    return {
-        status: 200,
-        success: true,
-        message: "Sukses Menghapus kategori berita",
-    };
+        // ✅ Cek apakah kategori masih digunakan oleh berita
+        const beritaCount = await prisma.berita.count({
+            where: {
+                kategoriBeritaId: id,
+                isActive: true,
+                deletedAt: null,
+            },
+        });
+
+        if (beritaCount > 0) {
+            return Response.json({
+                success: false,
+                message: `Kategori tidak dapat dihapus karena masih digunakan oleh ${beritaCount} berita`,
+            }, { status: 400 });
+        }
+
+        // ✅ Soft delete (bukan hard delete)
+        await prisma.kategoriBerita.update({
+            where: { id },
+            data: {
+                deletedAt: new Date(),
+                isActive: false,
+            },
+        });
+
+        return {
+            success: true,
+            message: "Kategori berita berhasil dihapus",
+        };
+    } catch (error) {
+        console.error("Delete kategori error:", error);
+        return Response.json({
+            success: false,
+            message: "Gagal menghapus kategori: " + (error instanceof Error ? error.message : 'Unknown error'),
+        }, { status: 500 });
+    }
 }
\ No newline at end of file
-- 
2.49.1