feat: resolve HMR port conflict and update project files

2026-02-13 17:49:33 +08:00
parent ca43baa7c7
commit 6c3e7c86b6
17 changed files with 140 additions and 108 deletions
--- a/bun.lock
+++ b/bun.lock
@@ -78,6 +78,7 @@
        "@react-dev-inspector/vite-plugin": "^2.0.1",
        "@tailwindcss/postcss": "^4.1.18",
        "@tanstack/react-router-devtools": "^1.158.1",
+        "@tanstack/router-cli": "1.158.1",
        "@tanstack/router-vite-plugin": "^1.158.1",
        "@types/bun": "latest",
        "@types/react": "^19",
@@ -597,6 +598,8 @@

    "@tanstack/react-store": ["@tanstack/react-store@0.8.0", "", { "dependencies": { "@tanstack/store": "0.8.0", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-1vG9beLIuB7q69skxK9r5xiLN3ztzIPfSQSs0GfeqWGO2tGIyInZx0x1COhpx97RKaONSoAb8C3dxacWksm1ow=="],

+    "@tanstack/router-cli": ["@tanstack/router-cli@1.158.1", "", { "dependencies": { "@tanstack/router-generator": "1.158.1", "chokidar": "^3.6.0", "yargs": "^17.7.2" }, "bin": { "tsr": "bin/tsr.cjs" } }, "sha512-TaGETPw+EdoKCN+1Jadse08F1KWWiBCFivuXeLauIkK3yN9I4B6y4Elvu/hgV3ZAS9aL/kA4CMoevYTvb03+fw=="],
+
    "@tanstack/router-core": ["@tanstack/router-core@1.158.1", "", { "dependencies": { "@tanstack/history": "1.154.14", "@tanstack/store": "^0.8.0", "cookie-es": "^2.0.0", "seroval": "^1.4.2", "seroval-plugins": "^1.4.2", "tiny-invariant": "^1.3.3", "tiny-warning": "^1.0.3" } }, "sha512-8B9X3GzN1JWsqa+OTgg2k+LrayLQYmgtv26b96difyrRS32DaDBvEpU3xXDaLNmi/+zoqG1ffAcDT4D6tyC2hw=="],

    "@tanstack/router-devtools-core": ["@tanstack/router-devtools-core@1.158.1", "", { "dependencies": { "clsx": "^2.1.1", "goober": "^2.1.16", "tiny-invariant": "^1.3.3" }, "peerDependencies": { "@tanstack/router-core": "^1.158.1", "csstype": "^3.0.10" }, "optionalPeers": ["csstype"] }, "sha512-iGCqmIJ5NXMIuyFwJgfikEmRrceT3tmynMTMSuVxFiv9+Dlk1tsp8bsYS+UGhyY4beoASsRnlikAeNAMsCjhwA=="],
@@ -827,6 +830,8 @@

    "class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],

+    "cliui": ["cliui@8.0.1", "", { "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.1", "wrap-ansi": "^7.0.0" } }, "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ=="],
+
    "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],

    "cmdk": ["cmdk@1.1.1", "", { "dependencies": { "@radix-ui/react-compose-refs": "^1.1.1", "@radix-ui/react-dialog": "^1.1.6", "@radix-ui/react-id": "^1.1.0", "@radix-ui/react-primitive": "^2.0.2" }, "peerDependencies": { "react": "^18 || ^19 || ^19.0.0-rc", "react-dom": "^18 || ^19 || ^19.0.0-rc" } }, "sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg=="],
@@ -945,6 +950,8 @@

    "embla-carousel-reactive-utils": ["embla-carousel-reactive-utils@8.6.0", "", { "peerDependencies": { "embla-carousel": "8.6.0" } }, "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A=="],

+    "emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
+
    "empathic": ["empathic@2.0.0", "", {}, "sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA=="],

    "end-of-stream": ["end-of-stream@1.4.5", "", { "dependencies": { "once": "^1.4.0" } }, "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg=="],
@@ -1037,6 +1044,8 @@

    "gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="],

+    "get-caller-file": ["get-caller-file@2.0.5", "", {}, "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="],
+
    "get-nonce": ["get-nonce@1.0.1", "", {}, "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="],

    "get-tsconfig": ["get-tsconfig@4.13.5", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-v4/4xAEpBRp6SvCkWhnGCaLkJf9IwWzrsygJPxD/+p2/xPE3C5m2fA9FD0Ry9tG+Rqqq3gBzHSl6y1/T9V/tMQ=="],
@@ -1105,6 +1114,8 @@

    "is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],

+    "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+
    "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],

    "is-inside-container": ["is-inside-container@1.0.0", "", { "dependencies": { "is-docker": "^3.0.0" }, "bin": { "is-inside-container": "cli.js" } }, "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA=="],
@@ -1425,6 +1436,8 @@

    "regexp-to-ast": ["regexp-to-ast@0.5.0", "", {}, "sha512-tlbJqcMHnPKI9zSrystikWKwHkBqu2a/Sgw01h3zFjvYrMxEDYHzzoMZnUrbIfpTFEsoRnnviOXNCzFiSc54Qw=="],

+    "require-directory": ["require-directory@2.1.1", "", {}, "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="],
+
    "require-from-string": ["require-from-string@2.0.2", "", {}, "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw=="],

    "reselect": ["reselect@5.1.1", "", {}, "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w=="],
@@ -1499,6 +1512,8 @@

    "std-env": ["std-env@3.10.0", "", {}, "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg=="],

+    "string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
+
    "string_decoder": ["string_decoder@1.3.0", "", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],

    "strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
@@ -1631,6 +1646,8 @@

    "why-is-node-running": ["why-is-node-running@2.3.0", "", { "dependencies": { "siginfo": "^2.0.0", "stackback": "0.0.2" }, "bin": { "why-is-node-running": "cli.js" } }, "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w=="],

+    "wrap-ansi": ["wrap-ansi@7.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q=="],
+
    "wrappy": ["wrappy@1.0.2", "", {}, "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="],

    "wsl-utils": ["wsl-utils@0.1.0", "", { "dependencies": { "is-wsl": "^3.1.0" } }, "sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw=="],
@@ -1641,12 +1658,16 @@

    "xtend": ["xtend@4.0.2", "", {}, "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="],

+    "y18n": ["y18n@5.0.8", "", {}, "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA=="],
+
    "yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],

    "yaml": ["yaml@1.10.2", "", {}, "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="],

    "yaml-ast-parser": ["yaml-ast-parser@0.0.43", "", {}, "sha512-2PTINUwsRqSd+s8XxKaJWQlUuEMHJQyEuh2edBbW8KNJz0SJPwUSD2zRWqezFEdN7IzAgeuYHFUCF7o8zRdZ0A=="],

+    "yargs": ["yargs@17.7.2", "", { "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", "string-width": "^4.2.3", "y18n": "^5.0.5", "yargs-parser": "^21.1.1" } }, "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w=="],
+
    "yargs-parser": ["yargs-parser@21.1.1", "", {}, "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw=="],

    "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
--- a/package.json
+++ b/package.json
@@ -90,6 +90,7 @@
 		"@react-dev-inspector/vite-plugin": "^2.0.1",
 		"@tailwindcss/postcss": "^4.1.18",
 		"@tanstack/react-router-devtools": "^1.158.1",
+		"@tanstack/router-cli": "1.158.1",
 		"@tanstack/router-vite-plugin": "^1.158.1",
 		"@types/bun": "latest",
 		"@types/react": "^19",
--- a/src/routes/dashboard/pengaturan/-akses-dan-tim.tsx
+++ b/src/routes/dashboard/pengaturan/-akses-dan-tim.tsx
@@ -1,9 +1,11 @@
-import { Card, Title, Text, Space, Button, Group, Alert, Table, ActionIcon, Modal, TextInput, Select } from '@mantine/core';
+import { Card, Title, Text, Space, Button, Group, Alert, Table, ActionIcon, Modal, TextInput, Select, useMantineColorScheme } from '@mantine/core';
 import { IconInfoCircle, IconUserPlus, IconTrash, IconEdit, IconUser } from '@tabler/icons-react';
 import { useState } from 'react';

 const AksesDanTimSettings = () => {
  const [opened, setOpened] = useState(false);
+  const { colorScheme } = useMantineColorScheme();
+  const dark = colorScheme === 'dark';

  // Sample team members data
  const teamMembers = [
@@ -22,7 +24,7 @@ const AksesDanTimSettings = () => {
  ];

  return (
-    <Card withBorder radius="md" p="xl">
+    <Card withBorder radius="md" p="xl" bg={dark ? "#141D34" : "white"} style={{ borderColor: dark ? "#141D34" : "white" }}>
      <Modal
        opened={opened}
        onClose={() => setOpened(false)}
--- a/src/routes/dashboard/pengaturan/-keamanan.tsx
+++ b/src/routes/dashboard/pengaturan/-keamanan.tsx
@@ -1,9 +1,11 @@
-import { Card, Title, Text, Space, Button, Group, Alert, PasswordInput, Switch } from '@mantine/core';
+import { Card, Title, Text, Space, Button, Group, Alert, PasswordInput, Switch, useMantineColorScheme } from '@mantine/core';
 import { IconInfoCircle, IconLock } from '@tabler/icons-react';

 const KeamananSettings = () => {
+  const { colorScheme } = useMantineColorScheme();
+  const dark = colorScheme === 'dark';
  return (
-    <Card withBorder radius="md" p="xl">
+    <Card withBorder radius="md" p="xl" bg={dark ? "#141D34" : "white"} style={{ borderColor: dark ? "#141D34" : "white" }}>
      <Title order={2} mb="lg">Pengaturan Keamanan</Title>
      <Text color="dimmed" mb="xl">Kelola keamanan akun Anda</Text>

--- a/src/routes/dashboard/pengaturan/-notifikasi.tsx
+++ b/src/routes/dashboard/pengaturan/-notifikasi.tsx
@@ -1,9 +1,11 @@
-import { Card, Title, Text, Space, Switch, Group, Alert, Checkbox, Button } from '@mantine/core';
+import { Card, Title, Text, Space, Switch, Group, Alert, Checkbox, Button, useMantineColorScheme } from '@mantine/core';
 import { IconInfoCircle } from '@tabler/icons-react';

 const NotifikasiSettings = () => {
+  const { colorScheme } = useMantineColorScheme();
+  const dark = colorScheme === 'dark';
  return (
-    <Card withBorder radius="md" p="xl">
+    <Card withBorder radius="md" p="xl" bg={dark ? "#141D34" : "white"} style={{ borderColor: dark ? "#141D34" : "white" }}>
      <Title order={2} mb="lg">Pengaturan Notifikasi</Title>
      <Text color="dimmed" mb="xl">Kelola preferensi notifikasi Anda</Text>

@@ -28,7 +30,7 @@ const NotifikasiSettings = () => {
      <Space h="md" />

      <Title order={4} mb="sm">Jenis Notifikasi</Title>
-      <Group direction="column" align="start">
+      <Group align="start">
        <Switch label="Pengaduan Baru" defaultChecked />
        <Switch label="Update Status Pengaduan" defaultChecked />
        <Switch label="Laporan Mingguan" />
--- a/src/routes/dashboard/pengaturan/-umum.tsx
+++ b/src/routes/dashboard/pengaturan/-umum.tsx
@@ -40,7 +40,6 @@ const UmumSettings = () => {
      />

      <Group mb="md">
-        <Switch label="Mode Gelap" defaultChecked />
        <Switch label="Notifikasi Email" defaultChecked />
      </Group>

--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -21,7 +21,6 @@ import { Route as AdminIndexRouteImport } from './routes/admin/index'
 import { Route as UsersIdRouteImport } from './routes/users/$id'
 import { Route as ProfileEditRouteImport } from './routes/profile/edit'
 import { Route as DashboardSosialRouteImport } from './routes/dashboard/sosial'
-import { Route as DashboardPengaturanRouteImport } from './routes/dashboard/pengaturan'
 import { Route as DashboardPengaduanLayananPublikRouteImport } from './routes/dashboard/pengaduan-layanan-publik'
 import { Route as DashboardKinerjaDivisiRouteImport } from './routes/dashboard/kinerja-divisi'
 import { Route as DashboardKeuanganAnggaranRouteImport } from './routes/dashboard/keuangan-anggaran'
@@ -33,10 +32,11 @@ import { Route as DashboardBantuanRouteImport } from './routes/dashboard/bantuan
 import { Route as AdminUsersRouteImport } from './routes/admin/users'
 import { Route as AdminSettingsRouteImport } from './routes/admin/settings'
 import { Route as AdminApikeyRouteImport } from './routes/admin/apikey'
-import { Route as DashboardPengaturanUmumRouteRouteImport } from './routes/dashboard/pengaturan/umum.route'
-import { Route as DashboardPengaturanNotifikasiRouteRouteImport } from './routes/dashboard/pengaturan/notifikasi.route'
-import { Route as DashboardPengaturanKeamananRouteRouteImport } from './routes/dashboard/pengaturan/keamanan.route'
-import { Route as DashboardPengaturanAksesDanTimRouteRouteImport } from './routes/dashboard/pengaturan/akses-dan-tim.route'
+import { Route as DashboardPengaturanRouteRouteImport } from './routes/dashboard/pengaturan/route'
+import { Route as DashboardPengaturanUmumRouteImport } from './routes/dashboard/pengaturan/umum'
+import { Route as DashboardPengaturanNotifikasiRouteImport } from './routes/dashboard/pengaturan/notifikasi'
+import { Route as DashboardPengaturanKeamananRouteImport } from './routes/dashboard/pengaturan/keamanan'
+import { Route as DashboardPengaturanAksesDanTimRouteImport } from './routes/dashboard/pengaturan/akses-dan-tim'

 const SignupRoute = SignupRouteImport.update({
  id: '/signup',
@@ -98,11 +98,6 @@ const DashboardSosialRoute = DashboardSosialRouteImport.update({
  path: '/sosial',
  getParentRoute: () => DashboardRouteRoute,
 } as any)
-const DashboardPengaturanRoute = DashboardPengaturanRouteImport.update({
-  id: '/pengaturan',
-  path: '/pengaturan',
-  getParentRoute: () => DashboardRouteRoute,
-} as any)
 const DashboardPengaduanLayananPublikRoute =
  DashboardPengaduanLayananPublikRouteImport.update({
    id: '/pengaduan-layanan-publik',
@@ -161,29 +156,34 @@ const AdminApikeyRoute = AdminApikeyRouteImport.update({
  path: '/apikey',
  getParentRoute: () => AdminRouteRoute,
 } as any)
-const DashboardPengaturanUmumRouteRoute =
-  DashboardPengaturanUmumRouteRouteImport.update({
+const DashboardPengaturanRouteRoute =
+  DashboardPengaturanRouteRouteImport.update({
+    id: '/pengaturan',
+    path: '/pengaturan',
+    getParentRoute: () => DashboardRouteRoute,
+  } as any)
+const DashboardPengaturanUmumRoute = DashboardPengaturanUmumRouteImport.update({
  id: '/umum',
  path: '/umum',
-    getParentRoute: () => DashboardPengaturanRoute,
-  } as any)
-const DashboardPengaturanNotifikasiRouteRoute =
-  DashboardPengaturanNotifikasiRouteRouteImport.update({
+  getParentRoute: () => DashboardPengaturanRouteRoute,
+} as any)
+const DashboardPengaturanNotifikasiRoute =
+  DashboardPengaturanNotifikasiRouteImport.update({
    id: '/notifikasi',
    path: '/notifikasi',
-    getParentRoute: () => DashboardPengaturanRoute,
+    getParentRoute: () => DashboardPengaturanRouteRoute,
  } as any)
-const DashboardPengaturanKeamananRouteRoute =
-  DashboardPengaturanKeamananRouteRouteImport.update({
+const DashboardPengaturanKeamananRoute =
+  DashboardPengaturanKeamananRouteImport.update({
    id: '/keamanan',
    path: '/keamanan',
-    getParentRoute: () => DashboardPengaturanRoute,
+    getParentRoute: () => DashboardPengaturanRouteRoute,
  } as any)
-const DashboardPengaturanAksesDanTimRouteRoute =
-  DashboardPengaturanAksesDanTimRouteRouteImport.update({
+const DashboardPengaturanAksesDanTimRoute =
+  DashboardPengaturanAksesDanTimRouteImport.update({
    id: '/akses-dan-tim',
    path: '/akses-dan-tim',
-    getParentRoute: () => DashboardPengaturanRoute,
+    getParentRoute: () => DashboardPengaturanRouteRoute,
  } as any)

 export interface FileRoutesByFullPath {
@@ -192,6 +192,7 @@ export interface FileRoutesByFullPath {
  '/dashboard': typeof DashboardRouteRouteWithChildren
  '/signin': typeof SigninRoute
  '/signup': typeof SignupRoute
+  '/dashboard/pengaturan': typeof DashboardPengaturanRouteRouteWithChildren
  '/admin/apikey': typeof AdminApikeyRoute
  '/admin/settings': typeof AdminSettingsRoute
  '/admin/users': typeof AdminUsersRoute
@@ -203,7 +204,6 @@ export interface FileRoutesByFullPath {
  '/dashboard/keuangan-anggaran': typeof DashboardKeuanganAnggaranRoute
  '/dashboard/kinerja-divisi': typeof DashboardKinerjaDivisiRoute
  '/dashboard/pengaduan-layanan-publik': typeof DashboardPengaduanLayananPublikRoute
-  '/dashboard/pengaturan': typeof DashboardPengaturanRouteWithChildren
  '/dashboard/sosial': typeof DashboardSosialRoute
  '/profile/edit': typeof ProfileEditRoute
  '/users/$id': typeof UsersIdRoute
@@ -211,15 +211,16 @@ export interface FileRoutesByFullPath {
  '/dashboard/': typeof DashboardIndexRoute
  '/profile/': typeof ProfileIndexRoute
  '/users/': typeof UsersIndexRoute
-  '/dashboard/pengaturan/akses-dan-tim': typeof DashboardPengaturanAksesDanTimRouteRoute
-  '/dashboard/pengaturan/keamanan': typeof DashboardPengaturanKeamananRouteRoute
-  '/dashboard/pengaturan/notifikasi': typeof DashboardPengaturanNotifikasiRouteRoute
-  '/dashboard/pengaturan/umum': typeof DashboardPengaturanUmumRouteRoute
+  '/dashboard/pengaturan/akses-dan-tim': typeof DashboardPengaturanAksesDanTimRoute
+  '/dashboard/pengaturan/keamanan': typeof DashboardPengaturanKeamananRoute
+  '/dashboard/pengaturan/notifikasi': typeof DashboardPengaturanNotifikasiRoute
+  '/dashboard/pengaturan/umum': typeof DashboardPengaturanUmumRoute
 }
 export interface FileRoutesByTo {
  '/': typeof IndexRoute
  '/signin': typeof SigninRoute
  '/signup': typeof SignupRoute
+  '/dashboard/pengaturan': typeof DashboardPengaturanRouteRouteWithChildren
  '/admin/apikey': typeof AdminApikeyRoute
  '/admin/settings': typeof AdminSettingsRoute
  '/admin/users': typeof AdminUsersRoute
@@ -231,7 +232,6 @@ export interface FileRoutesByTo {
  '/dashboard/keuangan-anggaran': typeof DashboardKeuanganAnggaranRoute
  '/dashboard/kinerja-divisi': typeof DashboardKinerjaDivisiRoute
  '/dashboard/pengaduan-layanan-publik': typeof DashboardPengaduanLayananPublikRoute
-  '/dashboard/pengaturan': typeof DashboardPengaturanRouteWithChildren
  '/dashboard/sosial': typeof DashboardSosialRoute
  '/profile/edit': typeof ProfileEditRoute
  '/users/$id': typeof UsersIdRoute
@@ -239,10 +239,10 @@ export interface FileRoutesByTo {
  '/dashboard': typeof DashboardIndexRoute
  '/profile': typeof ProfileIndexRoute
  '/users': typeof UsersIndexRoute
-  '/dashboard/pengaturan/akses-dan-tim': typeof DashboardPengaturanAksesDanTimRouteRoute
-  '/dashboard/pengaturan/keamanan': typeof DashboardPengaturanKeamananRouteRoute
-  '/dashboard/pengaturan/notifikasi': typeof DashboardPengaturanNotifikasiRouteRoute
-  '/dashboard/pengaturan/umum': typeof DashboardPengaturanUmumRouteRoute
+  '/dashboard/pengaturan/akses-dan-tim': typeof DashboardPengaturanAksesDanTimRoute
+  '/dashboard/pengaturan/keamanan': typeof DashboardPengaturanKeamananRoute
+  '/dashboard/pengaturan/notifikasi': typeof DashboardPengaturanNotifikasiRoute
+  '/dashboard/pengaturan/umum': typeof DashboardPengaturanUmumRoute
 }
 export interface FileRoutesById {
  __root__: typeof rootRouteImport
@@ -251,6 +251,7 @@ export interface FileRoutesById {
  '/dashboard': typeof DashboardRouteRouteWithChildren
  '/signin': typeof SigninRoute
  '/signup': typeof SignupRoute
+  '/dashboard/pengaturan': typeof DashboardPengaturanRouteRouteWithChildren
  '/admin/apikey': typeof AdminApikeyRoute
  '/admin/settings': typeof AdminSettingsRoute
  '/admin/users': typeof AdminUsersRoute
@@ -262,7 +263,6 @@ export interface FileRoutesById {
  '/dashboard/keuangan-anggaran': typeof DashboardKeuanganAnggaranRoute
  '/dashboard/kinerja-divisi': typeof DashboardKinerjaDivisiRoute
  '/dashboard/pengaduan-layanan-publik': typeof DashboardPengaduanLayananPublikRoute
-  '/dashboard/pengaturan': typeof DashboardPengaturanRouteWithChildren
  '/dashboard/sosial': typeof DashboardSosialRoute
  '/profile/edit': typeof ProfileEditRoute
  '/users/$id': typeof UsersIdRoute
@@ -270,10 +270,10 @@ export interface FileRoutesById {
  '/dashboard/': typeof DashboardIndexRoute
  '/profile/': typeof ProfileIndexRoute
  '/users/': typeof UsersIndexRoute
-  '/dashboard/pengaturan/akses-dan-tim': typeof DashboardPengaturanAksesDanTimRouteRoute
-  '/dashboard/pengaturan/keamanan': typeof DashboardPengaturanKeamananRouteRoute
-  '/dashboard/pengaturan/notifikasi': typeof DashboardPengaturanNotifikasiRouteRoute
-  '/dashboard/pengaturan/umum': typeof DashboardPengaturanUmumRouteRoute
+  '/dashboard/pengaturan/akses-dan-tim': typeof DashboardPengaturanAksesDanTimRoute
+  '/dashboard/pengaturan/keamanan': typeof DashboardPengaturanKeamananRoute
+  '/dashboard/pengaturan/notifikasi': typeof DashboardPengaturanNotifikasiRoute
+  '/dashboard/pengaturan/umum': typeof DashboardPengaturanUmumRoute
 }
 export interface FileRouteTypes {
  fileRoutesByFullPath: FileRoutesByFullPath
@@ -283,6 +283,7 @@ export interface FileRouteTypes {
    | '/dashboard'
    | '/signin'
    | '/signup'
+    | '/dashboard/pengaturan'
    | '/admin/apikey'
    | '/admin/settings'
    | '/admin/users'
@@ -294,7 +295,6 @@ export interface FileRouteTypes {
    | '/dashboard/keuangan-anggaran'
    | '/dashboard/kinerja-divisi'
    | '/dashboard/pengaduan-layanan-publik'
-    | '/dashboard/pengaturan'
    | '/dashboard/sosial'
    | '/profile/edit'
    | '/users/$id'
@@ -311,6 +311,7 @@ export interface FileRouteTypes {
    | '/'
    | '/signin'
    | '/signup'
+    | '/dashboard/pengaturan'
    | '/admin/apikey'
    | '/admin/settings'
    | '/admin/users'
@@ -322,7 +323,6 @@ export interface FileRouteTypes {
    | '/dashboard/keuangan-anggaran'
    | '/dashboard/kinerja-divisi'
    | '/dashboard/pengaduan-layanan-publik'
-    | '/dashboard/pengaturan'
    | '/dashboard/sosial'
    | '/profile/edit'
    | '/users/$id'
@@ -341,6 +341,7 @@ export interface FileRouteTypes {
    | '/dashboard'
    | '/signin'
    | '/signup'
+    | '/dashboard/pengaturan'
    | '/admin/apikey'
    | '/admin/settings'
    | '/admin/users'
@@ -352,7 +353,6 @@ export interface FileRouteTypes {
    | '/dashboard/keuangan-anggaran'
    | '/dashboard/kinerja-divisi'
    | '/dashboard/pengaduan-layanan-publik'
-    | '/dashboard/pengaturan'
    | '/dashboard/sosial'
    | '/profile/edit'
    | '/users/$id'
@@ -464,13 +464,6 @@ declare module '@tanstack/react-router' {
      preLoaderRoute: typeof DashboardSosialRouteImport
      parentRoute: typeof DashboardRouteRoute
    }
-    '/dashboard/pengaturan': {
-      id: '/dashboard/pengaturan'
-      path: '/pengaturan'
-      fullPath: '/dashboard/pengaturan'
-      preLoaderRoute: typeof DashboardPengaturanRouteImport
-      parentRoute: typeof DashboardRouteRoute
-    }
    '/dashboard/pengaduan-layanan-publik': {
      id: '/dashboard/pengaduan-layanan-publik'
      path: '/pengaduan-layanan-publik'
@@ -548,33 +541,40 @@ declare module '@tanstack/react-router' {
      preLoaderRoute: typeof AdminApikeyRouteImport
      parentRoute: typeof AdminRouteRoute
    }
+    '/dashboard/pengaturan': {
+      id: '/dashboard/pengaturan'
+      path: '/pengaturan'
+      fullPath: '/dashboard/pengaturan'
+      preLoaderRoute: typeof DashboardPengaturanRouteRouteImport
+      parentRoute: typeof DashboardRouteRoute
+    }
    '/dashboard/pengaturan/umum': {
      id: '/dashboard/pengaturan/umum'
      path: '/umum'
      fullPath: '/dashboard/pengaturan/umum'
-      preLoaderRoute: typeof DashboardPengaturanUmumRouteRouteImport
-      parentRoute: typeof DashboardPengaturanRoute
+      preLoaderRoute: typeof DashboardPengaturanUmumRouteImport
+      parentRoute: typeof DashboardPengaturanRouteRoute
    }
    '/dashboard/pengaturan/notifikasi': {
      id: '/dashboard/pengaturan/notifikasi'
      path: '/notifikasi'
      fullPath: '/dashboard/pengaturan/notifikasi'
-      preLoaderRoute: typeof DashboardPengaturanNotifikasiRouteRouteImport
-      parentRoute: typeof DashboardPengaturanRoute
+      preLoaderRoute: typeof DashboardPengaturanNotifikasiRouteImport
+      parentRoute: typeof DashboardPengaturanRouteRoute
    }
    '/dashboard/pengaturan/keamanan': {
      id: '/dashboard/pengaturan/keamanan'
      path: '/keamanan'
      fullPath: '/dashboard/pengaturan/keamanan'
-      preLoaderRoute: typeof DashboardPengaturanKeamananRouteRouteImport
-      parentRoute: typeof DashboardPengaturanRoute
+      preLoaderRoute: typeof DashboardPengaturanKeamananRouteImport
+      parentRoute: typeof DashboardPengaturanRouteRoute
    }
    '/dashboard/pengaturan/akses-dan-tim': {
      id: '/dashboard/pengaturan/akses-dan-tim'
      path: '/akses-dan-tim'
      fullPath: '/dashboard/pengaturan/akses-dan-tim'
-      preLoaderRoute: typeof DashboardPengaturanAksesDanTimRouteRouteImport
-      parentRoute: typeof DashboardPengaturanRoute
+      preLoaderRoute: typeof DashboardPengaturanAksesDanTimRouteImport
+      parentRoute: typeof DashboardPengaturanRouteRoute
    }
  }
 }
@@ -597,26 +597,28 @@ const AdminRouteRouteWithChildren = AdminRouteRoute._addFileChildren(
  AdminRouteRouteChildren,
 )

-interface DashboardPengaturanRouteChildren {
-  DashboardPengaturanAksesDanTimRouteRoute: typeof DashboardPengaturanAksesDanTimRouteRoute
-  DashboardPengaturanKeamananRouteRoute: typeof DashboardPengaturanKeamananRouteRoute
-  DashboardPengaturanNotifikasiRouteRoute: typeof DashboardPengaturanNotifikasiRouteRoute
-  DashboardPengaturanUmumRouteRoute: typeof DashboardPengaturanUmumRouteRoute
+interface DashboardPengaturanRouteRouteChildren {
+  DashboardPengaturanAksesDanTimRoute: typeof DashboardPengaturanAksesDanTimRoute
+  DashboardPengaturanKeamananRoute: typeof DashboardPengaturanKeamananRoute
+  DashboardPengaturanNotifikasiRoute: typeof DashboardPengaturanNotifikasiRoute
+  DashboardPengaturanUmumRoute: typeof DashboardPengaturanUmumRoute
 }

-const DashboardPengaturanRouteChildren: DashboardPengaturanRouteChildren = {
-  DashboardPengaturanAksesDanTimRouteRoute:
-    DashboardPengaturanAksesDanTimRouteRoute,
-  DashboardPengaturanKeamananRouteRoute: DashboardPengaturanKeamananRouteRoute,
-  DashboardPengaturanNotifikasiRouteRoute:
-    DashboardPengaturanNotifikasiRouteRoute,
-  DashboardPengaturanUmumRouteRoute: DashboardPengaturanUmumRouteRoute,
-}
+const DashboardPengaturanRouteRouteChildren: DashboardPengaturanRouteRouteChildren =
+  {
+    DashboardPengaturanAksesDanTimRoute: DashboardPengaturanAksesDanTimRoute,
+    DashboardPengaturanKeamananRoute: DashboardPengaturanKeamananRoute,
+    DashboardPengaturanNotifikasiRoute: DashboardPengaturanNotifikasiRoute,
+    DashboardPengaturanUmumRoute: DashboardPengaturanUmumRoute,
+  }

-const DashboardPengaturanRouteWithChildren =
-  DashboardPengaturanRoute._addFileChildren(DashboardPengaturanRouteChildren)
+const DashboardPengaturanRouteRouteWithChildren =
+  DashboardPengaturanRouteRoute._addFileChildren(
+    DashboardPengaturanRouteRouteChildren,
+  )

 interface DashboardRouteRouteChildren {
+  DashboardPengaturanRouteRoute: typeof DashboardPengaturanRouteRouteWithChildren
  DashboardBantuanRoute: typeof DashboardBantuanRoute
  DashboardBumdesRoute: typeof DashboardBumdesRoute
  DashboardDemografiPekerjaanRoute: typeof DashboardDemografiPekerjaanRoute
@@ -625,12 +627,12 @@ interface DashboardRouteRouteChildren {
  DashboardKeuanganAnggaranRoute: typeof DashboardKeuanganAnggaranRoute
  DashboardKinerjaDivisiRoute: typeof DashboardKinerjaDivisiRoute
  DashboardPengaduanLayananPublikRoute: typeof DashboardPengaduanLayananPublikRoute
-  DashboardPengaturanRoute: typeof DashboardPengaturanRouteWithChildren
  DashboardSosialRoute: typeof DashboardSosialRoute
  DashboardIndexRoute: typeof DashboardIndexRoute
 }

 const DashboardRouteRouteChildren: DashboardRouteRouteChildren = {
+  DashboardPengaturanRouteRoute: DashboardPengaturanRouteRouteWithChildren,
  DashboardBantuanRoute: DashboardBantuanRoute,
  DashboardBumdesRoute: DashboardBumdesRoute,
  DashboardDemografiPekerjaanRoute: DashboardDemografiPekerjaanRoute,
@@ -639,7 +641,6 @@ const DashboardRouteRouteChildren: DashboardRouteRouteChildren = {
  DashboardKeuanganAnggaranRoute: DashboardKeuanganAnggaranRoute,
  DashboardKinerjaDivisiRoute: DashboardKinerjaDivisiRoute,
  DashboardPengaduanLayananPublikRoute: DashboardPengaduanLayananPublikRoute,
-  DashboardPengaturanRoute: DashboardPengaturanRouteWithChildren,
  DashboardSosialRoute: DashboardSosialRoute,
  DashboardIndexRoute: DashboardIndexRoute,
 }
--- a/src/routes/dashboard/pengaturan/akses-dan-tim.route.tsx
+++ b/src/routes/dashboard/pengaturan/akses-dan-tim.route.tsx
@@ -1,6 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import AksesDanTimSettings from './-akses-dan-tim';
-
-export const Route = createFileRoute('/dashboard/pengaturan/akses-dan-tim')({
-  component: AksesDanTimSettings,
-});
--- a/src/routes/dashboard/pengaturan/akses-dan-tim.ts
+++ b/src/routes/dashboard/pengaturan/akses-dan-tim.ts
@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import AksesDanTimSettings from '@/components/pengaturan/akses-dan-tim'
+
+export const Route = createFileRoute('/dashboard/pengaturan/akses-dan-tim')({
+  component: AksesDanTimSettings,
+})
--- a/src/routes/dashboard/pengaturan/keamanan.route.tsx
+++ b/src/routes/dashboard/pengaturan/keamanan.route.tsx
@@ -1,6 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import KeamananSettings from './-keamanan';
-
-export const Route = createFileRoute('/dashboard/pengaturan/keamanan')({
-  component: KeamananSettings,
-});
--- a/src/routes/dashboard/pengaturan/keamanan.ts
+++ b/src/routes/dashboard/pengaturan/keamanan.ts
@@ -0,0 +1,7 @@
+import { createFileRoute } from '@tanstack/react-router'
+import KeamananSettings from '@/components/pengaturan/keamanan'
+
+export const Route = createFileRoute('/dashboard/pengaturan/keamanan')({
+  component: KeamananSettings,
+})
+
--- a/src/routes/dashboard/pengaturan/notifikasi.route.tsx
+++ b/src/routes/dashboard/pengaturan/notifikasi.route.tsx
@@ -1,6 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import NotifikasiSettings from './-notifikasi';
-
-export const Route = createFileRoute('/dashboard/pengaturan/notifikasi')({
-  component: NotifikasiSettings,
-});
--- a/src/routes/dashboard/pengaturan/notifikasi.ts
+++ b/src/routes/dashboard/pengaturan/notifikasi.ts
@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import NotifikasiSettings from '@/components/pengaturan/notifikasi'
+
+export const Route = createFileRoute('/dashboard/pengaturan/notifikasi')({
+  component: NotifikasiSettings,
+})
--- a/src/routes/dashboard/pengaturan/route.tsx
+++ b/src/routes/dashboard/pengaturan/route.tsx
--- a/src/routes/dashboard/pengaturan/umum.route.tsx
+++ b/src/routes/dashboard/pengaturan/umum.route.tsx
@@ -1,6 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import UmumSettings from './-umum';
-
-export const Route = createFileRoute('/dashboard/pengaturan/umum')({
-  component: UmumSettings,
-});
--- a/src/routes/dashboard/pengaturan/umum.ts
+++ b/src/routes/dashboard/pengaturan/umum.ts
@@ -0,0 +1,7 @@
+import UmumSettings from '@/components/pengaturan/umum'
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/dashboard/pengaturan/umum')({
+  component: UmumSettings,
+})
+
--- a/src/vite.ts
+++ b/src/vite.ts
@@ -32,7 +32,9 @@ export async function createVite() {
 		],
 		server: {
 			middlewareMode: true,
-			hmr: true,
+			hmr: {
+				port: 3000,
+			},
 		},
 		appType: "custom",
 		optimizeDeps: {